@pubinfo-pr/devtools 0.189.2 → 0.204.2

package/dist/client/assets/server-router-BHD-n_Wi.js

@@ -0,0 +1,2261 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./javascript-QnJdw8u5.js","./javascript-_FvKZjd1.js","./typescript-C5tShSk5.js","./typescript-BEfC8S_c.js","./vue-Be3tcD1h.js","./css-DbgpCiOq.js","./html-Tu6OX5Eq.js","./json-CzPoZe0r.js","./json-WgRhEAOB.js","./html-74krLQbR.js","./css-D-vtiAqw.js"])))=>i.map(i=>d[i]);
+import { $ as normalizeStyle, A as resolveComponent, C as nextTick, D as provide, E as openBlock, F as watch, H as isRef, I as watchEffect, J as shallowRef, K as ref, L as withCtx, M as resolveDynamicComponent, N as useModel, O as renderList, P as useSlots, Q as normalizeClass, R as withDirectives, S as mergeProps, T as onMounted, W as reactive, Y as toRef, Z as unref, _ as defineComponent, a as vModelDynamic, b as inject, c as Fragment, d as createBaseVNode, et as toDisplayString, f as createBlock, g as createVNode, h as createTextVNode, i as vModelCheckbox, j as resolveDirective, k as renderSlot, l as KeepAlive, m as createElementBlock, n as RouterLink, o as vModelSelect, p as createCommentVNode, r as Transition, s as withKeys, t as __vitePreload, u as computed, v as getCurrentInstance, w as onBeforeUnmount, x as mergeModels, y as h } from "./index-Cn9-H915.js";
+import { a as useElementSize, c as createSharedComposable, i as onClickOutside, o as useLocalStorage, r as createReusableTemplate, s as useVModel, t as apiListFetch } from "./fetch-Df05JmPt.js";
+var _hoisted_1$16 = { class: "flex gap-3 items-center" };
+var IconTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "IconTitle",
+	props: {
+		icon: {},
+		text: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$16, [__props.icon ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(__props.icon)
+			}, null, 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, () => [createBaseVNode("div", null, toDisplayString(__props.text), 1)])]);
+		};
+	}
+});
+var Icon_default = /* @__PURE__ */ defineComponent({
+	__name: "Icon",
+	props: { icon: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["n-icon", __props.icon]) }, null, 2);
+		};
+	}
+});
+var _hoisted_1$15 = ["open"];
+var _hoisted_2$10 = { "text-base": "" };
+var _hoisted_3$5 = {
+	key: 0,
+	"text-sm": "",
+	op50: ""
+};
+var SectionBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SectionBlock",
+	props: {
+		icon: {},
+		text: {},
+		description: {},
+		containerClass: { default: "" },
+		headerClass: {},
+		collapse: {
+			type: Boolean,
+			default: true
+		},
+		open: {
+			type: Boolean,
+			default: true
+		},
+		padding: {
+			type: [Boolean, String],
+			default: true
+		}
+	},
+	setup(__props) {
+		const open = useVModel(__props, "open", void 0, { passive: true });
+		function onToggle(e) {
+			open.value = e.target.open;
+		}
+		return (_ctx, _cache) => {
+			const _component_Icon = Icon_default;
+			const _component_IconTitle = IconTitle_default;
+			const _directive_lazy_show = resolveDirective("lazy-show");
+			return openBlock(), createElementBlock(Fragment, null, [createBaseVNode("details", {
+				open: unref(open),
+				onToggle: _cache[0] || (_cache[0] = (...args) => onToggle && onToggle(...args))
+			}, [createBaseVNode("summary", { class: normalizeClass(["cursor-pointer select-none p4 hover:bg-active", __props.collapse ? "" : "pointer-events-none"]) }, [createVNode(_component_IconTitle, {
+				icon: __props.icon,
+				text: __props.text,
+				"text-xl": "",
+				transition: "",
+				class: normalizeClass([unref(open) ? "op100" : "op60", __props.headerClass])
+			}, {
+				default: withCtx(() => [
+					createBaseVNode("div", null, [createBaseVNode("div", _hoisted_2$10, [renderSlot(_ctx.$slots, "text", {}, () => [createTextVNode(toDisplayString(__props.text), 1)], true)]), __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_3$5, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)], true)])) : createCommentVNode("", true)]),
+					_cache[1] || (_cache[1] = createBaseVNode("div", { class: "flex-auto" }, null, -1)),
+					renderSlot(_ctx.$slots, "actions", {}, void 0, true),
+					__props.collapse ? (openBlock(), createBlock(_component_Icon, {
+						key: 0,
+						icon: "i-ph-caret-down",
+						class: "chevron",
+						"cursor-pointer": "",
+						"place-self-start": "",
+						"text-base": "",
+						op75: "",
+						transition: "",
+						"duration-500": ""
+					})) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, [
+				"icon",
+				"text",
+				"class"
+			])], 2), withDirectives((openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-col flex-gap2 pb6 pt2", typeof __props.padding === "string" ? __props.padding : __props.padding ? "px4" : ""]) }, [
+				renderSlot(_ctx.$slots, "details", {}, void 0, true),
+				createBaseVNode("div", { class: normalizeClass([__props.containerClass, "mt1"]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2),
+				renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+			], 2)), [[_directive_lazy_show, unref(open)]])], 40, _hoisted_1$15), _cache[2] || (_cache[2] = createBaseVNode("div", { class: "x-divider" }, null, -1))], 64);
+		};
+	}
+});
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+var SectionBlock_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SectionBlock_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-deaf669f"]]);
+var Button_default = defineComponent({
+	name: "Button",
+	props: {
+		to: String,
+		icon: String,
+		border: {
+			type: Boolean,
+			default: true
+		},
+		disabled: Boolean,
+		type: {
+			type: String,
+			default: "button"
+		}
+	},
+	setup(props, { attrs, slots }) {
+		return () => h(props.to ? RouterLink : "button", {
+			to: props.to,
+			...attrs,
+			...!props.to && { type: props.type },
+			...props.disabled ? { disabled: true } : { tabindex: 0 },
+			class: [
+				props.border ? "n-button-base active:n-button-active focus-visible:n-focus-base hover:n-button-hover" : "",
+				slots.default ? "" : "n-icon-button",
+				"n-button n-transition n-disabled:n-disabled"
+			].join(" ")
+		}, { default: () => [renderSlot(slots, "icon", {}, () => props.icon ? [h(Icon_default, {
+			icon: props.icon,
+			class: slots.default ? "n-button-icon" : ""
+		})] : []), renderSlot(slots, "default")] });
+	}
+});
+var _sfc_main$1 = {};
+var _hoisted_1$14 = { class: "n-card n-card-base" };
+function _sfc_render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1$14, [renderSlot(_ctx.$slots, "default")]);
+}
+var Card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main$1, [["render", _sfc_render$1]]);
+var _hoisted_1$13 = ["border"];
+var _hoisted_2$9 = { class: "relative h-full w-full of-auto" };
+var Drawer_default = /* @__PURE__ */ defineComponent({
+	__name: "Drawer",
+	props: {
+		modelValue: { type: Boolean },
+		top: {},
+		left: {},
+		autoClose: { type: Boolean },
+		transition: { default: "right" }
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const el = ref();
+		const { height } = useElementSize(() => props.top, void 0, { box: "border-box" });
+		const width = typeof props.left === "string" && props.left.startsWith("#") ? document.querySelector(props.left)?.getBoundingClientRect().width : useElementSize(() => props.left, void 0, { box: "border-box" }).width;
+		onClickOutside(el, () => {
+			if (props.modelValue && props.autoClose) emit("close");
+		}, { ignore: [
+			"a",
+			"button",
+			"summary",
+			"[role=\"dialog\"]"
+		] });
+		const transitionType = {
+			right: {
+				"enter-from-class": "transform translate-x-1/1",
+				"leave-to-class": "transform translate-x-1/1"
+			},
+			top: {
+				"enter-from-class": "transform translate-y--1/1",
+				"leave-to-class": "transform translate-y--1/1"
+			},
+			bottom: {
+				"enter-from-class": "transform translate-y-1/1",
+				"leave-to-class": "transform translate-y-1/1"
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, mergeProps(transitionType[__props.transition], {
+				"enter-active-class": "duration-200 ease-in",
+				"enter-to-class": "opacity-100",
+				"leave-active-class": "duration-200 ease-out",
+				"leave-from-class": "opacity-100"
+			}), {
+				default: withCtx(() => [__props.modelValue ? (openBlock(), createElementBlock("div", mergeProps({
+					key: 0,
+					ref_key: "el",
+					ref: el,
+					border: `${__props.transition === "right" ? "l" : __props.transition === "bottom" ? "t" : "b"} border`,
+					class: [{ "right-0": __props.transition === "right" || __props.transition === "bottom" }, "absolute bottom-0 z-10 z-20 of-auto n-glass-effect text-sm flex flex-col gap-1"],
+					style: {
+						top: __props.transition === "bottom" ? "auto" : `${unref(height)}px`,
+						left: __props.transition === "right" && !unref(width) ? "auto" : `${unref(width)}px`
+					}
+				}, _ctx.$attrs), [createVNode(unref(Button_default), {
+					class: "absolute right-2 top-2 z-20 text-xl",
+					icon: "i-ph-x-bold",
+					border: false,
+					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+				}), createBaseVNode("div", _hoisted_2$9, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1$13)) : createCommentVNode("", true)]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+var _hoisted_1$12 = { class: "flex items-center border n-border-base rounded n-bg-base py-1 pl-1 pr-2 focus-within:border-primary" };
+var TextInput_default = /* @__PURE__ */ defineComponent({
+	__name: "TextInput",
+	props: {
+		modelValue: { default: "" },
+		icon: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		autofocus: { type: Boolean },
+		autocomplete: {},
+		readonly: { type: Boolean },
+		type: { default: "text" }
+	},
+	emits: [
+		"keydown",
+		"keyup",
+		"change"
+	],
+	setup(__props, { emit: __emit }) {
+		const input = useVModel(__props, "modelValue", __emit, { passive: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$12, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.icon ? (openBlock(), createBlock(Icon_default, {
+				key: 0,
+				icon: __props.icon,
+				class: "ml-0.3em mr-0.1em text-1.1em op50"
+			}, null, 8, ["icon"])) : createCommentVNode("", true)]), withDirectives(createBaseVNode("input", mergeProps({ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(input) ? input.value = $event : null) }, _ctx.$props, { class: "ml-0.4em w-full flex-auto n-bg-base outline-none!" }), null, 16), [[vModelDynamic, unref(input)]])]);
+		};
+	}
+});
+var _hoisted_1$11 = { class: "flex gap-4 flex-wrap items-center" };
+var Navbar_default = /* @__PURE__ */ defineComponent({
+	name: "Navbar",
+	__name: "Navbar",
+	props: /* @__PURE__ */ mergeModels({
+		search: {},
+		noPadding: { type: Boolean }
+	}, {
+		"search": {},
+		"searchModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:search"], ["update:search"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		function update(event) {
+			emit("update:search", event.target.value);
+		}
+		const search = useModel(__props, "search");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-col gap-2 flex-wrap border-b n-border-base flex-1", [{ p4: !__props.noPadding }]]) }, [createBaseVNode("div", _hoisted_1$11, [renderSlot(_ctx.$slots, "search", {}, () => [search.value !== void 0 ? (openBlock(), createBlock(TextInput_default, {
+				key: 0,
+				placeholder: "Search...",
+				icon: "i-carbon-search",
+				class: normalizeClass(["flex-auto", { "px-3 py-2": !__props.noPadding }]),
+				value: search.value,
+				onInput: update
+			}, null, 8, ["class", "value"])) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "actions")]), renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var _sfc_main = {};
+var _hoisted_1$10 = { class: "n-panel-grids-center" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1$10, [renderSlot(_ctx.$slots, "default")]);
+}
+var PanelGrids_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Pe = {
+	__name: "splitpanes",
+	props: {
+		horizontal: {
+			type: Boolean,
+			default: !1
+		},
+		pushOtherPanes: {
+			type: Boolean,
+			default: !0
+		},
+		maximizePanes: {
+			type: Boolean,
+			default: !0
+		},
+		rtl: {
+			type: Boolean,
+			default: !1
+		},
+		firstSplitter: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"ready",
+		"resize",
+		"resized",
+		"pane-click",
+		"pane-maximize",
+		"pane-add",
+		"pane-remove",
+		"splitter-click",
+		"splitter-dblclick"
+	],
+	setup(D, { emit: h$1 }) {
+		const y = h$1, u = D, E = useSlots(), l = ref([]), M = computed(() => l.value.reduce((e, n) => (e[~~n.id] = n) && e, {})), m = computed(() => l.value.length), x = ref(null), S = ref(!1), c = ref({
+			mouseDown: !1,
+			dragging: !1,
+			activeSplitter: null,
+			cursorOffset: 0
+		}), f = ref({
+			splitter: null,
+			timeoutId: null
+		}), _ = computed(() => ({
+			[`splitpanes splitpanes--${u.horizontal ? "horizontal" : "vertical"}`]: !0,
+			"splitpanes--dragging": c.value.dragging
+		})), R = () => {
+			document.addEventListener("mousemove", r, { passive: !1 }), document.addEventListener("mouseup", P), "ontouchstart" in window && (document.addEventListener("touchmove", r, { passive: !1 }), document.addEventListener("touchend", P));
+		}, O = () => {
+			document.removeEventListener("mousemove", r, { passive: !1 }), document.removeEventListener("mouseup", P), "ontouchstart" in window && (document.removeEventListener("touchmove", r, { passive: !1 }), document.removeEventListener("touchend", P));
+		}, b = (e, n) => {
+			const t = e.target.closest(".splitpanes__splitter");
+			if (t) {
+				const { left: i, top: a } = t.getBoundingClientRect(), { clientX: s, clientY: o } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
+				c.value.cursorOffset = u.horizontal ? o - a : s - i;
+			}
+			R(), c.value.mouseDown = !0, c.value.activeSplitter = n;
+		}, r = (e) => {
+			c.value.mouseDown && (e.preventDefault(), c.value.dragging = !0, requestAnimationFrame(() => {
+				K(I(e)), d("resize", { event: e }, !0);
+			}));
+		}, P = (e) => {
+			c.value.dragging && (window.getSelection().removeAllRanges(), d("resized", { event: e }, !0)), c.value.mouseDown = !1, c.value.activeSplitter = null, setTimeout(() => {
+				c.value.dragging = !1, O();
+			}, 100);
+		}, A = (e, n) => {
+			"ontouchstart" in window && (e.preventDefault(), f.value.splitter === n ? (clearTimeout(f.value.timeoutId), f.value.timeoutId = null, U(e, n), f.value.splitter = null) : (f.value.splitter = n, f.value.timeoutId = setTimeout(() => f.value.splitter = null, 500))), c.value.dragging || d("splitter-click", {
+				event: e,
+				index: n
+			}, !0);
+		}, U = (e, n) => {
+			if (d("splitter-dblclick", {
+				event: e,
+				index: n
+			}, !0), u.maximizePanes) {
+				let t = 0;
+				l.value = l.value.map((i, a) => (i.size = a === n ? i.max : i.min, a !== n && (t += i.min), i)), l.value[n].size -= t, d("pane-maximize", {
+					event: e,
+					index: n,
+					pane: l.value[n]
+				}), d("resized", {
+					event: e,
+					index: n
+				}, !0);
+			}
+		}, W = (e, n) => {
+			d("pane-click", {
+				event: e,
+				index: M.value[n].index,
+				pane: M.value[n]
+			});
+		}, I = (e) => {
+			const n = x.value.getBoundingClientRect(), { clientX: t, clientY: i } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
+			return {
+				x: t - (u.horizontal ? 0 : c.value.cursorOffset) - n.left,
+				y: i - (u.horizontal ? c.value.cursorOffset : 0) - n.top
+			};
+		}, J = (e) => {
+			e = e[u.horizontal ? "y" : "x"];
+			const n = x.value[u.horizontal ? "clientHeight" : "clientWidth"];
+			return u.rtl && !u.horizontal && (e = n - e), e * 100 / n;
+		}, K = (e) => {
+			const n = c.value.activeSplitter;
+			let t = {
+				prevPanesSize: $(n),
+				nextPanesSize: N(n),
+				prevReachedMinPanes: 0,
+				nextReachedMinPanes: 0
+			};
+			const i = 0 + (u.pushOtherPanes ? 0 : t.prevPanesSize), a = 100 - (u.pushOtherPanes ? 0 : t.nextPanesSize), s = Math.max(Math.min(J(e), a), i);
+			let o = [n, n + 1], v = l.value[o[0]] || null, p = l.value[o[1]] || null;
+			const H = v.max < 100 && s >= v.max + t.prevPanesSize, ue = p.max < 100 && s <= 100 - (p.max + N(n + 1));
+			if (H || ue) {
+				H ? (v.size = v.max, p.size = Math.max(100 - v.max - t.prevPanesSize - t.nextPanesSize, 0)) : (v.size = Math.max(100 - p.max - t.prevPanesSize - N(n + 1), 0), p.size = p.max);
+				return;
+			}
+			if (u.pushOtherPanes) {
+				const j = Q(t, s);
+				if (!j) return;
+				({sums: t, panesToResize: o} = j), v = l.value[o[0]] || null, p = l.value[o[1]] || null;
+			}
+			v !== null && (v.size = Math.min(Math.max(s - t.prevPanesSize - t.prevReachedMinPanes, v.min), v.max)), p !== null && (p.size = Math.min(Math.max(100 - s - t.nextPanesSize - t.nextReachedMinPanes, p.min), p.max));
+		}, Q = (e, n) => {
+			const t = c.value.activeSplitter, i = [t, t + 1];
+			return n < e.prevPanesSize + l.value[i[0]].min && (i[0] = V(t).index, e.prevReachedMinPanes = 0, i[0] < t && l.value.forEach((a, s) => {
+				s > i[0] && s <= t && (a.size = a.min, e.prevReachedMinPanes += a.min);
+			}), e.prevPanesSize = $(i[0]), i[0] === void 0) ? (e.prevReachedMinPanes = 0, l.value[0].size = l.value[0].min, l.value.forEach((a, s) => {
+				s > 0 && s <= t && (a.size = a.min, e.prevReachedMinPanes += a.min);
+			}), l.value[i[1]].size = 100 - e.prevReachedMinPanes - l.value[0].min - e.prevPanesSize - e.nextPanesSize, null) : n > 100 - e.nextPanesSize - l.value[i[1]].min && (i[1] = Z(t).index, e.nextReachedMinPanes = 0, i[1] > t + 1 && l.value.forEach((a, s) => {
+				s > t && s < i[1] && (a.size = a.min, e.nextReachedMinPanes += a.min);
+			}), e.nextPanesSize = N(i[1] - 1), i[1] === void 0) ? (e.nextReachedMinPanes = 0, l.value.forEach((a, s) => {
+				s < m.value - 1 && s >= t + 1 && (a.size = a.min, e.nextReachedMinPanes += a.min);
+			}), l.value[i[0]].size = 100 - e.prevPanesSize - N(i[0] - 1), null) : {
+				sums: e,
+				panesToResize: i
+			};
+		}, $ = (e) => l.value.reduce((n, t, i) => n + (i < e ? t.size : 0), 0), N = (e) => l.value.reduce((n, t, i) => n + (i > e + 1 ? t.size : 0), 0), V = (e) => [...l.value].reverse().find((t) => t.index < e && t.size > t.min) || {}, Z = (e) => l.value.find((t) => t.index > e + 1 && t.size > t.min) || {}, ee = () => {
+			var n;
+			const e = Array.from(((n = x.value) == null ? void 0 : n.children) || []);
+			for (const t of e) {
+				const i = t.classList.contains("splitpanes__pane"), a = t.classList.contains("splitpanes__splitter");
+				!i && !a && (t.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
+			}
+		}, F = (e, n, t = !1) => {
+			const i = e - 1, a = document.createElement("div");
+			a.classList.add("splitpanes__splitter"), t || (a.onmousedown = (s) => b(s, i), typeof window < "u" && "ontouchstart" in window && (a.ontouchstart = (s) => b(s, i)), a.onclick = (s) => A(s, i + 1)), a.ondblclick = (s) => U(s, i + 1), n.parentNode.insertBefore(a, n);
+		}, ne = (e) => {
+			e.onmousedown = void 0, e.onclick = void 0, e.ondblclick = void 0, e.remove();
+		}, C = () => {
+			var t;
+			const e = Array.from(((t = x.value) == null ? void 0 : t.children) || []);
+			for (const i of e) i.className.includes("splitpanes__splitter") && ne(i);
+			let n = 0;
+			for (const i of e) i.className.includes("splitpanes__pane") && (!n && u.firstSplitter ? F(n, i, !0) : n && F(n, i), n++);
+		}, ie = ({ uid: e, ...n }) => {
+			const t = M.value[e];
+			for (const [i, a] of Object.entries(n)) t[i] = a;
+		}, te = (e) => {
+			var t;
+			let n = -1;
+			Array.from(((t = x.value) == null ? void 0 : t.children) || []).some((i) => (i.className.includes("splitpanes__pane") && n++, i.isSameNode(e.el))), l.value.splice(n, 0, {
+				...e,
+				index: n
+			}), l.value.forEach((i, a) => i.index = a), S.value && nextTick(() => {
+				C(), L({ addedPane: l.value[n] }), d("pane-add", { pane: l.value[n] });
+			});
+		}, ae = (e) => {
+			const n = l.value.findIndex((i) => i.id === e);
+			l.value[n].el = null;
+			const t = l.value.splice(n, 1)[0];
+			l.value.forEach((i, a) => i.index = a), nextTick(() => {
+				C(), d("pane-remove", { pane: t }), L({ removedPane: { ...t } });
+			});
+		}, L = (e = {}) => {
+			!e.addedPane && !e.removedPane ? le() : l.value.some((n) => n.givenSize !== null || n.min || n.max < 100) ? oe(e) : se(), S.value && d("resized");
+		}, se = () => {
+			const e = 100 / m.value;
+			let n = 0;
+			const t = [], i = [];
+			for (const a of l.value) a.size = Math.max(Math.min(e, a.max), a.min), n -= a.size, a.size >= a.max && t.push(a.id), a.size <= a.min && i.push(a.id);
+			n > .1 && q(n, t, i);
+		}, le = () => {
+			let e = 100;
+			const n = [], t = [];
+			let i = 0;
+			for (const s of l.value) e -= s.size, s.givenSize !== null && i++, s.size >= s.max && n.push(s.id), s.size <= s.min && t.push(s.id);
+			let a = 100;
+			if (e > .1) {
+				for (const s of l.value) s.givenSize === null && (s.size = Math.max(Math.min(e / (m.value - i), s.max), s.min)), a -= s.size;
+				a > .1 && q(a, n, t);
+			}
+		}, oe = ({ addedPane: e, removedPane: n } = {}) => {
+			let t = 100 / m.value, i = 0;
+			const a = [], s = [];
+			((e == null ? void 0 : e.givenSize) ?? null) !== null && (t = (100 - e.givenSize) / (m.value - 1));
+			for (const o of l.value) i -= o.size, o.size >= o.max && a.push(o.id), o.size <= o.min && s.push(o.id);
+			if (!(Math.abs(i) < .1)) {
+				for (const o of l.value) (e == null ? void 0 : e.givenSize) !== null && (e == null ? void 0 : e.id) === o.id || (o.size = Math.max(Math.min(t, o.max), o.min)), i -= o.size, o.size >= o.max && a.push(o.id), o.size <= o.min && s.push(o.id);
+				i > .1 && q(i, a, s);
+			}
+		}, q = (e, n, t) => {
+			let i;
+			e > 0 ? i = e / (m.value - n.length) : i = e / (m.value - t.length), l.value.forEach((a, s) => {
+				if (e > 0 && !n.includes(a.id)) {
+					const o = Math.max(Math.min(a.size + i, a.max), a.min), v = o - a.size;
+					e -= v, a.size = o;
+				} else if (!t.includes(a.id)) {
+					const o = Math.max(Math.min(a.size + i, a.max), a.min), v = o - a.size;
+					e -= v, a.size = o;
+				}
+			}), Math.abs(e) > .1 && nextTick(() => {
+				S.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
+			});
+		}, d = (e, n = void 0, t = !1) => {
+			const i = (n == null ? void 0 : n.index) ?? c.value.activeSplitter ?? null;
+			y(e, {
+				...n,
+				...i !== null && { index: i },
+				...t && i !== null && {
+					prevPane: l.value[i - (u.firstSplitter ? 1 : 0)],
+					nextPane: l.value[i + (u.firstSplitter ? 0 : 1)]
+				},
+				panes: l.value.map((a) => ({
+					min: a.min,
+					max: a.max,
+					size: a.size
+				}))
+			});
+		};
+		watch(() => u.firstSplitter, () => C()), onMounted(() => {
+			ee(), C(), L(), d("ready"), S.value = !0;
+		}), onBeforeUnmount(() => S.value = !1);
+		const re = () => {
+			var e;
+			return h("div", {
+				ref: x,
+				class: _.value
+			}, (e = E.default) == null ? void 0 : e.call(E));
+		};
+		return provide("panes", l), provide("indexedPanes", M), provide("horizontal", computed(() => u.horizontal)), provide("requestUpdate", ie), provide("onPaneAdd", te), provide("onPaneRemove", ae), provide("onPaneClick", W), (e, n) => (openBlock(), createBlock(resolveDynamicComponent(re)));
+	}
+}, ge = {
+	__name: "pane",
+	props: {
+		size: { type: [Number, String] },
+		minSize: {
+			type: [Number, String],
+			default: 0
+		},
+		maxSize: {
+			type: [Number, String],
+			default: 100
+		}
+	},
+	setup(D) {
+		var b;
+		const h$1 = D, y = inject("requestUpdate"), u = inject("onPaneAdd"), E = inject("horizontal"), l = inject("onPaneRemove"), M = inject("onPaneClick"), m = (b = getCurrentInstance()) == null ? void 0 : b.uid, x = inject("indexedPanes"), S = computed(() => x.value[m]), c = ref(null), f = computed(() => {
+			const r = isNaN(h$1.size) || h$1.size === void 0 ? 0 : parseFloat(h$1.size);
+			return Math.max(Math.min(r, R.value), _.value);
+		}), _ = computed(() => {
+			const r = parseFloat(h$1.minSize);
+			return isNaN(r) ? 0 : r;
+		}), R = computed(() => {
+			const r = parseFloat(h$1.maxSize);
+			return isNaN(r) ? 100 : r;
+		}), O = computed(() => {
+			var r;
+			return `${E.value ? "height" : "width"}: ${(r = S.value) == null ? void 0 : r.size}%`;
+		});
+		return watch(() => f.value, (r) => y({
+			uid: m,
+			size: r
+		})), watch(() => _.value, (r) => y({
+			uid: m,
+			min: r
+		})), watch(() => R.value, (r) => y({
+			uid: m,
+			max: r
+		})), onMounted(() => {
+			u({
+				id: m,
+				el: c.value,
+				min: _.value,
+				max: R.value,
+				givenSize: h$1.size === void 0 ? null : f.value,
+				size: f.value
+			});
+		}), onBeforeUnmount(() => l(m)), (r, P) => (openBlock(), createElementBlock("div", {
+			ref_key: "paneEl",
+			ref: c,
+			class: "splitpanes__pane",
+			onClick: P[0] || (P[0] = (A) => unref(M)(A, r._.uid)),
+			style: normalizeStyle(O.value)
+		}, [renderSlot(r.$slots, "default")], 4));
+	}
+};
+var DEFAULT = 30;
+var SplitPane_default = /* @__PURE__ */ defineComponent({
+	__name: "SplitPane",
+	props: {
+		storageKey: {},
+		stateKey: { default: "pubinfo-devtools-panels-state" },
+		leftSize: {},
+		minSize: {},
+		horizontal: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const state = useLocalStorage(props.stateKey, {}, { listenToStorageChanges: false });
+		const key = props.storageKey;
+		if (key && state.value[key] === void 0) state.value[key] = props.leftSize || DEFAULT;
+		const size = key ? computed({
+			get: () => state.value[key] ?? DEFAULT,
+			set: (v) => {
+				state.value[key] = v;
+			}
+		}) : ref(props.leftSize || DEFAULT);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Pe), {
+				horizontal: __props.horizontal,
+				class: "h-full of-hidden",
+				onResize: _cache[0] || (_cache[0] = ({ prevPane }) => size.value = prevPane.size)
+			}, {
+				default: withCtx(() => [createVNode(unref(ge), {
+					class: "of-auto! h-full",
+					size: unref(size),
+					"min-size": _ctx.$slots.right ? __props.minSize || 10 : 100
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "left")]),
+					_: 3
+				}, 8, ["size", "min-size"]), _ctx.$slots.right ? (openBlock(), createBlock(unref(ge), {
+					key: 0,
+					class: "of-auto! relative h-full",
+					"min-size": __props.minSize || 10
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "right")]),
+					_: 3
+				}, 8, ["min-size"])) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["horizontal"]);
+		};
+	}
+});
+var highlighterPromise = null;
+function getShikiHighlighter() {
+	if (!highlighterPromise) highlighterPromise = (async () => {
+		const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([__vitePreload(() => import("./core-DZ0_U_pO.js"), [], import.meta.url), __vitePreload(() => import("./engine-oniguruma-Cxk0otvy.js"), [], import.meta.url)]);
+		return createHighlighterCore({
+			themes: [__vitePreload(() => import("./vitesse-dark-Bz6RXfkV.js"), [], import.meta.url), __vitePreload(() => import("./vitesse-light-NvDlvJl2.js"), [], import.meta.url)],
+			langs: [
+				__vitePreload(() => import("./javascript-QnJdw8u5.js"), __vite__mapDeps([0,1]), import.meta.url),
+				__vitePreload(() => import("./typescript-C5tShSk5.js"), __vite__mapDeps([2,3]), import.meta.url),
+				__vitePreload(() => import("./vue-Be3tcD1h.js"), __vite__mapDeps([4,5,6,1,7,3]), import.meta.url),
+				__vitePreload(() => import("./json-WgRhEAOB.js"), __vite__mapDeps([8,7]), import.meta.url),
+				__vitePreload(() => import("./html-74krLQbR.js"), __vite__mapDeps([9,6,5,1]), import.meta.url),
+				__vitePreload(() => import("./css-D-vtiAqw.js"), __vite__mapDeps([10,5]), import.meta.url)
+			],
+			engine: createOnigurumaEngine(__vitePreload(() => import("./wasm-D0Echd05.js"), [], import.meta.url))
+		});
+	})();
+	return highlighterPromise;
+}
+async function highlightCode(code, options) {
+	const { lang, lightTheme = "vitesse-light", darkTheme = "vitesse-dark", fallbackLang = "typescript" } = options;
+	try {
+		const highlighter = await getShikiHighlighter();
+		const resolvedLang = highlighter.getLoadedLanguages().includes(lang) ? lang : fallbackLang;
+		return highlighter.codeToHtml(code, {
+			lang: resolvedLang,
+			themes: {
+				dark: darkTheme,
+				light: lightTheme
+			}
+		});
+	} catch (error) {
+		console.error("Failed to highlight code:", error);
+		return `<pre><code>${code}</code></pre>`;
+	}
+}
+var _hoisted_1$9 = ["innerHTML"];
+var _hoisted_2$8 = ["textContent"];
+var CodeBlock_default = /* @__PURE__ */ defineComponent({
+	name: "CodeBlock",
+	__name: "CodeBlock",
+	props: {
+		code: {},
+		lang: {},
+		lines: {
+			type: Boolean,
+			default: true
+		},
+		inline: { type: Boolean },
+		grammarContextCode: {},
+		transformRendered: {}
+	},
+	emits: ["loaded"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const rendered = shallowRef({
+			code: "",
+			supported: false
+		});
+		watchEffect(async (onInvalidate) => {
+			let cancelled = false;
+			onInvalidate(() => {
+				cancelled = true;
+			});
+			if (!props.lang || props.lang === "text") {
+				rendered.value = {
+					code: props.code,
+					supported: false
+				};
+				return;
+			}
+			try {
+				const highlighter = await getShikiHighlighter();
+				const lang = highlighter.getLoadedLanguages().includes(props.lang) ? props.lang : "text";
+				if (lang === "text") {
+					rendered.value = {
+						code: props.code,
+						supported: false
+					};
+					return;
+				}
+				const html = highlighter.codeToHtml(props.code, {
+					lang,
+					themes: {
+						dark: "vitesse-dark",
+						light: "vitesse-light"
+					}
+				});
+				if (cancelled) return;
+				rendered.value = {
+					code: props.transformRendered ? props.transformRendered(html) : html,
+					supported: true
+				};
+				nextTick(() => emit("loaded"));
+			} catch (e) {
+				if (!cancelled) rendered.value = {
+					code: props.code,
+					supported: false
+				};
+			}
+		});
+		const classes = computed(() => ["n-code-block shiki", props.lines && !props.inline ? "n-code-block-lines" : ""]);
+		return (_ctx, _cache) => {
+			return __props.lang && unref(rendered).supported ? (openBlock(), createElementBlock("pre", {
+				key: 0,
+				class: normalizeClass(unref(classes))
+			}, [createBaseVNode("code", { innerHTML: unref(rendered).code }, null, 8, _hoisted_1$9)], 2)) : (openBlock(), createElementBlock("pre", {
+				key: 1,
+				class: normalizeClass(unref(classes))
+			}, [createBaseVNode("code", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.code.split("\n"), (line, _idx) => {
+				return openBlock(), createElementBlock(Fragment, { key: _idx }, [createBaseVNode("span", {
+					class: "line",
+					textContent: toDisplayString(line)
+				}, null, 8, _hoisted_2$8), _cache[0] || (_cache[0] = createBaseVNode("br", null, null, -1))], 64);
+			}), 128))])], 2));
+		};
+	}
+});
+var _hoisted_1$8 = { class: "n-badge" };
+var Badge_default = /* @__PURE__ */ defineComponent({
+	name: "Badge",
+	__name: "Badge",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1$8, [renderSlot(_ctx.$slots, "default")]);
+		};
+	}
+});
+const devtoolsStorageKey = { response: "__pubinfo_devtools_raw_response__" };
+var _hoisted_1$7 = { class: "n-loading n-panel-grids-center" };
+var _hoisted_2$7 = { class: "flex flex-col animate-pulse items-center text-lg" };
+var Loading_default = /* @__PURE__ */ defineComponent({
+	name: "Loading",
+	__name: "Loading",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$7, [createBaseVNode("div", _hoisted_2$7, [_cache[1] || (_cache[1] = createBaseVNode("div", { class: "i-carbon-circle-dash animate-spin text-4xl op50" }, null, -1)), renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode(" Loading... ", -1))])])]);
+		};
+	}
+});
+const ServerRouteTabIcons = {
+	snippet: "i-ph-file-code",
+	headers: "i-ph-file-html",
+	cookies: "i-ph-cookie",
+	params: "i-ph-cursor-text",
+	query: "i-ph-question",
+	body: "i-ph-file-text"
+};
+function createDefaultState() {
+	return {
+		query: [],
+		body: [],
+		headers: []
+	};
+}
+function toRecord(list) {
+	if (!list || !list.length) return;
+	const formatted = Object.fromEntries(list.filter(({ active, key, value }) => active && key && value !== void 0).map(({ key, value }) => [key, value]));
+	return Object.keys(formatted).length ? formatted : void 0;
+}
+const useInputDefaults = createSharedComposable(() => {
+	const inputDefaults = useLocalStorage("pubinfo-devtools:input-defaults", createDefaultState(), { deep: true });
+	function getDefaults(tab) {
+		return inputDefaults.value[tab];
+	}
+	function setDefaults(tab, value) {
+		inputDefaults.value[tab] = value;
+	}
+	function resetToEmpty() {
+		inputDefaults.value = createDefaultState();
+	}
+	function mergeParsedWithDefaults(parsed, tab) {
+		const defaults = toRecord(inputDefaults.value[tab]);
+		if (!defaults && !parsed) return;
+		return {
+			...defaults || {},
+			...parsed || {}
+		};
+	}
+	return {
+		inputDefaults,
+		getDefaults,
+		setDefaults,
+		mergeParsedWithDefaults,
+		resetToEmpty
+	};
+});
+function createDefaultParamInputs() {
+	return {
+		query: [{
+			active: true,
+			key: "",
+			value: "",
+			type: "string"
+		}],
+		body: [{
+			active: true,
+			key: "",
+			value: "",
+			type: "string"
+		}],
+		headers: [{
+			active: true,
+			key: "Content-Type",
+			value: "application/json",
+			type: "string"
+		}]
+	};
+}
+function getInputTypeFromSchema(schemaType) {
+	switch (schemaType) {
+		case "integer":
+		case "number": return "number";
+		case "boolean": return "boolean";
+		case "string":
+		default: return "string";
+	}
+}
+function parseInputs(inputs = []) {
+	const formatted = Object.fromEntries(inputs.filter(({ active, key, value }) => active && key && value !== void 0).map(({ key, value }) => [key, value]));
+	return Object.entries(formatted).length ? formatted : void 0;
+}
+function useServerRouteParams(route, options = {}) {
+	const paramInputs = ref(createDefaultParamInputs());
+	const activeTab = ref();
+	const { mergeParsedWithDefaults } = useInputDefaults();
+	const currentTabInputs = computed({
+		get: () => {
+			const tab = activeTab.value;
+			if (!tab || !(tab in paramInputs.value)) return [];
+			return paramInputs.value[tab] || [];
+		},
+		set: (value) => {
+			const tab = activeTab.value;
+			if (tab && tab in paramInputs.value) paramInputs.value[tab] = value;
+		}
+	});
+	const parsedQuery = computed(() => mergeParsedWithDefaults(parseInputs(paramInputs.value.query), "query"));
+	const parsedHeader = computed(() => mergeParsedWithDefaults(parseInputs(paramInputs.value.headers), "headers"));
+	const parsedBody = computed(() => {
+		if (options.hasBody && !options.hasBody.value) return;
+		return mergeParsedWithDefaults(parseInputs(paramInputs.value.body), "body");
+	});
+	const finalPath = computed(() => {
+		const routePath = route.value.route;
+		const query = parsedQuery.value;
+		if (!query) return routePath;
+		const search = new URLSearchParams(query).toString();
+		return search ? `${routePath}?${search}` : routePath;
+	});
+	function ensureActiveTab() {
+		if (!activeTab.value) activeTab.value = route.value.paramLocation === "body" ? "body" : "query";
+	}
+	function initializeParamsFromSchema() {
+		ensureActiveTab();
+		const properties = route.value.paramSchema?.properties;
+		if (properties) {
+			const targetCategory$1 = (route.value.paramLocation || "query") === "body" ? "body" : "query";
+			const existingInputsMap = new Map(paramInputs.value[targetCategory$1].map((input) => [input.key, input]));
+			const newInputs = [];
+			Object.keys(properties).forEach((key) => {
+				const prop = properties[key];
+				const existing = existingInputsMap.get(key);
+				if (existing) newInputs.push({
+					...existing,
+					type: getInputTypeFromSchema(prop.type),
+					fromSchema: true
+				});
+				else newInputs.push({
+					active: true,
+					key,
+					value: "",
+					type: getInputTypeFromSchema(prop.type),
+					fromSchema: true
+				});
+			});
+			const userInputs = paramInputs.value[targetCategory$1].filter((input) => !input.fromSchema);
+			paramInputs.value[targetCategory$1] = [...newInputs, ...userInputs];
+			return;
+		}
+		const targetCategory = (route.value.paramLocation || "query") === "body" ? "body" : "query";
+		if (paramInputs.value[targetCategory].length === 0) paramInputs.value[targetCategory] = [{
+			active: true,
+			key: "",
+			value: "",
+			type: "string"
+		}];
+	}
+	function resetParamInputs() {
+		paramInputs.value = createDefaultParamInputs();
+	}
+	function syncParamsForRoute() {
+		resetParamInputs();
+		activeTab.value = route.value.paramLocation === "body" ? "body" : "query";
+		initializeParamsFromSchema();
+	}
+	watch(route, () => {
+		syncParamsForRoute();
+	}, { immediate: true });
+	return {
+		paramInputs,
+		activeTab,
+		currentTabInputs,
+		parsedQuery,
+		parsedHeader,
+		parsedBody,
+		finalPath,
+		initializeParamsFromSchema,
+		resetParamInputs
+	};
+}
+var methodNameMap = {
+	GET: "Get",
+	POST: "Post",
+	PUT: "Put",
+	PATCH: "Patch",
+	DELETE: "Delete",
+	HEAD: "Head"
+};
+function normalizeResolvedModulePath(path) {
+	if (!path) return;
+	if (path.startsWith("/")) return path;
+	return `/${path}`;
+}
+var MESSAGE_REQUEST_TYPE = "pubinfo-pr:devtools-request";
+var MESSAGE_RESPONSE_TYPE = "pubinfo-pr:devtools-response";
+var pendingHostRequests = /* @__PURE__ */ new Map();
+var messageBridgeInitialised = false;
+function buildModuleSpecifierCandidates(route) {
+	const candidates = [];
+	const resolvedPath = normalizeResolvedModulePath(route.requestModuleResolvedPath);
+	if (resolvedPath) candidates.push(resolvedPath);
+	if (route.requestModulePath) candidates.push(route.requestModulePath);
+	return candidates.filter(Boolean).filter((value, index, self) => self.indexOf(value) === index);
+}
+function handleHostResponse(event) {
+	const data = event.data;
+	if (!data || data.type !== MESSAGE_RESPONSE_TYPE || !data.id) return;
+	const pending = pendingHostRequests.get(data.id);
+	if (!pending) return;
+	pendingHostRequests.delete(data.id);
+	window.clearTimeout(pending.timer);
+	pending.resolve({
+		success: Boolean(data.success),
+		result: data.result,
+		error: data.error
+	});
+}
+function ensureMessageBridge() {
+	if (typeof window === "undefined" || messageBridgeInitialised) return;
+	window.addEventListener("message", handleHostResponse);
+	messageBridgeInitialised = true;
+}
+function resolveHostTargets() {
+	if (typeof window === "undefined") return [];
+	const targets = /* @__PURE__ */ new Set();
+	const { parent, opener, top } = window;
+	if (parent && parent !== window) targets.add(parent);
+	if (opener && opener !== window) targets.add(opener);
+	if (top && top !== window) targets.add(top);
+	return Array.from(targets);
+}
+async function sendRequestThroughHost(payload) {
+	if (typeof window === "undefined") throw new TypeError("Devtools 仅在浏览器环境可用，请在浏览器中使用调试面板。");
+	ensureMessageBridge();
+	const targets = resolveHostTargets();
+	if (!targets.length) throw new TypeError("未找到可通信的宿主应用窗口，请确认 Devtools 以 iframe 方式嵌入到应用中。");
+	const id = `pubinfo-request-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+	return new Promise((resolve, reject) => {
+		const timer = window.setTimeout(() => {
+			pendingHostRequests.delete(id);
+			reject(/* @__PURE__ */ new TypeError("等待应用响应超时，请确认应用仍在运行。"));
+		}, 15e3);
+		pendingHostRequests.set(id, {
+			resolve: (message) => {
+				window.clearTimeout(timer);
+				resolve(message);
+			},
+			reject: (error) => {
+				window.clearTimeout(timer);
+				pendingHostRequests.delete(id);
+				reject(error);
+			},
+			timer
+		});
+		try {
+			const message = {
+				type: MESSAGE_REQUEST_TYPE,
+				id,
+				payload
+			};
+			const origin = window.location?.origin ?? "*";
+			targets.forEach((target) => {
+				try {
+					target.postMessage(message, origin);
+				} catch {
+					target.postMessage(message, "*");
+				}
+			});
+		} catch (error) {
+			window.clearTimeout(timer);
+			pendingHostRequests.delete(id);
+			reject(error instanceof Error ? error : new Error(String(error)));
+		}
+	});
+}
+function toPlainObject(payload) {
+	if (payload === void 0 || payload === null) return payload;
+	try {
+		return JSON.parse(JSON.stringify(payload));
+	} catch {
+		return payload;
+	}
+}
+function isHttpLike(payload) {
+	return payload && typeof payload === "object" && ("status" in payload || "headers" in payload);
+}
+function useServerRouteRequest({ route, routeMethod, parsedQuery, parsedBody, parsedHeader, cookie, storageKey = devtoolsStorageKey.response }) {
+	const fetching = ref(false);
+	const hasSentRequest = ref(false);
+	const storedResponse = storageKey ? useLocalStorage(storageKey, {}) : ref({});
+	const storedSnapshot = computed(() => {
+		const candidate = storedResponse.value;
+		if (candidate && typeof candidate === "object" && Object.keys(candidate).length > 0) return candidate;
+	});
+	const response = ref(storedSnapshot.value ? toPlainObject(storedSnapshot.value) : void 0);
+	const lastSentAt = ref(null);
+	function resetRequestState(clearPersisted = true) {
+		fetching.value = false;
+		hasSentRequest.value = false;
+		response.value = void 0;
+		lastSentAt.value = null;
+		if (storageKey && clearPersisted) storedResponse.value = {};
+	}
+	let initialized = false;
+	watch(route, () => {
+		if (!initialized) {
+			initialized = true;
+			return;
+		}
+		resetRequestState();
+	}, { immediate: true });
+	watch(response, (value) => {
+		if (!storageKey) return;
+		if (isHttpLike(value)) {
+			storedResponse.value = toPlainObject(value);
+			return;
+		}
+		if (!storedSnapshot.value && value !== void 0) storedResponse.value = toPlainObject(value);
+	});
+	function buildRequestConfig() {
+		const headers = parsedHeader.value ? { ...parsedHeader.value } : {};
+		headers.__devtools__ = headers.__devtools__ ?? "true";
+		const cookieState = cookie.value;
+		if (cookieState.key && cookieState.value) {
+			const cookieString = `${cookieState.key}=${cookieState.value}`;
+			headers.Cookie = headers.Cookie ? `${headers.Cookie}; ${cookieString}` : cookieString;
+		}
+		const query = parsedQuery.value ? { ...parsedQuery.value } : void 0;
+		const config = {
+			headers,
+			meta: { __devtools__: true }
+		};
+		if (query && Object.keys(query).length > 0) config.params = query;
+		return config;
+	}
+	async function sendRequestViaApp() {
+		const method = routeMethod.value.toUpperCase();
+		if (!methodNameMap[method]) throw new Error(`不支持的请求方法：${method}`);
+		const config = buildRequestConfig();
+		const payload = parsedBody.value ? { ...parsedBody.value } : void 0;
+		const args = [route.value.route];
+		if ([
+			"POST",
+			"PUT",
+			"PATCH",
+			"DELETE"
+		].includes(method)) {
+			args.push(payload);
+			args.push(config);
+		} else args.push(config);
+		const moduleCandidates = buildModuleSpecifierCandidates(route.value);
+		if (!moduleCandidates.length) throw new Error("未能解析请求模块路径，请确认 API 扫描结果包含 requestModulePath。");
+		const hostResponse = await sendRequestThroughHost({
+			moduleCandidates,
+			exportName: route.value.requestClient,
+			method,
+			args
+		});
+		if (!hostResponse.success) {
+			const error = new Error(hostResponse.error?.message ?? "应用执行请求失败");
+			if (hostResponse.error?.stack) error.stack = hostResponse.error.stack;
+			throw error;
+		}
+		return hostResponse.result;
+	}
+	async function sendRequest() {
+		const startTime = Date.now();
+		if (fetching.value) return;
+		hasSentRequest.value = true;
+		fetching.value = true;
+		response.value = void 0;
+		try {
+			response.value = toPlainObject(await sendRequestViaApp());
+			lastSentAt.value = Date.now();
+		} catch (error) {
+			const axiosResponse = error && typeof error === "object" && "response" in error ? error.response : void 0;
+			if (axiosResponse) {
+				response.value = toPlainObject(axiosResponse);
+				lastSentAt.value = Date.now();
+			} else if (error && typeof error === "object" && !(error instanceof Error)) {
+				response.value = toPlainObject(error);
+				lastSentAt.value = Date.now();
+			} else {
+				response.value = toPlainObject({
+					error: true,
+					message: error instanceof Error ? error.message : String(error)
+				});
+				lastSentAt.value = Date.now();
+			}
+		} finally {
+			fetching.value = false;
+			const duration = Date.now() - startTime;
+			if (response.value && typeof response.value === "object") response.value = {
+				...response.value,
+				duration
+			};
+			else if (response.value !== void 0) response.value = {
+				data: response.value,
+				duration
+			};
+			else response.value = { duration };
+		}
+	}
+	const httpResponse = computed(() => {
+		if (isHttpLike(response.value)) return response.value;
+		const snapshot = storedSnapshot.value;
+		return snapshot && isHttpLike(snapshot) ? snapshot : void 0;
+	});
+	const businessPayload = computed(() => {
+		if (httpResponse.value && "data" in httpResponse.value) return httpResponse.value.data;
+		if (isHttpLike(response.value) && "data" in response.value) return response.value.data;
+		if (response.value !== void 0) {
+			if (response.value && typeof response.value === "object" && "data" in response.value) return response.value.data;
+			return response.value;
+		}
+		const snapshot = storedSnapshot.value;
+		if (snapshot && typeof snapshot === "object" && "data" in snapshot) return snapshot.data;
+		return snapshot;
+	});
+	const responseStatus = computed(() => httpResponse.value?.status);
+	const responseSuccess = computed(() => {
+		const data = businessPayload.value;
+		if (data && typeof data.success === "boolean") return data.success;
+		const status = responseStatus.value;
+		return typeof status === "number" ? status < 400 : void 0;
+	});
+	const responseMessage = computed(() => {
+		const payload = businessPayload.value;
+		if (payload && typeof payload === "object") {
+			const target = payload;
+			return target.hint ?? target.message ?? target.msg ?? (target.data && typeof target.data === "object" && target.data.hint) ?? (target.data && typeof target.data === "object" && target.data.message) ?? (target.data && typeof target.data === "object" && target.data.msg) ?? target.statusText ?? httpResponse.value?.statusText ?? "";
+		}
+		if (typeof payload === "string") return payload;
+		return httpResponse.value?.statusText ?? "";
+	});
+	const responsePreview = computed(() => {
+		const target = httpResponse.value ?? response.value ?? storedSnapshot.value;
+		if (!target) return "";
+		return JSON.stringify(target, null, 2);
+	});
+	const responseLang = computed(() => {
+		const contentType = (httpResponse.value?.headers ?? storedSnapshot.value?.headers ?? response.value?.headers ?? {})?.["content-type"] || "";
+		if (contentType.includes("application/json")) return "json";
+		if (contentType.includes("text/html")) return "html";
+		if (contentType.includes("text/css")) return "css";
+		if (contentType.includes("text/javascript")) return "javascript";
+		if (contentType.includes("image") || contentType.includes("video")) return "media";
+		if (contentType.includes("text/xml") || contentType.includes("application/xml")) return "xml";
+		if (contentType.includes("application/pdf")) return "pdf";
+		try {
+			const raw = httpResponse.value ?? response.value ?? storedSnapshot.value;
+			const payload = raw && typeof raw === "object" && "data" in raw && ("status" in raw || "headers" in raw) ? raw.data : raw;
+			if (payload && typeof payload === "object") return "json";
+		} catch {}
+		return "text";
+	});
+	return {
+		fetching,
+		hasSentRequest,
+		response,
+		lastSentAt,
+		sendRequest,
+		responseStatus,
+		responseSuccess,
+		responseMessage,
+		responsePreview,
+		responseLang,
+		responseContent: computed(() => {
+			if (!response.value && !httpResponse.value && !storedSnapshot.value) return "";
+			const data = businessPayload.value;
+			if (responseLang.value === "json") try {
+				return JSON.stringify(data ?? "", null, 2);
+			} catch {
+				return String(data);
+			}
+			if ((responseLang.value === "media" || responseLang.value === "pdf") && typeof Blob !== "undefined") try {
+				const headersSource = httpResponse.value?.headers ?? storedSnapshot.value?.headers ?? response.value?.headers ?? {};
+				const blob = data instanceof Blob ? data : new Blob([data], { type: headersSource?.["content-type"] });
+				return URL.createObjectURL(blob);
+			} catch {
+				return "";
+			}
+			try {
+				if (data == null) return "";
+				if (typeof data === "string") return data;
+				if (typeof ArrayBuffer !== "undefined" && data instanceof ArrayBuffer) try {
+					return new TextDecoder().decode(new Uint8Array(data));
+				} catch {}
+				if (typeof Uint8Array !== "undefined" && data instanceof Uint8Array) try {
+					return new TextDecoder().decode(data);
+				} catch {}
+				return JSON.stringify(data, null, 2);
+			} catch {
+				return String(data);
+			}
+		}),
+		resetRequestState,
+		storedResponse
+	};
+}
+function useServerRouteSnippets({ route, routeMethod, parsedQuery, parsedBody, parsedHeader }) {
+	return computed(() => {
+		const snippets = [];
+		const routeInfo = route.value;
+		if (routeInfo.name && routeInfo.filepath) {
+			const args = [];
+			const method = routeMethod.value.toUpperCase();
+			const query = parsedQuery.value;
+			const body = parsedBody.value;
+			const headers = parsedHeader.value;
+			const hasQuery = query && Object.keys(query).length > 0;
+			const hasBody = body && Object.keys(body).length > 0;
+			const hasCustomHeaders = headers && Object.entries(headers).some(([key, value]) => !(key === "Content-Type" && value === "application/json"));
+			if (method === "GET" && hasQuery) args.push(JSON.stringify(query, null, 2));
+			if ([
+				"POST",
+				"PUT",
+				"PATCH",
+				"DELETE"
+			].includes(method)) {
+				if (hasQuery && !hasBody) args.push(JSON.stringify(query, null, 2));
+				else if (hasBody) args.push(JSON.stringify(body, null, 2));
+			}
+			if (hasCustomHeaders && headers) {
+				const customHeaders = Object.fromEntries(Object.entries(headers).filter(([key, value]) => !(key === "Content-Type" && value === "application/json")));
+				const headersStr = JSON.stringify({ headers: customHeaders }, null, 2).split("\n").map((line, i) => i === 0 ? line : `  ${line}`).join("\n");
+				args.push(headersStr);
+			}
+			const argsStr = args.length > 0 ? `\n  ${args.join(",\n  ").split("\n").join("\n  ")},\n` : "";
+			snippets.push({
+				name: routeInfo.name,
+				lang: "typescript",
+				code: `import { ${routeInfo.name} } from '${routeInfo.filepath}';
+
+const { data } = await ${routeInfo.name}(${argsStr});`,
+				filepath: routeInfo.filepath
+			});
+		}
+		return snippets;
+	});
+}
+var requestMethodClass = {
+	get: "n-green",
+	post: "n-blue",
+	put: "n-orange",
+	delete: "n-red",
+	patch: "n-purple",
+	head: "n-teal",
+	default: "n-gray"
+};
+function getRequestMethodClass(method) {
+	return requestMethodClass[method.toLowerCase()] || requestMethodClass.default;
+}
+var _hoisted_1$6 = { class: "flex flex-col" };
+var _hoisted_2$6 = { class: "flex-1 overflow-auto relative" };
+var _hoisted_3$4 = { class: "absolute top-0 right-0 z-10" };
+var _hoisted_4$2 = ["innerHTML"];
+var CodeSnippets_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CodeSnippets",
+	props: { codeSnippets: {} },
+	setup(__props) {
+		const props = __props;
+		const activeSnippet = ref(0);
+		const highlightedCode = ref("");
+		const copying = ref(false);
+		const currentSnippet = computed(() => props.codeSnippets[activeSnippet.value]);
+		const processedCode = computed(() => {
+			if (!currentSnippet.value) return "";
+			let code = currentSnippet.value.code;
+			if (currentSnippet.value.filepath) {
+				let importPath = currentSnippet.value.filepath;
+				importPath = importPath.replace(/\.ts$/, "");
+				if (importPath.includes("/src/")) importPath = importPath.replace(/.*\/src\//, "@/");
+				else if (importPath.startsWith("src/")) importPath = importPath.replace(/^src\//, "@/");
+				code = code.replaceAll(currentSnippet.value.filepath, importPath);
+			}
+			return code;
+		});
+		async function highlightCode$1() {
+			if (!currentSnippet.value) return;
+			highlightedCode.value = await highlightCode(processedCode.value, {
+				lang: currentSnippet.value.lang,
+				darkTheme: "vitesse-dark",
+				lightTheme: "vitesse-light",
+				fallbackLang: "typescript"
+			});
+		}
+		async function copyCode() {
+			if (!currentSnippet.value) return;
+			try {
+				await navigator.clipboard.writeText(processedCode.value);
+				copying.value = true;
+				setTimeout(() => {
+					copying.value = false;
+				}, 2e3);
+			} catch (error) {
+				console.error("Failed to copy code:", error);
+			}
+		}
+		watch([currentSnippet], highlightCode$1, { immediate: true });
+		return (_ctx, _cache) => {
+			const _directive_tooltip = resolveDirective("tooltip");
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [createBaseVNode("div", _hoisted_2$6, [createBaseVNode("div", _hoisted_3$4, [withDirectives((openBlock(), createBlock(unref(Button_default), {
+				class: normalizeClass([copying.value ? "n-green" : "n-primary", "px-3 py-1.5"]),
+				onClick: copyCode
+			}, {
+				default: withCtx(() => [createVNode(Icon_default, { icon: copying.value ? "i-ph-check" : "i-ph-copy" }, null, 8, ["icon"])]),
+				_: 1
+			}, 8, ["class"])), [[_directive_tooltip, copying.value ? "已复制!" : "复制代码"]])]), createBaseVNode("div", {
+				class: "code-container",
+				innerHTML: highlightedCode.value
+			}, null, 8, _hoisted_4$2)])]);
+		};
+	}
+}), [["__scopeId", "data-v-1703382f"]]);
+var _hoisted_1$5 = ["checked", "disabled"];
+var _hoisted_2$5 = ["disabled"];
+var _hoisted_3$3 = { class: "n-checkbox-box n-transition n-checked:n-checkbox-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base" };
+var Checkbox_default = /* @__PURE__ */ defineComponent({
+	__name: "Checkbox",
+	props: {
+		modelValue: {
+			type: [Boolean, null],
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props, { emit: __emit }) {
+		const checked = useVModel(__props, "modelValue", __emit, { passive: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", {
+				class: "n-checkbox select-none items-center hover:n-checkbox-hover n-disabled:n-disabled",
+				checked: unref(checked) || null,
+				disabled: __props.disabled || null
+			}, [
+				withDirectives(createBaseVNode("input", {
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(checked) ? checked.value = $event : null),
+					type: "checkbox",
+					class: "peer absolute op0",
+					disabled: __props.disabled,
+					onKeypress: _cache[1] || (_cache[1] = withKeys(($event) => checked.value = !unref(checked), ["enter"]))
+				}, null, 40, _hoisted_2$5), [[vModelCheckbox, unref(checked)]]),
+				createBaseVNode("span", _hoisted_3$3, [createVNode(Icon_default, { class: "n-checkbox-icon scale-0 transform op0 n-transition n-checked:scale-100 n-checked:op100" })]),
+				createBaseVNode("span", { class: normalizeClass([unref(checked) ? "" : "op50", "n-transition"]) }, [renderSlot(_ctx.$slots, "default")], 2)
+			], 8, _hoisted_1$5);
+		};
+	}
+});
+var _hoisted_1$4 = ["disabled"];
+var _hoisted_2$4 = {
+	key: 0,
+	value: "",
+	disabled: "",
+	hidden: ""
+};
+var Select_default = /* @__PURE__ */ defineComponent({
+	__name: "Select",
+	props: {
+		modelValue: { default: void 0 },
+		placeholder: { default: "" },
+		icon: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props, { emit: __emit }) {
+		const input = useVModel(__props, "modelValue", __emit, { passive: true });
+		return (_ctx, _cache) => {
+			const _component_NIcon = resolveComponent("NIcon");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["n-select flex flex items-center border rounded n-bg-base px-2 py-1 focus-within:border-context focus-within:n-focus-base", __props.disabled ? "border-gray:10" : "n-border-base"]) }, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.icon ? (openBlock(), createBlock(_component_NIcon, {
+				key: 0,
+				icon: __props.icon,
+				class: "mr-0.4em text-1.1em op50"
+			}, null, 8, ["icon"])) : createCommentVNode("", true)]), withDirectives(createBaseVNode("select", {
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(input) ? input.value = $event : null),
+				disabled: __props.disabled,
+				class: normalizeClass(["w-full flex-auto n-bg-base !outline-none", __props.disabled ? "appearance-none" : "cursor-pointer"])
+			}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_2$4, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$4), [[vModelSelect, unref(input)]])], 2);
+		};
+	}
+});
+var _hoisted_1$3 = { class: "flex flex-col gap-4 p-4" };
+var _hoisted_2$3 = {
+	key: 1,
+	class: "ml-2 flex"
+};
+var _hoisted_3$2 = ["value"];
+var _hoisted_4$1 = {
+	key: 1,
+	class: "w-10 flex items-center justify-center op-30",
+	title: "接口定义的参数不可删除"
+};
+var _hoisted_5$1 = {
+	key: 0,
+	flex: "",
+	"gap-4": ""
+};
+var ServerRouteInput_default = /* @__PURE__ */ defineComponent({
+	__name: "ServerRouteInput",
+	props: {
+		modelValue: {},
+		keys: { default: () => [] },
+		default: { default: () => ({}) },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const params = useVModel(props, "modelValue", __emit, { passive: true });
+		const filteredKeys = computed(() => {
+			return [
+				...props.keys,
+				"active",
+				"key",
+				"value",
+				"type"
+			];
+		});
+		const keysObject = computed(() => {
+			const obj = {};
+			for (const key of filteredKeys.value) obj[key] = props.default[key] || "";
+			return obj;
+		});
+		const inputTypes = [
+			"string",
+			"number",
+			"boolean",
+			"file",
+			"date",
+			"time",
+			"datetime-local"
+		];
+		function onFileInputChange(index, event) {
+			const target = event.target;
+			if (target.files && target.files[0]) {
+				const file = target.files[0];
+				const reader = new FileReader();
+				reader.readAsDataURL(file);
+				reader.onload = () => {
+					params.value[index].value = reader.result;
+				};
+			}
+		}
+		function clearUserAdded() {
+			const list = params.value;
+			for (let i = list.length - 1; i >= 0; i--) if (!list[i]?.fromSchema) list.splice(i, 1);
+		}
+		const hasDeletable = computed(() => params.value?.some((i) => !i?.fromSchema));
+		watch(() => params, (items) => {
+			items.value.forEach((item) => {
+				if (item.value === void 0 || item.value === null) return;
+				if (item.type === "number") {
+					if (typeof item.value !== "number") {
+						const parsed = Number.parseFloat(item.value);
+						item.value = Number.isNaN(parsed) ? void 0 : parsed;
+					}
+				} else if (item.type === "boolean") {
+					if (typeof item.value !== "boolean") item.value = void 0;
+				} else if (item.type === "file") {
+					if (typeof item.value !== "string") item.value = void 0;
+				} else if (item.type === "date") {
+					if (typeof item.value === "string" && !item.value.match(/^\d{4}-\d{2}-\d{2}$/)) item.value = void 0;
+				} else if (item.type === "time") {
+					if (typeof item.value === "string" && !item.value.match(/^\d{2}:\d{2}$/)) item.value = void 0;
+				} else if (item.type === "datetime-local") {
+					if (typeof item.value === "string" && !item.value.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/)) item.value = void 0;
+				} else if (item.type === "string") item.value = String(item.value);
+			});
+		}, {
+			deep: true,
+			immediate: true,
+			flush: "sync"
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(params), (item, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: "flex gap-2 justify-around"
+					}, [
+						renderSlot(_ctx.$slots, "input", { item }),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(filteredKeys.value, (key) => {
+							return openBlock(), createElementBlock(Fragment, { key }, [item.type !== null && key === "active" ? (openBlock(), createBlock(Checkbox_default, {
+								key: 0,
+								modelValue: item[key],
+								"onUpdate:modelValue": ($event) => item[key] = $event,
+								class: "n-sm n-primary",
+								disabled: __props.disabled
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"disabled"
+							])) : createCommentVNode("", true), item.type !== null && key === "key" ? (openBlock(), createBlock(TextInput_default, {
+								key: 1,
+								modelValue: item[key],
+								"onUpdate:modelValue": ($event) => item[key] = $event,
+								placeholder: key,
+								class: normalizeClass(["flex-1 font-mono n-sm n-primary", __props.disabled || item.fromSchema ? "op50" : ""]),
+								disabled: __props.disabled || item.fromSchema
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"placeholder",
+								"disabled",
+								"class"
+							])) : key === "value" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [item.type === "file" ? (openBlock(), createBlock(TextInput_default, {
+								key: item.value === void 0 ? `file-empty-${index}` : `file-has-${index}`,
+								type: "file",
+								disabled: __props.disabled,
+								class: normalizeClass(__props.disabled ? "op75" : ""),
+								onChange: ($event) => onFileInputChange(index, $event)
+							}, null, 8, [
+								"disabled",
+								"class",
+								"onChange"
+							])) : item.type === "boolean" ? (openBlock(), createElementBlock("div", _hoisted_2$3, [createVNode(Checkbox_default, {
+								modelValue: item.value,
+								"onUpdate:modelValue": ($event) => item.value = $event,
+								placeholder: "Value",
+								class: "n-green n-lg",
+								disabled: __props.disabled
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"disabled"
+							])])) : (openBlock(), createBlock(TextInput_default, {
+								key: 2,
+								modelValue: item.value,
+								"onUpdate:modelValue": ($event) => item.value = $event,
+								type: item.type,
+								placeholder: "Value",
+								class: normalizeClass(["flex-1 font-mono n-sm n-primary", __props.disabled ? "op75" : ""]),
+								disabled: __props.disabled
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"type",
+								"disabled",
+								"class"
+							]))], 64)) : key === "type" ? (openBlock(), createBlock(Select_default, {
+								key: 3,
+								modelValue: item.type,
+								"onUpdate:modelValue": ($event) => item.type = $event,
+								n: "sm green",
+								class: normalizeClass(__props.disabled ? "op75" : ""),
+								disabled: __props.disabled
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(inputTypes, (typeItem) => {
+									return createBaseVNode("option", {
+										key: typeItem,
+										value: typeItem
+									}, toDisplayString(typeItem), 9, _hoisted_3$2);
+								}), 64))]),
+								_: 1
+							}, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"class",
+								"disabled"
+							])) : createCommentVNode("", true)], 64);
+						}), 128)),
+						renderSlot(_ctx.$slots, "input-actions", {
+							item,
+							index
+						}, () => [!item.fromSchema ? (openBlock(), createBlock(unref(Button_default), {
+							key: 0,
+							class: normalizeClass(["n-red w-10 flex justify-center items-center", __props.disabled ? "op0!" : ""]),
+							disabled: __props.disabled,
+							onClick: ($event) => unref(params).splice(index, 1)
+						}, {
+							default: withCtx(() => [createVNode(Icon_default, { icon: "i-ph-trash" })]),
+							_: 1
+						}, 8, [
+							"disabled",
+							"class",
+							"onClick"
+						])) : (openBlock(), createElementBlock("div", _hoisted_4$1, [createVNode(Icon_default, { icon: "i-ph-lock-simple" })]))])
+					]);
+				}), 128)),
+				!__props.disabled ? (openBlock(), createElementBlock("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "actions", { params: unref(params) }, () => [
+					createVNode(unref(Button_default), {
+						icon: "i-ph-plus",
+						n: "sm primary",
+						my1: "",
+						"px-3": "",
+						onClick: _cache[0] || (_cache[0] = ($event) => unref(params).push({ ...keysObject.value }))
+					}, {
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" 添加 ", -1)])]),
+						_: 1
+					}),
+					_cache[4] || (_cache[4] = createBaseVNode("div", { "flex-auto": "" }, null, -1)),
+					hasDeletable.value ? (openBlock(), createBlock(unref(Button_default), {
+						key: 0,
+						icon: "i-ph-trash",
+						n: "sm red",
+						my1: "",
+						"px-3": "",
+						onClick: _cache[1] || (_cache[1] = ($event) => clearUserAdded())
+					}, {
+						default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" 删除全部 ", -1)])]),
+						_: 1
+					})) : createCommentVNode("", true)
+				])])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default")
+			]);
+		};
+	}
+});
+var _hoisted_1$2 = { class: "size-full flex flex-col" };
+var _hoisted_2$2 = { class: "n-bg-base flex-none p4 flex flex-col gap-2" };
+var _hoisted_3$1 = { class: "flex gap-2 items-center" };
+var _hoisted_4 = { class: "relative w-full" };
+var _hoisted_5 = { class: "flex gap-2 flex-wrap w-full items-center px-4 pb-2 text-center text-sm border-b n-border-base" };
+var _hoisted_6 = { class: "hidden md:block" };
+var _hoisted_7 = { class: "flex gap-2 items-center op50 mb--1" };
+var _hoisted_8 = {
+	key: 0,
+	class: "border-b n-border-base px-4 py-4 flex flex-col gap-4 font-mono"
+};
+var _hoisted_9 = {
+	key: 1,
+	class: "border-b n-border-base px-4 py-4 flex flex-col gap-4 font-mono"
+};
+var _hoisted_10 = { class: "flex gap-2 items-center" };
+var _hoisted_11 = {
+	key: 2,
+	class: "border-b n-border-base relative"
+};
+var _hoisted_12 = { class: "border-b n-border-base flex gap-2 items-center px-4 py-2" };
+var _hoisted_13 = { class: "text-xs op50" };
+var _hoisted_14 = {
+	key: 6,
+	class: "px-4 pb-4 text-sm op50"
+};
+var ServerRouteDetail_default = /* @__PURE__ */ defineComponent({
+	__name: "ServerRouteDetail",
+	props: { route: {} },
+	emits: ["openDefaultInput"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const cookie = reactive({
+			key: "",
+			value: ""
+		});
+		const routeMethod = computed(() => props.route.method || "GET");
+		const bodyPayloadMethods = [
+			"PATCH",
+			"POST",
+			"PUT",
+			"DELETE"
+		];
+		const hasBody = computed(() => bodyPayloadMethods.includes(routeMethod.value.toUpperCase()));
+		const [DefineDefaultInputs, UseDefaultInputs] = createReusableTemplate();
+		const routeRef = toRef(props, "route");
+		const { paramInputs, activeTab, currentTabInputs, parsedQuery, parsedHeader, parsedBody } = useServerRouteParams(routeRef, { hasBody });
+		const { inputDefaults } = useInputDefaults();
+		const inputDefaultsRecord = computed(() => inputDefaults.value);
+		const activeDefaults = computed(() => {
+			const tab = activeTab.value;
+			return [
+				"query",
+				"body",
+				"headers"
+			].includes(tab) ? inputDefaultsRecord.value[tab] : [];
+		});
+		const hasDefaults = computed(() => (activeDefaults.value?.length || 0) > 0);
+		const currentParams = currentTabInputs;
+		function clearParamValues() {
+			[
+				"query",
+				"body",
+				"headers"
+			].forEach((k) => {
+				paramInputs.value[k] = paramInputs.value[k].map((input) => ({
+					...input,
+					value: void 0
+				}));
+			});
+		}
+		const tabs = computed(() => {
+			const items = [];
+			items.push({
+				name: "Query",
+				slug: "query",
+				length: paramInputs.value.query.length
+			});
+			if (hasBody.value) items.push({
+				name: "Body",
+				slug: "body",
+				length: paramInputs.value.body.length
+			});
+			items.push({
+				name: "Headers",
+				slug: "headers",
+				length: paramInputs.value.headers.length
+			});
+			items.push({
+				name: "Cookies",
+				slug: "cookies",
+				length: cookie.value.length
+			});
+			items.push({
+				name: "Snippets",
+				slug: "snippet"
+			});
+			return items;
+		});
+		const codeSnippets = useServerRouteSnippets({
+			route: routeRef,
+			routeMethod,
+			parsedQuery,
+			parsedBody,
+			parsedHeader
+		});
+		const { fetching, hasSentRequest, response, sendRequest, responseStatus, responseSuccess, responseLang, responseContent, storedResponse: persistedResponse } = useServerRouteRequest({
+			route: routeRef,
+			routeMethod,
+			parsedQuery,
+			parsedBody,
+			parsedHeader,
+			cookie: computed(() => cookie),
+			storageKey: devtoolsStorageKey.response
+		});
+		const storedResponse = computed(() => persistedResponse.value ?? {});
+		return (_ctx, _cache) => {
+			const _component_PanelGrids = PanelGrids_default;
+			const _component_Badge = Badge_default;
+			const _component_CodeBlock = CodeBlock_default;
+			const _directive_tooltip = resolveDirective("tooltip");
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createBaseVNode("div", _hoisted_2$2, [createBaseVNode("div", _hoisted_3$1, [
+					props.route.method ? (openBlock(), createBlock(unref(Button_default), {
+						key: 0,
+						class: normalizeClass(["n-badge-base n-sm pointer-events-none font-mono op-80", unref(getRequestMethodClass)(unref(routeMethod))]),
+						tabindex: "-1"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(routeMethod).toUpperCase()), 1)]),
+						_: 1
+					}, 8, ["class"])) : createCommentVNode("", true),
+					createBaseVNode("div", _hoisted_4, [createVNode(TextInput_default, {
+						class: "readonly flex-auto font-mono px-5 py-2 n-sm",
+						disabled: "",
+						"model-value": props.route.route
+					}, null, 8, ["model-value"])]),
+					createVNode(unref(Button_default), {
+						class: "h-full n-primary n-solid bg-context",
+						disabled: unref(fetching),
+						onClick: unref(sendRequest)
+					}, {
+						default: withCtx(() => [!unref(fetching) ? (openBlock(), createBlock(Icon_default, {
+							key: 0,
+							icon: "i-ph-telegram-logo",
+							class: "text-light"
+						})) : (openBlock(), createBlock(Icon_default, {
+							key: 1,
+							icon: "i-eos-icons:loading",
+							class: "text-light animate-spin"
+						}))]),
+						_: 1
+					}, 8, ["disabled", "onClick"])
+				])]),
+				createBaseVNode("div", _hoisted_5, [
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab) => {
+						return withDirectives((openBlock(), createBlock(unref(Button_default), {
+							key: tab.slug,
+							class: normalizeClass([unref(activeTab) === tab.slug ? "text-primary border-px border-solid border-context n-primary" : "border-transparent shadow-none", "px-4 py-2"]),
+							onClick: ($event) => activeTab.value = tab.slug
+						}, {
+							default: withCtx(() => [createVNode(Icon_default, { icon: unref(ServerRouteTabIcons)[tab.slug] }, null, 8, ["icon"]), createBaseVNode("div", _hoisted_6, toDisplayString(tab.name) + " " + toDisplayString(tab?.length ? `(${tab.length})` : ""), 1)]),
+							_: 2
+						}, 1032, ["class", "onClick"])), [[_directive_tooltip, tab.name]]);
+					}), 128)),
+					_cache[4] || (_cache[4] = createBaseVNode("div", { class: "flex-auto" }, null, -1)),
+					withDirectives(createVNode(unref(Button_default), {
+						n: "orange",
+						class: "p-3",
+						icon: "i-ph-paint-brush-duotone",
+						onClick: clearParamValues
+					}, null, 512), [[_directive_tooltip, "清除输入的请求参数"]])
+				]),
+				createVNode(unref(DefineDefaultInputs), null, {
+					default: withCtx(() => [createBaseVNode("div", null, [createVNode(ServerRouteInput_default, {
+						modelValue: unref(currentParams),
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentParams) ? currentParams.value = $event : null),
+						default: {
+							active: true,
+							type: "string"
+						},
+						class: "max-h-xs of-auto"
+					}, null, 8, ["modelValue"]), unref(hasDefaults) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("div", _hoisted_7, [
+						_cache[5] || (_cache[5] = createBaseVNode("div", { class: "w-5 x-divider" }, null, -1)),
+						_cache[6] || (_cache[6] = createBaseVNode("div", { class: "flex-none" }, " 默认值 ", -1)),
+						createVNode(unref(Button_default), {
+							icon: "i-ph-pencil-simple-line",
+							border: false,
+							onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("openDefaultInput"))
+						}),
+						_cache[7] || (_cache[7] = createBaseVNode("div", { class: "x-divider" }, null, -1))
+					]), createVNode(ServerRouteInput_default, {
+						"model-value": unref(activeDefaults),
+						disabled: ""
+					}, null, 8, ["model-value"])], 64)) : createCommentVNode("", true)])]),
+					_: 1
+				}),
+				unref(activeTab) === "snippet" ? (openBlock(), createElementBlock("div", _hoisted_8, [unref(codeSnippets).length ? (openBlock(), createBlock(CodeSnippets_default, {
+					key: 0,
+					"code-snippets": unref(codeSnippets)
+				}, null, 8, ["code-snippets"])) : createCommentVNode("", true)])) : unref(activeTab) === "cookies" ? (openBlock(), createElementBlock("div", _hoisted_9, [createBaseVNode("div", _hoisted_10, [
+					createVNode(TextInput_default, {
+						modelValue: unref(cookie).key,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(cookie).key = $event),
+						placeholder: "Key",
+						class: "flex-1 n-primary n-sm"
+					}, null, 8, ["modelValue"]),
+					createVNode(TextInput_default, {
+						modelValue: unref(cookie).value,
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(cookie).value = $event),
+						placeholder: "Value",
+						class: "flex-1 n-primary n-sm"
+					}, null, 8, ["modelValue"]),
+					withDirectives((openBlock(), createBlock(unref(Button_default), {
+						title: "Add",
+						class: "n-primary"
+					}, {
+						default: withCtx(() => [createVNode(Icon_default, { icon: "i-ph-floppy-disk" })]),
+						_: 1
+					})), [[_directive_tooltip, "保存"]])
+				])])) : (openBlock(), createElementBlock("div", _hoisted_11, [createVNode(unref(UseDefaultInputs))])),
+				!unref(hasSentRequest) ? (openBlock(), createBlock(_component_PanelGrids, { key: 3 }, {
+					default: withCtx(() => [createVNode(unref(Button_default), {
+						n: "primary",
+						disabled: unref(fetching),
+						onClick: unref(sendRequest)
+					}, {
+						default: withCtx(() => [!unref(fetching) ? (openBlock(), createBlock(Icon_default, {
+							key: 0,
+							icon: "i-carbon:send"
+						})) : (openBlock(), createBlock(Icon_default, {
+							key: 1,
+							icon: "i-eos-icons:loading",
+							class: "animate-spin"
+						})), _cache[8] || (_cache[8] = createTextVNode(" 发送请求 ", -1))]),
+						_: 1
+					}, 8, ["disabled", "onClick"])]),
+					_: 1
+				})) : unref(fetching) ? (openBlock(), createBlock(Loading_default, {
+					key: 4,
+					class: "z-10 flex-auto backdrop-blur"
+				}, {
+					default: withCtx(() => [..._cache[9] || (_cache[9] = [createBaseVNode("span", { class: "text-sm" }, "发送中...", -1)])]),
+					_: 1
+				})) : unref(response) ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [createBaseVNode("div", _hoisted_12, [
+					createBaseVNode("div", null, "Response " + toDisplayString(unref(responseSuccess)), 1),
+					unref(responseSuccess) === false ? (openBlock(), createBlock(_component_Badge, {
+						key: 0,
+						class: "n-red"
+					}, {
+						default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" Error ", -1)])]),
+						_: 1
+					})) : createCommentVNode("", true),
+					createVNode(_component_Badge, { n: unref(responseSuccess) ? "green" : "orange" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(responseStatus) ?? unref(storedResponse).status ?? "—"), 1)]),
+						_: 1
+					}, 8, ["n"]),
+					createBaseVNode("code", _hoisted_13, toDisplayString(unref(response)?.headers?.["content-type"] ?? unref(storedResponse).headers?.["content-type"] ?? ""), 1),
+					_cache[11] || (_cache[11] = createBaseVNode("div", { class: "flex-auto" }, null, -1)),
+					_cache[12] || (_cache[12] = createBaseVNode("div", { class: "op50" }, " Request finished in ", -1)),
+					createVNode(_component_Badge, { class: "n-green" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(response).duration) + " ms ", 1)]),
+						_: 1
+					})
+				]), createVNode(_component_CodeBlock, {
+					class: "flex-auto overflow-auto py-2",
+					code: unref(responseContent),
+					lang: unref(responseLang)
+				}, null, 8, ["code", "lang"])], 64)) : (openBlock(), createElementBlock("div", _hoisted_14, " 暂无响应输出 "))
+			]);
+		};
+	}
+});
+var _hoisted_1$1 = { class: "min-w-0" };
+var _hoisted_2$1 = { class: "truncate" };
+var ServerRouteListItem_default = /* @__PURE__ */ defineComponent({
+	__name: "ServerRouteListItem",
+	props: {
+		item: {},
+		index: { default: 0 },
+		selected: { default: null }
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const open = ref(true);
+		const isSelected = computed(() => {
+			if (!props.selected || props.item.type !== "route") return false;
+			return props.selected.filepath === props.item.filepath && props.selected.route === props.item.route && props.selected.method === props.item.method;
+		});
+		function handleClick() {
+			if (props.item.type === "collection") open.value = !open.value;
+			else emit("select", props.item);
+		}
+		return (_ctx, _cache) => {
+			const _component_ServerRouteListItem = resolveComponent("ServerRouteListItem", true);
+			const _directive_tooltip = resolveDirective("tooltip");
+			return openBlock(), createElementBlock("div", null, [
+				createBaseVNode("button", {
+					class: normalizeClass(["flex gap-2 w-full items-start px-2 py-1 hover:bg-action transition-colors", { "bg-active": unref(isSelected) }]),
+					style: normalizeStyle({ paddingLeft: `calc(0.5rem + ${__props.index * 1.5}em)` }),
+					onClick: handleClick
+				}, [createBaseVNode("div", { class: normalizeClass([{ "w-12": !__props.item.routes }, "flex-none text-left"]) }, [__props.item.type === "collection" ? (openBlock(), createBlock(Icon_default, {
+					key: 0,
+					icon: "i-carbon:chevron-right",
+					"transform-rotate": unref(open) ? 90 : 0,
+					class: "mb0.5 transition"
+				}, null, 8, ["transform-rotate"])) : (openBlock(), createBlock(Badge_default, {
+					key: 1,
+					class: normalizeClass(unref(getRequestMethodClass)(__props.item.method || "*"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString((__props.item.method || "*").toUpperCase()), 1)]),
+					_: 1
+				}, 8, ["class"]))], 2), createBaseVNode("div", _hoisted_1$1, [createBaseVNode("div", { class: normalizeClass([{ "flex items-start": __props.item.routes }, "text-sm font-mono"]) }, [__props.item.type === "collection" ? (openBlock(), createBlock(Icon_default, {
+					key: 0,
+					title: `${__props.item.routes?.length || 0} routes`,
+					icon: unref(open) ? "i-catppuccin-folder-api-open" : "i-catppuccin-folder-api",
+					class: "mr1"
+				}, null, 8, ["title", "icon"])) : createCommentVNode("", true), withDirectives((openBlock(), createElementBlock("span", _hoisted_2$1, [createTextVNode(toDisplayString(__props.item.route), 1)])), [[_directive_tooltip, __props.item.description]])], 2)])], 6),
+				_cache[1] || (_cache[1] = createBaseVNode("div", { class: "x-divider" }, null, -1)),
+				unref(open) ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.routes, (subItem, subIndex) => {
+					return openBlock(), createBlock(_component_ServerRouteListItem, {
+						key: `${subItem.filepath}-${subIndex}`,
+						item: subItem,
+						index: __props.index + 1,
+						selected: __props.selected,
+						onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+					}, null, 8, [
+						"item",
+						"index",
+						"selected"
+					]);
+				}), 128))]) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+function groupRoutesByFile(apiResult) {
+	const routes = [];
+	const fileMap = /* @__PURE__ */ new Map();
+	apiResult.modules.forEach((module) => {
+		module.functions.forEach((func) => {
+			const fileKey = func.file;
+			let fileCollection = fileMap.get(fileKey);
+			if (!fileCollection) {
+				fileCollection = {
+					route: (fileKey.split("/").pop() || fileKey).replace(/\.(ts|js)$/, ""),
+					method: "",
+					description: fileKey.replace(/^.*\/src\/api\//, ""),
+					type: "collection",
+					filepath: fileKey,
+					routes: []
+				};
+				fileMap.set(fileKey, fileCollection);
+				routes.push(fileCollection);
+			}
+			fileCollection.routes.push({
+				route: func.url,
+				method: func.method,
+				description: func.description,
+				name: func.name,
+				filepath: func.file,
+				type: "route",
+				paramType: func.paramType,
+				paramLocation: func.paramLocation,
+				returnType: func.returnType,
+				paramSchema: func.paramSchema,
+				returnSchema: func.returnSchema,
+				requestClient: func.requestClient,
+				requestModulePath: func.requestModulePath,
+				requestModuleResolvedPath: func.requestModuleResolvedPath
+			});
+		});
+	});
+	return routes;
+}
+function flattenApiToRoutes(apiResult) {
+	const routes = [];
+	apiResult.modules.forEach((module) => {
+		module.functions.forEach((func) => {
+			routes.push({
+				route: func.url,
+				method: func.method,
+				description: func.description,
+				name: func.name,
+				filepath: func.file,
+				type: "route",
+				paramType: func.paramType,
+				paramLocation: func.paramLocation,
+				returnType: func.returnType,
+				paramSchema: func.paramSchema,
+				returnSchema: func.returnSchema,
+				requestClient: func.requestClient,
+				requestModulePath: func.requestModulePath,
+				requestModuleResolvedPath: func.requestModuleResolvedPath
+			});
+		});
+	});
+	return routes;
+}
+function calculateApiStats(apiResult) {
+	const stats = {
+		totalModules: apiResult.modules.length,
+		totalApis: 0,
+		totalTypes: 0,
+		byMethod: {}
+	};
+	apiResult.modules.forEach((module) => {
+		stats.totalApis += module.functions.length;
+		stats.totalTypes += module.types.length;
+		module.functions.forEach((func) => {
+			const method = func.method.toUpperCase();
+			stats.byMethod[method] = (stats.byMethod[method] || 0) + 1;
+		});
+	});
+	return stats;
+}
+function filterRoutes(routes, searchText) {
+	if (!searchText) return routes;
+	const search = searchText.toLowerCase();
+	return routes.map((route) => {
+		if (route.type === "collection" && route.routes) {
+			const filteredSubRoutes = filterRoutes(route.routes, searchText);
+			if (filteredSubRoutes.length > 0) return {
+				...route,
+				routes: filteredSubRoutes
+			};
+			return null;
+		}
+		return route.route.toLowerCase().includes(search) || route.method?.toLowerCase().includes(search) || route.description?.toLowerCase().includes(search) || route.name?.toLowerCase().includes(search) ? route : null;
+	}).filter((route) => route !== null);
+}
+function sortRoutesByMethod(routes) {
+	const methodOrder = [
+		"GET",
+		"POST",
+		"PUT",
+		"PATCH",
+		"DELETE",
+		"OPTIONS",
+		"HEAD"
+	];
+	return routes.sort((a, b) => {
+		if (a.type === "collection" && b.type !== "collection") return -1;
+		if (a.type !== "collection" && b.type === "collection") return 1;
+		if (a.type === "collection" && b.type === "collection") return a.route.localeCompare(b.route);
+		const aIndex = methodOrder.indexOf(a.method?.toUpperCase() || "");
+		const bIndex = methodOrder.indexOf(b.method?.toUpperCase() || "");
+		if (aIndex !== bIndex) return aIndex - bIndex;
+		return a.route.localeCompare(b.route);
+	});
+}
+var _hoisted_1 = { class: "flex gap-1 text-sm" };
+var _hoisted_2 = {
+	key: 0,
+	class: "op50"
+};
+var _hoisted_3 = { class: "op50" };
+var server_router_default = /* @__PURE__ */ defineComponent({
+	name: "ServerRouterPage",
+	__name: "server-router",
+	setup(__props) {
+		const search = ref("");
+		const isGrouped = ref(true);
+		const inputDefaultsDrawer = ref(false);
+		const selectedRoute = ref(null);
+		const { inputDefaults, resetToEmpty } = useInputDefaults();
+		const inputDefaultsRecord = computed(() => inputDefaults.value);
+		const defaultTabs = [
+			"query",
+			"body",
+			"headers"
+		];
+		function toTitle(s) {
+			return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+		}
+		apiListFetch.execute();
+		function handleRouteClick(item) {
+			if (item.type === "route") selectedRoute.value = item;
+		}
+		const routeList = computed(() => {
+			const data = apiListFetch.data.value;
+			if (!data || !data.modules) return [];
+			return sortRoutesByMethod(isGrouped.value ? groupRoutesByFile(data) : flattenApiToRoutes(data));
+		});
+		const filteredRoutes = computed(() => {
+			return filterRoutes(routeList.value, search.value);
+		});
+		const stats = computed(() => {
+			const data = apiListFetch.data.value;
+			if (!data) return {
+				totalModules: 0,
+				totalApis: 0,
+				totalTypes: 0,
+				byMethod: {}
+			};
+			return calculateApiStats(data);
+		});
+		const matchedCount = computed(() => {
+			if (!search.value) return stats.value.totalApis;
+			let count = 0;
+			const countRoutes = (routes) => {
+				routes.forEach((route) => {
+					if (route.type === "route") count++;
+					if (route.routes) countRoutes(route.routes);
+				});
+			};
+			countRoutes(filteredRoutes.value);
+			return count;
+		});
+		return (_ctx, _cache) => {
+			const _component_SectionBlock = SectionBlock_default;
+			const _directive_tooltip = resolveDirective("tooltip");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(SplitPane_default, {
+				"storage-key": "server-router",
+				"left-size": 26,
+				"min-size": 26
+			}, {
+				left: withCtx(() => [createVNode(Navbar_default, {
+					search: unref(search),
+					"onUpdate:search": _cache[2] || (_cache[2] = ($event) => isRef(search) ? search.value = $event : null),
+					class: "pb-2"
+				}, {
+					actions: withCtx(() => [withDirectives(createVNode(unref(Button_default), {
+						icon: unref(isGrouped) ? "i-ph-tree-view" : "i-ph-list-bullets",
+						border: false,
+						onClick: _cache[0] || (_cache[0] = ($event) => isGrouped.value = !unref(isGrouped))
+					}, null, 8, ["icon"]), [[_directive_tooltip, unref(isGrouped) ? "树形视图" : "列表视图"]]), withDirectives(createVNode(unref(Button_default), {
+						icon: "i-ph-circles-three-plus",
+						border: false,
+						onClick: _cache[1] || (_cache[1] = ($event) => inputDefaultsDrawer.value = !unref(inputDefaultsDrawer))
+					}, null, 512), [[_directive_tooltip, `默认值`]])]),
+					default: withCtx(() => [createBaseVNode("div", _hoisted_1, [unref(search) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(matchedCount)) + " 个匹配 · ", 1)) : createCommentVNode("", true), createBaseVNode("span", _hoisted_3, toDisplayString(unref(stats).totalApis) + " 个 api 接口", 1)])]),
+					_: 1
+				}, 8, ["search"]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredRoutes), (item, index) => {
+					return openBlock(), createBlock(ServerRouteListItem_default, {
+						key: `${item.filepath}-${index}`,
+						item,
+						selected: unref(selectedRoute),
+						onSelect: handleRouteClick
+					}, null, 8, ["item", "selected"]);
+				}), 128))]),
+				right: withCtx(() => [(openBlock(), createBlock(KeepAlive, { max: 10 }, [unref(selectedRoute) ? (openBlock(), createBlock(ServerRouteDetail_default, {
+					key: 0,
+					route: unref(selectedRoute),
+					onOpenDefaultInput: _cache[3] || (_cache[3] = ($event) => inputDefaultsDrawer.value = true)
+				}, null, 8, ["route"])) : createCommentVNode("", true)], 1024)), !unref(selectedRoute) ? (openBlock(), createBlock(PanelGrids_default, { key: 0 }, {
+					default: withCtx(() => [createVNode(Card_default, { class: "px6 py2" }, {
+						default: withCtx(() => [..._cache[6] || (_cache[6] = [createBaseVNode("span", { class: "op75 cursor-default" }, "选择一个 api 开始调试", -1)])]),
+						_: 1
+					})]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				_: 1
+			}), createVNode(Drawer_default, {
+				modelValue: unref(inputDefaultsDrawer),
+				"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(inputDefaultsDrawer) ? inputDefaultsDrawer.value = $event : null),
+				"auto-close": "",
+				class: "max-w-xl min-w-xl",
+				onClose: _cache[5] || (_cache[5] = ($event) => inputDefaultsDrawer.value = false)
+			}, {
+				default: withCtx(() => [createBaseVNode("div", null, [_cache[7] || (_cache[7] = createBaseVNode("div", { class: "p-4 border-b n-border-base" }, [
+					createBaseVNode("span", { class: "text-lg" }, "设置默认值"),
+					createBaseVNode("br"),
+					createBaseVNode("span", { class: "dark:text-white text-black op50" }, "已合并为 DevTools 中每个请求的默认设置。")
+				], -1)), (openBlock(), createElementBlock(Fragment, null, renderList(defaultTabs, (tab) => {
+					return createVNode(_component_SectionBlock, {
+						key: tab,
+						text: `${toTitle(tab)} ${unref(inputDefaultsRecord)[tab]?.length ? `(${unref(inputDefaultsRecord)[tab].length})` : ""}`,
+						padding: false,
+						icon: unref(ServerRouteTabIcons)[tab]
+					}, {
+						default: withCtx(() => [createVNode(ServerRouteInput_default, {
+							modelValue: unref(inputDefaultsRecord)[tab],
+							"onUpdate:modelValue": ($event) => unref(inputDefaultsRecord)[tab] = $event,
+							py0: "",
+							default: {
+								active: true,
+								type: "string"
+							}
+						}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+						_: 2
+					}, 1032, ["text", "icon"]);
+				}), 64))])]),
+				_: 1
+			}, 8, ["modelValue"])], 64);
+		};
+	}
+});
+export { server_router_default as default };