@vitejs/devtools 0.1.5 → 0.1.9

package/dist/{LogItem-CZM2G41b.js → LogItem-Ca0SsU39.js}

@@ -1,5 +1,5 @@
-import { A as renderSlot, D as openBlock, Q as toDisplayString, V as reactive, X as normalizeClass, Y as unref, Z as normalizeStyle, d as createBlock, f as createCommentVNode, k as renderList, l as computed, p as createElementBlock, s as Fragment, u as createBaseVNode, v as defineComponent } from "./vue.runtime.esm-bundler-CS1wMbap.js";
-import { o as useTimeAgo } from "./dist-D2Z6bwqJ.js";
+import { s as useTimeAgo } from "./dist-CCdqIez-.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, reactive, renderList, renderSlot, toDisplayString, unref } from "vue";
 //#region src/client/webcomponents/state/toasts.ts
 const toasts = reactive([]);
 const timers = /* @__PURE__ */ new Map();
@@ -154,16 +154,17 @@ const _hoisted_2 = {
 	key: 0,
 	class: "flex-none mt-0.5 border-2 border-current border-t-transparent rounded-full animate-spin op50 w-4 h-4"
 };
-const _hoisted_3 = { class: "flex-1 min-w-0" };
-const _hoisted_4 = {
+const _hoisted_3 = { class: "flex-1 min-w-0 space-y-0.5" };
+const _hoisted_4 = { class: "flex items-center gap-2" };
+const _hoisted_5 = ["title"];
+const _hoisted_6 = {
 	key: 0,
-	class: "text-xs op80 mt-0.5 whitespace-pre-wrap"
+	class: "text-xs op80 whitespace-pre-wrap"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
 	key: 1,
-	class: "flex items-center gap-2 mt-0.5"
+	class: "flex flex-wrap items-center gap-x-2 gap-y-0.5"
 };
-const _hoisted_6 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "LogItem",
 	props: {
@@ -175,15 +176,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const timeAgo = useTimeAgo(() => props.entry.timestamp);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
-				createBaseVNode("div", { class: normalizeClass(["w-2px flex-none absolute left-0 top-4px bottom-4px rounded-r", [unref(levels)[__props.entry.level]?.bg || "bg-gray"]]) }, null, 2),
+				createElementVNode("div", { class: normalizeClass(["w-2px flex-none absolute left-0 top-4px bottom-4px rounded-r", [unref(levels)[__props.entry.level]?.bg || "bg-gray"]]) }, null, 2),
 				__props.entry.status === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2)) : (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(["flex-none mt-0.5 w-4 h-4", [unref(levels)[__props.entry.level]?.icon, unref(levels)[__props.entry.level]?.color]])
 				}, null, 2)),
-				createBaseVNode("div", _hoisted_3, [
-					createBaseVNode("div", { class: normalizeClass(["truncate text-sm font-medium", [__props.entry.status === "loading" ? "op60" : ""]]) }, toDisplayString(__props.entry.message), 3),
-					__props.entry.description ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.entry.description), 1)) : createCommentVNode("v-if", true),
-					!__props.compact ? (openBlock(), createElementBlock("div", _hoisted_5, [__props.entry.category ? (openBlock(), createBlock(_sfc_main$1, {
+				createElementVNode("div", _hoisted_3, [
+					createElementVNode("div", _hoisted_4, [
+						createElementVNode("div", { class: normalizeClass(["flex-1 min-w-0 truncate text-sm font-medium", [__props.entry.status === "loading" ? "op60" : ""]]) }, toDisplayString(__props.entry.message), 3),
+						!__props.compact ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: "text-xs op40 flex-none",
+							title: new Date(__props.entry.timestamp).toLocaleString()
+						}, toDisplayString(unref(timeAgo)), 9, _hoisted_5)) : createCommentVNode("v-if", true),
+						renderSlot(_ctx.$slots, "actions")
+					]),
+					__props.entry.description ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.entry.description), 1)) : createCommentVNode("v-if", true),
+					!__props.compact ? (openBlock(), createElementBlock("div", _hoisted_7, [__props.entry.category ? (openBlock(), createBlock(_sfc_main$1, {
 						key: 0,
 						label: __props.entry.category
 					}, null, 8, ["label"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.entry.labels, (label) => {
@@ -192,13 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							label
 						}, null, 8, ["label"]);
 					}), 128))])) : createCommentVNode("v-if", true)
-				]),
-				!__props.compact ? (openBlock(), createElementBlock("span", {
-					key: 2,
-					class: "text-xs op40 flex-none",
-					title: new Date(__props.entry.timestamp).toLocaleString()
-				}, toDisplayString(unref(timeAgo)), 9, _hoisted_6)) : createCommentVNode("v-if", true),
-				renderSlot(_ctx.$slots, "actions")
+				])
 			]);
 		};
 	}

package/dist/{ViewBuiltinLogs-1ABRTwzd.js → ViewBuiltinLogs-B_CLlali.js}

@@ -1,6 +1,6 @@
-import { D as openBlock, F as withDirectives, P as withCtx, Q as toDisplayString, T as onMounted, U as ref, X as normalizeClass, Y as unref, Z as normalizeStyle, d as createBlock, f as createCommentVNode, g as createVNode, h as createTextVNode, k as renderList, l as computed, o as withModifiers, p as createElementBlock, r as vModelText, s as Fragment, u as createBaseVNode, v as defineComponent } from "./vue.runtime.esm-bundler-CS1wMbap.js";
-import { o as useTimeAgo } from "./dist-D2Z6bwqJ.js";
-import { a as levels, i as getHashColorFromString, n as _sfc_main$3, o as markLogsAsRead, r as formEntries, s as useLogs, t as _sfc_main$2 } from "./LogItem-CZM2G41b.js";
+import { s as useTimeAgo } from "./dist-CCdqIez-.js";
+import { a as levels, i as getHashColorFromString, n as _sfc_main$3, o as markLogsAsRead, r as formEntries, s as useLogs, t as _sfc_main$2 } from "./LogItem-Ca0SsU39.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, toDisplayString, unref, vModelText, withCtx, withDirectives, withModifiers } from "vue";
 //#region src/client/webcomponents/components/display/FilterToggles.vue
 const _hoisted_1$1 = { class: "text-xs op40" };
 const _hoisted_2$1 = { class: "flex flex-wrap items-center gap-0.5" };
@@ -17,7 +17,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 	emits: ["toggle"],
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createBaseVNode("span", _hoisted_1$1, toDisplayString(__props.label), 1), createBaseVNode("div", _hoisted_2$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", _hoisted_1$1, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_2$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createElementBlock("button", {
 					key: item,
 					class: normalizeClass(["px-1.5 py-0.5 rounded text-xs flex items-center gap-0.5 hover:bg-active transition", [__props.active.size === 0 || __props.active.has(item) ? __props.styles?.[item]?.color || "" : "op30"]]),
@@ -29,7 +29,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 				}, [__props.styles?.[item]?.icon ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass([__props.styles[item].icon, "w-3.5 h-3.5"])
-				}, null, 2)) : createCommentVNode("v-if", true), createBaseVNode("span", null, toDisplayString(__props.styles?.[item]?.label || item), 1)], 14, _hoisted_3$1);
+				}, null, 2)) : createCommentVNode("v-if", true), createElementVNode("span", null, toDisplayString(__props.styles?.[item]?.label || item), 1)], 14, _hoisted_3$1);
 			}), 128))])], 64);
 		};
 	}
@@ -245,44 +245,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createCommentVNode(" Toolbar "),
-				createBaseVNode("div", _hoisted_2, [
+				createElementVNode("div", _hoisted_2, [
 					createCommentVNode(" Row 1: Search + sort + actions "),
-					createBaseVNode("div", _hoisted_3, [
-						withDirectives(createBaseVNode("input", {
+					createElementVNode("div", _hoisted_3, [
+						withDirectives(createElementVNode("input", {
 							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
 							type: "text",
 							placeholder: "Search logs...",
 							class: "bg-transparent border border-base rounded px-2 py-0.5 text-xs w-48 outline-none focus:border-purple"
 						}, null, 512), [[vModelText, search.value]]),
-						createBaseVNode("button", {
+						createElementVNode("button", {
 							class: "flex items-center gap-0.5 op50 hover:op100 p-1 rounded hover:bg-active transition",
 							title: sortLabels[sortBy.value],
 							onClick: cycleSortMode
-						}, [createBaseVNode("div", { class: normalizeClass([sortIcons[sortBy.value], "w-4 h-4"]) }, null, 2)], 8, _hoisted_4),
-						_cache[7] || (_cache[7] = createBaseVNode("div", { class: "flex-1" }, null, -1)),
+						}, [createElementVNode("div", { class: normalizeClass([sortIcons[sortBy.value], "w-4 h-4"]) }, null, 2)], 8, _hoisted_4),
+						_cache[7] || (_cache[7] = createElementVNode("div", { class: "flex-1" }, null, -1)),
 						filteredEntries.value.length !== unref(logsState).entries.length ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(filteredEntries.value.length) + "/" + toDisplayString(unref(logsState).entries.length), 1)) : createCommentVNode("v-if", true),
 						hasActiveFilter.value ? (openBlock(), createElementBlock("button", {
 							key: 1,
 							class: "text-xs op50 hover:op100 px-1.5 py-0.5 hover:bg-active rounded transition flex items-center gap-0.5",
 							title: "Reset all filters",
 							onClick: resetFilters
-						}, [..._cache[4] || (_cache[4] = [createBaseVNode("div", { class: "i-ph:funnel-x-duotone w-3.5 h-3.5" }, null, -1), createTextVNode(" Reset Filters ", -1)])])) : createCommentVNode("v-if", true),
+						}, [..._cache[4] || (_cache[4] = [createElementVNode("div", { class: "i-ph:funnel-x-duotone w-3.5 h-3.5" }, null, -1), createTextVNode(" Reset Filters ", -1)])])) : createCommentVNode("v-if", true),
 						hasActiveFilter.value ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("v-if", true),
 						hasActiveFilter.value && filteredEntries.value.length > 0 ? (openBlock(), createElementBlock("button", {
 							key: 3,
 							class: "text-xs op50 hover:op100 px-1.5 py-0.5 hover:bg-active rounded transition flex items-center gap-0.5",
 							title: "Dismiss all matching the current filter",
 							onClick: dismissFiltered
-						}, [..._cache[5] || (_cache[5] = [createBaseVNode("div", { class: "i-ph:trash-duotone w-3.5 h-3.5" }, null, -1), createTextVNode(" Dismiss filtered ", -1)])])) : createCommentVNode("v-if", true),
+						}, [..._cache[5] || (_cache[5] = [createElementVNode("div", { class: "i-ph:trash-duotone w-3.5 h-3.5" }, null, -1), createTextVNode(" Dismiss filtered ", -1)])])) : createCommentVNode("v-if", true),
 						!hasActiveFilter.value && unref(logsState).entries.length > 0 ? (openBlock(), createElementBlock("button", {
 							key: 4,
 							class: "text-xs op50 hover:op100 px-1.5 py-0.5 hover:bg-active rounded transition flex items-center gap-0.5",
 							title: "Dismiss all logs",
 							onClick: clearAll
-						}, [..._cache[6] || (_cache[6] = [createBaseVNode("div", { class: "i-ph:trash-duotone w-3.5 h-3.5" }, null, -1), createTextVNode(" Dismiss all ", -1)])])) : createCommentVNode("v-if", true)
+						}, [..._cache[6] || (_cache[6] = [createElementVNode("div", { class: "i-ph:trash-duotone w-3.5 h-3.5" }, null, -1), createTextVNode(" Dismiss all ", -1)])])) : createCommentVNode("v-if", true)
 					]),
 					createCommentVNode(" Row 2: Level + source + category + label filters "),
-					createBaseVNode("div", _hoisted_7, [
+					createElementVNode("div", _hoisted_7, [
 						createVNode(_sfc_main$1, {
 							label: "Level",
 							items: unref(allLevels),
@@ -294,7 +294,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							"active",
 							"styles"
 						]),
-						_cache[10] || (_cache[10] = createBaseVNode("div", { class: "border-l border-base h-4 mx-0.5" }, null, -1)),
+						_cache[10] || (_cache[10] = createElementVNode("div", { class: "border-l border-base h-4 mx-0.5" }, null, -1)),
 						createVNode(_sfc_main$1, {
 							label: "From",
 							items: unref(allFroms),
@@ -307,7 +307,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							"styles",
 							"onToggle"
 						]),
-						allCategories.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[8] || (_cache[8] = createBaseVNode("div", { class: "border-l border-base h-4 mx-1" }, null, -1)), createVNode(_sfc_main$1, {
+						allCategories.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "border-l border-base h-4 mx-1" }, null, -1)), createVNode(_sfc_main$1, {
 							label: "Category",
 							items: allCategories.value,
 							active: activeCategories.value,
@@ -318,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							"active",
 							"hash-color"
 						])], 64)) : createCommentVNode("v-if", true),
-						allLabels.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[9] || (_cache[9] = createBaseVNode("div", { class: "border-l border-base h-4 mx-1" }, null, -1)), createVNode(_sfc_main$1, {
+						allLabels.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[9] || (_cache[9] = createElementVNode("div", { class: "border-l border-base h-4 mx-1" }, null, -1)), createVNode(_sfc_main$1, {
 							label: "Labels",
 							items: allLabels.value,
 							active: activeLabelFilters.value,
@@ -332,9 +332,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					])
 				]),
 				createCommentVNode(" Content "),
-				createBaseVNode("div", { class: normalizeClass(["h-full of-hidden", selectedEntry.value ? "grid grid-cols-[1fr_1fr]" : ""]) }, [
+				createElementVNode("div", { class: normalizeClass(["h-full of-hidden", selectedEntry.value ? "grid grid-cols-[1fr_1fr]" : ""]) }, [
 					createCommentVNode(" Log list "),
-					createBaseVNode("div", _hoisted_8, [filteredEntries.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9, " No logs ")) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(filteredEntries.value, (entry) => {
+					createElementVNode("div", _hoisted_8, [filteredEntries.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9, " No logs ")) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(filteredEntries.value, (entry) => {
 						return openBlock(), createElementBlock("div", {
 							key: entry.id,
 							class: normalizeClass(["w-full text-left border-b border-base hover:bg-active transition border-l-2 text-sm group cursor-pointer", [selectedId.value === entry.id ? "bg-active" : ""]]),
@@ -343,45 +343,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							entry,
 							class: "px-3 py-2.5"
 						}, {
-							actions: withCtx(() => [createBaseVNode("button", {
+							actions: withCtx(() => [createElementVNode("button", {
 								class: "op0 group-hover:op50 hover:op100! p-0.5 rounded hover:bg-active flex-none",
 								title: "Dismiss",
 								onClick: withModifiers(($event) => removeEntry(entry.id), ["stop"])
-							}, [..._cache[11] || (_cache[11] = [createBaseVNode("div", { class: "i-ph-trash-duotone w-3 h-3" }, null, -1)])], 8, _hoisted_11)]),
+							}, [..._cache[11] || (_cache[11] = [createElementVNode("div", { class: "i-ph-trash-duotone w-3 h-3" }, null, -1)])], 8, _hoisted_11)]),
 							_: 2
 						}, 1032, ["entry"])], 10, _hoisted_10);
 					}), 128))]),
 					createCommentVNode(" Detail panel "),
 					selectedEntry.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
 						createCommentVNode(" Header "),
-						createBaseVNode("div", _hoisted_13, [
-							createBaseVNode("div", _hoisted_14, [createBaseVNode("div", _hoisted_15, toDisplayString(selectedEntry.value.message), 1)]),
+						createElementVNode("div", _hoisted_13, [
+							createElementVNode("div", _hoisted_14, [createElementVNode("div", _hoisted_15, toDisplayString(selectedEntry.value.message), 1)]),
 							createCommentVNode(" Dismiss button "),
-							createBaseVNode("button", {
+							createElementVNode("button", {
 								class: "op50 hover:op100 p-1",
 								title: "Dismiss",
 								onClick: _cache[1] || (_cache[1] = ($event) => removeEntry(selectedEntry.value.id))
-							}, [..._cache[12] || (_cache[12] = [createBaseVNode("div", { class: "i-ph-trash-duotone w-4 h-4" }, null, -1)])]),
+							}, [..._cache[12] || (_cache[12] = [createElementVNode("div", { class: "i-ph-trash-duotone w-4 h-4" }, null, -1)])]),
 							createCommentVNode(" Close button "),
-							createBaseVNode("button", {
+							createElementVNode("button", {
 								class: "op50 hover:op100 p-1",
 								title: "Close detail",
 								onClick: _cache[2] || (_cache[2] = ($event) => selectedId.value = null)
-							}, [..._cache[13] || (_cache[13] = [createBaseVNode("div", { class: "i-ph-x w-4 h-4" }, null, -1)])])
+							}, [..._cache[13] || (_cache[13] = [createElementVNode("div", { class: "i-ph-x w-4 h-4" }, null, -1)])])
 						]),
 						createCommentVNode(" Metadata row "),
-						createBaseVNode("div", _hoisted_16, [
-							createBaseVNode("span", { class: normalizeClass(["flex items-center gap-1", unref(levels)[selectedEntry.value.level].color]) }, [createBaseVNode("div", { class: normalizeClass([unref(levels)[selectedEntry.value.level].icon, "w-3.5 h-3.5"]) }, null, 2), createBaseVNode("span", _hoisted_17, toDisplayString(selectedEntry.value.level), 1)], 2),
+						createElementVNode("div", _hoisted_16, [
+							createElementVNode("span", { class: normalizeClass(["flex items-center gap-1", unref(levels)[selectedEntry.value.level].color]) }, [createElementVNode("div", { class: normalizeClass([unref(levels)[selectedEntry.value.level].icon, "w-3.5 h-3.5"]) }, null, 2), createElementVNode("span", _hoisted_17, toDisplayString(selectedEntry.value.level), 1)], 2),
 							unref(formEntries)[selectedEntry.value.from] ? (openBlock(), createElementBlock("span", {
 								key: 0,
 								class: normalizeClass(["flex items-center gap-1", unref(formEntries)[selectedEntry.value.from].color])
-							}, [createBaseVNode("div", { class: normalizeClass([unref(formEntries)[selectedEntry.value.from].icon, "w-3.5 h-3.5"]) }, null, 2), createTextVNode(" " + toDisplayString(unref(formEntries)[selectedEntry.value.from].label), 1)], 2)) : createCommentVNode("v-if", true),
-							selectedEntry.value.status === "loading" ? (openBlock(), createElementBlock("span", _hoisted_18, [..._cache[14] || (_cache[14] = [createBaseVNode("div", { class: "w-3 h-3 border-1.5 border-current border-t-transparent rounded-full animate-spin" }, null, -1), createTextVNode(" Loading ", -1)])])) : createCommentVNode("v-if", true),
-							createBaseVNode("span", {
+							}, [createElementVNode("div", { class: normalizeClass([unref(formEntries)[selectedEntry.value.from].icon, "w-3.5 h-3.5"]) }, null, 2), createTextVNode(" " + toDisplayString(unref(formEntries)[selectedEntry.value.from].label), 1)], 2)) : createCommentVNode("v-if", true),
+							selectedEntry.value.status === "loading" ? (openBlock(), createElementBlock("span", _hoisted_18, [..._cache[14] || (_cache[14] = [createElementVNode("div", { class: "w-3 h-3 border-1.5 border-current border-t-transparent rounded-full animate-spin" }, null, -1), createTextVNode(" Loading ", -1)])])) : createCommentVNode("v-if", true),
+							createElementVNode("span", {
 								class: "op40",
 								title: formatAbsoluteTime(selectedEntry.value.timestamp)
 							}, toDisplayString(unref(selectedTimeAgo)), 9, _hoisted_19),
-							selectedEntry.value.notify ? (openBlock(), createElementBlock("span", _hoisted_20, [..._cache[15] || (_cache[15] = [createBaseVNode("div", { class: "i-ph:bell-duotone w-3.5 h-3.5" }, null, -1), createTextVNode(" notify ", -1)])])) : createCommentVNode("v-if", true)
+							selectedEntry.value.notify ? (openBlock(), createElementBlock("span", _hoisted_20, [..._cache[15] || (_cache[15] = [createElementVNode("div", { class: "i-ph:bell-duotone w-3.5 h-3.5" }, null, -1), createTextVNode(" notify ", -1)])])) : createCommentVNode("v-if", true)
 						]),
 						createCommentVNode(" Description "),
 						selectedEntry.value.description ? (openBlock(), createElementBlock("div", _hoisted_21, toDisplayString(selectedEntry.value.description), 1)) : createCommentVNode("v-if", true),
@@ -400,24 +400,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							key: 2,
 							class: "flex items-center gap-1.5 text-sm text-blue hover:underline mb-3",
 							onClick: _cache[3] || (_cache[3] = ($event) => openFile(selectedEntry.value))
-						}, [_cache[16] || (_cache[16] = createBaseVNode("div", { class: "i-ph:file-code-duotone w-4 h-4" }, null, -1)), createBaseVNode("span", null, [
+						}, [_cache[16] || (_cache[16] = createElementVNode("div", { class: "i-ph:file-code-duotone w-4 h-4" }, null, -1)), createElementVNode("span", null, [
 							createTextVNode(toDisplayString(selectedEntry.value.filePosition.file), 1),
 							selectedEntry.value.filePosition.line ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(":" + toDisplayString(selectedEntry.value.filePosition.line), 1)], 64)) : createCommentVNode("v-if", true),
 							selectedEntry.value.filePosition.column ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(":" + toDisplayString(selectedEntry.value.filePosition.column), 1)], 64)) : createCommentVNode("v-if", true)
 						])])) : createCommentVNode("v-if", true),
 						createCommentVNode(" Element position "),
 						selectedEntry.value.elementPosition ? (openBlock(), createElementBlock("div", _hoisted_23, [
-							_cache[17] || (_cache[17] = createBaseVNode("div", { class: "op50 text-xs mb-1" }, " Element ", -1)),
+							_cache[17] || (_cache[17] = createElementVNode("div", { class: "op50 text-xs mb-1" }, " Element ", -1)),
 							selectedEntry.value.elementPosition.selector ? (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString(selectedEntry.value.elementPosition.selector), 1)) : createCommentVNode("v-if", true),
 							selectedEntry.value.elementPosition.description ? (openBlock(), createElementBlock("div", _hoisted_25, toDisplayString(selectedEntry.value.elementPosition.description), 1)) : createCommentVNode("v-if", true),
 							selectedEntry.value.elementPosition.boundingBox ? (openBlock(), createElementBlock("div", _hoisted_26, toDisplayString(selectedEntry.value.elementPosition.boundingBox.x) + ", " + toDisplayString(selectedEntry.value.elementPosition.boundingBox.y) + " (" + toDisplayString(selectedEntry.value.elementPosition.boundingBox.width) + " × " + toDisplayString(selectedEntry.value.elementPosition.boundingBox.height) + ") ", 1)) : createCommentVNode("v-if", true)
 						])) : createCommentVNode("v-if", true),
 						createCommentVNode(" Stacktrace "),
-						selectedEntry.value.stacktrace ? (openBlock(), createElementBlock("div", _hoisted_27, [_cache[18] || (_cache[18] = createBaseVNode("div", { class: "op50 text-xs mb-1" }, " Stack Trace ", -1)), createBaseVNode("pre", _hoisted_28, toDisplayString(selectedEntry.value.stacktrace), 1)])) : createCommentVNode("v-if", true),
+						selectedEntry.value.stacktrace ? (openBlock(), createElementBlock("div", _hoisted_27, [_cache[18] || (_cache[18] = createElementVNode("div", { class: "op50 text-xs mb-1" }, " Stack Trace ", -1)), createElementVNode("pre", _hoisted_28, toDisplayString(selectedEntry.value.stacktrace), 1)])) : createCommentVNode("v-if", true),
 						createCommentVNode(" Timers "),
-						selectedEntry.value.autoDismiss || selectedEntry.value.autoDelete ? (openBlock(), createElementBlock("div", _hoisted_29, [selectedEntry.value.autoDismiss ? (openBlock(), createElementBlock("span", _hoisted_30, [_cache[19] || (_cache[19] = createBaseVNode("div", { class: "i-ph:bell-slash-duotone w-3.5 h-3.5" }, null, -1)), createTextVNode(" Auto-dismiss: " + toDisplayString(selectedEntry.value.autoDismiss / 1e3) + "s ", 1)])) : createCommentVNode("v-if", true), selectedEntry.value.autoDelete ? (openBlock(), createElementBlock("span", _hoisted_31, [_cache[20] || (_cache[20] = createBaseVNode("div", { class: "i-ph:timer-duotone w-3.5 h-3.5" }, null, -1)), createTextVNode(" Auto-delete: " + toDisplayString(selectedEntry.value.autoDelete / 1e3) + "s ", 1)])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+						selectedEntry.value.autoDismiss || selectedEntry.value.autoDelete ? (openBlock(), createElementBlock("div", _hoisted_29, [selectedEntry.value.autoDismiss ? (openBlock(), createElementBlock("span", _hoisted_30, [_cache[19] || (_cache[19] = createElementVNode("div", { class: "i-ph:bell-slash-duotone w-3.5 h-3.5" }, null, -1)), createTextVNode(" Auto-dismiss: " + toDisplayString(selectedEntry.value.autoDismiss / 1e3) + "s ", 1)])) : createCommentVNode("v-if", true), selectedEntry.value.autoDelete ? (openBlock(), createElementBlock("span", _hoisted_31, [_cache[20] || (_cache[20] = createElementVNode("div", { class: "i-ph:timer-duotone w-3.5 h-3.5" }, null, -1)), createTextVNode(" Auto-delete: " + toDisplayString(selectedEntry.value.autoDelete / 1e3) + "s ", 1)])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
 						createCommentVNode(" ID + Timestamp "),
-						createBaseVNode("div", _hoisted_32, [createBaseVNode("span", null, "ID: " + toDisplayString(selectedEntry.value.id), 1), createBaseVNode("span", null, toDisplayString(formatAbsoluteTime(selectedEntry.value.timestamp)) + " (" + toDisplayString(new Date(selectedEntry.value.timestamp).toLocaleDateString()) + ")", 1)])
+						createElementVNode("div", _hoisted_32, [createElementVNode("span", null, "ID: " + toDisplayString(selectedEntry.value.id), 1), createElementVNode("span", null, toDisplayString(formatAbsoluteTime(selectedEntry.value.timestamp)) + " (" + toDisplayString(new Date(selectedEntry.value.timestamp).toLocaleDateString()) + ")", 1)])
 					])) : createCommentVNode("v-if", true)
 				], 2)
 			]);

package/dist/{ViewBuiltinTerminals-Co7G-321.js → ViewBuiltinTerminals-ZrMObMte.js}

@@ -1,7 +1,6 @@
-import { C as nextTick, D as openBlock, E as onUnmounted, G as shallowRef, M as watch, Q as toDisplayString, T as onMounted, U as ref, V as reactive, X as normalizeClass, Y as unref, d as createBlock, f as createCommentVNode, g as createVNode, k as renderList, p as createElementBlock, s as Fragment, u as createBaseVNode, v as defineComponent, z as markRaw } from "./vue.runtime.esm-bundler-CS1wMbap.js";
-import { r as useEventListener, u as watchImmediate } from "./dist-D2Z6bwqJ.js";
-import { t as _sfc_main$2 } from "./DockIcon-DNt-Vqy4.js";
-import "./iconify-BW79QmbD.js";
+import { d as watchImmediate, i as useEventListener } from "./dist-CCdqIez-.js";
+import { t as _sfc_main$2 } from "./DockIcon-7v-JouW5.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, reactive, ref, renderList, shallowRef, toDisplayString, unref, watch } from "vue";
 //#region src/client/webcomponents/state/terminals.ts
 let _terminalsMap;
 function useTerminals(context) {
@@ -57,7 +56,7 @@ function useTerminals(context) {
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 */
-var h = 2, _ = 1, o = class {
+var h$1 = 2, _ = 1, o = class {
 	activate(e) {
 		this._terminal = e;
 	}
@@ -79,7 +78,7 @@ var h = 2, _ = 1, o = class {
 			left: parseInt(i.getPropertyValue("padding-left"))
 		}, m = n.top + n.bottom, d = n.right + n.left, c = l - m, p = a - d - s;
 		return {
-			cols: Math.max(h, Math.floor(p / t.css.cell.width)),
+			cols: Math.max(h$1, Math.floor(p / t.css.cell.width)),
 			rows: Math.max(_, Math.floor(c / t.css.cell.height))
 		};
 	}
@@ -10360,7 +10359,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 			props.terminal.terminal = null;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createBaseVNode("div", {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
 				ref_key: "container",
 				ref: container,
 				class: "h-full w-full of-auto bg-black"
@@ -10388,7 +10387,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			if (selectedTerminal.value == null && terminals.size > 0) selectedTerminal.value = terminals.values().next().value;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createBaseVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(terminals).values(), (terminal) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(terminals).values(), (terminal) => {
 				return openBlock(), createElementBlock("button", {
 					key: terminal.info.id,
 					class: normalizeClass(["px3 py1.5 border-r border-base hover:bg-active text-sm flex items-center gap-1", { "bg-active": selectedTerminal.value?.info.id === terminal.info.id }]),
@@ -10396,12 +10395,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				}, [createVNode(_sfc_main$2, {
 					icon: terminal.info.icon || "ph:terminal-duotone",
 					class: "w-4 h-4"
-				}, null, 8, ["icon"]), createBaseVNode("span", null, toDisplayString(terminal.info.title), 1)], 10, _hoisted_3);
-			}), 128))]), createBaseVNode("div", _hoisted_4, [selectedTerminal.value ? (openBlock(), createBlock(_sfc_main$1, {
+				}, null, 8, ["icon"]), createElementVNode("span", null, toDisplayString(terminal.info.title), 1)], 10, _hoisted_3);
+			}), 128))]), createElementVNode("div", _hoisted_4, [selectedTerminal.value ? (openBlock(), createBlock(_sfc_main$1, {
 				key: selectedTerminal.value.info.id,
 				context: __props.context,
 				terminal: selectedTerminal.value
-			}, null, 8, ["context", "terminal"])) : (openBlock(), createElementBlock("div", _hoisted_5, [..._cache[0] || (_cache[0] = [createBaseVNode("div", null, "Select a terminal tab to start", -1)])]))])]);
+			}, null, 8, ["context", "terminal"])) : (openBlock(), createElementBlock("div", _hoisted_5, [..._cache[0] || (_cache[0] = [createElementVNode("div", null, "Select a terminal tab to start", -1)])]))])]);
 		};
 	}
 });

package/dist/{ViewJsonRender-ByPfpKFM.js → ViewJsonRender-Cc5BPfnv.js}

@@ -1,5 +1,5 @@
-import { D as openBlock, E as onUnmounted, G as shallowRef, M as watch, N as watchEffect, O as provide, P as withCtx, Q as toDisplayString, S as inject, T as onMounted, U as ref, Y as unref, b as h, d as createBlock, g as createVNode, l as computed, p as createElementBlock, v as defineComponent, w as onErrorCaptured, z as markRaw } from "./vue.runtime.esm-bundler-CS1wMbap.js";
-import { t as getIconifySvg } from "./iconify-BW79QmbD.js";
+import { t as getIconifySvg } from "./iconify-JodklND-.js";
+import { computed, createBlock, createElementBlock, createVNode, defineComponent, h, inject, markRaw, onErrorCaptured, onMounted, onUnmounted, openBlock, provide, ref, shallowRef, toDisplayString, unref, watch, watchEffect, withCtx } from "vue";
 Object.freeze({ status: "aborted" });
 function $constructor(name, initializer, params) {
 	function init(inst, def) {
@@ -3393,7 +3393,7 @@ const ZodType = /* @__PURE__ */ $constructor("ZodType", (inst, def) => {
 	inst.prefault = (def) => prefault(inst, def);
 	inst.catch = (params) => _catch(inst, params);
 	inst.pipe = (target) => pipe(inst, target);
-	inst.readonly = () => readonly(inst);
+	inst.readonly = () => readonly$1(inst);
 	inst.describe = (description) => {
 		const cl = inst.clone();
 		globalRegistry.add(cl, { description });
@@ -3932,7 +3932,7 @@ const ZodReadonly = /* @__PURE__ */ $constructor("ZodReadonly", (inst, def) => {
 	inst._zod.processJSONSchema = (ctx, json, params) => readonlyProcessor(inst, ctx, json, params);
 	inst.unwrap = () => inst._zod.def.innerType;
 });
-function readonly(innerType) {
+function readonly$1(innerType) {
 	return new ZodReadonly({
 		type: "readonly",
 		innerType

package/dist/auth-state-DXCxEqSd.js

@@ -0,0 +1,54 @@
+import { humanId } from "@vitejs/devtools-kit/utils/human-id";
+//#region src/node/auth-state.ts
+let pendingAuth = null;
+let tempAuthToken = generateTempId();
+function generateTempId() {
+	return humanId({
+		separator: "-",
+		capitalize: false
+	});
+}
+function getTempAuthToken() {
+	return tempAuthToken;
+}
+function refreshTempAuthToken() {
+	tempAuthToken = generateTempId();
+	return tempAuthToken;
+}
+function setPendingAuth(request) {
+	pendingAuth = request;
+}
+/**
+* Abort and clean up any existing pending auth request.
+*/
+function abortPendingAuth() {
+	if (pendingAuth) {
+		pendingAuth.abortController.abort();
+		clearTimeout(pendingAuth.timeout);
+		pendingAuth = null;
+	}
+}
+/**
+* Consume the temp auth ID: verify it matches, trust the pending client, and clean up.
+* Returns the client's authToken if successful, null otherwise.
+*/
+function consumeTempAuthToken(id, storage) {
+	if (id !== tempAuthToken || !pendingAuth) return null;
+	const { clientAuthToken, session, ua, origin, resolve } = pendingAuth;
+	storage.mutate((state) => {
+		state.trusted[clientAuthToken] = {
+			authToken: clientAuthToken,
+			ua,
+			origin,
+			timestamp: Date.now()
+		};
+	});
+	session.meta.clientAuthToken = clientAuthToken;
+	session.meta.isTrusted = true;
+	resolve({ isTrusted: true });
+	abortPendingAuth();
+	refreshTempAuthToken();
+	return clientAuthToken;
+}
+//#endregion
+export { setPendingAuth as a, refreshTempAuthToken as i, consumeTempAuthToken as n, getTempAuthToken as r, abortPendingAuth as t };

package/dist/build-static-zB8LrlMJ.js

@@ -0,0 +1,49 @@
+import { n as ansis_default } from "./constants-DfEeYo9W.js";
+import { dirClientStandalone } from "./dirs.js";
+import { DEVTOOLS_CONNECTION_META_FILENAME, DEVTOOLS_DIRNAME, DEVTOOLS_DOCK_IMPORTS_FILENAME, DEVTOOLS_MOUNT_PATH, DEVTOOLS_RPC_DUMP_DIRNAME, DEVTOOLS_RPC_DUMP_MANIFEST_FILENAME } from "@vitejs/devtools-kit/constants";
+import { dirname, join, relative, resolve } from "pathe";
+import { existsSync } from "node:fs";
+import fs$1 from "node:fs/promises";
+//#region src/node/build-static.ts
+async function buildStaticDevTools(options) {
+	const { context, outDir } = options;
+	if (existsSync(outDir)) await fs$1.rm(outDir, { recursive: true });
+	const devToolsRoot = join(outDir, DEVTOOLS_DIRNAME);
+	await fs$1.mkdir(devToolsRoot, { recursive: true });
+	await fs$1.cp(dirClientStandalone, devToolsRoot, { recursive: true });
+	for (const { baseUrl, distDir } of context.views.buildStaticDirs) {
+		console.log(ansis_default.cyan`${"⬢"} Copying static files from ${distDir} to ${join(outDir, baseUrl)}`);
+		await fs$1.mkdir(join(outDir, baseUrl), { recursive: true });
+		await fs$1.cp(distDir, join(outDir, baseUrl), { recursive: true });
+	}
+	const { renderDockImportsMap } = await import("./server-C54I1zbj.js");
+	await fs$1.mkdir(resolve(devToolsRoot, DEVTOOLS_RPC_DUMP_DIRNAME), { recursive: true });
+	await fs$1.writeFile(resolve(devToolsRoot, DEVTOOLS_CONNECTION_META_FILENAME), JSON.stringify({ backend: "static" }, null, 2), "utf-8");
+	await fs$1.writeFile(resolve(devToolsRoot, DEVTOOLS_DOCK_IMPORTS_FILENAME), renderDockImportsMap(context.docks.values()), "utf-8");
+	console.log(ansis_default.cyan`${"⬢"} Writing RPC dump to ${resolve(devToolsRoot, DEVTOOLS_RPC_DUMP_MANIFEST_FILENAME)}`);
+	const { collectStaticRpcDump } = await import("./static-dump-BqRb_x-O.js");
+	const dump = await collectStaticRpcDump(context.rpc.definitions.values(), context);
+	for (const [filepath, data] of Object.entries(dump.files)) {
+		const fullpath = resolve(devToolsRoot, filepath);
+		await fs$1.mkdir(dirname(fullpath), { recursive: true });
+		await fs$1.writeFile(fullpath, JSON.stringify(data, null, 2), "utf-8");
+	}
+	await fs$1.writeFile(resolve(devToolsRoot, DEVTOOLS_RPC_DUMP_MANIFEST_FILENAME), JSON.stringify(dump.manifest, null, 2), "utf-8");
+	await fs$1.writeFile(resolve(outDir, "index.html"), [
+		"<!doctype html>",
+		"<html lang=\"en\">",
+		"<head>",
+		"  <meta charset=\"UTF-8\">",
+		"  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
+		"  <title>Vite DevTools</title>",
+		`  <meta http-equiv="refresh" content="0; url=${DEVTOOLS_MOUNT_PATH}">`,
+		"</head>",
+		"<body>",
+		`  <script>location.replace(${JSON.stringify(DEVTOOLS_MOUNT_PATH)})<\/script>`,
+		"</body>",
+		"</html>"
+	].join("\n"), "utf-8");
+	console.log(ansis_default.green`${"⬢"} Built DevTools to ${relative(context.cwd, outDir)}`);
+}
+//#endregion
+export { buildStaticDevTools };

package/dist/cli-commands.js

@@ -1,3 +1,58 @@
-import "./plugins-DiuKIPkS.js";
-import { n as start, t as build } from "./cli-commands-CnJ4eqDp.js";
+import { n as ansis_default } from "./constants-DfEeYo9W.js";
+import { n as normalizeHttpServerUrl } from "./utils-HWI9S6d-.js";
+import { DEVTOOLS_MOUNT_PATH } from "@vitejs/devtools-kit/constants";
+import { resolve } from "pathe";
+//#region src/node/cli-commands.ts
+async function start(options) {
+	const { host } = options;
+	const { getPort } = await import("./dist-DpLy3ojW.js").then((n) => n.t);
+	const port = await getPort({
+		host,
+		port: options.port == null ? void 0 : +options.port,
+		portRange: [9999, 15e3]
+	});
+	const { startStandaloneDevTools } = await import("./standalone-w_GYdx1T.js");
+	const { createDevToolsMiddleware } = await import("./server-DSh-GQIq.js").then((n) => n.n);
+	const devtools = await startStandaloneDevTools({ cwd: options.root });
+	const { h3 } = await createDevToolsMiddleware({
+		cwd: devtools.config.root,
+		hostWebSocket: host,
+		context: devtools.context
+	});
+	const { createServer } = await import("node:http");
+	const { createApp, eventHandler, fromNodeMiddleware, sendRedirect, toNodeListener } = await import("h3");
+	const { default: sirv } = await import("sirv");
+	const app = createApp();
+	for (const { baseUrl, distDir } of devtools.context.views.buildStaticDirs) app.use(baseUrl, fromNodeMiddleware(sirv(distDir, {
+		dev: true,
+		single: true
+	})));
+	app.use(DEVTOOLS_MOUNT_PATH, h3.handler);
+	app.use("/", eventHandler(async (event) => {
+		if (event.node.req.url === "/") return sendRedirect(event, DEVTOOLS_MOUNT_PATH);
+	}));
+	createServer(toNodeListener(app)).listen(port, host, async () => {
+		const url = normalizeHttpServerUrl(host, port);
+		console.log(ansis_default.green`${"⬢"} Vite DevTools started at`, ansis_default.green(url), "\n");
+		const { default: open } = await import("open");
+		if (options.open) await open(url);
+	});
+}
+async function build(options) {
+	console.log(ansis_default.cyan`${"⬢"} Building static Vite DevTools...`);
+	const { startStandaloneDevTools } = await import("./standalone-w_GYdx1T.js");
+	const devtools = await startStandaloneDevTools({
+		cwd: options.root,
+		config: options.config
+	});
+	const outDir = resolve(devtools.config.root, options.outDir);
+	const { buildStaticDevTools } = await import("./build-static-zB8LrlMJ.js");
+	await buildStaticDevTools({
+		context: devtools.context,
+		outDir
+	});
+	console.warn(ansis_default.yellow`${"⬢"} Static build is still experimental and not yet complete.`);
+	console.warn(ansis_default.yellow`${"⬢"} Generated output may be missing features and can change without notice.`);
+}
+//#endregion
 export { build, start };

package/dist/cli.js

@@ -1,5 +1,3 @@
-import "./plugins-DiuKIPkS.js";
-import { n as start, t as build } from "./cli-commands-CnJ4eqDp.js";
 import process from "node:process";
 import cac from "cac";
 //#region src/node/cli.ts
@@ -7,8 +5,14 @@ const cli = cac("vite-devtools");
 process.on("SIGINT", () => {
 	process.exit(0);
 });
-cli.command("build", "Build devtools with current config file for static hosting").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Vite config file").option("--base <baseURL>", "Base URL for deployment", { default: "/" }).option("--outDir <dir>", "Output directory", { default: ".vite-devtools" }).action(build);
-cli.command("", "Start devtools").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Vite config file").option("--host <host>", "Host", { default: process.env.HOST || "127.0.0.1" }).option("--port <port>", "Port", { default: process.env.PORT || 9999 }).option("--open", "Open browser", { default: true }).action(start);
+cli.command("build", "Build devtools with current config file for static hosting").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Vite config file").option("--base <baseURL>", "Base URL for deployment", { default: "/" }).option("--outDir <dir>", "Output directory", { default: ".vite-devtools" }).action(async (options) => {
+	const { build } = await import("./cli-commands.js");
+	return await build(options);
+});
+cli.command("", "Start devtools").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Vite config file").option("--host <host>", "Host", { default: process.env.HOST || "127.0.0.1" }).option("--port <port>", "Port", { default: process.env.PORT || 9999 }).option("--open", "Open browser", { default: true }).action(async (options) => {
+	const { start } = await import("./cli-commands.js");
+	return await start(options);
+});
 cli.help();
 cli.parse();
 //#endregion