@vitejs/devtools 0.1.3 → 0.1.4

package/dist/client/webcomponents.js

@@ -1,11 +1,41 @@
-import { A as renderSlot, D as openBlock, E as onUnmounted, F as withDirectives, M as watch, N as watchEffect, P as withCtx, T as onMounted, U as ref, V as reactive, X as normalizeClass, Y as unref, Z as normalizeStyle, b as h, d as createBlock, f as createCommentVNode, g as createVNode, i as vShow, j as useTemplateRef, l as computed, n as defineCustomElement, o as withModifiers, p as createElementBlock, q as toRefs, s as Fragment, u as createBaseVNode, v as defineComponent, z as markRaw } from "../vue.runtime.esm-bundler-D2MZbyFr.js";
-import { a as useScreenSafeArea, l as watchDebounced, n as useElementBounding, r as useEventListener, s as useWindowSize } from "../dist-Cgqg5_oP.js";
-import { b as BUILTIN_ENTRY_CLIENT_AUTH_NOTICE, c as setDocksOverflowPanel, d as useDocksOverflowPanel, g as useDocksEntries, h as sharedStateToRef, m as createDockEntryState, o as useIsDockPopupOpen, p as DEFAULT_DOCK_PANEL_STORE, t as closeDockPopup, v as docksSplitGroupsWithCapacity } from "../popup-BZ5jBcoC.js";
-import { c as _sfc_main$7, d as css_default, l as _sfc_main$8, n as _sfc_main$10, o as PersistedDomHolder, r as _sfc_main$9, s as PersistedDomViewsManager, t as _sfc_main$11, u as openDockContextMenu } from "../ToastOverlay-DdeglpI8.js";
-import "../iconify-YyqAMHKf.js";
-import { n as VitePlusCore_default, r as export_helper_default } from "../DockIcon-BtMEW4VE.js";
-//#region src/client/webcomponents/components/DockOverflowButton.vue
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+import { A as renderSlot, D as openBlock, E as onUnmounted, F as withDirectives, M as watch, N as watchEffect, P as withCtx, Q as toDisplayString, T as onMounted, U as ref, V as reactive, X as normalizeClass, Y as unref, Z as normalizeStyle, b as h, d as createBlock, f as createCommentVNode, g as createVNode, i as vShow, j as useTemplateRef, l as computed, n as defineCustomElement, o as withModifiers, p as createElementBlock, q as toRefs, s as Fragment, u as createBaseVNode, v as defineComponent, z as markRaw } from "../vue.runtime.esm-bundler-CS1wMbap.js";
+import { a as useScreenSafeArea, l as watchDebounced, n as useElementBounding, r as useEventListener, s as useWindowSize } from "../dist-D2Z6bwqJ.js";
+import { S as BUILTIN_ENTRY_CLIENT_AUTH_NOTICE, _ as sharedStateToRef, b as docksSplitGroupsWithCapacity, c as setDocksOverflowPanel, f as useDocksOverflowPanel, g as createDockEntryState, h as DEFAULT_DOCK_PANEL_STORE, l as setEdgePositionDropdown, o as useIsDockPopupOpen, p as useEdgePositionDropdown, t as closeDockPopup, u as setFloatingTooltip, v as useDocksEntries } from "../popup-DzgY0boj.js";
+import { a as PersistedDomViewsManager, c as openDockContextMenu, d as css_default, i as PersistedDomHolder, l as _sfc_main$11, o as _sfc_main$8, r as _sfc_main$10, s as _sfc_main$9, t as DockStandalone, u as _sfc_main$12 } from "../DockStandalone-CL8hrIeb.js";
+import { n as VitePlusCore_default, r as export_helper_default } from "../DockIcon-DNt-Vqy4.js";
+import "../iconify-BW79QmbD.js";
+//#region src/client/webcomponents/components/icons/BracketLeft.vue
+const _sfc_main$7 = {};
+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$7, [["render", _sfc_render$1]]);
+//#endregion
+//#region src/client/webcomponents/components/icons/BracketRight.vue
+const _sfc_main$6 = {};
+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$6, [["render", _sfc_render]]);
+//#endregion
+//#region src/client/webcomponents/components/dock/DockOverflowButton.vue
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 	__name: "DockOverflowButton",
 	props: {
 		context: {},
@@ -29,7 +59,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 			if (!overflowButton.value) return;
 			isOverflowPanelVisible.value = true;
 			setDocksOverflowPanel({
-				content: () => h("div", { class: "flex gap-0 flex-wrap max-w-220px" }, [h(_sfc_main$7, {
+				content: () => h("div", { class: "flex gap-0 flex-wrap max-w-220px" }, [h(_sfc_main$8, {
 					context: props.context,
 					groups: props.groups,
 					isVertical: false,
@@ -54,7 +84,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", {
 				ref_key: "overflowButton",
 				ref: overflowButton
-			}, [createVNode(_sfc_main$8, {
+			}, [createVNode(_sfc_main$9, {
 				context: __props.context,
 				dock: {
 					id: "overflow",
@@ -77,45 +107,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/client/webcomponents/components/icons/BracketLeft.vue
-const _sfc_main$5 = {};
-const _hoisted_1$2 = {
-	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$2, [..._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$5, [["render", _sfc_render$1]]);
-//#endregion
-//#region src/client/webcomponents/components/icons/BracketRight.vue
-const _sfc_main$4 = {};
+//#region src/client/webcomponents/components/dock/Dock.vue
 const _hoisted_1$1 = {
-	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$1, [..._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$4, [["render", _sfc_render]]);
-//#endregion
-//#region src/client/webcomponents/components/Dock.vue
-const _hoisted_1 = {
 	key: 0,
 	class: "i-fluent-emoji-flat-warning absolute bottom-0 right--1px w-1.5 h-1.5"
 };
-const _hoisted_2 = { class: "flex items-center gap-1" };
+const _hoisted_2$1 = { class: "flex items-center gap-1" };
 const PANEL_MARGIN = 2;
 const SNAP_THRESHOLD = 2;
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 	__name: "Dock",
 	props: { context: {} },
 	setup(__props) {
@@ -166,6 +166,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 		context.rpc.events.on("rpc:is-trusted:updated", (isTrusted) => {
 			isRpcTrusted.value = isTrusted;
 			if (isTrusted && context.docks.selected?.id === BUILTIN_ENTRY_CLIENT_AUTH_NOTICE.id) context.docks.switchEntry(null);
+			else if (!isTrusted) {
+				context.docks.switchEntry(null);
+				context.panel.store.open = false;
+			}
 		});
 		const groupedEntries = computed(() => context.docks.groupedEntries);
 		const splitEntries = computed(() => {
@@ -315,15 +319,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 				}, [
 					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"]),
-					createBaseVNode("div", { 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", unref(context).panel.isVertical ? "rotate-270" : "rotate-0"]]) }, [createVNode(VitePlusCore_default), !isRpcTrusted.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("v-if", true)], 2),
+					createBaseVNode("div", { 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", unref(context).panel.isVertical ? "rotate-270" : "rotate-0"]]) }, [createVNode(VitePlusCore_default), !isRpcTrusted.value ? (openBlock(), createElementBlock("div", _hoisted_1$1)) : createCommentVNode("v-if", true)], 2),
 					!isRpcTrusted.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(["transition duration-300 delay-200", isMinimized.value ? "opacity-0 pointer-events-none ws-nowrap text-sm text-orange of-hidden" : "opacity-100"])
 					}, [createBaseVNode("button", {
 						class: "p2 transition hover:bg-active rounded-full px4",
 						onClick: _cache[0] || (_cache[0] = ($event) => unref(context).docks.toggleEntry(unref(BUILTIN_ENTRY_CLIENT_AUTH_NOTICE).id))
-					}, [createBaseVNode("div", _hoisted_2, [createBaseVNode("div", { class: normalizeClass(["i-fluent-emoji-flat-warning flex-none", unref(context).panel.isVertical ? "rotate-270" : "rotate-0"]) }, null, 2), _cache[3] || (_cache[3] = createBaseVNode("div", { class: "ws-nowrap text-amber" }, " Unauthorized ", -1))])])], 2)) : createCommentVNode("v-if", true),
-					createBaseVNode("div", { class: normalizeClass([isMinimized.value ? "opacity-0 pointer-events-none" : "opacity-100", "transition duration-200 flex items-center w-full h-full justify-center px3"]) }, [createVNode(_sfc_main$7, {
+					}, [createBaseVNode("div", _hoisted_2$1, [createBaseVNode("div", { class: normalizeClass(["i-fluent-emoji-flat-warning flex-none", unref(context).panel.isVertical ? "rotate-270" : "rotate-0"]) }, null, 2), _cache[3] || (_cache[3] = createBaseVNode("div", { class: "ws-nowrap text-amber" }, " Unauthorized ", -1))])])], 2)) : createCommentVNode("v-if", true),
+					createBaseVNode("div", { class: normalizeClass([isMinimized.value ? "opacity-0 pointer-events-none" : "opacity-100", "transition duration-200 flex items-center w-full h-full justify-center px3"]) }, [createVNode(_sfc_main$8, {
 						context: unref(context),
 						groups: splitEntries.value.visible,
 						"is-vertical": unref(context).panel.isVertical,
@@ -334,7 +338,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 						"groups",
 						"is-vertical",
 						"selected"
-					]), splitEntries.value.overflow.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[4] || (_cache[4] = createBaseVNode("div", { class: "border-base m1 h-20px w-px border-r-1.5" }, null, -1)), createVNode(_sfc_main$6, {
+					]), splitEntries.value.overflow.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[4] || (_cache[4] = createBaseVNode("div", { class: "border-base m1 h-20px w-px border-r-1.5" }, null, -1)), createVNode(_sfc_main$5, {
 						context: unref(context),
 						"is-vertical": unref(context).panel.isVertical,
 						groups: splitEntries.value.overflow,
@@ -352,12 +356,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/client/webcomponents/components/DockPanelResizer.vue
+//#region src/client/webcomponents/components/dock/DockPanelResizer.vue
 const PANEL_MIN = 20;
 const PANEL_MAX = 100;
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 	__name: "DockPanelResizer",
-	props: { panel: {} },
+	props: {
+		panel: {},
+		edgeMode: {
+			type: Boolean,
+			default: false
+		}
+	},
 	setup(__props) {
 		const props = __props;
 		const topHandle = useTemplateRef("topHandle");
@@ -402,25 +412,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 					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"]]),
+				}, null, 544), [[vShow, __props.edgeMode ? __props.panel.store.position === "bottom" : __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"]]),
+				}, null, 544), [[vShow, __props.edgeMode ? __props.panel.store.position === "top" : __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"]]),
+				}, null, 544), [[vShow, __props.edgeMode ? __props.panel.store.position === "right" : __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"]]),
+				}, null, 544), [[vShow, __props.edgeMode ? __props.panel.store.position === "left" : __props.panel.store.position !== "right"]]),
 				withDirectives(createBaseVNode("div", {
 					class: "vite-devtools-resize-handle vite-devtools-resize-handle-corner",
 					style: {
@@ -436,7 +446,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 						top: true,
 						left: true
 					})
-				}, null, 544), [[vShow, __props.panel.store.position !== "top" && __props.panel.store.position !== "left"]]),
+				}, null, 544), [[vShow, !__props.edgeMode && __props.panel.store.position !== "top" && __props.panel.store.position !== "left"]]),
 				withDirectives(createBaseVNode("div", {
 					class: "vite-devtools-resize-handle vite-devtools-resize-handle-corner",
 					style: {
@@ -452,7 +462,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 						top: true,
 						right: true
 					})
-				}, null, 544), [[vShow, __props.panel.store.position !== "top" && __props.panel.store.position !== "right"]]),
+				}, null, 544), [[vShow, !__props.edgeMode && __props.panel.store.position !== "top" && __props.panel.store.position !== "right"]]),
 				withDirectives(createBaseVNode("div", {
 					class: "vite-devtools-resize-handle vite-devtools-resize-handle-corner",
 					style: {
@@ -468,7 +478,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 						bottom: true,
 						left: true
 					})
-				}, null, 544), [[vShow, __props.panel.store.position !== "bottom" && __props.panel.store.position !== "left"]]),
+				}, null, 544), [[vShow, !__props.edgeMode && __props.panel.store.position !== "bottom" && __props.panel.store.position !== "left"]]),
 				withDirectives(createBaseVNode("div", {
 					class: "vite-devtools-resize-handle vite-devtools-resize-handle-corner",
 					style: {
@@ -484,13 +494,214 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 						bottom: true,
 						right: true
 					})
-				}, null, 544), [[vShow, __props.panel.store.position !== "bottom" && __props.panel.store.position !== "right"]])
+				}, null, 544), [[vShow, !__props.edgeMode && __props.panel.store.position !== "bottom" && __props.panel.store.position !== "right"]])
 			], 64);
 		};
 	}
 });
 //#endregion
-//#region src/client/webcomponents/components/DockPanel.vue
+//#region src/client/webcomponents/components/dock/DockEdge.vue
+const _hoisted_1 = {
+	key: 1,
+	class: "absolute inset-0 flex items-center justify-center op40 select-none"
+};
+const _hoisted_2 = { class: "flex flex-col items-center gap-2" };
+const _hoisted_3 = { class: "text-sm" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "DockEdge",
+	props: { context: {} },
+	setup(__props) {
+		const context = __props.context;
+		const store = context.panel.store;
+		const viewsContainer = useTemplateRef("viewsContainer");
+		const persistedDoms = markRaw(new PersistedDomViewsManager(viewsContainer));
+		const isVertical = computed(() => store.position === "left" || store.position === "right");
+		const groupedEntries = computed(() => context.docks.groupedEntries);
+		const selectedEntry = computed(() => context.docks.selected);
+		const positions = [
+			"top",
+			"right",
+			"bottom",
+			"left"
+		];
+		const positionIcons = {
+			top: "i-ph-square-half-bottom-duotone rotate-180",
+			right: "i-ph-square-half-bottom-duotone rotate-270",
+			bottom: "i-ph-square-half-bottom-duotone",
+			left: "i-ph-square-half-bottom-duotone rotate-90"
+		};
+		const positionLabels = {
+			top: "Top",
+			right: "Right",
+			bottom: "Bottom",
+			left: "Left"
+		};
+		function switchPosition(pos) {
+			store.position = pos;
+			setEdgePositionDropdown(null);
+		}
+		const positionButton = useTemplateRef("positionButton");
+		const floatButton = useTemplateRef("floatButton");
+		const edgePositionDropdown = useEdgePositionDropdown();
+		function showTooltip(el, text) {
+			if (!el) return;
+			setFloatingTooltip({
+				content: text,
+				el
+			});
+		}
+		function hideTooltip() {
+			setFloatingTooltip(null);
+		}
+		function togglePositionDropdown() {
+			if (!positionButton.value) return;
+			if (edgePositionDropdown.value) {
+				setEdgePositionDropdown(null);
+				return;
+			}
+			setEdgePositionDropdown({
+				el: positionButton.value,
+				gap: 6,
+				content: () => h("div", { class: "flex flex-col gap-0.5 min-w-28" }, positions.map((pos) => h("button", {
+					class: ["flex items-center gap-2 w-full px2 py1 rounded hover:bg-active transition text-sm", store.position === pos ? "text-primary bg-active" : "op75 hover:op100"],
+					onClick: () => switchPosition(pos)
+				}, [h("div", { class: `${positionIcons[pos]} w-4.5 h-4.5` }), h("span", positionLabels[pos])])))
+			});
+		}
+		function switchToFloat() {
+			switch (store.position) {
+				case "bottom":
+					store.left = 50;
+					store.top = 100;
+					break;
+				case "top":
+					store.left = 50;
+					store.top = 0;
+					break;
+				case "left":
+					store.left = 0;
+					store.top = 50;
+					break;
+				case "right":
+					store.left = 100;
+					store.top = 50;
+					break;
+			}
+			store.mode = "float";
+		}
+		const panelStyle = computed(() => {
+			const style = {
+				position: "fixed",
+				pointerEvents: context.panel.isResizing ? "none" : "auto"
+			};
+			switch (store.position) {
+				case "bottom":
+					style.left = "0";
+					style.right = "0";
+					style.bottom = "0";
+					style.height = `${store.height}vh`;
+					style.minHeight = "150px";
+					style.borderRadius = "8px 8px 0 0";
+					break;
+				case "top":
+					style.left = "0";
+					style.right = "0";
+					style.top = "0";
+					style.height = `${store.height}vh`;
+					style.minHeight = "150px";
+					style.borderRadius = "0 0 8px 8px";
+					break;
+				case "left":
+					style.top = "0";
+					style.bottom = "0";
+					style.left = "0";
+					style.width = `${store.width}vw`;
+					style.minWidth = "200px";
+					style.borderRadius = "0 8px 8px 0";
+					break;
+				case "right":
+					style.top = "0";
+					style.bottom = "0";
+					style.right = "0";
+					style.width = `${store.width}vw`;
+					style.minWidth = "200px";
+					style.borderRadius = "8px 0 0 8px";
+					break;
+			}
+			return style;
+		});
+		const toolbarClass = computed(() => {
+			return isVertical.value ? "flex-col h-full w-[40px] border-r border-base" : "flex-row w-full border-b border-base";
+		});
+		const contentClass = computed(() => {
+			return isVertical.value ? "flex-1 h-full overflow-hidden" : "flex-1 w-full overflow-hidden";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: "vite-devtools-edge-panel",
+				class: normalizeClass(["bg-glass:75 border border-base color-base shadow overflow-hidden z-floating-anchor font-sans text-[15px] box-border", `flex ${isVertical.value ? "flex-row" : "flex-col"}`]),
+				style: normalizeStyle(panelStyle.value)
+			}, [
+				createVNode(_sfc_main$3, {
+					panel: unref(context).panel,
+					"edge-mode": ""
+				}, null, 8, ["panel"]),
+				createCommentVNode(" Toolbar "),
+				createBaseVNode("div", { class: normalizeClass(["flex items-center shrink-0 select-none py1", toolbarClass.value]) }, [
+					createBaseVNode("div", { class: normalizeClass(["flex items-center flex-1 flex-wrap gap-0.5 px1", isVertical.value ? "flex-col py1" : "flex-row px1"]) }, [createVNode(_sfc_main$8, {
+						context: unref(context),
+						groups: groupedEntries.value,
+						"is-vertical": isVertical.value,
+						rotate: false,
+						selected: selectedEntry.value,
+						onSelect: _cache[0] || (_cache[0] = (e) => unref(context).docks.switchEntry(e?.id))
+					}, null, 8, [
+						"context",
+						"groups",
+						"is-vertical",
+						"selected"
+					])], 2),
+					createCommentVNode(" Position dropdown & float toggle "),
+					createBaseVNode("div", { class: normalizeClass(["flex items-center gap-0.5 shrink-0 px1", isVertical.value ? "flex-col py1 border-t border-base" : "flex-row px1 border-l border-base"]) }, [createBaseVNode("button", {
+						ref_key: "positionButton",
+						ref: positionButton,
+						class: "p1.5 rounded hover:bg-active transition op75 hover:op100",
+						onPointerenter: _cache[1] || (_cache[1] = ($event) => showTooltip(positionButton.value, "Edge position")),
+						onPointerleave: hideTooltip,
+						onPointerdown: hideTooltip,
+						onClick: togglePositionDropdown
+					}, [createBaseVNode("div", { class: normalizeClass([positionIcons[unref(store).position], "w-4.5 h-4.5"]) }, null, 2)], 544), createBaseVNode("button", {
+						ref_key: "floatButton",
+						ref: floatButton,
+						class: "p1.5 rounded hover:bg-active transition op50 hover:op100",
+						onPointerenter: _cache[2] || (_cache[2] = ($event) => showTooltip(floatButton.value, "Float mode")),
+						onPointerleave: hideTooltip,
+						onPointerdown: hideTooltip,
+						onClick: switchToFloat
+					}, [..._cache[3] || (_cache[3] = [createBaseVNode("div", { class: "i-ph-cards-three-duotone w-4.5 h-4.5" }, null, -1)])], 544)], 2)
+				], 2),
+				createCommentVNode(" Content "),
+				createBaseVNode("div", { class: normalizeClass(["relative", contentClass.value]) }, [selectedEntry.value && selectedEntry.value.type !== "action" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [viewsContainer.value ? (openBlock(), createBlock(_sfc_main$10, {
+					key: selectedEntry.value.id,
+					context: unref(context),
+					entry: selectedEntry.value,
+					"persisted-doms": unref(persistedDoms)
+				}, null, 8, [
+					"context",
+					"entry",
+					"persisted-doms"
+				])) : createCommentVNode("v-if", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_1, [createBaseVNode("div", _hoisted_2, [_cache[4] || (_cache[4] = createBaseVNode("div", { class: "i-ph-layout-duotone w-8 h-8" }, null, -1)), createBaseVNode("span", _hoisted_3, toDisplayString(selectedEntry.value ? "Action executed" : "Select a dock entry"), 1)])])), createBaseVNode("div", {
+					id: "vite-devtools-views-container",
+					ref_key: "viewsContainer",
+					ref: viewsContainer,
+					class: "absolute inset-0 pointer-events-none"
+				}, null, 512)], 2)
+			], 6);
+		};
+	}
+});
+//#endregion
+//#region src/client/webcomponents/components/dock/DockPanel.vue
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 	__name: "DockPanel",
 	props: {
@@ -631,8 +842,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle(panelStyle.value),
 				onContextmenu: openContextMenu
 			}, [
-				createVNode(_sfc_main$2, { panel: unref(context).panel }, null, 8, ["panel"]),
-				unref(selected) && viewsContainer.value ? (openBlock(), createBlock(_sfc_main$9, {
+				createVNode(_sfc_main$3, { panel: unref(context).panel }, null, 8, ["panel"]),
+				unref(selected) && viewsContainer.value ? (openBlock(), createBlock(_sfc_main$10, {
 					key: unref(selected).id,
 					context: unref(context),
 					entry: unref(selected),
@@ -665,6 +876,10 @@ const DockEmbedded = defineCustomElement(/* @__PURE__ */ defineComponent({
 		const props = __props;
 		const isDockPopupOpen = useIsDockPopupOpen();
 		const settings = sharedStateToRef(props.context.docks.settings);
+		const isRpcTrusted = ref(props.context.rpc.isTrusted);
+		props.context.rpc.events.on("rpc:is-trusted:updated", (isTrusted) => {
+			isRpcTrusted.value = isTrusted;
+		});
 		useEventListener(window, "mousedown", (e) => {
 			if (!settings.value.closeOnOutsideClick) return;
 			if (isDockPopupOpen.value) return;
@@ -678,27 +893,26 @@ const DockEmbedded = defineCustomElement(/* @__PURE__ */ defineComponent({
 			closeDockPopup();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [
-				!unref(isDockPopupOpen) ? (openBlock(), createBlock(_sfc_main$3, {
-					key: 0,
-					context: __props.context
-				}, {
-					default: withCtx(({ dockEl, panelMargins, selected }) => [createVNode(_sfc_main$1, {
-						context: __props.context,
-						selected,
-						"dock-el": dockEl,
-						"panel-margins": panelMargins
-					}, null, 8, [
-						"context",
-						"selected",
-						"dock-el",
-						"panel-margins"
-					])]),
-					_: 1
-				}, 8, ["context"])) : createCommentVNode("v-if", true),
-				!unref(isDockPopupOpen) ? (openBlock(), createBlock(_sfc_main$10, { key: 1 })) : createCommentVNode("v-if", true),
-				createVNode(_sfc_main$11, { context: __props.context }, null, 8, ["context"])
-			], 64);
+			return openBlock(), createElementBlock(Fragment, null, [!unref(isDockPopupOpen) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [isRpcTrusted.value && __props.context.panel.store.mode === "edge" ? (openBlock(), createBlock(_sfc_main$2, {
+				key: 0,
+				context: __props.context
+			}, null, 8, ["context"])) : (openBlock(), createBlock(_sfc_main$4, {
+				key: 1,
+				context: __props.context
+			}, {
+				default: withCtx(({ dockEl, panelMargins, selected }) => [createVNode(_sfc_main$1, {
+					context: __props.context,
+					selected,
+					"dock-el": dockEl,
+					"panel-margins": panelMargins
+				}, null, 8, [
+					"context",
+					"selected",
+					"dock-el",
+					"panel-margins"
+				])]),
+				_: 1
+			}, 8, ["context"])), createVNode(_sfc_main$11)], 64)) : createCommentVNode("v-if", true), createVNode(_sfc_main$12, { context: __props.context }, null, 8, ["context"])], 64);
 		};
 	}
 }), {
@@ -707,4 +921,4 @@ const DockEmbedded = defineCustomElement(/* @__PURE__ */ defineComponent({
 });
 customElements.define("vite-devtools-dock-embedded", DockEmbedded);
 //#endregion
-export { DEFAULT_DOCK_PANEL_STORE, DockEmbedded, PersistedDomHolder, PersistedDomViewsManager, createDockEntryState, sharedStateToRef, useDocksEntries };
+export { DEFAULT_DOCK_PANEL_STORE, DockEmbedded, DockStandalone, PersistedDomHolder, PersistedDomViewsManager, createDockEntryState, sharedStateToRef, useDocksEntries };

package/dist/config.d.ts

@@ -13,6 +13,13 @@ interface DevToolsConfig extends Partial<StartOptions> {
    * @default true
    */
   clientAuth?: boolean;
+  /**
+   * Pre-configured auth tokens that are automatically trusted.
+   *
+   * Clients connecting with an auth token matching one of these
+   * will be auto-approved without a terminal prompt.
+   */
+  clientAuthTokens?: string[];
 }
 interface ResolvedDevToolsConfig {
   config: Omit<DevToolsConfig, 'enabled'> & {

package/dist/config.js

@@ -1,4 +1,4 @@
-import { t as isObject } from "./utils-Csuu5uNf.js";
+import { t as isObject } from "./utils-DaaVwEUH.js";
 //#region src/node/config.ts
 function normalizeDevToolsConfig(config, host) {
 	return {
@@ -6,6 +6,7 @@ function normalizeDevToolsConfig(config, host) {
 		config: {
 			...isObject(config) ? config : {},
 			clientAuth: isObject(config) ? config.clientAuth ?? true : true,
+			clientAuthTokens: isObject(config) ? config.clientAuthTokens ?? [] : [],
 			host: isObject(config) ? config.host ?? host : host
 		}
 	};

package/dist/context-internal-CvIHbZq4.js

@@ -0,0 +1,74 @@
+import { debounce } from "perfect-debounce";
+import { dirname, join } from "pathe";
+import fs from "node:fs";
+import { createSharedState } from "@vitejs/devtools-kit/utils/shared-state";
+import { homedir } from "node:os";
+//#region src/node/storage.ts
+function createStorage(options) {
+	const { mergeInitialValue = (initialValue, savedValue) => ({
+		...initialValue,
+		...savedValue
+	}), debounce: debounceTime = 100 } = options;
+	let initialValue = options.initialValue;
+	if (fs.existsSync(options.filepath)) try {
+		const savedValue = JSON.parse(fs.readFileSync(options.filepath, "utf-8"));
+		initialValue = mergeInitialValue ? mergeInitialValue(options.initialValue, savedValue) : savedValue;
+	} catch (error) {
+		console.warn(`[Vite DevTools] Failed to parse storage file: ${options.filepath}, falling back to defaults.`);
+		console.warn(error);
+		initialValue = options.initialValue;
+	}
+	const state = createSharedState({
+		initialValue,
+		enablePatches: false
+	});
+	state.on("updated", debounce((newState) => {
+		fs.mkdirSync(dirname(options.filepath), { recursive: true });
+		fs.writeFileSync(options.filepath, `${JSON.stringify(newState, null, 2)}\n`);
+	}, debounceTime));
+	return state;
+}
+//#endregion
+//#region src/node/auth-revoke.ts
+/**
+* Revoke an auth token: remove from storage and notify all connected clients
+* using this token that they are no longer trusted.
+*/
+async function revokeAuthToken(context, storage, token) {
+	storage.mutate((state) => {
+		delete state.trusted[token];
+	});
+	const rpcHost = context.rpc;
+	if (!rpcHost._rpcGroup) return;
+	const affectedSessionIds = /* @__PURE__ */ new Set();
+	for (const client of rpcHost._rpcGroup.clients) if (client.$meta.clientAuthToken === token) {
+		affectedSessionIds.add(client.$meta.id);
+		client.$meta.isTrusted = false;
+		client.$meta.clientAuthToken = void 0;
+	}
+	if (affectedSessionIds.size === 0) return;
+	await rpcHost.broadcast({
+		method: "devtoolskit:internal:auth:revoked",
+		args: [],
+		filter: (client) => affectedSessionIds.has(client.$meta.id)
+	});
+}
+//#endregion
+//#region src/node/context-internal.ts
+const internalContextMap = /* @__PURE__ */ new WeakMap();
+function getInternalContext(context) {
+	if (!internalContextMap.has(context)) {
+		const storage = createStorage({
+			filepath: join(homedir(), ".vite/devtools/auth.json"),
+			initialValue: { trusted: {} }
+		});
+		const internalContext = {
+			storage: { auth: storage },
+			revokeAuthToken: (token) => revokeAuthToken(context, storage, token)
+		};
+		internalContextMap.set(context, internalContext);
+	}
+	return internalContextMap.get(context);
+}
+//#endregion
+export { createStorage as n, getInternalContext as t };

package/dist/context-internal-Du6FuGIu.d.ts

@@ -0,0 +1,25 @@
+import { SharedState } from "@vitejs/devtools-kit/utils/shared-state";
+import { DevToolsNodeContext } from "@vitejs/devtools-kit";
+
+//#region src/node/context-internal.d.ts
+interface InternalAnonymousAuthStorage {
+  trusted: Record<string, {
+    authToken: string;
+    ua: string;
+    origin: string;
+    timestamp: number;
+  } | undefined>;
+}
+interface DevToolsInternalContext {
+  storage: {
+    auth: SharedState<InternalAnonymousAuthStorage>;
+  };
+  /**
+   * Revoke an auth token: remove from storage and notify all connected clients
+   * using this token that they are no longer trusted.
+   */
+  revokeAuthToken: (token: string) => Promise<void>;
+}
+declare function getInternalContext(context: DevToolsNodeContext): DevToolsInternalContext;
+//#endregion
+export { InternalAnonymousAuthStorage as n, getInternalContext as r, DevToolsInternalContext as t };