@rinova/playground 0.1.5 → 0.7.0

package/dist/PlaygroundRoot-Bcq7hG6m.js

@@ -0,0 +1,4114 @@
+import { A as _plugin_vue_export_helper_default, C as toast, D as PW_THEME_LIGHT, E as PW_THEME_DARK, O as getHighlighter, S as provideSceneContext, T as createLucideIcon, _ as currentOutputSlots, a as pluginHeaderSlots, b as currentArgsSlots, c as pluginWrapperEntries, i as pluginFooterSlots, k as PwApiBrief_default, l as providePlaygroundTheme, o as pluginOpenPanelId, s as pluginPanelEntries, t as closePlaygroundPanel, u as runPlugins, w as toastState } from "./plugin-S72dg7Tb.js";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onErrorCaptured, onMounted, openBlock, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import config from "virtual:playground/config";
+import { pluginModules } from "virtual:playground/plugins";
+import { pages, scenes } from "virtual:playground/scenes";
+import { api, modules, pageComponents, pageModules } from "virtual:playground/api";
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var CaseSensitive = createLucideIcon({
+	name: "case-sensitive",
+	size: 24,
+	node: [
+		["path", {
+			d: "m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16",
+			key: "d5nyq2"
+		}],
+		["path", {
+			d: "M22 9v7",
+			key: "pvm9v3"
+		}],
+		["path", {
+			d: "M3.304 13h6.392",
+			key: "1q3zxz"
+		}],
+		["circle", {
+			cx: "18.5",
+			cy: "12.5",
+			r: "3.5",
+			key: "z97x68"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Check = createLucideIcon({
+	name: "check",
+	size: 24,
+	node: [["path", {
+		d: "M20 6 9 17l-5-5",
+		key: "1gmf2c"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var ChevronDown = createLucideIcon({
+	name: "chevron-down",
+	size: 24,
+	node: [["path", {
+		d: "m6 9 6 6 6-6",
+		key: "qrunsl"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var ChevronRight = createLucideIcon({
+	name: "chevron-right",
+	size: 24,
+	node: [["path", {
+		d: "m9 18 6-6-6-6",
+		key: "mthhwq"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var ChevronUp = createLucideIcon({
+	name: "chevron-up",
+	size: 24,
+	node: [["path", {
+		d: "m18 15-6-6-6 6",
+		key: "153udz"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Copy = createLucideIcon({
+	name: "copy",
+	size: 24,
+	node: [["rect", {
+		width: "14",
+		height: "14",
+		x: "8",
+		y: "8",
+		rx: "2",
+		ry: "2",
+		key: "17jyea"
+	}], ["path", {
+		d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+		key: "zix9uf"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var FileCodeCorner = createLucideIcon({
+	name: "file-code-corner",
+	size: 24,
+	node: [
+		["path", {
+			d: "M4 12.15V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3.35",
+			key: "1wthlu"
+		}],
+		["path", {
+			d: "M14 2v5a1 1 0 0 0 1 1h5",
+			key: "wfsgrz"
+		}],
+		["path", {
+			d: "m5 16-3 3 3 3",
+			key: "331omg"
+		}],
+		["path", {
+			d: "m9 22 3-3-3-3",
+			key: "lsp7cz"
+		}]
+	],
+	aliases: ["file-code-2"]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var FileSymlink = createLucideIcon({
+	name: "file-symlink",
+	size: 24,
+	node: [
+		["path", {
+			d: "M4 11V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h7",
+			key: "huwfnr"
+		}],
+		["path", {
+			d: "M14 2v5a1 1 0 0 0 1 1h5",
+			key: "wfsgrz"
+		}],
+		["path", {
+			d: "m10 18 3-3-3-3",
+			key: "18f6ys"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Maximize = createLucideIcon({
+	name: "maximize",
+	size: 24,
+	node: [
+		["path", {
+			d: "M8 3H5a2 2 0 0 0-2 2v3",
+			key: "1dcmit"
+		}],
+		["path", {
+			d: "M21 8V5a2 2 0 0 0-2-2h-3",
+			key: "1e4gt3"
+		}],
+		["path", {
+			d: "M3 16v3a2 2 0 0 0 2 2h3",
+			key: "wsl5sc"
+		}],
+		["path", {
+			d: "M16 21h3a2 2 0 0 0 2-2v-3",
+			key: "18trek"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Monitor = createLucideIcon({
+	name: "monitor",
+	size: 24,
+	node: [
+		["rect", {
+			width: "20",
+			height: "14",
+			x: "2",
+			y: "3",
+			rx: "2",
+			key: "48i651"
+		}],
+		["line", {
+			x1: "8",
+			x2: "16",
+			y1: "21",
+			y2: "21",
+			key: "1svkeh"
+		}],
+		["line", {
+			x1: "12",
+			x2: "12",
+			y1: "17",
+			y2: "21",
+			key: "vw1qmm"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Moon = createLucideIcon({
+	name: "moon",
+	size: 24,
+	node: [["path", {
+		d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+		key: "kfwtm"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var PanelLeftClose = createLucideIcon({
+	name: "panel-left-close",
+	size: 24,
+	node: [
+		["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "afitv7"
+		}],
+		["path", {
+			d: "M9 3v18",
+			key: "fh3hqa"
+		}],
+		["path", {
+			d: "m16 15-3-3 3-3",
+			key: "14y99z"
+		}]
+	],
+	aliases: ["sidebar-close"]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var PanelLeftOpen = createLucideIcon({
+	name: "panel-left-open",
+	size: 24,
+	node: [
+		["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "afitv7"
+		}],
+		["path", {
+			d: "M9 3v18",
+			key: "fh3hqa"
+		}],
+		["path", {
+			d: "m14 9 3 3-3 3",
+			key: "8010ee"
+		}]
+	],
+	aliases: ["sidebar-open"]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var PanelRightClose = createLucideIcon({
+	name: "panel-right-close",
+	size: 24,
+	node: [
+		["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "afitv7"
+		}],
+		["path", {
+			d: "M15 3v18",
+			key: "14nvp0"
+		}],
+		["path", {
+			d: "m8 9 3 3-3 3",
+			key: "12hl5m"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var PanelRightOpen = createLucideIcon({
+	name: "panel-right-open",
+	size: 24,
+	node: [
+		["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "afitv7"
+		}],
+		["path", {
+			d: "M15 3v18",
+			key: "14nvp0"
+		}],
+		["path", {
+			d: "m10 15-3-3 3-3",
+			key: "1pgupc"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var PencilLine = createLucideIcon({
+	name: "pencil-line",
+	size: 24,
+	node: [
+		["path", {
+			d: "M13 21h8",
+			key: "1jsn5i"
+		}],
+		["path", {
+			d: "m15 5 4 4",
+			key: "1mk7zo"
+		}],
+		["path", {
+			d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+			key: "1a8usu"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var RotateCcw = createLucideIcon({
+	name: "rotate-ccw",
+	size: 24,
+	node: [["path", {
+		d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+		key: "1357e3"
+	}], ["path", {
+		d: "M3 3v5h5",
+		key: "1xhq8a"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Search = createLucideIcon({
+	name: "search",
+	size: 24,
+	node: [["path", {
+		d: "m21 21-4.34-4.34",
+		key: "14j7rj"
+	}], ["circle", {
+		cx: "11",
+		cy: "11",
+		r: "8",
+		key: "4ej97u"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Share2 = createLucideIcon({
+	name: "share-2",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "18",
+			cy: "5",
+			r: "3",
+			key: "gq8acd"
+		}],
+		["circle", {
+			cx: "6",
+			cy: "12",
+			r: "3",
+			key: "w7nqdw"
+		}],
+		["circle", {
+			cx: "18",
+			cy: "19",
+			r: "3",
+			key: "1xt0gg"
+		}],
+		["line", {
+			x1: "8.59",
+			x2: "15.42",
+			y1: "13.51",
+			y2: "17.49",
+			key: "47mynk"
+		}],
+		["line", {
+			x1: "15.41",
+			x2: "8.59",
+			y1: "6.51",
+			y2: "10.49",
+			key: "1n3mei"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var SlidersHorizontal = createLucideIcon({
+	name: "sliders-horizontal",
+	size: 24,
+	node: [
+		["path", {
+			d: "M10 5H3",
+			key: "1qgfaw"
+		}],
+		["path", {
+			d: "M12 19H3",
+			key: "yhmn1j"
+		}],
+		["path", {
+			d: "M14 3v4",
+			key: "1sua03"
+		}],
+		["path", {
+			d: "M16 17v4",
+			key: "1q0r14"
+		}],
+		["path", {
+			d: "M21 12h-9",
+			key: "1o4lsq"
+		}],
+		["path", {
+			d: "M21 19h-5",
+			key: "1rlt1p"
+		}],
+		["path", {
+			d: "M21 5h-7",
+			key: "1oszz2"
+		}],
+		["path", {
+			d: "M8 10v4",
+			key: "tgpxqk"
+		}],
+		["path", {
+			d: "M8 12H3",
+			key: "a7s4jb"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Smartphone = createLucideIcon({
+	name: "smartphone",
+	size: 24,
+	node: [["rect", {
+		width: "14",
+		height: "20",
+		x: "5",
+		y: "2",
+		rx: "2",
+		ry: "2",
+		key: "1yt0o3"
+	}], ["path", {
+		d: "M12 18h.01",
+		key: "mhygvu"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var SquareArrowOutUpRight = createLucideIcon({
+	name: "square-arrow-out-up-right",
+	size: 24,
+	node: [
+		["path", {
+			d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6",
+			key: "y09zxi"
+		}],
+		["path", {
+			d: "m21 3-9 9",
+			key: "mpx6sq"
+		}],
+		["path", {
+			d: "M15 3h6v6",
+			key: "1q9fwt"
+		}]
+	],
+	aliases: ["arrow-up-right-from-square"]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Sun = createLucideIcon({
+	name: "sun",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "12",
+			cy: "12",
+			r: "4",
+			key: "4exip2"
+		}],
+		["path", {
+			d: "M12 2v2",
+			key: "tus03m"
+		}],
+		["path", {
+			d: "M12 20v2",
+			key: "1lh1kg"
+		}],
+		["path", {
+			d: "m4.93 4.93 1.41 1.41",
+			key: "149t6j"
+		}],
+		["path", {
+			d: "m17.66 17.66 1.41 1.41",
+			key: "ptbguv"
+		}],
+		["path", {
+			d: "M2 12h2",
+			key: "1t8f8n"
+		}],
+		["path", {
+			d: "M20 12h2",
+			key: "1q8mjw"
+		}],
+		["path", {
+			d: "m6.34 17.66-1.41 1.41",
+			key: "1m8zz5"
+		}],
+		["path", {
+			d: "m19.07 4.93-1.41 1.41",
+			key: "1shlcs"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Tablet = createLucideIcon({
+	name: "tablet",
+	size: 24,
+	node: [["rect", {
+		width: "16",
+		height: "20",
+		x: "4",
+		y: "2",
+		rx: "2",
+		ry: "2",
+		key: "76otgf"
+	}], ["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "18",
+		y2: "18",
+		key: "1dp563"
+	}]]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var WholeWord = createLucideIcon({
+	name: "whole-word",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "7",
+			cy: "12",
+			r: "3",
+			key: "12clwm"
+		}],
+		["path", {
+			d: "M10 9v6",
+			key: "17i7lo"
+		}],
+		["circle", {
+			cx: "17",
+			cy: "12",
+			r: "3",
+			key: "gl7c2s"
+		}],
+		["path", {
+			d: "M14 7v8",
+			key: "dl84cr"
+		}],
+		["path", {
+			d: "M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1",
+			key: "lt2kga"
+		}]
+	]
+});
+/**
+* @license @lucide/vue v1.66.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var X = createLucideIcon({
+	name: "x",
+	size: 24,
+	node: [["path", {
+		d: "M18 6 6 18",
+		key: "1bl5f8"
+	}], ["path", {
+		d: "m6 6 12 12",
+		key: "d8bk6v"
+	}]]
+});
+// src/components/PwToastHost.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$18 = {
+	class: "pw-toast-host",
+	role: "status",
+	"aria-live": "polite"
+};
+// src/components/PwToastHost.vue
+var PwToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PwToastHost",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$18, [createVNode(TransitionGroup, { name: "pw-toast" }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toastState), (item) => {
+					return openBlock(), createElementBlock("div", {
+						key: item.id,
+						class: normalizeClass(["pw-toast", `pw-toast--${item.type}`])
+					}, toDisplayString(item.text), 3);
+				}), 128))]),
+				_: 1
+			})])]);
+		};
+	}
+}), [["__scopeId", "data-v-4f7c0a94"]]);
+// src/components/PwTooltip.vue
+var PwTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PwTooltip",
+	setup(__props) {
+		const text = ref("");
+		const visible = ref(false);
+		const style = ref({});
+		const bubbleEl = ref(null);
+		let timer = 0;
+		let current = null;
+		const hide = () => {
+			window.clearTimeout(timer);
+			visible.value = false;
+			current = null;
+		};
+		const place = (target) => {
+			const box = target.getBoundingClientRect();
+			const bubble = bubbleEl.value?.getBoundingClientRect();
+			const width = bubble?.width ?? 0;
+			const height = bubble?.height ?? 0;
+			const left = Math.max(8, Math.min(box.left + box.width / 2 - width / 2, window.innerWidth - width - 8));
+			const above = box.top - height - 8;
+			const top = above >= 8 ? above : box.bottom + 8;
+			style.value = {
+				left: `${left}px`,
+				top: `${top}px`
+			};
+		};
+		const show = (target) => {
+			const tip = target.dataset.tip;
+			if (!tip) return;
+			current = target;
+			text.value = tip;
+			window.clearTimeout(timer);
+			timer = window.setTimeout(async () => {
+				visible.value = true;
+				await nextTick();
+				place(target);
+			}, 120);
+		};
+		const targetOf = (node) => node instanceof Element ? node.closest("[data-tip]") : null;
+		const onOver = (event) => {
+			const target = targetOf(event.target);
+			if (target && target !== current) show(target);
+		};
+		const onOut = (event) => {
+			const target = targetOf(event.target);
+			if (!target) return;
+			if (target.contains(event.relatedTarget)) return;
+			if (target === current) hide();
+		};
+		const onFocusIn = (event) => {
+			const target = targetOf(event.target);
+			if (target) show(target);
+		};
+		onMounted(() => {
+			document.addEventListener("pointerover", onOver, true);
+			document.addEventListener("pointerout", onOut, true);
+			document.addEventListener("focusin", onFocusIn, true);
+			document.addEventListener("pointerdown", hide, true);
+			window.addEventListener("scroll", hide, true);
+		});
+		onBeforeUnmount(() => {
+			document.removeEventListener("pointerover", onOver, true);
+			document.removeEventListener("pointerout", onOut, true);
+			document.removeEventListener("focusin", onFocusIn, true);
+			document.removeEventListener("pointerdown", hide, true);
+			window.removeEventListener("scroll", hide, true);
+			window.clearTimeout(timer);
+		});
+		return (_ctx, _cache) => {
+			return visible.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "bubbleEl",
+				ref: bubbleEl,
+				class: "pw-tip",
+				role: "tooltip",
+				style: normalizeStyle(style.value)
+			}, toDisplayString(text.value), 5)) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-2657675f"]]);
+// src/components/PwInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$17 = ["data-empty"];
+var _hoisted_2$15 = [
+	"type",
+	"value",
+	"placeholder",
+	"autofocus"
+];
+// src/components/PwInput.vue
+var PwInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PwInput",
+	props: {
+		modelValue: { default: "" },
+		placeholder: {},
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		size: { default: "md" },
+		autofocus: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "text" }
+	},
+	emits: [
+		"update:modelValue",
+		"keydown",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const inputRef = ref();
+		const onInput = (event) => {
+			emit("update:modelValue", event.target.value);
+		};
+		const clear = () => {
+			emit("update:modelValue", "");
+			inputRef.value?.focus();
+		};
+		__expose({ focus: () => inputRef.value?.focus() });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["pw-input", `pw-input--${__props.size}`]),
+				"data-empty": !props.modelValue
+			}, [
+				renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
+				createElementVNode("input", {
+					ref_key: "inputRef",
+					ref: inputRef,
+					class: "pw-input__field",
+					type: __props.type,
+					value: __props.modelValue,
+					placeholder: __props.placeholder,
+					autofocus: __props.autofocus,
+					onInput,
+					onKeydown: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("keydown", $event)),
+					onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("focus", $event)),
+					onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("blur", $event))
+				}, null, 40, _hoisted_2$15),
+				__props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					class: "pw-input__clear",
+					type: "button",
+					"data-tip": "清空",
+					"aria-label": "清空",
+					onClick: clear
+				}, " × ")) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
+			], 10, _hoisted_1$17);
+		};
+	}
+}), [["__scopeId", "data-v-d56e665e"]]);
+// src/code/find.ts
+var WORD_CHAR = /[\w$]/;
+var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+/** 收集 root 下所有文本节点（行号是 CSS counter，不参与匹配） */
+var flattenTextNodes = (root) => {
+	const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+	const nodes = [];
+	const starts = [];
+	let text = "";
+	let current = walker.nextNode();
+	while (current) {
+		const node = current;
+		nodes.push(node);
+		starts.push(text.length);
+		text += node.data;
+		current = walker.nextNode();
+	}
+	return {
+		nodes,
+		text,
+		starts
+	};
+};
+/**
+* 在扁平文本里找所有匹配。
+*
+* - `wholeWord` 用 `[\w$]` 判定前后边界；中文不属于词字符，按子串命中处理（符合直觉）
+* - `limit` 防止超大文件把 DOM 撑爆，超出后不再收集
+*/
+var findMatches = (text, query, options = {}) => {
+	if (!query) return [];
+	const limit = options.limit ?? 2e3;
+	const pattern = new RegExp(escapeRegExp(query), options.caseSensitive ? "g" : "gi");
+	const matches = [];
+	let hit = pattern.exec(text);
+	while (hit && matches.length < limit) {
+		const start = hit.index;
+		const end = start + hit[0].length;
+		const before = start > 0 ? text[start - 1] : "";
+		const after = end < text.length ? text[end] : "";
+		if (!options.wholeWord || !WORD_CHAR.test(before) && !WORD_CHAR.test(after)) matches.push({
+			start,
+			end
+		});
+		pattern.lastIndex = end > start ? end : end + 1;
+		hit = pattern.exec(text);
+	}
+	return matches;
+};
+/** 把扁平文本上的匹配映射到各文本节点的局部片段 */
+var segmentsOf = (flat, matches) => {
+	const segments = [];
+	matches.forEach((match, matchIndex) => {
+		flat.nodes.forEach((node, nodeIndex) => {
+			const nodeStart = flat.starts[nodeIndex] ?? 0;
+			const nodeEnd = nodeStart + node.data.length;
+			const start = Math.max(match.start, nodeStart);
+			const end = Math.min(match.end, nodeEnd);
+			if (start < end) segments.push({
+				nodeIndex,
+				start: start - nodeStart,
+				end: end - nodeStart,
+				matchIndex
+			});
+		});
+	});
+	return segments;
+};
+// src/code/CodeBlock.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = { class: "pw-code" };
+var _hoisted_2$14 = {
+	key: 0,
+	class: "pw-code__hint"
+};
+var _hoisted_3$14 = {
+	key: 1,
+	class: "pw-code__error"
+};
+var _hoisted_4$13 = ["innerHTML"];
+// src/code/CodeBlock.vue
+var CodeBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CodeBlock",
+	props: {
+		code: {},
+		lang: { default: "vue" },
+		query: { default: "" },
+		caseSensitive: {
+			type: Boolean,
+			default: false
+		},
+		wholeWord: {
+			type: Boolean,
+			default: false
+		},
+		active: { default: -1 }
+	},
+	emits: ["count"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const html = ref("");
+		const state = ref("loading");
+		const error = ref("");
+		const bodyRef = ref(null);
+		/** 每个匹配的 mark 列表（一个匹配可能被 token 边界切成多段） */
+		let groups = [];
+		watch(() => [props.code, props.lang], async ([code, lang]) => {
+			state.value = "loading";
+			try {
+				const highlighter = await getHighlighter();
+				html.value = highlighter.codeToHtml(code, {
+					lang,
+					themes: {
+						light: PW_THEME_LIGHT,
+						dark: PW_THEME_DARK
+					},
+					defaultColor: false
+				});
+				state.value = "ready";
+				await nextTick();
+				applyQuery();
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : String(err);
+				state.value = "error";
+			}
+		}, { immediate: true });
+		watch(() => [
+			props.query,
+			props.caseSensitive,
+			props.wholeWord
+		], async () => {
+			if (state.value !== "ready") return;
+			await nextTick();
+			applyQuery();
+		});
+		watch(() => props.active, () => paintActive());
+		const clearHits = () => {
+			if (!groups.length) return;
+			const root = bodyRef.value;
+			for (const group of groups) for (const mark of group) mark.replaceWith(document.createTextNode(mark.textContent ?? ""));
+			groups = [];
+			root?.normalize();
+		};
+		const inDocumentOrder = (group) => [...group].sort((a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
+		/** 扁平文本匹配 + 节点内倒序切分 → <mark>；切在后面的偏移不会影响前面的 */
+		const applyQuery = () => {
+			clearHits();
+			const root = bodyRef.value;
+			const query = props.query;
+			if (!root || !query) {
+				emit("count", 0);
+				return;
+			}
+			const flat = flattenTextNodes(root);
+			const matches = findMatches(flat.text, query, {
+				caseSensitive: props.caseSensitive,
+				wholeWord: props.wholeWord
+			});
+			const buckets = /* @__PURE__ */ new Map();
+			for (const segment of segmentsOf(flat, matches)) {
+				const list = buckets.get(segment.nodeIndex) ?? [];
+				list.push(segment);
+				buckets.set(segment.nodeIndex, list);
+			}
+			const built = matches.map(() => []);
+			for (const [nodeIndex, list] of buckets) {
+				const node = flat.nodes[nodeIndex];
+				if (!node) continue;
+				list.sort((a, b) => b.start - a.start);
+				for (const segment of list) {
+					node.splitText(segment.end);
+					const middle = node.splitText(segment.start);
+					const mark = document.createElement("mark");
+					mark.className = "pw-code__hit";
+					mark.dataset.hit = String(segment.matchIndex);
+					mark.textContent = middle.data;
+					middle.replaceWith(mark);
+					built[segment.matchIndex]?.push(mark);
+				}
+			}
+			groups = built.map(inDocumentOrder).filter((group) => group.length > 0);
+			emit("count", groups.length);
+			paintActive();
+			scrollToHit(props.active);
+		};
+		const paintActive = () => {
+			const active = props.active;
+			groups.forEach((group, index) => {
+				const on = index === active;
+				for (const mark of group) mark.classList.toggle("is-active", on);
+			});
+		};
+		/** 滚到指定匹配：只滚最近的滚动容器，避免整页跟着动 */
+		const scrollToHit = (index) => {
+			const mark = groups[index]?.[0];
+			if (!mark) return;
+			let parent = mark.parentElement;
+			while (parent && parent !== document.body) {
+				if (parent.scrollHeight > parent.clientHeight + 1) {
+					const offset = mark.getBoundingClientRect().top - parent.getBoundingClientRect().top;
+					parent.scrollTo({
+						top: parent.scrollTop + offset - parent.clientHeight / 2,
+						behavior: "smooth"
+					});
+					return;
+				}
+				parent = parent.parentElement;
+			}
+		};
+		__expose({ scrollToHit });
+		onBeforeUnmount(() => clearHits());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$16, [state.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$14, "高亮中…")) : state.value === "error" ? (openBlock(), createElementBlock("pre", _hoisted_3$14, toDisplayString(error.value), 1)) : (openBlock(), createElementBlock("div", {
+				key: 2,
+				ref_key: "bodyRef",
+				ref: bodyRef,
+				class: "pw-code__body",
+				innerHTML: html.value
+			}, null, 8, _hoisted_4$13))]);
+		};
+	}
+}), [["__scopeId", "data-v-14e60795"]]);
+// src/code/clipboard.ts
+/** 复制文本：优先 Clipboard API，失败时退回到 execCommand（无权限/非安全上下文） */
+var copyText = async (text) => {
+	try {
+		if (navigator.clipboard?.writeText) {
+			await navigator.clipboard.writeText(text);
+			return true;
+		}
+	} catch {}
+	try {
+		const area = document.createElement("textarea");
+		area.value = text;
+		area.setAttribute("readonly", "");
+		area.style.position = "fixed";
+		area.style.top = "-1000px";
+		area.style.opacity = "0";
+		document.body.appendChild(area);
+		area.select();
+		const ok = document.execCommand("copy");
+		area.remove();
+		return ok;
+	} catch {
+		return false;
+	}
+};
+// src/app/PlaygroundApiTable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$15 = { class: "pw-api__head" };
+var _hoisted_2$13 = { class: "pw-api__title" };
+var _hoisted_3$13 = { class: "pw-api__name" };
+var _hoisted_4$12 = { class: "pw-api__meta" };
+var _hoisted_5$11 = { class: "pw-api__warn" };
+var _hoisted_6$9 = { class: "pw-api__tabs" };
+var _hoisted_7$7 = ["onClick"];
+var _hoisted_8$6 = { class: "pw-api__count" };
+var _hoisted_9$6 = { class: "pw-api__body" };
+var _hoisted_10$5 = {
+	key: 0,
+	class: "pw-api__col-default"
+};
+var _hoisted_11$5 = ["data-api"];
+var _hoisted_12$4 = { class: "pw-api__name-cell" };
+var _hoisted_13$4 = { class: "pw-api__name-line" };
+var _hoisted_14$4 = {
+	key: 0,
+	class: "pw-api__required"
+};
+var _hoisted_15$4 = ["title", "onClick"];
+var _hoisted_16$4 = ["title", "onClick"];
+var _hoisted_17$4 = {
+	key: 2,
+	class: "pw-api__empty"
+};
+var _hoisted_18$3 = {
+	key: 3,
+	class: "pw-api__signature"
+};
+var _hoisted_19$3 = ["title"];
+var _hoisted_20$3 = { key: 0 };
+var _hoisted_21$3 = {
+	key: 1,
+	class: "pw-api__empty"
+};
+var _hoisted_22$3 = { class: "pw-api__desc" };
+var _hoisted_23$3 = {
+	key: 1,
+	class: "pw-api__empty",
+	title: "补 JSDoc 就会显示在这里"
+};
+var _hoisted_24$3 = { class: "pw-api__demo-cell" };
+var _hoisted_25$2 = { class: "pw-api__demo" };
+var _hoisted_26$2 = ["onClick"];
+var _hoisted_27$2 = {
+	key: 0,
+	class: "pw-api__empty"
+};
+var _hoisted_28$2 = {
+	key: 1,
+	class: "pw-api__types"
+};
+var _hoisted_29$2 = ["data-type"];
+var _hoisted_30$2 = { class: "pw-api__type-head" };
+var _hoisted_31$2 = { class: "pw-api__type-name" };
+var _hoisted_32$2 = { class: "pw-api__type-kind" };
+var _hoisted_33$2 = ["title"];
+var _hoisted_34$2 = ["title", "onClick"];
+// src/app/PlaygroundApiTable.vue
+var PlaygroundApiTable_default = /* @__PURE__ */ defineComponent({
+	__name: "PlaygroundApiTable",
+	props: {
+		contract: {},
+		scenes: {},
+		focus: {},
+		notes: {}
+	},
+	emits: ["jump"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const TAB_LABELS = [
+			{
+				key: "props",
+				label: "Props"
+			},
+			{
+				key: "events",
+				label: "Events"
+			},
+			{
+				key: "slots",
+				label: "Slots"
+			},
+			{
+				key: "exposed",
+				label: "Exposes"
+			},
+			{
+				key: "types",
+				label: "Types"
+			}
+		];
+		const tab = ref("props");
+		const typeDefs = computed(() => props.contract.types ?? []);
+		const counts = computed(() => ({
+			props: props.contract.props.length,
+			events: props.contract.events.length,
+			slots: props.contract.slots.length,
+			exposed: props.contract.exposed.length,
+			types: typeDefs.value.length
+		}));
+		const total = computed(() => counts.value.props + counts.value.events + counts.value.slots + counts.value.exposed);
+		const undocumentedCount = computed(() => props.contract.undocumented.length);
+		const tabs = computed(() => TAB_LABELS.filter((item) => counts.value[item.key] > 0).map((item) => ({
+			...item,
+			count: counts.value[item.key]
+		})));
+		/** 某个 API 有哪些场景演示 */
+		const scenesOf = (kind, name) => props.scenes.filter((scene) => (scene.api ?? []).includes(name));
+		const notesOf = (kind, name) => props.notes?.[`${kind}:${name}`] ?? "";
+		/** 类型名 → 声明，供类型列点击跳转 */
+		const typeNames = computed(() => typeDefs.value.map((item) => item.name));
+		/** 类型字符串里引用到的具名类型（`TableColumn[]` → `TableColumn`） */
+		const linkedType = (text) => typeNames.value.find((name) => new RegExp(`\\b${name}\\b`).test(text)) ?? "";
+		const rows = computed(() => {
+			if (tab.value === "props") return props.contract.props.map((item) => ({
+				key: item.name,
+				name: item.name,
+				type: item.type,
+				default: item.default,
+				required: item.required,
+				description: item.description || notesOf("props", item.name),
+				signature: "",
+				demos: scenesOf("props", item.name)
+			}));
+			if (tab.value === "events") return props.contract.events.map((item) => ({
+				key: item.name,
+				name: item.name,
+				type: item.type,
+				default: "",
+				required: false,
+				description: item.description || notesOf("events", item.name),
+				signature: item.signature,
+				demos: scenesOf("events", item.name)
+			}));
+			if (tab.value === "slots") return props.contract.slots.map((item) => ({
+				key: item.name,
+				name: item.name,
+				type: item.type,
+				default: "",
+				required: false,
+				description: item.description || notesOf("slots", item.name),
+				signature: "",
+				demos: scenesOf("slots", item.name)
+			}));
+			if (tab.value === "exposed") return props.contract.exposed.map((item) => ({
+				key: item.name,
+				name: item.name,
+				type: item.type,
+				default: "",
+				required: false,
+				description: item.description || notesOf("exposed", item.name),
+				signature: "",
+				demos: scenesOf("exposed", item.name)
+			}));
+			return [];
+		});
+		/** 类型页签里当前高亮的类型 */
+		const focusedType = ref("");
+		const openType = async (name) => {
+			tab.value = "types";
+			focusedType.value = name;
+			await nextTick();
+			rootEl.value?.querySelector(`[data-type="${CSS.escape(name)}"]`)?.scrollIntoView({
+				block: "start",
+				behavior: "smooth"
+			});
+		};
+		/** 高亮来自场景内标签的点击 */
+		const highlighted = ref("");
+		const rootEl = ref(null);
+		watch(() => props.focus, async (value) => {
+			if (!value) return;
+			const [kind, name] = value.split(":");
+			if (kind && TAB_LABELS.some((item) => item.key === kind)) tab.value = kind;
+			highlighted.value = name ?? "";
+			await nextTick();
+			rootEl.value?.querySelector(`[data-api="${CSS.escape(highlighted.value)}"]`)?.scrollIntoView({ block: "center" });
+		}, { immediate: true });
+		const copyType = async (text) => {
+			if (!text) return;
+			const ok = await copyText(text);
+			toast(ok ? `已复制 ${text}` : "复制失败");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				class: "pw-api"
+			}, [createElementVNode("header", _hoisted_1$15, [createElementVNode("div", _hoisted_2$13, [createElementVNode("span", _hoisted_3$13, toDisplayString(__props.contract.name), 1), createElementVNode("span", _hoisted_4$12, [createTextVNode(toDisplayString(total.value) + " 个 API ", 1), undocumentedCount.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createTextVNode(" · ", -1)), createElementVNode("span", _hoisted_5$11, toDisplayString(undocumentedCount.value) + " 个缺说明", 1)], 64)) : createCommentVNode("", true)])]), createElementVNode("div", _hoisted_6$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (item) => {
+				return openBlock(), createElementBlock("button", {
+					key: item.key,
+					type: "button",
+					class: normalizeClass(["pw-api__tab", { "is-active": tab.value === item.key }]),
+					onClick: ($event) => tab.value = item.key
+				}, [createTextVNode(toDisplayString(item.label) + " ", 1), createElementVNode("span", _hoisted_8$6, toDisplayString(item.count), 1)], 10, _hoisted_7$7);
+			}), 128))])]), createElementVNode("div", _hoisted_9$6, [tab.value !== "types" ? (openBlock(), createElementBlock("table", {
+				key: 0,
+				class: normalizeClass(["pw-api__table", { "is-props": tab.value === "props" }])
+			}, [createElementVNode("thead", null, [createElementVNode("tr", null, [
+				_cache[1] || (_cache[1] = createElementVNode("th", { class: "pw-api__col-name" }, "名称", -1)),
+				_cache[2] || (_cache[2] = createElementVNode("th", { class: "pw-api__col-type" }, "类型", -1)),
+				tab.value === "props" ? (openBlock(), createElementBlock("th", _hoisted_10$5, "默认值")) : createCommentVNode("", true),
+				_cache[3] || (_cache[3] = createElementVNode("th", null, "说明", -1)),
+				_cache[4] || (_cache[4] = createElementVNode("th", { class: "pw-api__col-demo" }, "演示", -1))
+			])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row) => {
+				return openBlock(), createElementBlock("tr", {
+					key: row.key,
+					"data-api": row.name,
+					class: normalizeClass({
+						"is-missing": !row.description,
+						"is-focus": row.name === highlighted.value
+					})
+				}, [
+					createElementVNode("td", _hoisted_12$4, [createElementVNode("div", _hoisted_13$4, [createElementVNode("code", null, toDisplayString(row.name), 1), row.required ? (openBlock(), createElementBlock("span", _hoisted_14$4, "必填")) : createCommentVNode("", true)])]),
+					createElementVNode("td", null, [linkedType(row.type) ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "pw-api__type is-link",
+						title: `查看 ${linkedType(row.type)} 定义`,
+						onClick: ($event) => openType(linkedType(row.type))
+					}, toDisplayString(row.type), 9, _hoisted_15$4)) : row.type ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "pw-api__type",
+						title: `复制 ${row.type}`,
+						onClick: ($event) => copyType(row.type)
+					}, toDisplayString(row.type), 9, _hoisted_16$4)) : (openBlock(), createElementBlock("span", _hoisted_17$4, "—")), row.signature && row.signature !== row.type ? (openBlock(), createElementBlock("div", _hoisted_18$3, toDisplayString(row.signature), 1)) : createCommentVNode("", true)]),
+					tab.value === "props" ? (openBlock(), createElementBlock("td", {
+						key: 0,
+						class: "pw-api__default",
+						title: row.default
+					}, [row.default ? (openBlock(), createElementBlock("span", _hoisted_20$3, toDisplayString(row.default), 1)) : (openBlock(), createElementBlock("span", _hoisted_21$3, "—"))], 8, _hoisted_19$3)) : createCommentVNode("", true),
+					createElementVNode("td", _hoisted_22$3, [row.description ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(row.description), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_23$3, "缺说明"))]),
+					createElementVNode("td", _hoisted_24$3, [createElementVNode("div", _hoisted_25$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(row.demos, (demo) => {
+						return openBlock(), createElementBlock("button", {
+							key: demo.id,
+							type: "button",
+							class: "pw-api__demo-link",
+							onClick: ($event) => emit("jump", demo.name)
+						}, toDisplayString(demo.title), 9, _hoisted_26$2);
+					}), 128)), !row.demos.length ? (openBlock(), createElementBlock("span", _hoisted_27$2, "无")) : createCommentVNode("", true)])])
+				], 10, _hoisted_11$5);
+			}), 128))])], 2)) : (openBlock(), createElementBlock("div", _hoisted_28$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(typeDefs.value, (item) => {
+				return openBlock(), createElementBlock("article", {
+					key: item.name,
+					class: normalizeClass(["pw-api__type-card", { "is-focus": item.name === focusedType.value }]),
+					"data-type": item.name
+				}, [createElementVNode("header", _hoisted_30$2, [
+					createElementVNode("code", _hoisted_31$2, toDisplayString(item.name), 1),
+					createElementVNode("span", _hoisted_32$2, toDisplayString(item.kind), 1),
+					createElementVNode("span", {
+						class: "pw-api__type-file",
+						title: item.file
+					}, toDisplayString(item.file), 9, _hoisted_33$2),
+					createElementVNode("button", {
+						type: "button",
+						class: "pw-api__copy",
+						title: `复制 ${item.name} 定义`,
+						onClick: ($event) => copyType(item.code)
+					}, [createVNode(unref(Copy), {
+						size: 12,
+						"stroke-width": 2
+					}), _cache[5] || (_cache[5] = createTextVNode(" 复制 ", -1))], 8, _hoisted_34$2)
+				]), createVNode(CodeBlock_default, {
+					code: item.code,
+					lang: "ts"
+				}, null, 8, ["code"])], 10, _hoisted_29$2);
+			}), 128))]))])], 512);
+		};
+	}
+});
+// src/app/PlaygroundModuleApi.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$14 = { class: "pw-api__head" };
+var _hoisted_2$12 = { class: "pw-api__title" };
+var _hoisted_3$12 = { class: "pw-api__name" };
+var _hoisted_4$11 = { class: "pw-api__meta" };
+var _hoisted_5$10 = { class: "pw-api__warn" };
+var _hoisted_6$8 = { class: "pw-api__rel" };
+var _hoisted_7$6 = { class: "pw-api__tabs" };
+var _hoisted_8$5 = ["onClick"];
+var _hoisted_9$5 = { class: "pw-api__count" };
+var _hoisted_10$4 = { class: "pw-api__body" };
+var _hoisted_11$4 = {
+	key: 0,
+	class: "pw-api__table is-functions"
+};
+var _hoisted_12$3 = ["data-api"];
+var _hoisted_13$3 = { class: "pw-api__name-cell" };
+var _hoisted_14$3 = { class: "pw-api__name-line" };
+var _hoisted_15$3 = { class: "pw-api__required" };
+var _hoisted_16$3 = { class: "pw-api__signature" };
+var _hoisted_17$3 = { class: "pw-api__params" };
+var _hoisted_18$2 = { class: "pw-api__param-type" };
+var _hoisted_19$2 = {
+	key: 0,
+	class: "pw-api__param-default"
+};
+var _hoisted_20$2 = {
+	key: 1,
+	class: "pw-api__param-desc"
+};
+var _hoisted_21$2 = {
+	key: 0,
+	class: "pw-api__empty"
+};
+var _hoisted_22$2 = ["title", "onClick"];
+var _hoisted_23$2 = ["title", "onClick"];
+var _hoisted_24$2 = {
+	key: 2,
+	class: "pw-api__empty"
+};
+var _hoisted_25$1 = { class: "pw-api__desc" };
+var _hoisted_26$1 = {
+	key: 1,
+	class: "pw-api__empty",
+	title: "补 JSDoc 就会显示在这里"
+};
+var _hoisted_27$1 = { class: "pw-api__demo-cell" };
+var _hoisted_28$1 = { class: "pw-api__demo" };
+var _hoisted_29$1 = ["onClick"];
+var _hoisted_30$1 = {
+	key: 0,
+	class: "pw-api__empty"
+};
+var _hoisted_31$1 = {
+	key: 1,
+	class: "pw-api__table"
+};
+var _hoisted_32$1 = ["data-api"];
+var _hoisted_33$1 = { class: "pw-api__name-cell" };
+var _hoisted_34$1 = { class: "pw-api__name-line" };
+var _hoisted_35$1 = ["title", "onClick"];
+var _hoisted_36$1 = ["title", "onClick"];
+var _hoisted_37$1 = {
+	key: 2,
+	class: "pw-api__empty"
+};
+var _hoisted_38$1 = ["title"];
+var _hoisted_39$1 = { key: 0 };
+var _hoisted_40 = {
+	key: 1,
+	class: "pw-api__empty"
+};
+var _hoisted_41 = { class: "pw-api__desc" };
+var _hoisted_42 = {
+	key: 1,
+	class: "pw-api__empty",
+	title: "补 JSDoc 就会显示在这里"
+};
+var _hoisted_43 = { class: "pw-api__demo-cell" };
+var _hoisted_44 = { class: "pw-api__demo" };
+var _hoisted_45 = ["onClick"];
+var _hoisted_46 = {
+	key: 0,
+	class: "pw-api__empty"
+};
+var _hoisted_47 = {
+	key: 2,
+	class: "pw-api__types"
+};
+var _hoisted_48 = ["data-type"];
+var _hoisted_49 = { class: "pw-api__type-head" };
+var _hoisted_50 = { class: "pw-api__type-name" };
+var _hoisted_51 = { class: "pw-api__type-kind" };
+var _hoisted_52 = ["title"];
+var _hoisted_53 = ["title", "onClick"];
+// src/app/PlaygroundModuleApi.vue
+var PlaygroundModuleApi_default = /* @__PURE__ */ defineComponent({
+	__name: "PlaygroundModuleApi",
+	props: {
+		module: {},
+		scenes: {}
+	},
+	emits: ["jump"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const tab = ref("functions");
+		const tabs = computed(() => [
+			{
+				id: "functions",
+				label: "Functions",
+				count: props.module.functions.length
+			},
+			{
+				id: "constants",
+				label: "Constants",
+				count: props.module.constants.length
+			},
+			{
+				id: "types",
+				label: "Types",
+				count: props.module.types.length
+			}
+		].filter((item) => item.count > 0));
+		/** 与组件 API 表一致：只列有内容的页签，当前页签失效时回落到第一个 */
+		const activeTab = computed(() => tabs.value.some((item) => item.id === tab.value) ? tab.value : tabs.value[0]?.id ?? "functions");
+		const total = computed(() => props.module.functions.length + props.module.constants.length);
+		const missing = computed(() => props.module.uncovered.length);
+		const typeNames = computed(() => props.module.types.map((item) => item.name));
+		/** 类型字符串里引用到的具名类型（`FormatMoneyOptions` → 可跳转） */
+		const linkedType = (text) => typeNames.value.find((name) => new RegExp(`\\b${name}\\b`).test(text)) ?? "";
+		const rootEl = ref(null);
+		const focusedType = ref("");
+		const openType = async (name) => {
+			tab.value = "types";
+			focusedType.value = name;
+			await nextTick();
+			rootEl.value?.querySelector(`[data-type="${CSS.escape(name)}"]`)?.scrollIntoView({
+				block: "start",
+				behavior: "smooth"
+			});
+		};
+		const copyType = async (text) => {
+			if (!text) return;
+			const ok = await copyText(text);
+			toast(ok ? `已复制 ${text}` : "复制失败");
+		};
+		/** 场景 id → 标题（表里的「场景」列用标题更可读） */
+		const sceneTitle = (id) => props.scenes?.find((scene) => scene.id === id)?.title ?? id.split("/").pop() ?? id;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				class: "pw-api"
+			}, [createElementVNode("header", _hoisted_1$14, [createElementVNode("div", _hoisted_2$12, [createElementVNode("span", _hoisted_3$12, toDisplayString(__props.module.name), 1), createElementVNode("span", _hoisted_4$11, [
+				createTextVNode(toDisplayString(total.value) + " 个导出 ", 1),
+				missing.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createTextVNode(" · ", -1)), createElementVNode("span", _hoisted_5$10, toDisplayString(missing.value) + " 个无场景", 1)], 64)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_6$8, toDisplayString(__props.module.rel), 1)
+			])]), createElementVNode("div", _hoisted_7$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (item) => {
+				return openBlock(), createElementBlock("button", {
+					key: item.id,
+					type: "button",
+					class: normalizeClass(["pw-api__tab", { "is-active": activeTab.value === item.id }]),
+					onClick: ($event) => tab.value = item.id
+				}, [createTextVNode(toDisplayString(item.label) + " ", 1), createElementVNode("span", _hoisted_9$5, toDisplayString(item.count), 1)], 10, _hoisted_8$5);
+			}), 128))])]), createElementVNode("div", _hoisted_10$4, [activeTab.value === "functions" ? (openBlock(), createElementBlock("table", _hoisted_11$4, [_cache[1] || (_cache[1] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+				createElementVNode("th", { class: "pw-api__col-name" }, "名称"),
+				createElementVNode("th", null, "参数"),
+				createElementVNode("th", { class: "pw-api__col-type" }, "返回"),
+				createElementVNode("th", null, "说明"),
+				createElementVNode("th", { class: "pw-api__col-demo" }, "场景")
+			])], -1)), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.module.functions, (fn) => {
+				return openBlock(), createElementBlock("tr", {
+					key: fn.name,
+					"data-api": fn.name
+				}, [
+					createElementVNode("td", _hoisted_13$3, [createElementVNode("div", _hoisted_14$3, [createElementVNode("code", null, toDisplayString(fn.name), 1), createElementVNode("span", _hoisted_15$3, toDisplayString(fn.kind === "hook" ? "HOOK" : "FUNCTION"), 1)]), createElementVNode("div", _hoisted_16$3, toDisplayString(fn.signature), 1)]),
+					createElementVNode("td", _hoisted_17$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(fn.params, (param) => {
+						return openBlock(), createElementBlock("div", {
+							key: param.name,
+							class: "pw-api__param"
+						}, [
+							createElementVNode("code", null, toDisplayString(param.name), 1),
+							createElementVNode("span", _hoisted_18$2, toDisplayString(param.type) + toDisplayString(param.optional && !param.default ? "?" : ""), 1),
+							param.default ? (openBlock(), createElementBlock("span", _hoisted_19$2, "= " + toDisplayString(param.default), 1)) : createCommentVNode("", true),
+							param.description ? (openBlock(), createElementBlock("div", _hoisted_20$2, toDisplayString(param.description), 1)) : createCommentVNode("", true)
+						]);
+					}), 128)), !fn.params.length ? (openBlock(), createElementBlock("span", _hoisted_21$2, "无参数")) : createCommentVNode("", true)]),
+					createElementVNode("td", null, [linkedType(fn.returns) ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "pw-api__type is-link",
+						title: `查看 ${linkedType(fn.returns)} 定义`,
+						onClick: ($event) => openType(linkedType(fn.returns))
+					}, toDisplayString(fn.returns), 9, _hoisted_22$2)) : fn.returns ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "pw-api__type",
+						title: `复制 ${fn.returns}`,
+						onClick: ($event) => copyType(fn.returns)
+					}, toDisplayString(fn.returns), 9, _hoisted_23$2)) : (openBlock(), createElementBlock("span", _hoisted_24$2, "—"))]),
+					createElementVNode("td", _hoisted_25$1, [fn.description ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(fn.description), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_26$1, "缺说明"))]),
+					createElementVNode("td", _hoisted_27$1, [createElementVNode("div", _hoisted_28$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(fn.coveredBy ?? [], (scene) => {
+						return openBlock(), createElementBlock("button", {
+							key: scene,
+							type: "button",
+							class: "pw-api__demo-link",
+							onClick: ($event) => emit("jump", scene)
+						}, toDisplayString(sceneTitle(scene)), 9, _hoisted_29$1);
+					}), 128)), !(fn.coveredBy ?? []).length ? (openBlock(), createElementBlock("span", _hoisted_30$1, "无")) : createCommentVNode("", true)])])
+				], 8, _hoisted_12$3);
+			}), 128))])])) : activeTab.value === "constants" ? (openBlock(), createElementBlock("table", _hoisted_31$1, [_cache[2] || (_cache[2] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+				createElementVNode("th", { class: "pw-api__col-name" }, "名称"),
+				createElementVNode("th", { class: "pw-api__col-type" }, "类型"),
+				createElementVNode("th", { class: "pw-api__col-default" }, "值"),
+				createElementVNode("th", null, "说明"),
+				createElementVNode("th", { class: "pw-api__col-demo" }, "场景")
+			])], -1)), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.module.constants, (item) => {
+				return openBlock(), createElementBlock("tr", {
+					key: item.name,
+					"data-api": item.name
+				}, [
+					createElementVNode("td", _hoisted_33$1, [createElementVNode("div", _hoisted_34$1, [createElementVNode("code", null, toDisplayString(item.name), 1)])]),
+					createElementVNode("td", null, [linkedType(item.type) ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "pw-api__type is-link",
+						title: `查看 ${linkedType(item.type)} 定义`,
+						onClick: ($event) => openType(linkedType(item.type))
+					}, toDisplayString(item.type), 9, _hoisted_35$1)) : item.type ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "pw-api__type",
+						title: `复制 ${item.type}`,
+						onClick: ($event) => copyType(item.type)
+					}, toDisplayString(item.type), 9, _hoisted_36$1)) : (openBlock(), createElementBlock("span", _hoisted_37$1, "—"))]),
+					createElementVNode("td", {
+						class: "pw-api__default",
+						title: item.value
+					}, [item.value ? (openBlock(), createElementBlock("span", _hoisted_39$1, toDisplayString(item.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_40, "—"))], 8, _hoisted_38$1),
+					createElementVNode("td", _hoisted_41, [item.description ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(item.description), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_42, "缺说明"))]),
+					createElementVNode("td", _hoisted_43, [createElementVNode("div", _hoisted_44, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.coveredBy ?? [], (scene) => {
+						return openBlock(), createElementBlock("button", {
+							key: scene,
+							type: "button",
+							class: "pw-api__demo-link",
+							onClick: ($event) => emit("jump", scene)
+						}, toDisplayString(sceneTitle(scene)), 9, _hoisted_45);
+					}), 128)), !(item.coveredBy ?? []).length ? (openBlock(), createElementBlock("span", _hoisted_46, "无")) : createCommentVNode("", true)])])
+				], 8, _hoisted_32$1);
+			}), 128))])])) : (openBlock(), createElementBlock("div", _hoisted_47, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.module.types, (item) => {
+				return openBlock(), createElementBlock("article", {
+					key: item.name,
+					class: normalizeClass(["pw-api__type-card", { "is-focus": item.name === focusedType.value }]),
+					"data-type": item.name
+				}, [createElementVNode("header", _hoisted_49, [
+					createElementVNode("code", _hoisted_50, toDisplayString(item.name), 1),
+					createElementVNode("span", _hoisted_51, toDisplayString(item.kind), 1),
+					createElementVNode("span", {
+						class: "pw-api__type-file",
+						title: item.file
+					}, toDisplayString(item.file), 9, _hoisted_52),
+					createElementVNode("button", {
+						type: "button",
+						class: "pw-api__copy",
+						title: `复制 ${item.name} 定义`,
+						onClick: ($event) => copyType(item.code)
+					}, [createVNode(unref(Copy), {
+						size: 12,
+						"stroke-width": 2
+					}), _cache[3] || (_cache[3] = createTextVNode(" 复制 ", -1))], 8, _hoisted_53)
+				]), createVNode(CodeBlock_default, {
+					code: item.code,
+					lang: "ts"
+				}, null, 8, ["code"])], 10, _hoisted_48);
+			}), 128))]))])], 512);
+		};
+	}
+});
+// src/code/openInEditor.ts
+/** 内置编辑器协议；都是各编辑器官方注册的 URL scheme */
+var EDITOR_PRESETS = {
+	vscode: {
+		label: "VS Code",
+		template: "vscode://file/{file}:{line}"
+	},
+	cursor: {
+		label: "Cursor",
+		template: "cursor://file/{file}:{line}"
+	},
+	windsurf: {
+		label: "Windsurf",
+		template: "windsurf://file/{file}:{line}"
+	},
+	trae: {
+		label: "Trae",
+		template: "trae://file/{file}:{line}"
+	},
+	zed: {
+		label: "Zed",
+		template: "zed://file/{file}:{line}"
+	},
+	webstorm: {
+		label: "WebStorm",
+		template: "webstorm://open?file={fileEnc}&line={line}"
+	},
+	idea: {
+		label: "IntelliJ IDEA",
+		template: "idea://open?file={fileEnc}&line={line}"
+	},
+	phpstorm: {
+		label: "PhpStorm",
+		template: "phpstorm://open?file={fileEnc}&line={line}"
+	},
+	sublime: {
+		label: "Sublime Text",
+		template: "subl://open?url=file://{fileEnc}&line={line}"
+	},
+	nova: {
+		label: "Nova",
+		template: "nova://open?path={fileEnc}"
+	}
+};
+var DEFAULT_OPTIONS = [
+	"vscode",
+	"cursor",
+	"windsurf",
+	"trae",
+	"zed",
+	"webstorm",
+	"idea",
+	"sublime"
+];
+var STORAGE_KEY$1 = "rinova-playground:editor";
+var editorConfig = () => config.editor ?? {};
+var readStored = () => {
+	try {
+		const raw = localStorage.getItem(STORAGE_KEY$1);
+		if (!raw) return null;
+		if (!raw.startsWith("{")) return { key: raw };
+		const parsed = JSON.parse(raw);
+		return typeof parsed?.key === "string" ? parsed : null;
+	} catch {
+		return null;
+	}
+};
+var fallbackChoice = () => {
+	const editor = editorConfig();
+	if (editor.preset === "custom" && editor.custom) return {
+		key: "custom",
+		template: editor.custom
+	};
+	if (editor.preset) return { key: editor.preset };
+	return { key: DEFAULT_OPTIONS[0] };
+};
+var choice = ref(readStored() ?? fallbackChoice());
+/** 当前协议模板：内置 preset 的模板，或访问者自定义的模板 */
+var editorTemplate = () => {
+	if (choice.value.key === "custom") return choice.value.template ?? editorConfig().custom ?? "";
+	return EDITOR_PRESETS[choice.value.key]?.template ?? "";
+};
+var editorLabel = () => {
+	if (choice.value.key === "custom") return editorTemplate().split("://")[0] || "自定义";
+	return EDITOR_PRESETS[choice.value.key]?.label ?? choice.value.key;
+};
+var editorChoiceKey = computed(() => choice.value.key);
+/** 菜单里的候选：配置限定 → 内置；配置指定的 preset 始终在列表里 */
+var editorOptions = () => {
+	const editor = editorConfig();
+	const list = (editor.options?.length ? editor.options : DEFAULT_OPTIONS).filter((value) => value === "custom" ? Boolean(editor.custom) : Boolean(EDITOR_PRESETS[value])).map((value) => ({
+		value,
+		label: EDITOR_PRESETS[value]?.label ?? "自定义"
+	}));
+	const preset = editor.preset;
+	if (preset && !list.some((item) => item.value === preset)) list.unshift({
+		value: preset,
+		label: preset === "custom" ? "自定义" : EDITOR_PRESETS[preset]?.label ?? preset
+	});
+	return list;
+};
+/** 是否允许访问者填自定义模板（任意 IDE 都能接） */
+var allowCustomEditor = () => editorConfig().allowCustom !== false;
+/** 访问者能否自己选：配置显式关闭，或只有一个候选且不允许自定义时隐藏菜单 */
+var canChooseEditor = () => editorConfig().allowChoice !== false && (editorOptions().length > 1 || allowCustomEditor());
+var setEditorChoice = (next) => {
+	choice.value = next;
+	try {
+		localStorage.setItem(STORAGE_KEY$1, JSON.stringify(next));
+	} catch {}
+};
+var projectRoot = () => String(config.root ?? "");
+var editorEnabled = () => Boolean(projectRoot()) && Boolean(editorTemplate());
+var fill = (template, abs, line) => template.replace(/\{fileEnc\}/g, encodeURIComponent(abs)).replace(/\{file\}/g, abs).replace(/\{line\}/g, String(line));
+/** 拼出「在 IDE 中打开」的 URL；拿不到绝对路径时返回空串 */
+var editorUrl = (rel, line = 1) => {
+	const root = projectRoot();
+	const template = editorTemplate();
+	if (!root || !template) return "";
+	return fill(template, `${root.replace(/\/+$/, "")}/${rel.replace(/^\.?\//, "")}`, line);
+};
+/** 打开本地 IDE；没有可用 URL 时降级为复制绝对路径 */
+var openInEditor = (rel, line = 1) => {
+	const url = editorUrl(rel, line);
+	if (!url) {
+		toast("未配置本地编辑器（playground.config 的 editor.preset）");
+		return;
+	}
+	try {
+		const anchor = document.createElement("a");
+		anchor.href = url;
+		anchor.rel = "noopener";
+		anchor.style.display = "none";
+		document.body.appendChild(anchor);
+		anchor.click();
+		window.setTimeout(() => anchor.remove(), 0);
+	} catch {
+		toast("打开本地编辑器失败");
+	}
+};
+/** 复制文件路径：`line > 0` 时带「:行」，不传就是纯路径 */
+var copyPath = async (rel, line = 0) => {
+	const root = projectRoot();
+	const abs = root ? `${root.replace(/\/+$/, "")}/${rel.replace(/^\.?\//, "")}` : rel;
+	const text = line > 0 ? `${abs}:${line}` : abs;
+	const ok = await copyText(text);
+	toast(ok ? `已复制 ${text}` : "复制失败，请手动复制路径");
+};
+// src/app/PlaygroundEditorPicker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$13 = [
+	"disabled",
+	"data-tip",
+	"aria-label"
+];
+var _hoisted_2$11 = {
+	key: 0,
+	class: "pw-picker__menu",
+	role: "menu"
+};
+var _hoisted_3$11 = ["onClick"];
+var _hoisted_4$10 = { class: "pw-picker__actions" };
+var _hoisted_5$9 = ["disabled"];
+// src/app/PlaygroundEditorPicker.vue
+var PlaygroundEditorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundEditorPicker",
+	setup(__props) {
+		const open = ref(false);
+		const customMode = ref(false);
+		const draft = ref("");
+		const rootEl = ref(null);
+		const draftEl = ref(null);
+		const options = computed(() => editorOptions());
+		const choosable = computed(() => canChooseEditor());
+		const customAllowed = computed(() => allowCustomEditor());
+		/** 没有 {file} 占位符的模板保存了也跳不过去，直接按住保存按钮并把提示换成原因 */
+		const draftValid = computed(() => draft.value.includes("{file}"));
+		const toggle = () => {
+			if (!choosable.value) return;
+			open.value = !open.value;
+			if (!open.value) customMode.value = false;
+		};
+		const pick = (value) => {
+			setEditorChoice({ key: value });
+			open.value = false;
+			customMode.value = false;
+		};
+		const startCustom = () => {
+			customMode.value = true;
+			draft.value = editorTemplate() || "myeditor://file/{file}:{line}";
+			nextTick(() => {
+				draftEl.value?.focus();
+				draftEl.value?.select();
+			});
+		};
+		const saveCustom = () => {
+			const template = draft.value.trim();
+			if (!template.includes("{file}")) return;
+			setEditorChoice({
+				key: "custom",
+				template
+			});
+			open.value = false;
+			customMode.value = false;
+		};
+		const close = () => {
+			open.value = false;
+			customMode.value = false;
+		};
+		/**
+		* 点外面关菜单。必须用 pointerdown + 捕获阶段：
+		* 用 click 时，菜单里的项在 click 处理中把 customMode 改掉，Vue 更新把该按钮移出文档，
+		* 等事件冒泡到 document 时 target 已经 isConnected=false，contains() 返回 false，
+		* 于是「点自定义协议」被当成点了外面，菜单直接关掉（Bug 现场）。
+		*/
+		const onDocPointerDown = (event) => {
+			const target = event.target;
+			if (!target || !rootEl.value?.contains(target)) close();
+		};
+		onMounted(() => document.addEventListener("pointerdown", onDocPointerDown, true));
+		onBeforeUnmount(() => document.removeEventListener("pointerdown", onDocPointerDown, true));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				class: "pw-picker"
+			}, [createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(["pw-picker__btn", { "is-active": open.value }]),
+				disabled: !choosable.value,
+				"data-tip": choosable.value ? `本地编辑器：${unref(editorLabel)()}（点这里改）` : `本地编辑器：${unref(editorLabel)()}`,
+				"aria-label": `本地编辑器：${unref(editorLabel)()}`,
+				onClick: toggle
+			}, [createVNode(unref(SquareArrowOutUpRight), {
+				size: 14,
+				"stroke-width": 2
+			})], 10, _hoisted_1$13), open.value ? (openBlock(), createElementBlock("div", _hoisted_2$11, [!customMode.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+				_cache[6] || (_cache[6] = createElementVNode("div", { class: "pw-picker__menu-label" }, "本地编辑器", -1)),
+				unref(editorChoiceKey) === "custom" ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "pw-picker__item",
+					role: "menuitem",
+					onClick: _cache[0] || (_cache[0] = ($event) => open.value = false)
+				}, [createVNode(unref(Check), { size: 12 }), createElementVNode("span", null, "自定义 " + toDisplayString(unref(editorLabel)()), 1)])) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
+					return openBlock(), createElementBlock("button", {
+						key: option.value,
+						type: "button",
+						class: "pw-picker__item",
+						role: "menuitem",
+						onClick: ($event) => pick(option.value)
+					}, [createVNode(unref(Check), {
+						size: 12,
+						class: normalizeClass({ "is-hidden": option.value !== unref(editorChoiceKey) })
+					}, null, 8, ["class"]), createElementVNode("span", null, toDisplayString(option.label), 1)], 8, _hoisted_3$11);
+				}), 128)),
+				customAllowed.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "pw-picker__sep" }, null, -1)), createElementVNode("button", {
+					type: "button",
+					class: "pw-picker__item",
+					role: "menuitem",
+					onClick: startCustom
+				}, [createVNode(unref(PencilLine), { size: 12 }), _cache[4] || (_cache[4] = createElementVNode("span", null, "自定义协议…", -1))])], 64)) : createCommentVNode("", true)
+			], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				_cache[17] || (_cache[17] = createElementVNode("div", { class: "pw-picker__menu-label" }, "自定义协议模板", -1)),
+				withDirectives(createElementVNode("input", {
+					ref_key: "draftEl",
+					ref: draftEl,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => draft.value = $event),
+					class: "pw-picker__input",
+					placeholder: "myeditor://file/{file}:{line}",
+					spellcheck: "false",
+					onKeydown: [withKeys(saveCustom, ["enter"]), _cache[2] || (_cache[2] = withKeys(($event) => customMode.value = false, ["esc"]))]
+				}, null, 544), [[vModelText, draft.value]]),
+				createElementVNode("p", { class: normalizeClass(["pw-picker__hint", { "is-invalid": !draftValid.value }]) }, [draftValid.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					_cache[7] || (_cache[7] = createTextVNode(" 占位符：", -1)),
+					_cache[8] || (_cache[8] = createElementVNode("code", null, "{file}", -1)),
+					_cache[9] || (_cache[9] = createTextVNode(" 绝对路径、", -1)),
+					_cache[10] || (_cache[10] = createElementVNode("code", null, "{fileEnc}", -1)),
+					_cache[11] || (_cache[11] = createTextVNode(" URL 编码、", -1)),
+					_cache[12] || (_cache[12] = createElementVNode("code", null, "{line}", -1)),
+					_cache[13] || (_cache[13] = createTextVNode(" 行号 ", -1))
+				], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					_cache[14] || (_cache[14] = createTextVNode("模板里必须有 ", -1)),
+					_cache[15] || (_cache[15] = createElementVNode("code", null, "{file}", -1)),
+					_cache[16] || (_cache[16] = createTextVNode(" 占位符，否则跳不过去", -1))
+				], 64))], 2),
+				createElementVNode("div", _hoisted_4$10, [createElementVNode("button", {
+					type: "button",
+					class: "pw-picker__action",
+					onClick: _cache[3] || (_cache[3] = ($event) => customMode.value = false)
+				}, "取消"), createElementVNode("button", {
+					type: "button",
+					class: "pw-picker__action pw-picker__action--primary",
+					disabled: !draftValid.value,
+					onClick: saveCustom
+				}, " 保存 ", 8, _hoisted_5$9)])
+			], 64))])) : createCommentVNode("", true)], 512);
+		};
+	}
+}), [["__scopeId", "data-v-d6404e2a"]]);
+// src/app/PlaygroundPageIndex.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = {
+	class: "pw-index",
+	"aria-label": "场景索引"
+};
+var _hoisted_2$10 = { class: "pw-index__inner" };
+var _hoisted_3$10 = { class: "pw-index__label" };
+var _hoisted_4$9 = ["href", "onClick"];
+// src/app/PlaygroundPageIndex.vue
+var PlaygroundPageIndex_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundPageIndex",
+	props: {
+		scenes: {},
+		active: {}
+	},
+	emits: ["jump"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const SECTION_LABELS = [
+			{
+				key: "overview",
+				label: "概要"
+			},
+			{
+				key: "props",
+				label: "Props"
+			},
+			{
+				key: "events",
+				label: "Events"
+			},
+			{
+				key: "exposes",
+				label: "Exposes"
+			},
+			{
+				key: "slots",
+				label: "Slots"
+			}
+		];
+		const groups = computed(() => SECTION_LABELS.map((section) => ({
+			...section,
+			items: props.scenes.filter((scene) => !scene.hidden && scene.section === section.key)
+		})).filter((group) => group.items.length > 0));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", _hoisted_1$12, [createElementVNode("nav", _hoisted_2$10, [(openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group) => {
+				return openBlock(), createElementBlock("div", {
+					key: group.key,
+					class: "pw-index__group"
+				}, [createElementVNode("div", _hoisted_3$10, toDisplayString(group.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (scene) => {
+					return openBlock(), createElementBlock("a", {
+						key: scene.id,
+						href: `#${scene.name}`,
+						class: normalizeClass(["pw-index__link", { "is-active": scene.name === __props.active }]),
+						onClick: withModifiers(($event) => emit("jump", scene.name), ["prevent"])
+					}, toDisplayString(scene.title), 11, _hoisted_4$9);
+				}), 128))]);
+			}), 128))])]);
+		};
+	}
+}), [["__scopeId", "data-v-b676ec15"]]);
+// src/components/PwSceneBoundary.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$11 = {
+	key: 0,
+	class: "pw-boundary"
+};
+var _hoisted_2$9 = {
+	key: 1,
+	class: "pw-boundary pw-boundary--error",
+	role: "alert"
+};
+var _hoisted_3$9 = { class: "pw-boundary__head" };
+var _hoisted_4$8 = { class: "pw-boundary__message" };
+var _hoisted_5$8 = {
+	key: 0,
+	class: "pw-boundary__file"
+};
+var _hoisted_6$7 = {
+	key: 1,
+	class: "pw-boundary__stack"
+};
+// src/components/PwSceneBoundary.vue
+var PwSceneBoundary_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PwSceneBoundary",
+	props: {
+		title: {},
+		file: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const message = ref("");
+		const stack = ref("");
+		onErrorCaptured((error) => {
+			message.value = error instanceof Error ? error.message : String(error);
+			stack.value = error instanceof Error ? error.stack ?? "" : "";
+			return false;
+		});
+		return (_ctx, _cache) => {
+			return !message.value ? (openBlock(), createElementBlock("div", _hoisted_1$11, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : (openBlock(), createElementBlock("div", _hoisted_2$9, [
+				createElementVNode("p", _hoisted_3$9, "场景渲染失败" + toDisplayString(props.title ? `：${props.title}` : ""), 1),
+				createElementVNode("p", _hoisted_4$8, toDisplayString(message.value), 1),
+				props.file ? (openBlock(), createElementBlock("p", _hoisted_5$8, toDisplayString(props.file), 1)) : createCommentVNode("", true),
+				stack.value ? (openBlock(), createElementBlock("details", _hoisted_6$7, [_cache[0] || (_cache[0] = createElementVNode("summary", null, "调用栈", -1)), createElementVNode("pre", null, toDisplayString(stack.value), 1)])) : createCommentVNode("", true)
+			]));
+		};
+	}
+}), [["__scopeId", "data-v-2b6db55b"]]);
+// src/app/PlaygroundPluginSlot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = ["data-pw-plugin-slot"];
+// src/app/PlaygroundPluginSlot.vue
+var PlaygroundPluginSlot_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundPluginSlot",
+	props: {
+		entries: {},
+		slot: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.entries.length ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["pw-plugin-slot", `pw-plugin-slot--${__props.slot}`]),
+				"data-pw-plugin-slot": __props.slot
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.entries, (entry) => {
+				return openBlock(), createBlock(PwSceneBoundary_default, {
+					key: entry.key,
+					title: `插件 UI（${entry.plugin}）`
+				}, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(entry.component), mergeProps({ ref_for: true }, entry.props ?? {}), null, 16))]),
+					_: 2
+				}, 1032, ["title"]);
+			}), 128))], 10, _hoisted_1$10)) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-e9b00509"]]);
+// src/components/PwSwitch.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$9 = ["aria-checked", "disabled"];
+// src/components/PwSwitch.vue
+var PwSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PwSwitch",
+	props: {
+		modelValue: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				role: "switch",
+				class: normalizeClass(["pw-switch", { "is-on": __props.modelValue }]),
+				"aria-checked": __props.modelValue,
+				disabled: __props.disabled,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", !__props.modelValue))
+			}, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "pw-switch__thumb" }, null, -1)])], 10, _hoisted_1$9);
+		};
+	}
+}), [["__scopeId", "data-v-64fffbcb"]]);
+// src/app/PlaygroundSceneArgs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = {
+	key: 0,
+	class: "pw-args"
+};
+var _hoisted_2$8 = { class: "pw-args__head" };
+var _hoisted_3$8 = {
+	key: 0,
+	class: "pw-args__slot-head"
+};
+var _hoisted_4$7 = { class: "pw-args__slot-name" };
+var _hoisted_5$7 = ["onClick"];
+var _hoisted_6$6 = { class: "pw-args__grid" };
+var _hoisted_7$5 = ["title"];
+var _hoisted_8$4 = ["value", "onChange"];
+var _hoisted_9$4 = ["value"];
+// src/app/PlaygroundSceneArgs.vue
+var PlaygroundSceneArgs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundSceneArgs",
+	props: { sceneName: {} },
+	setup(__props) {
+		const props = __props;
+		/** 只显示本场景声明的输入槽位 */
+		const slots = computed(() => currentArgsSlots.value.filter((slot) => !slot.sceneId || slot.sceneId === props.sceneName));
+		const multiSlot = computed(() => slots.value.length > 1);
+		const fieldsOf = (binding) => Object.entries(binding.values).map(([key, value]) => ({
+			key,
+			value,
+			label: binding.options.labels?.[key] ?? key,
+			kind: typeof value === "boolean" ? "boolean" : typeof value === "number" ? "number" : "string",
+			options: binding.options.options?.[key]
+		}));
+		const setValue = (binding, key, value) => {
+			binding.values[key] = value;
+		};
+		const setString = (binding, key, raw) => setValue(binding, key, raw);
+		const setNumber = (binding, key, raw) => {
+			const parsed = Number(raw);
+			setValue(binding, key, Number.isFinite(parsed) ? parsed : 0);
+		};
+		const resetSlot = (binding) => {
+			for (const [key, value] of Object.entries(binding.defaults)) binding.values[key] = value;
+		};
+		return (_ctx, _cache) => {
+			return slots.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("header", _hoisted_2$8, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "pw-args__title" }, "输入", -1)), !multiSlot.value && slots.value[0] ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				type: "button",
+				class: "pw-args__reset",
+				"data-tip": "恢复默认值",
+				"aria-label": "恢复默认值",
+				onClick: _cache[0] || (_cache[0] = ($event) => resetSlot(slots.value[0]))
+			}, [createVNode(unref(RotateCcw), { size: 12 })])) : createCommentVNode("", true)]), (openBlock(true), createElementBlock(Fragment, null, renderList(slots.value, (binding) => {
+				return openBlock(), createElementBlock("section", {
+					key: `${binding.sceneId}:${binding.key}`,
+					class: "pw-args__slot"
+				}, [multiSlot.value ? (openBlock(), createElementBlock("header", _hoisted_3$8, [createElementVNode("span", _hoisted_4$7, toDisplayString(binding.label || binding.key), 1), createElementVNode("button", {
+					type: "button",
+					class: "pw-args__reset",
+					"data-tip": "只恢复这一块",
+					"aria-label": "只恢复这一块",
+					onClick: ($event) => resetSlot(binding)
+				}, [createVNode(unref(RotateCcw), { size: 12 })], 8, _hoisted_5$7)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(fieldsOf(binding), (field) => {
+					return openBlock(), createElementBlock("div", {
+						key: field.key,
+						class: "pw-args__field"
+					}, [createElementVNode("label", {
+						class: "pw-args__label",
+						title: field.key
+					}, toDisplayString(field.label), 9, _hoisted_7$5), field.kind === "boolean" ? (openBlock(), createBlock(PwSwitch_default, {
+						key: 0,
+						"model-value": field.value === true,
+						"onUpdate:modelValue": ($event) => setValue(binding, field.key, $event)
+					}, null, 8, ["model-value", "onUpdate:modelValue"])) : field.options ? (openBlock(), createElementBlock("select", {
+						key: 1,
+						class: "pw-args__select",
+						value: String(field.value),
+						onChange: ($event) => setString(binding, field.key, $event.target.value)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.options, (option) => {
+						return openBlock(), createElementBlock("option", {
+							key: String(option),
+							value: String(option)
+						}, toDisplayString(option), 9, _hoisted_9$4);
+					}), 128))], 40, _hoisted_8$4)) : (openBlock(), createBlock(PwInput_default, {
+						key: 2,
+						size: "sm",
+						type: field.kind === "number" ? "number" : "text",
+						"model-value": String(field.value ?? ""),
+						"onUpdate:modelValue": ($event) => field.kind === "number" ? setNumber(binding, field.key, $event) : setString(binding, field.key, $event)
+					}, null, 8, [
+						"type",
+						"model-value",
+						"onUpdate:modelValue"
+					]))]);
+				}), 128))])]);
+			}), 128))])) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-d7e75f4f"]]);
+// src/app/PlaygroundSceneSource.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = { class: "pw-source__head" };
+var _hoisted_2$7 = { class: "pw-source__file" };
+var _hoisted_3$7 = { class: "pw-source__actions" };
+var _hoisted_4$6 = ["data-tip"];
+var _hoisted_5$6 = ["data-tip"];
+var _hoisted_6$5 = ["data-tip", "aria-label"];
+var _hoisted_7$4 = {
+	key: 0,
+	class: "pw-source__body"
+};
+var _hoisted_8$3 = {
+	key: 0,
+	class: "pw-source__find"
+};
+var _hoisted_9$3 = {
+	class: "pw-source__find-count",
+	"aria-live": "polite"
+};
+var _hoisted_10$3 = ["disabled"];
+var _hoisted_11$3 = ["disabled"];
+var _hoisted_12$2 = ["aria-pressed"];
+var _hoisted_13$2 = ["aria-pressed"];
+var _hoisted_14$2 = {
+	key: 1,
+	class: "pw-source__tabs"
+};
+var _hoisted_15$2 = ["onClick"];
+var _hoisted_16$2 = { class: "pw-source__code" };
+var _hoisted_17$2 = {
+	key: 0,
+	class: "pw-source__hint"
+};
+// src/app/PlaygroundSceneSource.vue
+var PlaygroundSceneSource_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundSceneSource",
+	props: { scene: {} },
+	setup(__props) {
+		const props = __props;
+		const rootEl = ref(null);
+		const open = ref(false);
+		const activeIndex = ref(0);
+		const cache = /* @__PURE__ */ new Map();
+		const codes = ref({});
+		const loading = ref(false);
+		const copied = ref(false);
+		const pathCopied = ref(false);
+		const sources = computed(() => props.scene.sources);
+		const active = computed(() => sources.value[activeIndex.value] ?? sources.value[0]);
+		const fileName = computed(() => active.value?.rel.split("/").pop() ?? "");
+		const lang = computed(() => {
+			if (fileName.value.endsWith(".md")) return "markdown";
+			if (fileName.value.endsWith(".ts")) return "ts";
+			if (fileName.value.endsWith(".json")) return "json";
+			if (fileName.value.endsWith(".css")) return "css";
+			if (fileName.value.endsWith(".less")) return "less";
+			return "vue";
+		});
+		const code = computed(() => active.value ? codes.value[active.value.rel] ?? "" : "");
+		const codeRef = ref(null);
+		const findOpen = ref(false);
+		const findInput = ref(null);
+		const query = ref("");
+		/** 防抖后的关键字：真正传给 CodeBlock 的那个 */
+		const applied = ref("");
+		const caseSensitive = ref(false);
+		const wholeWord = ref(false);
+		const total = ref(0);
+		const hitIndex = ref(-1);
+		let debounce = 0;
+		const countText = computed(() => {
+			if (!applied.value) return "";
+			if (!total.value) return "无结果";
+			return `${hitIndex.value + 1}/${total.value}`;
+		});
+		const openFind = async () => {
+			if (!open.value) return;
+			findOpen.value = true;
+			await nextTick();
+			findInput.value?.focus();
+			findInput.value?.select();
+		};
+		const closeFind = () => {
+			findOpen.value = false;
+			query.value = "";
+			applied.value = "";
+			total.value = 0;
+			hitIndex.value = -1;
+		};
+		const toggleFind = () => {
+			if (findOpen.value) closeFind();
+			else openFind();
+		};
+		watch(query, () => {
+			window.clearTimeout(debounce);
+			if (!query.value) {
+				applied.value = "";
+				total.value = 0;
+				hitIndex.value = -1;
+				return;
+			}
+			debounce = window.setTimeout(() => {
+				applied.value = query.value;
+			}, 120);
+		});
+		/** CodeBlock 报回匹配数：新结果从第一个开始，并滚到那里 */
+		const onCount = (value) => {
+			total.value = value;
+			hitIndex.value = value > 0 ? 0 : -1;
+			if (value > 0) nextTick(() => codeRef.value?.scrollToHit(0));
+		};
+		const step = (delta) => {
+			if (!total.value) return;
+			hitIndex.value = (hitIndex.value + delta + total.value) % total.value;
+			nextTick(() => codeRef.value?.scrollToHit(hitIndex.value));
+		};
+		const onFindKeydown = (event) => {
+			if (event.key === "Enter") {
+				event.preventDefault();
+				step(event.shiftKey ? -1 : 1);
+				return;
+			}
+			if (event.key === "Escape") {
+				event.preventDefault();
+				closeFind();
+			}
+		};
+		/** 卡片内有焦点时 ⌘/Ctrl+F 拦下来做源码搜索，不弹浏览器查找 */
+		const onWindowKeydown = (event) => {
+			if (!(event.metaKey || event.ctrlKey) || event.key.toLowerCase() !== "f") return;
+			if (!open.value || !rootEl.value) return;
+			const focused = document.activeElement;
+			if (!focused || !rootEl.value.contains(focused)) return;
+			event.preventDefault();
+			openFind();
+		};
+		onMounted(() => window.addEventListener("keydown", onWindowKeydown));
+		onBeforeUnmount(() => {
+			window.removeEventListener("keydown", onWindowKeydown);
+			window.clearTimeout(debounce);
+		});
+		/** 首次展开或切 Tab 时才读源码 */
+		const load = async (rel) => {
+			if (codes.value[rel]) return;
+			const source = sources.value.find((item) => item.rel === rel);
+			if (!source) return;
+			loading.value = true;
+			try {
+				const raw = cache.get(rel) ?? await source.raw();
+				cache.set(rel, raw);
+				codes.value = {
+					...codes.value,
+					[rel]: raw
+				};
+			} catch {
+				codes.value = {
+					...codes.value,
+					[rel]: "// 源码读取失败"
+				};
+			} finally {
+				loading.value = false;
+			}
+		};
+		const toggle = async () => {
+			open.value = !open.value;
+			if (!open.value) closeFind();
+			if (open.value && active.value) await load(active.value.rel);
+		};
+		const selectTab = async (index) => {
+			activeIndex.value = index;
+			hitIndex.value = -1;
+			if (open.value && active.value) await load(active.value.rel);
+		};
+		const copy = async () => {
+			if (!code.value && active.value) await load(active.value.rel);
+			if (!code.value) {
+				toast("复制失败：源码还没读到");
+				return;
+			}
+			if (!await copyText(code.value)) {
+				toast("复制失败");
+				return;
+			}
+			copied.value = true;
+			toast(`已复制 ${fileName.value}`);
+			window.setTimeout(() => copied.value = false, 1500);
+		};
+		/** 复制当前 Tab 对应文件的绝对路径（没配 root 时退回仓库相对路径） */
+		const copyFilePath = async () => {
+			await copyPath(active.value?.rel ?? props.scene.rel);
+			pathCopied.value = true;
+			window.setTimeout(() => pathCopied.value = false, 1500);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				class: normalizeClass(["pw-source", { "is-open": open.value }])
+			}, [createElementVNode("header", _hoisted_1$7, [createElementVNode("button", {
+				type: "button",
+				class: "pw-source__toggle",
+				onClick: toggle
+			}, [
+				createVNode(unref(ChevronRight), {
+					size: 14,
+					class: "pw-source__chevron"
+				}),
+				createVNode(unref(FileCodeCorner), {
+					size: 14,
+					class: "pw-source__icon"
+				}),
+				_cache[6] || (_cache[6] = createElementVNode("span", { class: "pw-source__label" }, "源码", -1)),
+				createElementVNode("span", _hoisted_2$7, toDisplayString(fileName.value), 1)
+			]), createElementVNode("div", _hoisted_3$7, [
+				open.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(["pw-source__action", { "is-on": findOpen.value }]),
+					"data-tip": "在源码中搜索（⌘F）",
+					"aria-label": "在源码中搜索",
+					onClick: toggleFind
+				}, [createVNode(unref(Search), { size: 14 })], 2)) : createCommentVNode("", true),
+				createElementVNode("button", {
+					type: "button",
+					class: "pw-source__action",
+					"data-tip": copied.value ? "已复制源码" : "复制源码",
+					"aria-label": "复制源码",
+					onClick: copy
+				}, [copied.value ? (openBlock(), createBlock(unref(Check), {
+					key: 0,
+					size: 14
+				})) : (openBlock(), createBlock(unref(Copy), {
+					key: 1,
+					size: 14
+				}))], 8, _hoisted_4$6),
+				createElementVNode("button", {
+					type: "button",
+					class: "pw-source__action",
+					"data-tip": pathCopied.value ? "已复制路径" : "复制文件路径",
+					"aria-label": "复制文件路径",
+					onClick: copyFilePath
+				}, [pathCopied.value ? (openBlock(), createBlock(unref(Check), {
+					key: 0,
+					size: 14
+				})) : (openBlock(), createBlock(unref(FileSymlink), {
+					key: 1,
+					size: 14,
+					"stroke-width": 2
+				}))], 8, _hoisted_5$6),
+				unref(editorEnabled)() ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: "pw-source__action",
+					"data-tip": `用 ${unref(editorLabel)()} 打开`,
+					"aria-label": `用 ${unref(editorLabel)()} 打开`,
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(openInEditor)(active.value?.rel ?? __props.scene.rel))
+				}, [createVNode(unref(SquareArrowOutUpRight), {
+					size: 14,
+					"stroke-width": 2
+				})], 8, _hoisted_6$5)) : createCommentVNode("", true)
+			])]), open.value ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+				findOpen.value ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
+					createVNode(unref(Search), {
+						size: 13,
+						class: "pw-source__find-icon"
+					}),
+					withDirectives(createElementVNode("input", {
+						ref_key: "findInput",
+						ref: findInput,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+						type: "text",
+						class: "pw-source__find-input",
+						placeholder: "在当前文件中搜索",
+						"aria-label": "在源码中搜索",
+						spellcheck: "false",
+						onKeydown: onFindKeydown
+					}, null, 544), [[vModelText, query.value]]),
+					createElementVNode("span", _hoisted_9$3, toDisplayString(countText.value), 1),
+					createElementVNode("button", {
+						type: "button",
+						class: "pw-source__find-btn",
+						disabled: !total.value,
+						"data-tip": "上一个匹配（Shift+Enter）",
+						"aria-label": "上一个匹配",
+						onClick: _cache[2] || (_cache[2] = ($event) => step(-1))
+					}, [createVNode(unref(ChevronUp), { size: 14 })], 8, _hoisted_10$3),
+					createElementVNode("button", {
+						type: "button",
+						class: "pw-source__find-btn",
+						disabled: !total.value,
+						"data-tip": "下一个匹配（Enter）",
+						"aria-label": "下一个匹配",
+						onClick: _cache[3] || (_cache[3] = ($event) => step(1))
+					}, [createVNode(unref(ChevronDown), { size: 14 })], 8, _hoisted_11$3),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(["pw-source__find-btn", { "is-on": caseSensitive.value }]),
+						"aria-pressed": caseSensitive.value,
+						"data-tip": "区分大小写",
+						"aria-label": "区分大小写",
+						onClick: _cache[4] || (_cache[4] = ($event) => caseSensitive.value = !caseSensitive.value)
+					}, [createVNode(unref(CaseSensitive), { size: 14 })], 10, _hoisted_12$2),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(["pw-source__find-btn", { "is-on": wholeWord.value }]),
+						"aria-pressed": wholeWord.value,
+						"data-tip": "全词匹配",
+						"aria-label": "全词匹配",
+						onClick: _cache[5] || (_cache[5] = ($event) => wholeWord.value = !wholeWord.value)
+					}, [createVNode(unref(WholeWord), { size: 14 })], 10, _hoisted_13$2),
+					createElementVNode("button", {
+						type: "button",
+						class: "pw-source__find-btn",
+						"data-tip": "关闭搜索（Esc）",
+						"aria-label": "关闭搜索",
+						onClick: closeFind
+					}, [createVNode(unref(X), { size: 14 })])
+				])) : createCommentVNode("", true),
+				sources.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_14$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(sources.value, (source, index) => {
+					return openBlock(), createElementBlock("button", {
+						key: source.rel,
+						type: "button",
+						class: normalizeClass(["pw-source__tab", { "is-active": index === activeIndex.value }]),
+						onClick: ($event) => selectTab(index)
+					}, toDisplayString(source.rel.split("/").pop()), 11, _hoisted_15$2);
+				}), 128))])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_16$2, [loading.value ? (openBlock(), createElementBlock("p", _hoisted_17$2, "读取中…")) : code.value ? (openBlock(), createBlock(CodeBlock_default, {
+					key: 1,
+					ref_key: "codeRef",
+					ref: codeRef,
+					code: code.value,
+					lang: lang.value,
+					query: applied.value,
+					"case-sensitive": caseSensitive.value,
+					"whole-word": wholeWord.value,
+					active: hitIndex.value,
+					onCount
+				}, null, 8, [
+					"code",
+					"lang",
+					"query",
+					"case-sensitive",
+					"whole-word",
+					"active"
+				])) : createCommentVNode("", true)])
+			])) : createCommentVNode("", true)], 2);
+		};
+	}
+}), [["__scopeId", "data-v-9eb680ec"]]);
+// src/app/PlaygroundSceneOutput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = {
+	key: 0,
+	class: "pw-output"
+};
+var _hoisted_2$6 = { class: "pw-output__head" };
+var _hoisted_3$6 = {
+	key: 0,
+	class: "pw-output__tabs"
+};
+var _hoisted_4$5 = ["onClick"];
+var _hoisted_5$5 = {
+	key: 1,
+	class: "pw-output__slot"
+};
+var _hoisted_6$4 = { class: "pw-output__body" };
+// src/app/PlaygroundSceneOutput.vue
+var PlaygroundSceneOutput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundSceneOutput",
+	props: { sceneName: {} },
+	setup(__props) {
+		const props = __props;
+		const slots = computed(() => currentOutputSlots.value.filter((slot) => !slot.sceneId || slot.sceneId === props.sceneName));
+		const active = ref(0);
+		const snapshots = ref([]);
+		let timer = null;
+		const read = () => {
+			const next = slots.value.map((binding) => {
+				try {
+					const value = binding.getter();
+					return {
+						label: binding.label || binding.key,
+						text: JSON.stringify(value, null, 2) ?? String(value)
+					};
+				} catch (error) {
+					return {
+						label: binding.label || binding.key,
+						text: `读取失败：${String(error)}`
+					};
+				}
+			});
+			if (next.length !== snapshots.value.length || next.some((item, index) => item.text !== snapshots.value[index]?.text || item.label !== snapshots.value[index]?.label)) snapshots.value = next;
+			if (active.value >= snapshots.value.length) active.value = 0;
+		};
+		onMounted(() => {
+			read();
+			timer = window.setInterval(read, 500);
+		});
+		onBeforeUnmount(() => {
+			if (timer !== null) window.clearInterval(timer);
+		});
+		return (_ctx, _cache) => {
+			return slots.value.length ? (openBlock(), createElementBlock("section", _hoisted_1$6, [createElementVNode("header", _hoisted_2$6, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "pw-output__title" }, "输出", -1)), snapshots.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(snapshots.value, (item, index) => {
+				return openBlock(), createElementBlock("button", {
+					key: item.label,
+					type: "button",
+					class: normalizeClass(["pw-output__tab", { "is-active": index === active.value }]),
+					onClick: ($event) => active.value = index
+				}, toDisplayString(item.label), 11, _hoisted_4$5);
+			}), 128))])) : snapshots.value[0]?.label && snapshots.value[0]?.label !== "default" ? (openBlock(), createElementBlock("span", _hoisted_5$5, toDisplayString(snapshots.value[0]?.label), 1)) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$4, [snapshots.value[active.value] ? (openBlock(), createBlock(CodeBlock_default, {
+				key: 0,
+				code: snapshots.value[active.value].text,
+				lang: "json"
+			}, null, 8, ["code"])) : createCommentVNode("", true)])])) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-31716e5f"]]);
+// src/app/PlaygroundPluginWrappers.vue
+var PlaygroundPluginWrappers_default = /* @__PURE__ */ defineComponent({
+	__name: "PlaygroundPluginWrappers",
+	props: { entries: {} },
+	setup(__props) {
+		const props = __props;
+		const head = computed(() => props.entries[0]);
+		const rest = computed(() => props.entries.slice(1));
+		return (_ctx, _cache) => {
+			const _component_PlaygroundPluginWrappers = resolveComponent("PlaygroundPluginWrappers", true);
+			return !head.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createBlock(resolveDynamicComponent(head.value.component), normalizeProps(mergeProps({ key: 1 }, head.value.props ?? {})), {
+				default: withCtx(() => [createVNode(_component_PlaygroundPluginWrappers, { entries: rest.value }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["entries"])]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+// src/app/PlaygroundSceneSection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = ["id"];
+var _hoisted_2$5 = { class: "pw-scene__head" };
+var _hoisted_3$5 = { class: "pw-scene__title" };
+var _hoisted_4$4 = ["href"];
+var _hoisted_5$4 = { class: "pw-scene__actions" };
+var _hoisted_6$3 = ["data-tip"];
+var _hoisted_7$3 = {
+	key: 0,
+	class: "pw-scene__desc"
+};
+var _hoisted_8$2 = {
+	key: 0,
+	class: "pw-scene__doc"
+};
+var _hoisted_9$2 = {
+	key: 1,
+	class: "pw-scene__skeleton",
+	"aria-hidden": "true"
+};
+var _hoisted_10$2 = ["data-pw-stage"];
+var _hoisted_11$2 = {
+	key: 1,
+	class: "pw-scene__skeleton",
+	"aria-hidden": "true"
+};
+// src/app/PlaygroundSceneSection.vue
+var PlaygroundSceneSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundSceneSection",
+	props: {
+		scene: {},
+		theme: {}
+	},
+	emits: ["focus", "inspect"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/** 让场景内的 useSceneArgs / useSceneOutput 知道自己属于哪个场景 */
+		provideSceneContext(props.scene.name);
+		const rootEl = ref(null);
+		const component = shallowRef(null);
+		const mounted = ref(false);
+		computed(() => props.scene.rel.split("/").pop() ?? props.scene.rel);
+		/**
+		* 文档场景：不套演示画布，按文档排版直接铺在页面上。
+		* 由插件在扫描时定好（Markdown 场景恒为 true，`.vue` 页看 pageMeta.doc），运行时不再猜。
+		*/
+		const isDoc = computed(() => props.scene.doc);
+		/** 分享：把地址栏 hash 同步成这个场景，再复制「当前页地址 + 锚点」 */
+		const share = async () => {
+			emit("focus", props.scene.name);
+			const { origin, pathname, search } = window.location;
+			const ok = await copyText(`${origin}${pathname}${search}#${encodeURIComponent(props.scene.name)}`);
+			toast(ok ? "已复制场景链接" : "复制失败，请手动复制地址");
+		};
+		/** 演示画布主题：默认浅色，'auto' 跟随外壳；组件不一定支持暗色 */
+		const stageTheme = computed(() => {
+			const stage = config.theme?.stage ?? "light";
+			return stage === "auto" ? props.theme ?? "light" : stage;
+		});
+		/** 该场景演示的 API：名字 + 类型/默认值（从契约里查） */
+		const contractOfPage = computed(() => {
+			const name = pageComponents[props.scene.pageId];
+			return name ? api[name] ?? null : null;
+		});
+		const apiItems = computed(() => (props.scene.api ?? []).map((name) => {
+			const source = contractOfPage.value;
+			const prop = source?.props.find((item) => item.name === name);
+			const event = source?.events.find((item) => item.name === name);
+			return {
+				name,
+				type: prop?.type ?? event?.type,
+				default: prop?.default
+			};
+		}));
+		/** section → API 表里的 tab 名 */
+		const SECTION_KIND = {
+			props: "props",
+			events: "events",
+			exposes: "exposed",
+			slots: "slots"
+		};
+		const inspect = (name) => {
+			emit("inspect", `${SECTION_KIND[props.scene.section] ?? "props"}:${name}`);
+		};
+		/** 本场景是否声明了输入 / 输出；决定「输入 | 输出」并排还是单栏 */
+		const ownsSlot = (sceneId) => !sceneId || sceneId === props.scene.name;
+		const hasArgs = computed(() => currentArgsSlots.value.some((slot) => ownsSlot(slot.sceneId)));
+		const hasOutput = computed(() => currentOutputSlots.value.some((slot) => ownsSlot(slot.sceneId)));
+		const singleColumn = computed(() => !hasArgs.value || !hasOutput.value);
+		let observer = null;
+		/** 进入视口附近才挂载，一页十几个场景也只跑 2~3 个实例 */
+		const mount = async () => {
+			if (mounted.value) return;
+			mounted.value = true;
+			try {
+				const mod = await props.scene.load();
+				component.value = mod.default;
+			} catch (error) {
+				console.warn(`[rinova-playground] 场景加载失败：${props.scene.rel}`, error);
+			}
+		};
+		onMounted(() => {
+			if (typeof IntersectionObserver === "undefined") {
+				mount();
+				return;
+			}
+			observer = new IntersectionObserver((entries) => {
+				if (entries.some((entry) => entry.isIntersecting)) {
+					mount();
+					observer?.disconnect();
+				}
+			}, { rootMargin: "600px 0px" });
+			if (rootEl.value) observer.observe(rootEl.value);
+		});
+		onBeforeUnmount(() => observer?.disconnect());
+		/** 页内索引点击落到本场景时，立即挂载 */
+		__expose({ mount });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				id: __props.scene.name,
+				ref_key: "rootEl",
+				ref: rootEl,
+				class: normalizeClass(["pw-scene", { "is-doc": isDoc.value }])
+			}, [
+				createElementVNode("header", _hoisted_2$5, [createElementVNode("h2", _hoisted_3$5, [createElementVNode("a", {
+					href: `#${__props.scene.name}`,
+					class: "pw-scene__anchor",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("focus", __props.scene.name), ["prevent"]))
+				}, [_cache[1] || (_cache[1] = createElementVNode("span", {
+					class: "pw-scene__hash",
+					"aria-hidden": "true"
+				}, "#", -1)), createTextVNode(toDisplayString(__props.scene.title), 1)], 8, _hoisted_4$4)]), createElementVNode("div", _hoisted_5$4, [createElementVNode("button", {
+					type: "button",
+					class: "pw-scene__action",
+					"data-tip": `复制「${__props.scene.title}」的链接`,
+					"aria-label": "复制场景链接",
+					onClick: share
+				}, [createVNode(unref(Share2), {
+					size: 12,
+					"stroke-width": 2
+				}), _cache[2] || (_cache[2] = createElementVNode("span", null, "分享", -1))], 8, _hoisted_6$3)])]),
+				__props.scene.description ? (openBlock(), createElementBlock("p", _hoisted_7$3, toDisplayString(__props.scene.description), 1)) : createCommentVNode("", true),
+				apiItems.value.length ? (openBlock(), createBlock(PwApiBrief_default, {
+					key: 1,
+					items: apiItems.value,
+					onInspect: inspect
+				}, null, 8, ["items"])) : createCommentVNode("", true),
+				createElementVNode("div", { class: normalizeClass(["pw-scene__preview", { "is-doc": isDoc.value }]) }, [isDoc.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [createVNode(PwSceneBoundary_default, {
+					title: __props.scene.title,
+					file: __props.scene.rel
+				}, {
+					default: withCtx(() => [component.value ? (openBlock(), createBlock(resolveDynamicComponent(component.value), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_9$2))]),
+					_: 1
+				}, 8, ["title", "file"])])) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "pw-scene__canvas",
+					"data-pw-stage": stageTheme.value
+				}, [createVNode(PwSceneBoundary_default, {
+					title: __props.scene.title,
+					file: __props.scene.rel
+				}, {
+					default: withCtx(() => [createVNode(PlaygroundPluginWrappers_default, { entries: unref(pluginWrapperEntries) }, {
+						default: withCtx(() => [component.value ? (openBlock(), createBlock(resolveDynamicComponent(component.value), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_11$2))]),
+						_: 1
+					}, 8, ["entries"])]),
+					_: 1
+				}, 8, ["title", "file"])], 8, _hoisted_10$2))], 2),
+				hasArgs.value || hasOutput.value ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(["pw-scene__io", { "is-single": singleColumn.value }])
+				}, [hasArgs.value ? (openBlock(), createBlock(PlaygroundSceneArgs_default, {
+					key: 0,
+					"scene-name": __props.scene.name
+				}, null, 8, ["scene-name"])) : createCommentVNode("", true), hasOutput.value ? (openBlock(), createBlock(PlaygroundSceneOutput_default, {
+					key: 1,
+					"scene-name": __props.scene.name
+				}, null, 8, ["scene-name"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+				__props.scene.showSource ? (openBlock(), createBlock(PlaygroundSceneSource_default, {
+					key: 3,
+					scene: __props.scene
+				}, null, 8, ["scene"])) : createCommentVNode("", true)
+			], 10, _hoisted_1$5);
+		};
+	}
+}), [["__scopeId", "data-v-d0fca3aa"]]);
+// src/app/viewport.ts
+var VIEWPORT_PRESETS = [
+	{
+		id: "auto",
+		label: "自适应",
+		px: 0,
+		shell: "none"
+	},
+	{
+		id: "mobile",
+		label: "手机",
+		px: 390,
+		shell: "phone"
+	},
+	{
+		id: "tablet",
+		label: "平板",
+		px: 820,
+		shell: "tablet"
+	},
+	{
+		id: "desktop",
+		label: "桌面",
+		px: 1280,
+		shell: "desktop"
+	}
+];
+/** 自定义宽度的可输入范围，超出就夹住 */
+var CUSTOM_WIDTH = {
+	min: 320,
+	max: 1920
+};
+/** 自定义宽度按大小自动挑外壳，避免 380px 却套桌面窗口 */
+var shellOf = (px) => {
+	if (px < 640) return "phone";
+	if (px < 1024) return "tablet";
+	return "desktop";
+};
+var clampWidth = (px) => Math.min(CUSTOM_WIDTH.max, Math.max(CUSTOM_WIDTH.min, Math.round(px)));
+var resolveViewport = (state) => {
+	if (state.id === "custom") {
+		const px = clampWidth(state.px || 480);
+		return {
+			id: "custom",
+			px,
+			shell: shellOf(px),
+			label: `自定义 ${px}px`
+		};
+	}
+	const preset = VIEWPORT_PRESETS.find((item) => item.id === state.id) ?? VIEWPORT_PRESETS[0];
+	return {
+		...preset,
+		label: preset.px ? `${preset.label} ${preset.px}px` : preset.label
+	};
+};
+var DEFAULT_VIEWPORT = {
+	id: "auto",
+	px: 0
+};
+// src/app/PlaygroundPage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = { class: "pw-page" };
+var _hoisted_2$4 = { class: "pw-page__head" };
+var _hoisted_3$4 = { class: "pw-page__lead" };
+var _hoisted_4$3 = ["data-tip", "aria-label"];
+var _hoisted_5$3 = ["title"];
+var _hoisted_6$2 = { class: "pw-page__group" };
+var _hoisted_7$2 = { class: "pw-page__name" };
+var _hoisted_8$1 = { class: "pw-page__count" };
+var _hoisted_9$1 = { class: "pw-page__center" };
+var _hoisted_10$1 = {
+	key: 0,
+	class: "pw-width",
+	role: "group",
+	"aria-label": "预览宽度"
+};
+var _hoisted_11$1 = [
+	"data-tip",
+	"aria-label",
+	"aria-pressed",
+	"onClick"
+];
+var _hoisted_12$1 = ["aria-pressed"];
+var _hoisted_13$1 = {
+	key: 0,
+	class: "pw-width__custom"
+};
+var _hoisted_14$1 = { class: "pw-page__actions" };
+var _hoisted_15$1 = {
+	class: "pw-view",
+	role: "tablist",
+	"aria-label": "视图"
+};
+var _hoisted_16$1 = ["data-tip", "aria-label"];
+var _hoisted_17$1 = [
+	"data-tip",
+	"aria-label",
+	"aria-pressed"
+];
+var _hoisted_18$1 = { class: "pw-page__work" };
+var _hoisted_19$1 = {
+	key: 0,
+	class: "pw-device__bar",
+	"aria-hidden": "true"
+};
+var _hoisted_20$1 = {
+	key: 1,
+	class: "pw-device__sensor",
+	"aria-hidden": "true"
+};
+var _hoisted_21$1 = {
+	key: 0,
+	class: "pw-page__desc"
+};
+var _hoisted_22$1 = {
+	key: 1,
+	class: "pw-page__main"
+};
+var _hoisted_23$1 = {
+	key: 4,
+	class: "pw-page__api-empty"
+};
+var _hoisted_24$1 = {
+	key: 0,
+	class: "pw-device__caption"
+};
+var INDEX_KEY = "rinova-playground:index-open";
+// src/app/PlaygroundPage.vue
+var PlaygroundPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundPage",
+	props: {
+		page: {},
+		scenes: {},
+		initialActive: {},
+		viewport: {},
+		theme: {},
+		sidebarOpen: { type: Boolean }
+	},
+	emits: [
+		"update:viewport",
+		"toggle-theme",
+		"toggle-sidebar",
+		"collapse-sidebar",
+		"update:active",
+		"focus"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const indexOpen = ref(localStorage.getItem(INDEX_KEY) !== "0");
+		const toggleIndex = () => {
+			indexOpen.value = !indexOpen.value;
+			localStorage.setItem(INDEX_KEY, indexOpen.value ? "1" : "0");
+		};
+		const scrollEl = ref(null);
+		const initialScene = () => {
+			const fallback = props.scenes[0]?.name ?? "";
+			const wanted = props.initialActive;
+			return wanted && props.scenes.some((scene) => scene.name === wanted) ? wanted : fallback;
+		};
+		const active = ref(initialScene());
+		/** 场景视图 / API 视图 */
+		const view = ref("scenes");
+		const focusApi = ref("");
+		const contract = computed(() => {
+			const name = props.page.component ?? pageComponents[props.page.id];
+			return name ? api[name] ?? null : null;
+		});
+		/** 非组件模块（函数 / hooks / 常量）的契约 */
+		const moduleContract = computed(() => {
+			const name = props.page.module ?? pageModules[props.page.id];
+			return name ? modules[name] ?? null : null;
+		});
+		/** 场景里的 API 标签被点击：切到 API 视图并定位到那一行 */
+		const openApi = (key) => {
+			focusApi.value = "";
+			view.value = "api";
+			nextTick(() => {
+				focusApi.value = key;
+			});
+		};
+		/** API 表的「演示」列：切回场景视图并滚过去 */
+		const openScene = (name) => {
+			view.value = "scenes";
+			nextTick(() => jump(name));
+		};
+		const sectionRefs = /* @__PURE__ */ new Map();
+		/** 程序化滚动期间暂停滚动联动，避免高亮跑到上一节 */
+		let suppressScrollSpyUntil = 0;
+		const setSectionRef = (name) => (instance) => {
+			if (instance) sectionRefs.set(name, instance);
+			else sectionRefs.delete(name);
+		};
+		const icons = {
+			auto: Maximize,
+			mobile: Smartphone,
+			tablet: Tablet,
+			desktop: Monitor
+		};
+		const presets = VIEWPORT_PRESETS.map((preset) => ({
+			...preset,
+			icon: icons[preset.id]
+		}));
+		const current = computed(() => resolveViewport(props.viewport));
+		/** 只有固定宽度才套设备外壳；自适应就是铺满。API 视图是表格，尺寸能力整体不适用 */
+		const shell = computed(() => view.value === "api" ? "none" : current.value.px ? current.value.shell : "none");
+		const deviceEl = ref(null);
+		/** 设备实际渲染宽度：目标宽度可能被可用空间夹住，caption 要显示真实值 */
+		const measuredWidth = ref(0);
+		let deviceObserver = null;
+		const deviceLabel = computed(() => {
+			const width = `${measuredWidth.value}px`;
+			if (props.viewport.id === "custom") return `自定义 · ${width}`;
+			return `${VIEWPORT_PRESETS.find((item) => item.id === props.viewport.id)?.label ?? "预览"} ${width}`;
+		});
+		const customOpen = ref(props.viewport.id === "custom");
+		const customValue = ref(String(props.viewport.id === "custom" ? props.viewport.px : 480));
+		const pick = (id) => {
+			customOpen.value = id === "custom";
+			if (id === "custom") {
+				applyCustom();
+				return;
+			}
+			emit("update:viewport", {
+				id,
+				px: 0
+			});
+		};
+		const applyCustom = () => {
+			const px = clampWidth(Number(customValue.value) || CUSTOM_WIDTH.min);
+			customValue.value = String(px);
+			emit("update:viewport", {
+				id: "custom",
+				px
+			});
+		};
+		const onCustomInput = (value) => {
+			customValue.value = value;
+		};
+		const onCustomEnter = () => {
+			applyCustom();
+		};
+		const visibleCount = computed(() => props.scenes.filter((scene) => !scene.hidden).length);
+		/** 自适应铺满；固定宽度用所选值（设备外壳另外画） */
+		const maxWidth = computed(() => current.value.px ? `${current.value.px}px` : "none");
+		/** 滚动联动：取最后一个顶边越过阈值的场景 */
+		onMounted(() => {
+			if (typeof ResizeObserver === "undefined") return;
+			deviceObserver = new ResizeObserver((entries) => {
+				const entry = entries[0];
+				const width = entry?.borderBoxSize?.[0]?.inlineSize ?? entry?.contentRect.width ?? 0;
+				measuredWidth.value = Math.round(width);
+			});
+			if (deviceEl.value) deviceObserver.observe(deviceEl.value);
+		});
+		onBeforeUnmount(() => deviceObserver?.disconnect());
+		const onScroll = () => {
+			const container = scrollEl.value;
+			if (!container) return;
+			if (Date.now() < suppressScrollSpyUntil) return;
+			const threshold = container.getBoundingClientRect().top + 96;
+			let current = props.scenes[0]?.name ?? "";
+			for (const scene of props.scenes) {
+				const el = document.getElementById(scene.name);
+				if (!el) continue;
+				if (el.getBoundingClientRect().top <= threshold) current = scene.name;
+			}
+			if (current && current !== active.value) {
+				active.value = current;
+				emit("update:active", current);
+			}
+		};
+		const jump = async (name) => {
+			const el = document.getElementById(name);
+			const container = scrollEl.value;
+			if (!el || !container) return;
+			active.value = name;
+			emit("update:active", name);
+			emit("focus", name);
+			suppressScrollSpyUntil = Date.now() + 900;
+			await sectionRefs.get(name)?.mount();
+			await nextTick();
+			const delta = el.getBoundingClientRect().top - container.getBoundingClientRect().top;
+			container.scrollTo({
+				top: container.scrollTop + delta - 8,
+				behavior: "smooth"
+			});
+		};
+		watch(active, () => nextTick(onScroll));
+		__expose({ jumpTo: jump });
+		onMounted(() => {
+			const hash = decodeURIComponent(window.location.hash.replace(/^#/, ""));
+			const wanted = (hash && props.scenes.some((scene) => scene.name === hash) ? hash : "") || active.value;
+			if (!wanted || wanted === props.scenes[0]?.name) return;
+			active.value = wanted;
+			emit("update:active", wanted);
+			nextTick(() => jump(wanted));
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$4, [createElementVNode("header", _hoisted_2$4, [
+				createElementVNode("div", _hoisted_3$4, [createElementVNode("button", {
+					type: "button",
+					class: "pw-head-btn",
+					"data-tip": __props.sidebarOpen ? "收起侧栏" : "展开侧栏",
+					"aria-label": __props.sidebarOpen ? "收起侧栏" : "展开侧栏",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle-sidebar"))
+				}, [__props.sidebarOpen ? (openBlock(), createBlock(unref(PanelLeftClose), {
+					key: 0,
+					size: 14
+				})) : (openBlock(), createBlock(unref(PanelLeftOpen), {
+					key: 1,
+					size: 14
+				}))], 8, _hoisted_4$3), createElementVNode("nav", {
+					class: "pw-page__crumb",
+					title: `${__props.page.group} › ${__props.page.title}`,
+					"aria-label": "当前页面位置"
+				}, [
+					__props.page.group !== __props.page.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_6$2, toDisplayString(__props.page.group), 1), createVNode(unref(ChevronRight), {
+						size: 12,
+						"stroke-width": 2,
+						class: "pw-page__sep",
+						"aria-hidden": "true"
+					})], 64)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_7$2, toDisplayString(__props.page.title), 1),
+					createElementVNode("span", _hoisted_8$1, toDisplayString(visibleCount.value) + " 个场景", 1)
+				], 8, _hoisted_5$3)]),
+				createElementVNode("div", _hoisted_9$1, [view.value === "scenes" ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(presets), (item) => {
+						return openBlock(), createElementBlock("button", {
+							key: item.id,
+							type: "button",
+							class: normalizeClass(["pw-width__btn", { "is-active": __props.viewport.id === item.id }]),
+							"data-tip": item.px ? `${item.label} ${item.px}px` : item.label,
+							"aria-label": item.px ? `${item.label} ${item.px}px` : item.label,
+							"aria-pressed": __props.viewport.id === item.id,
+							onClick: ($event) => pick(item.id)
+						}, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { size: 14 }))], 10, _hoisted_11$1);
+					}), 128)),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(["pw-width__btn", { "is-active": __props.viewport.id === "custom" }]),
+						"data-tip": "自定义宽度",
+						"aria-label": "自定义宽度",
+						"aria-pressed": __props.viewport.id === "custom",
+						onClick: _cache[1] || (_cache[1] = ($event) => pick("custom"))
+					}, [createVNode(unref(SlidersHorizontal), { size: 14 })], 10, _hoisted_12$1),
+					customOpen.value ? (openBlock(), createElementBlock("label", _hoisted_13$1, [createVNode(PwInput_default, {
+						size: "sm",
+						type: "number",
+						"model-value": customValue.value,
+						placeholder: `${unref(CUSTOM_WIDTH).min}–${unref(CUSTOM_WIDTH).max}`,
+						"onUpdate:modelValue": onCustomInput,
+						onKeydown: withKeys(onCustomEnter, ["enter"]),
+						onBlur: onCustomEnter
+					}, null, 8, ["model-value", "placeholder"]), _cache[5] || (_cache[5] = createElementVNode("span", { class: "pw-width__unit" }, "px", -1))])) : createCommentVNode("", true)
+				])) : createCommentVNode("", true)]),
+				createElementVNode("div", _hoisted_14$1, [
+					createVNode(PlaygroundPluginSlot_default, {
+						entries: unref(pluginHeaderSlots),
+						slot: "header"
+					}, null, 8, ["entries"]),
+					createElementVNode("div", _hoisted_15$1, [createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(["pw-view__btn", { "is-active": view.value === "scenes" }]),
+						onClick: _cache[2] || (_cache[2] = ($event) => view.value = "scenes")
+					}, " 场景 ", 2), contract.value || moduleContract.value ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: normalizeClass(["pw-view__btn", { "is-active": view.value === "api" }]),
+						onClick: _cache[3] || (_cache[3] = ($event) => view.value = "api")
+					}, " API ", 2)) : createCommentVNode("", true)]),
+					createVNode(PlaygroundEditorPicker_default),
+					createElementVNode("button", {
+						type: "button",
+						class: "pw-head-btn",
+						"data-tip": __props.theme === "dark" ? "切到浅色" : "切到深色",
+						"aria-label": __props.theme === "dark" ? "切到浅色" : "切到深色",
+						onClick: _cache[4] || (_cache[4] = ($event) => emit("toggle-theme", $event))
+					}, [__props.theme === "light" ? (openBlock(), createBlock(unref(Moon), {
+						key: 0,
+						size: 14
+					})) : (openBlock(), createBlock(unref(Sun), {
+						key: 1,
+						size: 14
+					}))], 8, _hoisted_16$1),
+					view.value === "scenes" ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "pw-head-btn pw-head-btn--index",
+						"data-tip": indexOpen.value ? "收起索引" : "展开索引",
+						"aria-label": indexOpen.value ? "收起索引" : "展开索引",
+						"aria-pressed": indexOpen.value,
+						onClick: toggleIndex
+					}, [indexOpen.value ? (openBlock(), createBlock(unref(PanelRightClose), {
+						key: 0,
+						size: 14
+					})) : (openBlock(), createBlock(unref(PanelRightOpen), {
+						key: 1,
+						size: 14
+					}))], 8, _hoisted_17$1)) : createCommentVNode("", true)
+				])
+			]), createElementVNode("div", _hoisted_18$1, [createElementVNode("div", {
+				class: normalizeClass(["pw-device-wrap", shell.value === "none" ? "is-auto" : `pw-device-wrap--${shell.value}`]),
+				style: normalizeStyle(shell.value === "none" ? void 0 : { "--pw-device-w": `${current.value.px}px` })
+			}, [createElementVNode("div", {
+				ref_key: "deviceEl",
+				ref: deviceEl,
+				class: "pw-device"
+			}, [
+				shell.value === "desktop" ? (openBlock(), createElementBlock("div", _hoisted_19$1, [..._cache[6] || (_cache[6] = [
+					createElementVNode("i", null, null, -1),
+					createElementVNode("i", null, null, -1),
+					createElementVNode("i", null, null, -1)
+				])])) : createCommentVNode("", true),
+				shell.value === "phone" ? (openBlock(), createElementBlock("span", _hoisted_20$1)) : createCommentVNode("", true),
+				createElementVNode("div", {
+					ref_key: "scrollEl",
+					ref: scrollEl,
+					class: normalizeClass(["pw-page__scroll", { "is-api": view.value === "api" }]),
+					onScrollPassive: onScroll
+				}, [createElementVNode("div", { class: normalizeClass(["pw-page__body", {
+					"is-device": shell.value !== "none",
+					"is-phone": shell.value === "phone"
+				}]) }, [createElementVNode("div", {
+					class: "pw-page__frame",
+					style: normalizeStyle({ maxWidth: view.value === "api" ? "none" : maxWidth.value })
+				}, [__props.page.description && view.value === "scenes" ? (openBlock(), createElementBlock("p", _hoisted_21$1, toDisplayString(__props.page.description), 1)) : createCommentVNode("", true), view.value === "scenes" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.scenes, (scene) => {
+					return openBlock(), createBlock(PlaygroundSceneSection_default, {
+						key: scene.id,
+						ref_for: true,
+						ref: setSectionRef(scene.name),
+						scene,
+						theme: __props.theme,
+						onFocus: jump,
+						onInspect: openApi
+					}, null, 8, ["scene", "theme"]);
+				}), 128))])) : contract.value ? (openBlock(), createBlock(PlaygroundApiTable_default, {
+					key: 2,
+					contract: contract.value,
+					scenes: __props.scenes,
+					focus: focusApi.value,
+					notes: __props.page.apiNotes,
+					onJump: openScene
+				}, null, 8, [
+					"contract",
+					"scenes",
+					"focus",
+					"notes"
+				])) : moduleContract.value ? (openBlock(), createBlock(PlaygroundModuleApi_default, {
+					key: 3,
+					module: moduleContract.value,
+					scenes: __props.scenes,
+					onJump: openScene
+				}, null, 8, ["module", "scenes"])) : (openBlock(), createElementBlock("p", _hoisted_23$1, [..._cache[7] || (_cache[7] = [
+					createTextVNode(" 这一页没有绑定组件。在 ", -1),
+					createElementVNode("code", null, "<页>/meta.ts", -1),
+					createTextVNode(" 里写 ", -1),
+					createElementVNode("code", null, "component: 'MyButton'", -1),
+					createTextVNode(" 就会生成组件 API 表； 写 ", -1),
+					createElementVNode("code", null, "module: 'money'", -1),
+					createTextVNode(" 则生成函数 / 常量 API 表。 ", -1)
+				])]))], 4)], 2)], 34)
+			], 512), shell.value !== "none" ? (openBlock(), createElementBlock("p", _hoisted_24$1, toDisplayString(deviceLabel.value), 1)) : createCommentVNode("", true)], 6), view.value === "scenes" ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["pw-index-slot", { "is-collapsed": !indexOpen.value }])
+			}, [createVNode(PlaygroundPageIndex_default, {
+				scenes: __props.scenes,
+				active: active.value,
+				onJump: jump
+			}, null, 8, ["scenes", "active"])], 2)) : createCommentVNode("", true)])]);
+		};
+	}
+}), [["__scopeId", "data-v-089ab888"]]);
+// src/components/PwPortal.vue
+var PwPortal_default = /* @__PURE__ */ defineComponent({
+	__name: "PwPortal",
+	props: { to: { default: "body" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: __props.to }, [renderSlot(_ctx.$slots, "default")], 8, ["to"]);
+		};
+	}
+});
+// src/app/PlaygroundPluginPanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = ["aria-label"];
+var _hoisted_2$3 = { class: "pw-plugin-panel__head" };
+var _hoisted_3$3 = { class: "pw-plugin-panel__title" };
+var _hoisted_4$2 = { class: "pw-plugin-panel__from" };
+var _hoisted_5$2 = { class: "pw-plugin-panel__body" };
+// src/app/PlaygroundPluginPanel.vue
+var PlaygroundPluginPanel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundPluginPanel",
+	setup(__props) {
+		const drawerEl = ref(null);
+		const restoreTo = ref(null);
+		const active = computed(() => pluginPanelEntries.value.find((entry) => entry.id === pluginOpenPanelId.value) ?? null);
+		watch(active, async (entry, previous) => {
+			if (entry && !previous) {
+				const focused = document.activeElement;
+				restoreTo.value = focused instanceof HTMLElement ? focused : null;
+				await nextTick();
+				drawerEl.value?.focus();
+				return;
+			}
+			if (!entry && previous) {
+				restoreTo.value?.focus?.();
+				restoreTo.value = null;
+			}
+		});
+		const onKeydown = (event) => {
+			if (event.key !== "Escape" || !active.value) return;
+			event.stopPropagation();
+			closePlaygroundPanel();
+		};
+		onMounted(() => document.addEventListener("keydown", onKeydown, true));
+		onBeforeUnmount(() => document.removeEventListener("keydown", onKeydown, true));
+		return (_ctx, _cache) => {
+			return active.value ? (openBlock(), createBlock(PwPortal_default, { key: 0 }, {
+				default: withCtx(() => [createElementVNode("div", {
+					class: "pw-plugin-panel",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": active.value.title
+				}, [createElementVNode("div", {
+					class: "pw-plugin-panel__mask",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(closePlaygroundPanel)())
+				}), createElementVNode("aside", {
+					ref_key: "drawerEl",
+					ref: drawerEl,
+					class: "pw-plugin-panel__drawer",
+					tabindex: "-1"
+				}, [createElementVNode("header", _hoisted_2$3, [
+					createElementVNode("h2", _hoisted_3$3, toDisplayString(active.value.title), 1),
+					createElementVNode("span", _hoisted_4$2, "插件 " + toDisplayString(active.value.plugin), 1),
+					createElementVNode("button", {
+						type: "button",
+						class: "pw-plugin-panel__close",
+						"aria-label": "关闭",
+						onClick: _cache[1] || (_cache[1] = ($event) => unref(closePlaygroundPanel)())
+					}, [createVNode(unref(X), {
+						size: 14,
+						"stroke-width": 2
+					})])
+				]), createElementVNode("div", _hoisted_5$2, [createVNode(PwSceneBoundary_default, { title: `插件面板（${active.value.plugin}）` }, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(active.value.component), normalizeProps(guardReactiveProps(active.value.props ?? {})), null, 16))]),
+					_: 1
+				}, 8, ["title"])])], 512)], 8, _hoisted_1$3)]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-dffb0514"]]);
+// src/app/PlaygroundSidebar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = {
+	class: "pw-sidebar",
+	"aria-label": "组件导航"
+};
+var _hoisted_2$2 = { class: "pw-sidebar__brand" };
+var _hoisted_3$2 = { class: "pw-sidebar__title" };
+var _hoisted_4$1 = { class: "pw-sidebar__search" };
+var _hoisted_5$1 = {
+	key: 0,
+	class: "pw-hits"
+};
+var _hoisted_6$1 = {
+	key: 0,
+	class: "pw-hits__group"
+};
+var _hoisted_7$1 = { class: "pw-hits__label" };
+var _hoisted_8 = { class: "pw-hits__count" };
+var _hoisted_9 = ["title", "onClick"];
+var _hoisted_10 = { class: "pw-hit__title" };
+var _hoisted_11 = {
+	key: 0,
+	class: "pw-nav__hit"
+};
+var _hoisted_12 = { class: "pw-hit__meta" };
+var _hoisted_13 = {
+	key: 1,
+	class: "pw-hits__group"
+};
+var _hoisted_14 = { class: "pw-hits__label" };
+var _hoisted_15 = { class: "pw-hits__count" };
+var _hoisted_16 = ["title", "onClick"];
+var _hoisted_17 = { class: "pw-hit__title" };
+var _hoisted_18 = {
+	key: 0,
+	class: "pw-nav__hit"
+};
+var _hoisted_19 = { class: "pw-hit__meta" };
+var _hoisted_20 = { class: "pw-hit__meta-text" };
+var _hoisted_21 = {
+	key: 0,
+	class: "pw-hit__reason"
+};
+var _hoisted_22 = {
+	key: 0,
+	class: "pw-hits__more"
+};
+var _hoisted_23 = {
+	key: 2,
+	class: "pw-sidebar__empty"
+};
+var _hoisted_24 = [
+	"disabled",
+	"aria-expanded",
+	"title",
+	"onClick"
+];
+var _hoisted_25 = { class: "pw-nav-group__name" };
+var _hoisted_26 = {
+	key: 0,
+	class: "pw-nav__hit"
+};
+var _hoisted_27 = {
+	key: 0,
+	class: "pw-nav-group__count"
+};
+var _hoisted_28 = { class: "pw-nav-group__chevron-box" };
+var _hoisted_29 = { class: "pw-nav-group__list" };
+var _hoisted_30 = [
+	"aria-current",
+	"title",
+	"onClick"
+];
+var _hoisted_31 = { class: "pw-nav-item__title" };
+var _hoisted_32 = {
+	key: 0,
+	class: "pw-nav__hit"
+};
+var _hoisted_33 = [
+	"aria-expanded",
+	"aria-label",
+	"data-tip",
+	"onClick"
+];
+var _hoisted_34 = { class: "pw-nav-children" };
+var _hoisted_35 = [
+	"aria-current",
+	"title",
+	"onClick"
+];
+var _hoisted_36 = { class: "pw-nav-item__title" };
+var _hoisted_37 = {
+	key: 0,
+	class: "pw-nav__hit"
+};
+var _hoisted_38 = {
+	key: 1,
+	class: "pw-sidebar__empty"
+};
+var _hoisted_39 = { class: "pw-sidebar__footer" };
+/** 场景命中一次最多列这么多，剩下的用一句话提示收窄范围 */
+var SCENE_HIT_LIMIT = 50;
+// src/app/PlaygroundSidebar.vue
+var PlaygroundSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundSidebar",
+	props: {
+		title: {},
+		groups: {},
+		activePageId: {},
+		sceneCount: {},
+		scenes: {}
+	},
+	emits: ["select", "selectScene"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const query = ref("");
+		const navRef = ref(null);
+		/** 分组展开状态：默认只展开活动页所在的那个组（没有活动页时展开第一个组） */
+		const expandedGroups = ref(/* @__PURE__ */ new Set());
+		/** 带子组件的组件页展开状态 */
+		const expandedPages = ref(/* @__PURE__ */ new Set());
+		const searching = computed(() => query.value.trim() !== "");
+		const groupOfPage = (id) => props.groups.find((group) => group.pages.some((page) => page.id === id || page.children.some((child) => child.id === id)));
+		const parentOf = (id) => props.groups.flatMap((group) => group.pages).find((page) => page.children.some((child) => child.id === id));
+		/** 打开某一页时，把它所在分组与父组件页一起展开，保证能看见当前页 */
+		const reveal = (id) => {
+			if (!id) return;
+			const self = props.groups.flatMap((group) => group.pages).find((page) => page.id === id);
+			const group = groupOfPage(id);
+			if (group && !expandedGroups.value.has(group.name)) expandedGroups.value = /* @__PURE__ */ new Set([...expandedGroups.value, group.name]);
+			const parent = parentOf(id);
+			if (parent && !expandedPages.value.has(parent.id)) expandedPages.value = /* @__PURE__ */ new Set([...expandedPages.value, parent.id]);
+			if (self && self.children.length && !expandedPages.value.has(self.id)) expandedPages.value = /* @__PURE__ */ new Set([...expandedPages.value, self.id]);
+		};
+		watch(() => props.activePageId, (id) => reveal(id), { immediate: true });
+		onMounted(() => {
+			if (expandedGroups.value.size) return;
+			const first = props.groups[0];
+			if (first) expandedGroups.value = /* @__PURE__ */ new Set([first.name]);
+		});
+		const toggleGroup = (name) => {
+			if (searching.value) return;
+			const next = new Set(expandedGroups.value);
+			if (next.has(name)) next.delete(name);
+			else next.add(name);
+			expandedGroups.value = next;
+		};
+		/** 点父页本身：先进入该页，再有子组件就顺手展开，不必再点右侧箭头 */
+		const openPage = (page) => {
+			emit("select", page.id);
+			if (page.children.length && !expandedPages.value.has(page.id)) togglePage(page.id);
+		};
+		const togglePage = (id) => {
+			const next = new Set(expandedPages.value);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			expandedPages.value = next;
+		};
+		const pageExpanded = (id) => searching.value || expandedPages.value.has(id);
+		const groupExpanded = (name) => searching.value || expandedGroups.value.has(name);
+		/** 父页展开且当前页就是它的子页时，父行也要有“包含当前页”的弱提示 */
+		const pageHasActiveChild = (page) => page.children.some((child) => child.id === props.activePageId);
+		/** 把命中片段切出来，模板里用 <mark> 标出，用户能看懂为什么这一项被搜出来 */
+		const splitMatch = (text) => {
+			const needle = query.value.trim();
+			if (!needle) return [{
+				text,
+				hit: false
+			}];
+			const lower = text.toLowerCase();
+			const target = needle.toLowerCase();
+			const parts = [];
+			let cursor = 0;
+			for (;;) {
+				const index = lower.indexOf(target, cursor);
+				if (index < 0) {
+					if (cursor < text.length) parts.push({
+						text: text.slice(cursor),
+						hit: false
+					});
+					return parts;
+				}
+				if (index > cursor) parts.push({
+					text: text.slice(cursor, index),
+					hit: false
+				});
+				parts.push({
+					text: text.slice(index, index + target.length),
+					hit: true
+				});
+				cursor = index + target.length;
+			}
+		};
+		const groupHasActive = (group) => group.pages.some((page) => page.id === props.activePageId || page.children.some((child) => child.id === props.activePageId));
+		const matches = (node, needle) => node.title.toLowerCase().includes(needle) || node.id.toLowerCase().includes(needle);
+		/** 搜索时把命中的页 / 子页提出来并全部展开；平时按折叠状态渲染 */
+		const filteredGroups = computed(() => {
+			const needle = query.value.trim().toLowerCase();
+			if (!needle) return props.groups;
+			return props.groups.map((group) => {
+				const groupHit = group.name.toLowerCase().includes(needle);
+				const pages = group.pages.map((page) => {
+					const pageHit = groupHit || matches(page, needle);
+					const children = page.children.filter((child) => groupHit || pageHit || matches(child, needle));
+					return pageHit || children.length ? {
+						...page,
+						children
+					} : null;
+				}).filter((page) => page !== null);
+				return pages.length ? {
+					name: group.name,
+					pages
+				} : null;
+			}).filter((group) => group !== null);
+		});
+		const pageCount = computed(() => props.groups.reduce((sum, group) => sum + group.pages.reduce((inner, page) => inner + 1 + page.children.length, 0), 0));
+		const needle = computed(() => query.value.trim().toLowerCase());
+		const hitContains = (text, q) => typeof text === "string" && text.toLowerCase().includes(q);
+		/** 页面命中：页标题 / 页 id / 分组名 */
+		const pageHits = computed(() => {
+			const q = needle.value;
+			if (!q) return [];
+			return props.groups.flatMap((group) => group.pages.filter((page) => hitContains(page.title, q) || hitContains(page.id, q) || hitContains(group.name, q)).map((page) => ({
+				key: `page:${page.id}`,
+				kind: "page",
+				title: page.title,
+				meta: `${group.name} · ${page.count + page.children.reduce((sum, child) => sum + child.count, 0)} 个场景`,
+				pageId: page.id
+			})));
+		});
+		/** 场景命中：场景标题 / 文件名 / 路径 / 说明 / 标签 / 覆盖的 API 名；隐藏场景不参与 */
+		const sceneHitList = computed(() => {
+			const q = needle.value;
+			if (!q) return [];
+			return props.scenes.filter((scene) => !scene.hidden).filter((scene) => hitContains(scene.title, q) || hitContains(scene.name, q) || hitContains(scene.rel, q) || hitContains(scene.description, q) || (scene.api ?? []).some((name) => hitContains(name, q)) || (scene.tags ?? []).some((tag) => hitContains(tag, q))).map((scene) => {
+				const apiHit = (scene.api ?? []).find((name) => hitContains(name, q));
+				return {
+					key: `scene:${scene.id}`,
+					kind: "scene",
+					title: scene.title,
+					meta: `${scene.group} · ${scene.page}`,
+					pageId: scene.pageId,
+					sceneName: scene.name,
+					reason: apiHit ? `覆盖 ${apiHit}` : void 0
+				};
+			});
+		});
+		const sceneHits = computed(() => sceneHitList.value.slice(0, SCENE_HIT_LIMIT));
+		const sceneHitRest = computed(() => Math.max(0, sceneHitList.value.length - sceneHits.value.length));
+		/** 点命中项：页面直接切页，场景交给 App 切页后再滚到那一个场景 */
+		const openHit = (hit) => {
+			if (hit.sceneName) emit("selectScene", hit.pageId, hit.sceneName);
+			else emit("select", hit.pageId);
+			query.value = "";
+		};
+		const visibleItems = () => [...navRef.value?.querySelectorAll(".pw-nav-item, .pw-hit") ?? []].filter((el) => el.offsetParent !== null);
+		/** 搜索框：Enter 直接进第一条命中，Esc 先清空再退出 */
+		const onSearchKeydown = (event) => {
+			if (event.key === "Enter") {
+				const first = visibleItems()[0];
+				if (first) {
+					event.preventDefault();
+					first.click();
+				}
+				return;
+			}
+			if (event.key !== "Escape") return;
+			if (query.value) {
+				query.value = "";
+				event.preventDefault();
+				return;
+			}
+			event.target?.blur();
+		};
+		/** 当前页切换、分组展开后，把它滚进侧栏视口（长列表时不会“高亮在屏幕外”） */
+		watch([
+			() => props.activePageId,
+			expandedGroups,
+			expandedPages,
+			query
+		], async () => {
+			await nextTick();
+			navRef.value?.querySelector(".pw-nav-item.is-active")?.scrollIntoView({ block: "nearest" });
+		}, { flush: "post" });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", _hoisted_1$2, [
+				createElementVNode("div", _hoisted_2$2, [_cache[1] || (_cache[1] = createElementVNode("span", {
+					class: "pw-sidebar__logo",
+					"aria-hidden": "true"
+				}, null, -1)), createElementVNode("span", _hoisted_3$2, toDisplayString(__props.title), 1)]),
+				createElementVNode("div", _hoisted_4$1, [createVNode(PwInput_default, {
+					modelValue: query.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+					size: "sm",
+					placeholder: "搜索页面 / 场景",
+					onKeydown: onSearchKeydown
+				}, {
+					prefix: withCtx(() => [createVNode(unref(Search), {
+						size: 13,
+						class: "pw-sidebar__search-icon"
+					})]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				createElementVNode("nav", {
+					ref_key: "navRef",
+					ref: navRef,
+					class: "pw-sidebar__nav",
+					"aria-label": "组件页列表"
+				}, [
+					searching.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+						pageHits.value.length ? (openBlock(), createElementBlock("section", _hoisted_6$1, [createElementVNode("p", _hoisted_7$1, [_cache[2] || (_cache[2] = createTextVNode("页面", -1)), createElementVNode("span", _hoisted_8, toDisplayString(pageHits.value.length), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(pageHits.value, (hit) => {
+							return openBlock(), createElementBlock("button", {
+								key: hit.key,
+								type: "button",
+								class: "pw-hit",
+								title: `${hit.meta} · ${hit.title}`,
+								onClick: ($event) => openHit(hit)
+							}, [createElementVNode("span", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(splitMatch(hit.title), (part, index) => {
+								return openBlock(), createElementBlock(Fragment, { key: index }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_11, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))]), createElementVNode("span", _hoisted_12, toDisplayString(hit.meta), 1)], 8, _hoisted_9);
+						}), 128))])) : createCommentVNode("", true),
+						sceneHits.value.length ? (openBlock(), createElementBlock("section", _hoisted_13, [
+							createElementVNode("p", _hoisted_14, [_cache[3] || (_cache[3] = createTextVNode("场景", -1)), createElementVNode("span", _hoisted_15, toDisplayString(sceneHitList.value.length), 1)]),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(sceneHits.value, (hit) => {
+								return openBlock(), createElementBlock("button", {
+									key: hit.key,
+									type: "button",
+									class: "pw-hit",
+									title: `${hit.meta} · ${hit.title}${hit.reason ? ` · ${hit.reason}` : ""}`,
+									onClick: ($event) => openHit(hit)
+								}, [createElementVNode("span", _hoisted_17, [(openBlock(true), createElementBlock(Fragment, null, renderList(splitMatch(hit.title), (part, index) => {
+									return openBlock(), createElementBlock(Fragment, { key: index }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_18, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+								}), 128))]), createElementVNode("span", _hoisted_19, [createElementVNode("span", _hoisted_20, toDisplayString(hit.meta), 1), hit.reason ? (openBlock(), createElementBlock("em", _hoisted_21, toDisplayString(hit.reason), 1)) : createCommentVNode("", true)])], 8, _hoisted_16);
+							}), 128)),
+							sceneHitRest.value ? (openBlock(), createElementBlock("p", _hoisted_22, "还有 " + toDisplayString(sceneHitRest.value) + " 条场景命中，多输几个字缩小范围", 1)) : createCommentVNode("", true)
+						])) : createCommentVNode("", true),
+						!pageHits.value.length && !sceneHits.value.length ? (openBlock(), createElementBlock("p", _hoisted_23, [
+							createTextVNode(" 没有匹配「" + toDisplayString(query.value.trim()) + "」", 1),
+							_cache[4] || (_cache[4] = createElementVNode("kbd", { class: "pw-sidebar__kbd" }, "Esc", -1)),
+							_cache[5] || (_cache[5] = createTextVNode(" 清空 ", -1))
+						])) : createCommentVNode("", true)
+					])) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(filteredGroups.value, (group) => {
+						return withDirectives((openBlock(), createElementBlock("section", {
+							key: group.name,
+							class: "pw-nav-group"
+						}, [createElementVNode("button", {
+							type: "button",
+							class: normalizeClass(["pw-nav-group__title", { "has-active": !groupExpanded(group.name) && groupHasActive(group) }]),
+							disabled: searching.value,
+							"aria-expanded": groupExpanded(group.name),
+							title: searching.value ? `${group.name}（搜索中）` : groupExpanded(group.name) ? `收起 ${group.name}` : `展开 ${group.name}`,
+							onClick: ($event) => toggleGroup(group.name)
+						}, [
+							createElementVNode("span", _hoisted_25, [(openBlock(true), createElementBlock(Fragment, null, renderList(splitMatch(group.name), (part, index) => {
+								return openBlock(), createElementBlock(Fragment, { key: index }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_26, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))]),
+							!groupExpanded(group.name) ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString(group.pages.length), 1)) : createCommentVNode("", true),
+							createElementVNode("span", _hoisted_28, [createVNode(unref(ChevronRight), {
+								size: 12,
+								class: normalizeClass(["pw-nav-group__chevron", { "is-open": groupExpanded(group.name) }])
+							}, null, 8, ["class"])])
+						], 10, _hoisted_24), withDirectives(createElementVNode("div", _hoisted_29, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.pages, (page) => {
+							return openBlock(), createElementBlock(Fragment, { key: page.id }, [createElementVNode("div", { class: normalizeClass(["pw-nav-row", { "is-branch-active": pageHasActiveChild(page) }]) }, [createElementVNode("button", {
+								type: "button",
+								class: normalizeClass(["pw-nav-item", {
+									"is-active": page.id === __props.activePageId,
+									"has-children": page.children.length
+								}]),
+								"aria-current": page.id === __props.activePageId ? "page" : void 0,
+								title: `${page.title} · ${page.count} 个场景`,
+								onClick: ($event) => openPage(page)
+							}, [createElementVNode("span", _hoisted_31, [(openBlock(true), createElementBlock(Fragment, null, renderList(splitMatch(page.title), (part, index) => {
+								return openBlock(), createElementBlock(Fragment, { key: index }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_32, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))])], 10, _hoisted_30), page.children.length ? (openBlock(), createElementBlock("button", {
+								key: 0,
+								type: "button",
+								class: "pw-nav-toggle",
+								"aria-expanded": pageExpanded(page.id),
+								"aria-label": `${pageExpanded(page.id) ? "收起" : "展开"} ${page.title} 的子组件`,
+								"data-tip": pageExpanded(page.id) ? `收起 ${page.title} 的子组件` : `展开 ${page.title} 的子组件`,
+								onClick: ($event) => togglePage(page.id)
+							}, [createVNode(unref(ChevronRight), {
+								size: 12,
+								class: normalizeClass({ "is-open": pageExpanded(page.id) })
+							}, null, 8, ["class"])], 8, _hoisted_33)) : createCommentVNode("", true)], 2), withDirectives(createElementVNode("div", _hoisted_34, [(openBlock(true), createElementBlock(Fragment, null, renderList(page.children, (child) => {
+								return openBlock(), createElementBlock("button", {
+									key: child.id,
+									type: "button",
+									class: normalizeClass(["pw-nav-item is-child", { "is-active": child.id === __props.activePageId }]),
+									"aria-current": child.id === __props.activePageId ? "page" : void 0,
+									title: `${child.title} · ${child.count} 个场景`,
+									onClick: ($event) => emit("select", child.id)
+								}, [createElementVNode("span", _hoisted_36, [(openBlock(true), createElementBlock(Fragment, null, renderList(splitMatch(child.title), (part, index) => {
+									return openBlock(), createElementBlock(Fragment, { key: index }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_37, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+								}), 128))])], 10, _hoisted_35);
+							}), 128))], 512), [[vShow, pageExpanded(page.id)]])], 64);
+						}), 128))], 512), [[vShow, groupExpanded(group.name)]])])), [[vShow, !searching.value]]);
+					}), 128)),
+					!searching.value && !filteredGroups.value.length ? (openBlock(), createElementBlock("p", _hoisted_38, [..._cache[6] || (_cache[6] = [
+						createTextVNode("没有匹配的页面", -1),
+						createElementVNode("kbd", { class: "pw-sidebar__kbd" }, "Esc", -1),
+						createTextVNode(" 清空", -1)
+					])])) : createCommentVNode("", true)
+				], 512),
+				createElementVNode("footer", _hoisted_39, [createVNode(PlaygroundPluginSlot_default, {
+					entries: unref(pluginFooterSlots),
+					slot: "sidebarFooter"
+				}, null, 8, ["entries"]), createElementVNode("span", null, toDisplayString(pageCount.value) + " 个页面 · " + toDisplayString(__props.sceneCount) + " 个场景", 1)])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-e1a77ffa"]]);
+// src/app/App.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "pw-main" };
+var _hoisted_2$1 = { class: "pw-content" };
+var _hoisted_3$1 = {
+	key: 1,
+	class: "pw-empty"
+};
+var STORAGE_KEY = "rinova-playground:ui-theme";
+var SIDEBAR_KEY = "rinova-playground:sidebar-open";
+var VIEWPORT_KEY = "rinova-playground:viewport";
+// src/app/App.vue
+var App_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "App",
+	setup(__props) {
+		const title = config.title ?? "Playground";
+		const isPage = (value) => value.group !== "";
+		/** 每个页下的场景（hidden 不进索引与侧栏，但锚点仍可直达） */
+		const scenesOfPage = (pageId) => scenes.filter((scene) => scene.pageId === pageId);
+		/** 侧栏计数与页内索引只算可见场景 */
+		const visibleScenesOfPage = (pageId) => scenesOfPage(pageId).filter((scene) => !scene.hidden);
+		const pageGroups = computed(() => {
+			const groups = /* @__PURE__ */ new Map();
+			for (const page of pages.filter(isPage)) {
+				let group = groups.get(page.group);
+				if (!group) {
+					group = {
+						name: page.group,
+						groupOrder: page.groupOrder ?? Number.MAX_SAFE_INTEGER,
+						pages: [],
+						nodes: /* @__PURE__ */ new Map()
+					};
+					groups.set(page.group, group);
+				}
+				const node = {
+					id: page.id,
+					title: page.title,
+					count: visibleScenesOfPage(page.id).length,
+					depth: page.depth ?? 1,
+					children: []
+				};
+				group.nodes.set(page.id, node);
+				const parent = page.parentId ? group.nodes.get(page.parentId) : void 0;
+				if (parent) parent.children.push(node);
+				else group.pages.push(node);
+			}
+			const prune = (node) => {
+				node.children = node.children.map(prune).filter((child) => child !== null);
+				if (node.count === 0 && node.children.length === 0) return null;
+				return node;
+			};
+			return [...groups.values()].sort((a, b) => a.groupOrder - b.groupOrder).map((group) => ({
+				name: group.name,
+				pages: group.pages.map(prune).filter((page) => page !== null)
+			})).filter((group) => group.pages.length > 0);
+		});
+		const visibleCount = computed(() => scenes.filter((scene) => !scene.hidden).length);
+		const firstPageId = computed(() => pages.filter(isPage).find((page) => visibleScenesOfPage(page.id).length > 0)?.id ?? "");
+		const activePageId = ref(firstPageId.value);
+		const activePage = computed(() => pages.find((page) => page.id === activePageId.value) ?? pages.filter(isPage)[0]);
+		const activeScenes = computed(() => activePage.value ? scenesOfPage(activePage.value.id) : []);
+		const activeSceneName = ref(activeScenes.value[0]?.name ?? "");
+		computed(() => activeScenes.value.find((scene) => scene.name === activeSceneName.value) ?? activeScenes.value[0]);
+		const pageRef = ref(null);
+		/**
+		* 从全局搜索点一个场景：同页直接滚过去；跨页先记下要落到的场景，
+		* 切页的 watch 会把它当作初始场景，页面挂载后再由 PlaygroundPage 滚到位置。
+		*/
+		const pendingScene = ref("");
+		const jumpToScene = (pageId, sceneName) => {
+			if (pageId === activePageId.value) {
+				pageRef.value?.jumpTo(sceneName);
+				return;
+			}
+			pendingScene.value = sceneName;
+			activePageId.value = pageId;
+		};
+		/** 左侧栏展开 / 收起，存 localStorage */
+		const readSidebarOpen = () => localStorage.getItem(SIDEBAR_KEY) !== "0";
+		const sidebarOpen = ref(readSidebarOpen());
+		const toggleSidebar = () => {
+			sidebarOpen.value = !sidebarOpen.value;
+			localStorage.setItem(SIDEBAR_KEY, sidebarOpen.value ? "1" : "0");
+		};
+		/** 预览宽度：预设 + 自定义，写 localStorage，刷新后保持 */
+		const readViewport = () => {
+			try {
+				const raw = JSON.parse(localStorage.getItem(VIEWPORT_KEY) ?? "null");
+				if (!raw || typeof raw.id !== "string") return { ...DEFAULT_VIEWPORT };
+				return {
+					id: raw.id,
+					px: Number(raw.px) || 0
+				};
+			} catch {
+				return { ...DEFAULT_VIEWPORT };
+			}
+		};
+		const viewport = ref(readViewport());
+		const setViewport = (next) => {
+			viewport.value = next;
+			localStorage.setItem(VIEWPORT_KEY, JSON.stringify(next));
+		};
+		const readStoredTheme = () => {
+			const value = localStorage.getItem(STORAGE_KEY);
+			return value === "light" || value === "dark" ? value : null;
+		};
+		const preference = ref(readStoredTheme() ?? config.theme?.ui ?? "auto");
+		const systemDark = ref(false);
+		const theme = computed(() => preference.value === "auto" ? systemDark.value ? "dark" : "light" : preference.value);
+		/** 插件 UI 跟随外壳主题：给它们一个 computed，而不是让它们猜 DOM */
+		providePlaygroundTheme(theme);
+		watchEffect(() => {
+			document.documentElement.dataset.pwTheme = theme.value;
+		});
+		const applyTheme = (next) => {
+			preference.value = next;
+			localStorage.setItem(STORAGE_KEY, next);
+		};
+		const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+		/** 浅色/深色切换：从按钮位置揭开式过渡（View Transitions），降级时不打断交互 */
+		const toggleTheme = (event) => {
+			const next = theme.value === "dark" ? "light" : "dark";
+			const doc = document;
+			if (!event || event.detail === 0 || !doc.startViewTransition || reduceMotion.matches) {
+				applyTheme(next);
+				return;
+			}
+			const x = event.clientX;
+			const y = event.clientY;
+			const radius = Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y));
+			doc.startViewTransition(async () => {
+				applyTheme(next);
+				await nextTick();
+			}).ready.then(() => {
+				document.documentElement.animate({ clipPath: [`circle(0px at ${x}px ${y}px)`, `circle(${radius}px at ${x}px ${y}px)`] }, {
+					duration: 420,
+					easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+					pseudoElement: "::view-transition-new(root)"
+				});
+			}).catch(() => {});
+		};
+		const basePath = (() => {
+			const raw = config.routeBase ?? config.base ?? "/";
+			return raw.endsWith("/") ? raw : `${raw}/`;
+		})();
+		const pathSegments = () => {
+			const pathname = decodeURIComponent(window.location.pathname);
+			return (pathname.startsWith(basePath) ? pathname.slice(basePath.length) : pathname.replace(/^\//, "")).replace(/\/+$/, "");
+		};
+		const hashName = () => decodeURIComponent(window.location.hash.replace(/^#/, ""));
+		const readLocation = () => {
+			const pageId = pathSegments();
+			if (pageId && pages.some((page) => page.id === pageId)) activePageId.value = pageId;
+			const name = hashName();
+			if (name && activeScenes.value.some((scene) => scene.name === name)) activeSceneName.value = name;
+		};
+		const writeLocation = () => {
+			const pageId = activePageId.value;
+			if (!pageId) return;
+			const target = `${basePath}${pageId}`;
+			if (decodeURIComponent(window.location.pathname) !== target) window.history.pushState(null, "", target);
+		};
+		/** 切换页时重置到该页第一个场景（从搜索跳进来时落到指定场景） */
+		watch(activePageId, (id) => {
+			writeLocation();
+			const list = scenesOfPage(id);
+			const target = pendingScene.value && list.some((scene) => scene.name === pendingScene.value) ? pendingScene.value : "";
+			pendingScene.value = "";
+			activeSceneName.value = target || list[0]?.name || "";
+			window.history.replaceState(null, "", `${basePath}${id}`);
+		});
+		const focusScene = (name) => {
+			activeSceneName.value = name;
+			window.history.replaceState(null, "", `${basePath}${activePageId.value}#${name}`);
+		};
+		const media = window.matchMedia("(prefers-color-scheme: dark)");
+		const onMediaChange = (event) => {
+			systemDark.value = event.matches;
+		};
+		onMounted(() => {
+			document.title = title;
+			systemDark.value = media.matches;
+			media.addEventListener("change", onMediaChange);
+			readLocation();
+			if (activePageId.value) window.history.replaceState(null, "", `${basePath}${activePageId.value}${window.location.hash}`);
+			window.addEventListener("popstate", readLocation);
+			window.addEventListener("hashchange", readLocation);
+		});
+		onBeforeUnmount(() => {
+			media.removeEventListener("change", onMediaChange);
+			window.removeEventListener("popstate", readLocation);
+			window.removeEventListener("hashchange", readLocation);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["pw-app", { "is-sidebar-collapsed": !sidebarOpen.value }]) }, [
+				withDirectives(createVNode(PlaygroundSidebar_default, {
+					title: unref(title),
+					groups: pageGroups.value,
+					scenes: unref(scenes),
+					"active-page-id": activePageId.value,
+					"scene-count": visibleCount.value,
+					onSelect: _cache[0] || (_cache[0] = ($event) => activePageId.value = $event),
+					onSelectScene: jumpToScene
+				}, null, 8, [
+					"title",
+					"groups",
+					"scenes",
+					"active-page-id",
+					"scene-count"
+				]), [[vShow, sidebarOpen.value]]),
+				createElementVNode("main", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [activePage.value ? (openBlock(), createBlock(PlaygroundPage_default, {
+					key: activePage.value.id,
+					ref_key: "pageRef",
+					ref: pageRef,
+					page: activePage.value,
+					scenes: activeScenes.value,
+					"initial-active": activeSceneName.value,
+					viewport: viewport.value,
+					theme: theme.value,
+					"sidebar-open": sidebarOpen.value,
+					"onUpdate:viewport": setViewport,
+					onCollapseSidebar: toggleSidebar,
+					"onUpdate:active": _cache[1] || (_cache[1] = ($event) => activeSceneName.value = $event),
+					onToggleTheme: toggleTheme,
+					onToggleSidebar: toggleSidebar,
+					onFocus: focusScene
+				}, null, 8, [
+					"page",
+					"scenes",
+					"initial-active",
+					"viewport",
+					"theme",
+					"sidebar-open"
+				])) : (openBlock(), createElementBlock("div", _hoisted_3$1, [..._cache[2] || (_cache[2] = [createTextVNode(" 没有找到任何场景。目录约定：", -1), createElementVNode("code", null, "src/scenes/<分组>/<组件页>/<场景>.vue", -1)])]))])]),
+				createVNode(PwToastHost_default),
+				createVNode(PwTooltip_default),
+				createVNode(PlaygroundPluginPanel_default)
+			], 2);
+		};
+	}
+}), [["__scopeId", "data-v-395342d2"]]);
+// src/app/PlaygroundRoot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-pw-plugin-state"];
+var _hoisted_2 = { class: "pw-boot__brand" };
+var _hoisted_3 = { class: "pw-boot__title" };
+var _hoisted_4 = {
+	key: 0,
+	class: "pw-boot__hint"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "pw-boot__error",
+	role: "alert"
+};
+var _hoisted_6 = { class: "pw-boot__message" };
+var _hoisted_7 = {
+	key: 0,
+	class: "pw-boot__stack"
+};
+// src/app/PlaygroundRoot.vue
+var PlaygroundRoot_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlaygroundRoot",
+	setup(__props) {
+		const title = config.title ?? "Playground";
+		const state = ref("loading");
+		const message = ref("");
+		const stack = ref("");
+		onBeforeMount(async () => {
+			document.title = title;
+			if (!pluginModules.length) {
+				state.value = "ready";
+				return;
+			}
+			try {
+				const app = getCurrentInstance()?.appContext.app;
+				if (!app) throw new Error("拿不到 App 实例");
+				await runPlugins({
+					app,
+					config,
+					scenes,
+					modules: pluginModules
+				});
+				state.value = "ready";
+			} catch (error) {
+				message.value = error instanceof Error ? error.message : String(error);
+				stack.value = error instanceof Error ? error.stack ?? "" : "";
+				state.value = "error";
+			}
+		});
+		return (_ctx, _cache) => {
+			return state.value === "ready" ? (openBlock(), createBlock(App_default, { key: 0 })) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: "pw-boot",
+				"data-pw-plugin-state": state.value
+			}, [createElementVNode("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("span", {
+				class: "pw-boot__logo",
+				"aria-hidden": "true"
+			}, null, -1)), createElementVNode("span", _hoisted_3, toDisplayString(unref(title)), 1)]), state.value === "loading" ? (openBlock(), createElementBlock("p", _hoisted_4, "正在初始化演示环境…")) : (openBlock(), createElementBlock("div", _hoisted_5, [
+				_cache[2] || (_cache[2] = createElementVNode("p", { class: "pw-boot__head" }, "演示环境初始化失败", -1)),
+				createElementVNode("p", _hoisted_6, toDisplayString(message.value), 1),
+				stack.value ? (openBlock(), createElementBlock("details", _hoisted_7, [_cache[1] || (_cache[1] = createElementVNode("summary", null, "调用栈", -1)), createElementVNode("pre", null, toDisplayString(stack.value), 1)])) : createCommentVNode("", true)
+			]))], 8, _hoisted_1));
+		};
+	}
+}), [["__scopeId", "data-v-44a22d03"]]);
+export { PlaygroundRoot_default as default };