@rinova/playground 0.1.5 → 0.5.0

package/dist/{App-DUVLlDOI.js → plugin-S72dg7Tb.js}

@@ -1,7 +1,4 @@
-import { a as currentArgsSlots, c as toastState, i as currentArgs, n as currentOutputSlots, s as toast, t as currentOutput } from "./output-CGawAeuu.js";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, watch, watchEffect, withCtx } from "vue";
-import config from "virtual:playground/config";
-import { scenes } from "virtual:playground/scenes";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, h, inject, onBeforeUnmount, onMounted, openBlock, provide, reactive, renderList, shallowRef, toDisplayString } from "vue";
 // \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -13,6 +10,61 @@ var __exportAll = (all, no_symbols) => {
 	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
+// \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+// src/components/PwApiBrief.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "pw-api-brief"
+};
+var _hoisted_2 = ["title", "onClick"];
+var _hoisted_3 = { class: "pw-api-brief__name" };
+var _hoisted_4 = {
+	key: 0,
+	class: "pw-api-brief__type"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "pw-api-brief__default"
+};
+// src/components/PwApiBrief.vue
+var PwApiBrief_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PwApiBrief",
+	props: { items: {} },
+	emits: ["inspect"],
+	setup(__props, { emit: __emit }) {
+		/** 场景顶部 API 摘要行：一个场景演示了哪些 API，类型与默认值来自 manifest */
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return __props.items.length ? (openBlock(), createElementBlock("ul", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock("li", {
+					key: item.name,
+					class: "pw-api-brief__item"
+				}, [createElementVNode("button", {
+					type: "button",
+					class: "pw-api-brief__chip",
+					title: `在 API 表里查看 ${item.name}`,
+					onClick: ($event) => emit("inspect", item.name)
+				}, [
+					createElementVNode("code", _hoisted_3, toDisplayString(item.name), 1),
+					item.type ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(item.type), 1)) : createCommentVNode("", true),
+					item.default ? (openBlock(), createElementBlock("span", _hoisted_5, "= " + toDisplayString(item.default), 1)) : createCommentVNode("", true)
+				], 8, _hoisted_2)]);
+			}), 128))])) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-20ccf753"]]);
+// ../../node_modules/.pnpm/@shikijs+types@4.6.0/node_modules/@shikijs/types/dist/index.mjs
+var ShikiError = class extends Error {
+	constructor(message) {
+		super(message);
+		this.name = "ShikiError";
+	}
+};
 // ../../node_modules/.pnpm/@shikijs+vscode-textmate@10.1.0/node_modules/@shikijs/vscode-textmate/dist/index.js
 function clone(something) {
 	return doClone(something);
@@ -2378,760 +2430,108 @@ var Registry$1 = class {
 	}
 };
 var INITIAL = StateStackImpl.NULL;
-// src/components/PwToastHost.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = {
-	class: "pw-toast-host",
-	role: "status",
-	"aria-live": "polite"
-};
-var PwToastHost_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "PwToastHost",
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$11, [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
-			})])]);
-		};
-	}
-});
-// \0plugin-vue:export-helper
-var _plugin_vue_export_helper_default = (sfc, props) => {
-	const target = sfc.__vccOpts || sfc;
-	for (const [key, val] of props) target[key] = val;
-	return target;
-};
-// src/components/PwToastHost.vue
-var PwToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PwToastHost_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4f7c0a94"]]);
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/defaultAttributes.mjs
+// ../../node_modules/.pnpm/@shikijs+primitive@4.6.0/node_modules/@shikijs/primitive/dist/index.mjs
+function resolveColorReplacements(theme, options) {
+	const replacements = typeof theme === "string" ? {} : { ...theme.colorReplacements };
+	const themeName = typeof theme === "string" ? theme : theme.name;
+	for (const [key, value] of Object.entries(options?.colorReplacements || {})) if (typeof value === "string") replacements[key] = value;
+	else if (key === themeName) Object.assign(replacements, value);
+	return replacements;
+}
+function applyColorReplacements(color, replacements) {
+	if (!color) return color;
+	return replacements?.[color?.toLowerCase()] || color;
+}
+function toArray(x) {
+	return Array.isArray(x) ? x : [x];
+}
 /**
-* @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.
+* Normalize a getter to a promise.
 */
-var defaultAttributes = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": 2,
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
-};
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/mergeClasses.mjs
+async function normalizeGetter(p) {
+	return Promise.resolve(typeof p === "function" ? p() : p).then((r) => r.default || r);
+}
 /**
-* @license @lucide/vue v1.66.0 - ISC
+* Check if the language is plaintext that is ignored by Shiki.
 *
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
+* Hard-coded plain text languages: `plaintext`, `txt`, `text`, `plain`.
 */
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-	return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/buildLucideIconNode.mjs
+function isPlainLang(lang) {
+	return !lang || [
+		"plaintext",
+		"txt",
+		"text",
+		"plain"
+	].includes(lang);
+}
 /**
-* @license @lucide/vue v1.66.0 - ISC
+* Check if the language is specially handled or bypassed by Shiki.
 *
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
+* Hard-coded languages: `ansi` and plaintexts like `plaintext`, `txt`, `text`, `plain`.
 */
-function isDefined(value) {
-	return value !== null && value !== void 0;
-}
-function buildLucideIconNode(icon, params = {}) {
-	const attributeNames = params.attributeNames ?? {};
-	const getAttributeName = (attributeName) => attributeNames[attributeName] ?? attributeName;
-	const viewBoxWidth = icon.size ?? icon.width ?? defaultAttributes["width"];
-	const viewBoxHeight = icon.size ?? icon.height ?? defaultAttributes["height"];
-	const aliasClassNames = icon.aliases?.filter((alias) => typeof alias === "string" && alias.trim() !== "").map((alias) => `lucide-${alias}`) ?? [];
-	const iconClassNames = [...icon.name ? [`lucide-${icon.name}`] : [], ...aliasClassNames];
-	const classNamesFromClassName = params.className?.split(" ").filter(Boolean) ?? [];
-	const className = params.includeDefaultClasses === false ? mergeClasses(...classNamesFromClassName) : mergeClasses("lucide", ...iconClassNames, ...classNamesFromClassName);
-	const calculatedStrokeWidth = params.absoluteStrokeWidth ? Number(params.strokeWidth ?? defaultAttributes["stroke-width"]) * Number(icon.size ?? icon.width ?? defaultAttributes["width"]) / Number(params.size ?? params.width ?? defaultAttributes["width"]) : params.strokeWidth ?? defaultAttributes["stroke-width"];
-	return [
-		"svg",
-		{
-			...Object.entries(defaultAttributes).reduce((attrs, [attrName, value]) => {
-				attrs[getAttributeName(attrName)] = value;
-				return attrs;
-			}, {}),
-			..."color" in params && params.color && { [getAttributeName("stroke")]: params.color },
-			..."size" in params && isDefined(params.size) && {
-				[getAttributeName("width")]: params.size,
-				[getAttributeName("height")]: params.size
-			},
-			..."width" in params && isDefined(params.width) && { [getAttributeName("width")]: params.width },
-			..."height" in params && isDefined(params.height) && { [getAttributeName("height")]: params.height },
-			[getAttributeName("stroke-width")]: calculatedStrokeWidth,
-			...className && { [getAttributeName("class")]: className },
-			[getAttributeName("viewBox")]: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
-			...params.hasA11yProp === false ? { [getAttributeName("aria-hidden")]: "true" } : {},
-			..."attributes" in params && params.attributes
-		},
-		icon.node.map((child) => {
-			const [name, attrs, children] = child;
-			const nextAttrs = params.nonScalingStroke ? {
-				[getAttributeName("vector-effect")]: "non-scaling-stroke",
-				...attrs
-			} : attrs;
-			return children ? [
-				name,
-				nextAttrs,
-				children
-			] : [name, nextAttrs];
-		})
-	];
+function isSpecialLang(lang) {
+	return lang === "ansi" || isPlainLang(lang);
 }
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/hasA11yProp.mjs
 /**
-* @license @lucide/vue v1.66.0 - ISC
+* Check if the theme is specially handled or bypassed by Shiki.
 *
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
+* Hard-coded themes: `none`.
 */
-var hasA11yProp = (props) => {
-	for (const prop in props) if (prop.startsWith("aria-") || prop === "role" || prop === "title") return true;
-	return false;
-};
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
+function isNoneTheme(theme) {
+	return theme === "none";
+}
 /**
-* @license @lucide/vue v1.66.0 - ISC
+* Check if the theme is specially handled or bypassed by Shiki.
 *
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
+* Hard-coded themes: `none`.
 */
-var isEmptyString = (value) => value === "";
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/toKebabCase.mjs
+function isSpecialTheme(theme) {
+	return isNoneTheme(theme);
+}
 /**
-* @license @lucide/vue v1.66.0 - ISC
+* Split a string into lines, each line preserves the line ending.
 *
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var toKebabCase = (string) => string?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/context.mjs
-/**
-* @license @lucide/vue v1.66.0 - ISC
+* @param code - The code string to split into lines
+* @param preserveEnding - Whether to preserve line endings in the result
+* @returns Array of tuples containing [line content, offset index]
 *
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
+* @example
+* ```ts
+* splitLines('hello\nworld', false)
+* // => [['hello', 0], ['world', 6]]
+*
+* splitLines('hello\nworld', true)
+* // => [['hello\n', 0], ['world', 6]]
+* ```
 */
-var LUCIDE_CONTEXT = /* @__PURE__ */ Symbol("lucide-icons");
-function useLucideProps() {
-	return inject(LUCIDE_CONTEXT, {});
+var RE_NEWLINE = /(\r?\n)/g;
+function splitLines(code, preserveEnding = false) {
+	if (code.length === 0) return [["", 0]];
+	const parts = code.split(RE_NEWLINE);
+	let index = 0;
+	const lines = [];
+	for (let i = 0; i < parts.length; i += 2) {
+		const line = preserveEnding ? parts[i] + (parts[i + 1] || "") : parts[i];
+		lines.push([line, index]);
+		index += parts[i].length;
+		index += parts[i + 1]?.length || 0;
+	}
+	return lines;
 }
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
 /**
-* @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.
+* https://github.com/microsoft/vscode/blob/f7f05dee53fb33fe023db2e06e30a89d3094488f/src/vs/platform/theme/common/colorRegistry.ts#L258-L268
 */
-var Icon = ({ name, iconNode, "icon-node": iconNodeKebabCase, icon = {
-	name: name && toKebabCase(name),
-	node: iconNode ?? iconNodeKebabCase ?? [],
-	size: 24,
-	aliases: []
-}, absoluteStrokeWidth, "absolute-stroke-width": absoluteStrokeWidthKebabCase, nonScalingStroke, "non-scaling-stroke": nonScalingStrokeKebabCase, strokeWidth, "stroke-width": strokeWidthKebabCase, size, width = size, height = size, color, ...props }, { slots }) => {
-	const { size: contextSize, color: contextColor, strokeWidth: contextStrokeWidth = 2, absoluteStrokeWidth: contextAbsoluteStrokeWidth = false, nonScalingStroke: contextNonScalingStroke = false, class: contextClass = "" } = useLucideProps();
-	const isAbsoluteStrokeWidth = isEmptyString(absoluteStrokeWidth) || isEmptyString(absoluteStrokeWidthKebabCase) || absoluteStrokeWidth === true || absoluteStrokeWidthKebabCase === true || contextAbsoluteStrokeWidth === true;
-	const isNonScalingStroke = isEmptyString(nonScalingStroke) || isEmptyString(nonScalingStrokeKebabCase) || nonScalingStroke === true || nonScalingStrokeKebabCase === true || contextNonScalingStroke === true;
-	delete props.class;
-	const defaultSlot = slots.default?.();
-	const [, svgAttributes, builtIconNode = []] = buildLucideIconNode(icon, {
-		color: color ?? contextColor,
-		width: width ?? size ?? contextSize,
-		height: height ?? size ?? contextSize,
-		strokeWidth: strokeWidth ?? strokeWidthKebabCase ?? contextStrokeWidth,
-		absoluteStrokeWidth: isAbsoluteStrokeWidth,
-		nonScalingStroke: isNonScalingStroke,
-		className: contextClass,
-		hasA11yProp: defaultSlot != null && defaultSlot.length > 0 || hasA11yProp(props),
-		attributes: props
-	});
-	return h("svg", svgAttributes, [...builtIconNode.map(([tag, attrs]) => h(tag, attrs)), ...defaultSlot ?? []]);
+var VSCODE_FALLBACK_EDITOR_FG = {
+	light: "#333333",
+	dark: "#bbbbbb"
 };
-// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/createLucideIcon.mjs
+var VSCODE_FALLBACK_EDITOR_BG = {
+	light: "#fffffe",
+	dark: "#1e1e1e"
+};
+var RESOLVED_KEY = "__shiki_resolved";
 /**
-* @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.
-*/
-function createLucideIcon(iconDataOrName, iconNode = []) {
-	const icon = typeof iconDataOrName === "string" ? {
-		name: iconDataOrName,
-		node: iconNode
-	} : iconDataOrName;
-	return (props, { slots }) => h(Icon, {
-		...props,
-		icon
-	}, slots.default ? { default: slots.default } : void 0);
-}
-/**
-* @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 CodeXml = createLucideIcon({
-	name: "code-xml",
-	size: 24,
-	node: [
-		["path", {
-			d: "m18 16 4-4-4-4",
-			key: "1inbqp"
-		}],
-		["path", {
-			d: "m6 8-4 4 4 4",
-			key: "15zrgr"
-		}],
-		["path", {
-			d: "m14.5 4-5 16",
-			key: "e7oirm"
-		}]
-	],
-	aliases: ["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 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 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 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 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 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 X$2 = createLucideIcon({
-	name: "x",
-	size: 24,
-	node: [["path", {
-		d: "M18 6 6 18",
-		key: "1bl5f8"
-	}], ["path", {
-		d: "m6 6 12 12",
-		key: "d8bk6v"
-	}]]
-});
-// src/components/PwButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = ["disabled", "title"];
-var _hoisted_2$9 = {
-	key: 0,
-	class: "pw-btn__spinner",
-	"aria-hidden": "true"
-};
-var _hoisted_3$8 = {
-	key: 2,
-	class: "pw-btn__label"
-};
-// src/components/PwButton.vue
-var PwButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "PwButton",
-	props: {
-		variant: { default: "ghost" },
-		size: { default: "md" },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		title: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
-				class: normalizeClass(["pw-btn", [
-					`pw-btn--${__props.variant}`,
-					`pw-btn--${__props.size}`,
-					{ "is-loading": __props.loading }
-				]]),
-				disabled: __props.disabled || __props.loading,
-				title: __props.title,
-				type: "button"
-			}, [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$9)) : renderSlot(_ctx.$slots, "icon", {}, void 0, true, 1), _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true)], 10, _hoisted_1$10);
-		};
-	}
-}), [["__scopeId", "data-v-8c5978c8"]]);
-// src/components/PwInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = ["data-empty"];
-var _hoisted_2$8 = [
-	"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$8),
-				__props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
-					key: 0,
-					class: "pw-input__clear",
-					type: "button",
-					title: "清空",
-					onClick: clear
-				}, " × ")) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
-			], 10, _hoisted_1$9);
-		};
-	}
-}), [["__scopeId", "data-v-e249cd4b"]]);
-// src/components/PwSwitch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = ["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$8);
-		};
-	}
-}), [["__scopeId", "data-v-64fffbcb"]]);
-// ../../node_modules/.pnpm/@shikijs+types@4.6.0/node_modules/@shikijs/types/dist/index.mjs
-var ShikiError = class extends Error {
-	constructor(message) {
-		super(message);
-		this.name = "ShikiError";
-	}
-};
-// ../../node_modules/.pnpm/@shikijs+primitive@4.6.0/node_modules/@shikijs/primitive/dist/index.mjs
-function resolveColorReplacements(theme, options) {
-	const replacements = typeof theme === "string" ? {} : { ...theme.colorReplacements };
-	const themeName = typeof theme === "string" ? theme : theme.name;
-	for (const [key, value] of Object.entries(options?.colorReplacements || {})) if (typeof value === "string") replacements[key] = value;
-	else if (key === themeName) Object.assign(replacements, value);
-	return replacements;
-}
-function applyColorReplacements(color, replacements) {
-	if (!color) return color;
-	return replacements?.[color?.toLowerCase()] || color;
-}
-function toArray(x) {
-	return Array.isArray(x) ? x : [x];
-}
-/**
-* Normalize a getter to a promise.
-*/
-async function normalizeGetter(p) {
-	return Promise.resolve(typeof p === "function" ? p() : p).then((r) => r.default || r);
-}
-/**
-* Check if the language is plaintext that is ignored by Shiki.
-*
-* Hard-coded plain text languages: `plaintext`, `txt`, `text`, `plain`.
-*/
-function isPlainLang(lang) {
-	return !lang || [
-		"plaintext",
-		"txt",
-		"text",
-		"plain"
-	].includes(lang);
-}
-/**
-* Check if the language is specially handled or bypassed by Shiki.
-*
-* Hard-coded languages: `ansi` and plaintexts like `plaintext`, `txt`, `text`, `plain`.
-*/
-function isSpecialLang(lang) {
-	return lang === "ansi" || isPlainLang(lang);
-}
-/**
-* Check if the theme is specially handled or bypassed by Shiki.
-*
-* Hard-coded themes: `none`.
-*/
-function isNoneTheme(theme) {
-	return theme === "none";
-}
-/**
-* Check if the theme is specially handled or bypassed by Shiki.
-*
-* Hard-coded themes: `none`.
-*/
-function isSpecialTheme(theme) {
-	return isNoneTheme(theme);
-}
-/**
-* Split a string into lines, each line preserves the line ending.
-*
-* @param code - The code string to split into lines
-* @param preserveEnding - Whether to preserve line endings in the result
-* @returns Array of tuples containing [line content, offset index]
-*
-* @example
-* ```ts
-* splitLines('hello\nworld', false)
-* // => [['hello', 0], ['world', 6]]
-*
-* splitLines('hello\nworld', true)
-* // => [['hello\n', 0], ['world', 6]]
-* ```
-*/
-var RE_NEWLINE = /(\r?\n)/g;
-function splitLines(code, preserveEnding = false) {
-	if (code.length === 0) return [["", 0]];
-	const parts = code.split(RE_NEWLINE);
-	let index = 0;
-	const lines = [];
-	for (let i = 0; i < parts.length; i += 2) {
-		const line = preserveEnding ? parts[i] + (parts[i + 1] || "") : parts[i];
-		lines.push([line, index]);
-		index += parts[i].length;
-		index += parts[i + 1]?.length || 0;
-	}
-	return lines;
-}
-/**
-* https://github.com/microsoft/vscode/blob/f7f05dee53fb33fe023db2e06e30a89d3094488f/src/vs/platform/theme/common/colorRegistry.ts#L258-L268
-*/
-var VSCODE_FALLBACK_EDITOR_FG = {
-	light: "#333333",
-	dark: "#bbbbbb"
-};
-var VSCODE_FALLBACK_EDITOR_BG = {
-	light: "#fffffe",
-	dark: "#1e1e1e"
-};
-var RESOLVED_KEY = "__shiki_resolved";
-/**
-* Normalize a textmate theme to shiki theme
+* Normalize a textmate theme to shiki theme
 */
 function normalizeTheme(rawTheme) {
 	if (rawTheme?.[RESOLVED_KEY]) return rawTheme;
@@ -11076,1001 +10476,457 @@ function createJavaScriptRegexEngine(options = {}) {
 * 静态代码块与后续的 Monaco 编辑器必须共用这一个实例，避免两套主题色。
 */
 var highlighterPromise = null;
-var PW_THEME_LIGHT = "vitesse-light";
-var PW_THEME_DARK = "vitesse-dark";
+/**
+* 代码配色：浅色用 light-plus（VSCode 默认浅色）、深色用 tokyo-night。
+*
+* 早先用 vitesse-light / vitesse-dark（低彩度），在 13px 的代码块里
+* 标签名、属性名、字符串几乎一个色，看着像“没有高亮”；换成这两套后
+* token 色相分得开（粉 / 紫 / 绿 / 青），深色底 #1a1b26 也贴着外壳的 #16181d。
+*/
+var PW_THEME_LIGHT = "light-plus";
+var PW_THEME_DARK = "tokyo-night";
 var getHighlighter = () => {
 	highlighterPromise ??= createHighlighterCore({
-		themes: [import("./vitesse-light-Cs2DYTIe.js"), import("./vitesse-dark-B9O9KI0c.js")],
+		themes: [import("./light-plus-DuoQWI9Q.js"), import("./tokyo-night-A7e3DMsQ.js")],
 		langs: [
-			import("./vue-tjAT-6a9.js"),
+			import("./vue-B_A2yz16.js"),
 			import("./typescript-CqzjXQdw.js"),
 			import("./javascript-drpK16Ry.js"),
 			import("./css-CZhy9mCC.js"),
-			import("./json-BRBnC4S4.js")
+			import("./json-BRBnC4S4.js"),
+			import("./less-DcFvX2iI.js"),
+			import("./html-BheHDAwJ.js"),
+			import("./bash-DXbFn1Mw.js"),
+			import("./markdown-qYHfSPvL.js"),
+			import("./yaml-CoEYOy4X.js"),
+			import("./diff-BbCHXb9k.js")
 		],
 		engine: createJavaScriptRegexEngine()
 	});
 	return highlighterPromise;
 };
-// src/code/CodeBlock.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { class: "pw-code" };
-var _hoisted_2$7 = {
-	key: 0,
-	class: "pw-code__hint"
-};
-var _hoisted_3$7 = {
-	key: 1,
-	class: "pw-code__error"
-};
-var _hoisted_4$7 = ["innerHTML"];
-// src/code/CodeBlock.vue
-var CodeBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "CodeBlock",
-	props: {
-		code: {},
-		lang: { default: "vue" }
-	},
-	setup(__props) {
-		const props = __props;
-		const html = ref("");
-		const state = ref("loading");
-		const error = ref("");
-		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";
-			} catch (err) {
-				error.value = err instanceof Error ? err.message : String(err);
-				state.value = "error";
-			}
-		}, { immediate: true });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$7, [state.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$7, "高亮中…")) : state.value === "error" ? (openBlock(), createElementBlock("pre", _hoisted_3$7, toDisplayString(error.value), 1)) : (openBlock(), createElementBlock("div", {
-				key: 2,
-				class: "pw-code__body",
-				innerHTML: html.value
-			}, null, 8, _hoisted_4$7))]);
-		};
-	}
-}), [["__scopeId", "data-v-feddef62"]]);
-// src/app/PlaygroundParamsPanel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = { class: "pw-params" };
-var _hoisted_2$6 = { class: "pw-params__head" };
-var _hoisted_3$6 = ["disabled"];
-var _hoisted_4$6 = ["disabled"];
-var _hoisted_5$6 = { class: "pw-params__body" };
-var _hoisted_6$4 = {
-	key: 0,
-	class: "pw-params__slots"
-};
-var _hoisted_7$4 = {
-	key: 0,
-	class: "pw-slot__head"
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/defaultAttributes.mjs
+/**
+* @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 defaultAttributes = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": 2,
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
 };
-var _hoisted_8$2 = { class: "pw-slot__name" };
-var _hoisted_9$1 = { class: "pw-form" };
-var _hoisted_10$1 = ["title"];
-var _hoisted_11 = ["value", "onChange"];
-var _hoisted_12 = ["value"];
-var _hoisted_13 = {
-	key: 0,
-	class: "pw-params__hint"
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/mergeClasses.mjs
+/**
+* @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 mergeClasses = (...classes) => classes.filter((className, index, array) => {
+	return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/buildLucideIconNode.mjs
+/**
+* @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.
+*/
+function isDefined(value) {
+	return value !== null && value !== void 0;
+}
+function buildLucideIconNode(icon, params = {}) {
+	const attributeNames = params.attributeNames ?? {};
+	const getAttributeName = (attributeName) => attributeNames[attributeName] ?? attributeName;
+	const viewBoxWidth = icon.size ?? icon.width ?? defaultAttributes["width"];
+	const viewBoxHeight = icon.size ?? icon.height ?? defaultAttributes["height"];
+	const aliasClassNames = icon.aliases?.filter((alias) => typeof alias === "string" && alias.trim() !== "").map((alias) => `lucide-${alias}`) ?? [];
+	const iconClassNames = [...icon.name ? [`lucide-${icon.name}`] : [], ...aliasClassNames];
+	const classNamesFromClassName = params.className?.split(" ").filter(Boolean) ?? [];
+	const className = params.includeDefaultClasses === false ? mergeClasses(...classNamesFromClassName) : mergeClasses("lucide", ...iconClassNames, ...classNamesFromClassName);
+	const calculatedStrokeWidth = params.absoluteStrokeWidth ? Number(params.strokeWidth ?? defaultAttributes["stroke-width"]) * Number(icon.size ?? icon.width ?? defaultAttributes["width"]) / Number(params.size ?? params.width ?? defaultAttributes["width"]) : params.strokeWidth ?? defaultAttributes["stroke-width"];
+	return [
+		"svg",
+		{
+			...Object.entries(defaultAttributes).reduce((attrs, [attrName, value]) => {
+				attrs[getAttributeName(attrName)] = value;
+				return attrs;
+			}, {}),
+			..."color" in params && params.color && { [getAttributeName("stroke")]: params.color },
+			..."size" in params && isDefined(params.size) && {
+				[getAttributeName("width")]: params.size,
+				[getAttributeName("height")]: params.size
+			},
+			..."width" in params && isDefined(params.width) && { [getAttributeName("width")]: params.width },
+			..."height" in params && isDefined(params.height) && { [getAttributeName("height")]: params.height },
+			[getAttributeName("stroke-width")]: calculatedStrokeWidth,
+			...className && { [getAttributeName("class")]: className },
+			[getAttributeName("viewBox")]: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
+			...params.hasA11yProp === false ? { [getAttributeName("aria-hidden")]: "true" } : {},
+			..."attributes" in params && params.attributes
+		},
+		icon.node.map((child) => {
+			const [name, attrs, children] = child;
+			const nextAttrs = params.nonScalingStroke ? {
+				[getAttributeName("vector-effect")]: "non-scaling-stroke",
+				...attrs
+			} : attrs;
+			return children ? [
+				name,
+				nextAttrs,
+				children
+			] : [name, nextAttrs];
+		})
+	];
+}
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/hasA11yProp.mjs
+/**
+* @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 hasA11yProp = (props) => {
+	for (const prop in props) if (prop.startsWith("aria-") || prop === "role" || prop === "title") return true;
+	return false;
 };
-var _hoisted_14 = {
-	key: 0,
-	class: "pw-params__hint pw-params__hint--empty"
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
+/**
+* @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 isEmptyString = (value) => value === "";
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/toKebabCase.mjs
+/**
+* @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 toKebabCase = (string) => string?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/context.mjs
+/**
+* @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 LUCIDE_CONTEXT = /* @__PURE__ */ Symbol("lucide-icons");
+function useLucideProps() {
+	return inject(LUCIDE_CONTEXT, {});
+}
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
+/**
+* @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 Icon = ({ name, iconNode, "icon-node": iconNodeKebabCase, icon = {
+	name: name && toKebabCase(name),
+	node: iconNode ?? iconNodeKebabCase ?? [],
+	size: 24,
+	aliases: []
+}, absoluteStrokeWidth, "absolute-stroke-width": absoluteStrokeWidthKebabCase, nonScalingStroke, "non-scaling-stroke": nonScalingStrokeKebabCase, strokeWidth, "stroke-width": strokeWidthKebabCase, size, width = size, height = size, color, ...props }, { slots }) => {
+	const { size: contextSize, color: contextColor, strokeWidth: contextStrokeWidth = 2, absoluteStrokeWidth: contextAbsoluteStrokeWidth = false, nonScalingStroke: contextNonScalingStroke = false, class: contextClass = "" } = useLucideProps();
+	const isAbsoluteStrokeWidth = isEmptyString(absoluteStrokeWidth) || isEmptyString(absoluteStrokeWidthKebabCase) || absoluteStrokeWidth === true || absoluteStrokeWidthKebabCase === true || contextAbsoluteStrokeWidth === true;
+	const isNonScalingStroke = isEmptyString(nonScalingStroke) || isEmptyString(nonScalingStrokeKebabCase) || nonScalingStroke === true || nonScalingStrokeKebabCase === true || contextNonScalingStroke === true;
+	delete props.class;
+	const defaultSlot = slots.default?.();
+	const [, svgAttributes, builtIconNode = []] = buildLucideIconNode(icon, {
+		color: color ?? contextColor,
+		width: width ?? size ?? contextSize,
+		height: height ?? size ?? contextSize,
+		strokeWidth: strokeWidth ?? strokeWidthKebabCase ?? contextStrokeWidth,
+		absoluteStrokeWidth: isAbsoluteStrokeWidth,
+		nonScalingStroke: isNonScalingStroke,
+		className: contextClass,
+		hasA11yProp: defaultSlot != null && defaultSlot.length > 0 || hasA11yProp(props),
+		attributes: props
+	});
+	return h("svg", svgAttributes, [...builtIconNode.map(([tag, attrs]) => h(tag, attrs)), ...defaultSlot ?? []]);
 };
-var _hoisted_15 = {
-	key: 1,
-	class: "pw-params__slots"
+// ../../node_modules/.pnpm/@lucide+vue@1.66.0_vue@3.5.44_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/createLucideIcon.mjs
+/**
+* @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.
+*/
+function createLucideIcon(iconDataOrName, iconNode = []) {
+	const icon = typeof iconDataOrName === "string" ? {
+		name: iconDataOrName,
+		node: iconNode
+	} : iconDataOrName;
+	return (props, { slots }) => h(Icon, {
+		...props,
+		icon
+	}, slots.default ? { default: slots.default } : void 0);
+}
+// src/components/toast.ts
+var toastState = reactive([]);
+var seed = 0;
+/** 轻提示。用法：toast('已复制'), toast('保存失败', 'error') */
+var toast = (text, type = "info", duration = 2400) => {
+	const id = ++seed;
+	toastState.push({
+		id,
+		text,
+		type
+	});
+	window.setTimeout(() => {
+		const index = toastState.findIndex((item) => item.id === id);
+		if (index > -1) toastState.splice(index, 1);
+	}, duration);
 };
-var _hoisted_16 = {
-	key: 0,
-	class: "pw-slot__head"
+// src/payload/context.ts
+/** 当前场景标识：由 PlaygroundSceneSection 提供，`useSceneArgs` / `useSceneOutput` 用来标记归属 */
+var sceneContextKey = Symbol("rinova-playground:scene");
+var provideSceneContext = (name) => provide(sceneContextKey, name);
+/** 不在场景里调用（例如自己在别处挂组件）时返回空串 */
+var useSceneContext = () => inject(sceneContextKey, "");
+// src/payload/args.ts
+/** setup 期递增，保证面板里槽位顺序与代码里声明的顺序一致 */
+var seq$2 = 0;
+/** 当前场景挂载的全部输入槽位（同一时刻只有一个场景挂载） */
+var currentArgsSlots = shallowRef([]);
+/** 兼容旧接口：第一个槽位 */
+var currentArgs = computed(() => currentArgsSlots.value[0] ?? null);
+var sortSlots$1 = (list) => [...list].sort((a, b) => a.order - b.order);
+/**
+* 在场景的 `<script setup>` 里声明可变输入，返回响应式对象：
+* 面板改表单 → 这里同步变化 → 组件跟着重渲染。纯浏览器能力，生产环境同样可用。
+*
+* 一个场景里有多个 demo 时，各自调用一次并传 `slot` 区分：
+* ```ts
+* const primary = useSceneArgs({ size: 'md' }, { slot: '主按钮' })
+* const ghost = useSceneArgs({ size: 'sm' }, { slot: '次按钮' })
+* ```
+*/
+var useSceneArgs = (defaults, options = {}) => {
+	const values = reactive({ ...defaults });
+	const slot = {
+		order: seq$2++,
+		sceneId: useSceneContext(),
+		key: options.slot ?? "default",
+		label: options.slot ?? "",
+		values,
+		defaults: { ...defaults },
+		options
+	};
+	onMounted(() => {
+		currentArgsSlots.value = sortSlots$1([...currentArgsSlots.value, slot]);
+	});
+	onBeforeUnmount(() => {
+		currentArgsSlots.value = currentArgsSlots.value.filter((item) => item !== slot);
+	});
+	return values;
 };
-var _hoisted_17 = { class: "pw-slot__name" };
-var _hoisted_18 = {
-	key: 0,
-	class: "pw-params__hint pw-params__hint--empty"
+// src/payload/output.ts
+/** setup 期递增，保证面板里顺序与声明顺序一致 */
+var seq$1 = 0;
+/** 当前场景挂载的全部输出槽位；由面板轮询调用，纯前端实现 */
+var currentOutputSlots = shallowRef([]);
+/** 兼容旧接口：第一个槽位 */
+var currentOutput = computed(() => currentOutputSlots.value[0]?.getter ?? null);
+var sortSlots = (list) => [...list].sort((a, b) => a.order - b.order);
+/**
+* 把场景里的响应式状态暴露成「输出」快照。
+* 一个场景多个 demo 时传 `slot` 区分，例如 `useSceneOutput(() => ({ ... }), '主按钮')`。
+*/
+var useSceneOutput = (getter, slot) => {
+	const entry = {
+		order: seq$1++,
+		sceneId: useSceneContext(),
+		key: slot ?? "default",
+		label: slot ?? "",
+		getter
+	};
+	onMounted(() => {
+		currentOutputSlots.value = sortSlots([...currentOutputSlots.value, entry]);
+	});
+	onBeforeUnmount(() => {
+		currentOutputSlots.value = currentOutputSlots.value.filter((item) => item !== entry);
+	});
 };
-// src/app/PlaygroundParamsPanel.vue
-var PlaygroundParamsPanel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "PlaygroundParamsPanel",
-	props: { theme: {} },
-	setup(__props) {
-		const tab = ref("args");
-		const snapshots = ref([]);
-		let timer = null;
-		const argsSlots = computed(() => currentArgsSlots.value);
-		const outputSlots = computed(() => currentOutputSlots.value);
-		const hasArgs = computed(() => argsSlots.value.length > 0);
-		const hasOutput = computed(() => outputSlots.value.length > 0);
-		/** 多槽位（一个场景多个 demo）时，每块都加小标题 */
-		const multiSlot = computed(() => argsSlots.value.length > 1 || outputSlots.value.length > 1);
-		const activeTab = computed(() => {
-			if (tab.value === "args" && hasArgs.value) return "args";
-			if (tab.value === "output" && hasOutput.value) return "output";
-			return hasArgs.value ? "args" : "output";
-		});
-		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;
-		};
-		const resetAll = () => {
-			argsSlots.value.forEach(resetSlot);
-		};
-		const readOutput = () => {
-			snapshots.value = outputSlots.value.map((binding) => {
-				try {
-					const value = binding.getter();
-					return {
-						label: binding.label || binding.key,
-						text: JSON.stringify(value, null, 2) ?? String(value)
-					};
-				} catch (err) {
-					return {
-						label: binding.label || binding.key,
-						text: err instanceof Error ? err.message : String(err)
-					};
-				}
-			});
-		};
-		const startPolling = () => {
-			readOutput();
-			timer = window.setInterval(readOutput, 400);
-		};
-		watch(activeTab, (value) => {
-			if (value === "output") readOutput();
-		});
-		startPolling();
-		onBeforeUnmount(() => {
-			if (timer !== null) window.clearInterval(timer);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("aside", _hoisted_1$6, [createElementVNode("header", _hoisted_2$6, [
-				createElementVNode("button", {
-					type: "button",
-					class: normalizeClass(["pw-params__tab", { "is-active": activeTab.value === "args" }]),
-					disabled: !hasArgs.value,
-					onClick: _cache[0] || (_cache[0] = ($event) => tab.value = "args")
-				}, " 入参 ", 10, _hoisted_3$6),
-				createElementVNode("button", {
-					type: "button",
-					class: normalizeClass(["pw-params__tab", { "is-active": activeTab.value === "output" }]),
-					disabled: !hasOutput.value,
-					onClick: _cache[1] || (_cache[1] = ($event) => tab.value = "output")
-				}, " 出参 ", 10, _hoisted_4$6),
-				_cache[2] || (_cache[2] = createElementVNode("span", { class: "pw-params__spacer" }, null, -1)),
-				activeTab.value === "args" && hasArgs.value ? (openBlock(), createBlock(PwButton_default, {
-					key: 0,
-					size: "sm",
-					variant: "text",
-					title: "恢复默认值",
-					onClick: resetAll
-				}, {
-					icon: withCtx(() => [createVNode(unref(RotateCcw), { size: 13 })]),
-					_: 1
-				})) : createCommentVNode("", true)
-			]), createElementVNode("div", _hoisted_5$6, [activeTab.value === "args" ? (openBlock(), createElementBlock("div", _hoisted_6$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(argsSlots.value, (slot) => {
-				return openBlock(), createElementBlock("section", {
-					key: `${slot.key}:${slot.label}`,
-					class: "pw-slot"
-				}, [multiSlot.value ? (openBlock(), createElementBlock("header", _hoisted_7$4, [createElementVNode("span", _hoisted_8$2, toDisplayString(slot.label || slot.key), 1), createVNode(PwButton_default, {
-					size: "sm",
-					variant: "text",
-					title: "只恢复这一块",
-					onClick: ($event) => resetSlot(slot)
-				}, {
-					icon: withCtx(() => [createVNode(unref(RotateCcw), { size: 12 })]),
-					_: 1
-				}, 8, ["onClick"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_9$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(fieldsOf(slot), (field) => {
-					return openBlock(), createElementBlock("div", {
-						key: field.key,
-						class: "pw-form__row"
-					}, [createElementVNode("label", {
-						class: "pw-form__label",
-						title: field.key
-					}, toDisplayString(field.label), 9, _hoisted_10$1), field.kind === "boolean" ? (openBlock(), createBlock(PwSwitch_default, {
-						key: 0,
-						"model-value": field.value === true,
-						"onUpdate:modelValue": ($event) => setValue(slot, field.key, $event)
-					}, null, 8, ["model-value", "onUpdate:modelValue"])) : field.options ? (openBlock(), createElementBlock("select", {
-						key: 1,
-						class: "pw-form__select",
-						value: String(field.value),
-						onChange: ($event) => setString(slot, 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_12);
-					}), 128))], 40, _hoisted_11)) : (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(slot, field.key, $event) : setString(slot, field.key, $event)
-					}, null, 8, [
-						"type",
-						"model-value",
-						"onUpdate:modelValue"
-					]))]);
-				}), 128)), !fieldsOf(slot).length ? (openBlock(), createElementBlock("p", _hoisted_13, "这一块没有声明入参")) : createCommentVNode("", true)])]);
-			}), 128)), !argsSlots.value.length ? (openBlock(), createElementBlock("p", _hoisted_14, " 该场景没有声明入参 ")) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("div", _hoisted_15, [(openBlock(true), createElementBlock(Fragment, null, renderList(snapshots.value, (item) => {
-				return openBlock(), createElementBlock("section", {
-					key: item.label,
-					class: "pw-slot pw-slot--output"
-				}, [multiSlot.value ? (openBlock(), createElementBlock("header", _hoisted_16, [createElementVNode("span", _hoisted_17, toDisplayString(item.label), 1)])) : createCommentVNode("", true), createVNode(CodeBlock_default, {
-					code: item.text,
-					lang: "json"
-				}, null, 8, ["code"])]);
-			}), 128)), !snapshots.value.length ? (openBlock(), createElementBlock("p", _hoisted_18, "（无数据）")) : createCommentVNode("", true)]))])]);
-		};
-	}
-}), [["__scopeId", "data-v-582d049e"]]);
-// src/app/PlaygroundGroupIndex.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = { class: "pw-group-index" };
-var _hoisted_2$5 = { class: "pw-group-index__head" };
-var _hoisted_3$5 = { class: "pw-group-index__title" };
-var _hoisted_4$5 = { class: "pw-group-index__count" };
-var _hoisted_5$5 = { class: "pw-group-index__list" };
-var _hoisted_6$3 = ["onClick"];
-var _hoisted_7$3 = {
-	key: 0,
-	class: "pw-group-index__desc"
+// src/plugin.ts
+/**
+* 声明一个 playground 插件（只做类型收窄，没有运行时逻辑）。
+*
+* ```ts
+* export default [
+*   definePlaygroundPlugin({ name: 'auth', async setup(ctx) { return { user } } }),
+* ]
+* ```
+*/
+var definePlaygroundPlugin = (plugin) => plugin;
+var headerSlots = shallowRef([]);
+var footerSlots = shallowRef([]);
+var wrapperEntries = shallowRef([]);
+var panelEntries = shallowRef([]);
+var openPanelId = shallowRef("");
+var envValues = shallowRef({});
+/** 插件 setup 的返回值，按插件名存 */
+var apis = /* @__PURE__ */ new Map();
+var pluginHeaderSlots = headerSlots;
+var pluginFooterSlots = footerSlots;
+var pluginWrapperEntries = wrapperEntries;
+var pluginPanelEntries = panelEntries;
+var pluginOpenPanelId = openPanelId;
+var sortEntries = (list) => [...list].sort((a, b) => a.order - b.order || a.key.localeCompare(b.key));
+var closePlaygroundPanel = () => {
+	openPanelId.value = "";
 };
-var _hoisted_8$1 = { class: "pw-group-index__id" };
-// src/app/PlaygroundGroupIndex.vue
-var PlaygroundGroupIndex_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "PlaygroundGroupIndex",
-	props: {
-		group: {},
-		items: {}
-	},
-	emits: ["select"],
-	setup(__props) {
-		/**
-		* 分组落地页：由 `groupIndex: true` 时框架合成的条目使用。
-		* 没有源文件，只是把该组其它场景列出来。
-		*/
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("section", _hoisted_1$5, [createElementVNode("header", _hoisted_2$5, [createElementVNode("h2", _hoisted_3$5, toDisplayString(__props.group), 1), createElementVNode("span", _hoisted_4$5, toDisplayString(__props.items.length) + " 个场景", 1)]), createElementVNode("ul", _hoisted_5$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-				return openBlock(), createElementBlock("li", {
-					key: item.id,
-					class: "pw-group-index__item"
-				}, [
-					createElementVNode("button", {
-						type: "button",
-						class: "pw-group-index__link",
-						onClick: ($event) => _ctx.$emit("select", item.id)
-					}, toDisplayString(item.title), 9, _hoisted_6$3),
-					item.description ? (openBlock(), createElementBlock("p", _hoisted_7$3, toDisplayString(item.description), 1)) : createCommentVNode("", true),
-					createElementVNode("code", _hoisted_8$1, toDisplayString(item.id), 1)
-				]);
-			}), 128))])]);
-		};
-	}
-}), [["__scopeId", "data-v-97e3a4f9"]]);
-// src/app/PlaygroundSidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = { class: "pw-sidebar" };
-var _hoisted_2$4 = { class: "pw-sidebar__brand" };
-var _hoisted_3$4 = { class: "pw-sidebar__title" };
-var _hoisted_4$4 = { class: "pw-sidebar__search" };
-var _hoisted_5$4 = { class: "pw-sidebar__nav" };
-var _hoisted_6$2 = { class: "pw-nav-group__title" };
-var _hoisted_7$2 = ["onClick"];
-var _hoisted_8 = ["onClick"];
-var _hoisted_9 = {
-	key: 0,
-	class: "pw-sidebar__empty"
+var openPlaygroundPanel = (id) => {
+	openPanelId.value = id;
 };
-var _hoisted_10 = { class: "pw-sidebar__footer" };
-// src/app/PlaygroundSidebar.vue
-var PlaygroundSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "PlaygroundSidebar",
-	props: {
-		title: {},
-		groups: {},
-		activeId: {},
-		sceneCount: {}
-	},
-	emits: ["select"],
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const query = ref("");
-		const inputRef = ref(null);
-		/** 分组头点击聚焦该组的合成落地页；没有落地页时返回 null */
-		const groupIndexId = (group) => group.items.find((item) => item.kind === "group-index")?.id ?? null;
-		const focusSearch = () => {
-			inputRef.value?.focus();
-		};
-		__expose({ focusSearch });
-		const filteredGroups = computed(() => {
-			const q = query.value.trim().toLowerCase();
-			if (!q) return props.groups;
-			return props.groups.map((group) => ({
-				name: group.name,
-				items: group.items.filter((item) => item.title.toLowerCase().includes(q) || item.id.toLowerCase().includes(q))
-			})).filter((group) => group.items.length > 0);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("aside", _hoisted_1$4, [
-				createElementVNode("div", _hoisted_2$4, [_cache[1] || (_cache[1] = createElementVNode("span", {
-					class: "pw-sidebar__logo",
-					"aria-hidden": "true"
-				}, null, -1)), createElementVNode("span", _hoisted_3$4, toDisplayString(__props.title), 1)]),
-				createElementVNode("div", _hoisted_4$4, [createVNode(PwInput_default, {
-					ref_key: "inputRef",
-					ref: inputRef,
-					modelValue: query.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
-					size: "sm",
-					placeholder: "搜索场景"
-				}, {
-					prefix: withCtx(() => [createVNode(unref(Search), {
-						size: 13,
-						class: "pw-sidebar__search-icon"
-					})]),
-					suffix: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("kbd", { class: "pw-sidebar__kbd" }, "⌘K", -1)])]),
-					_: 1
-				}, 8, ["modelValue"])]),
-				createElementVNode("nav", _hoisted_5$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredGroups.value, (group) => {
-					return openBlock(), createElementBlock("section", {
-						key: group.name,
-						class: "pw-nav-group"
-					}, [createElementVNode("div", _hoisted_6$2, [groupIndexId(group) ? (openBlock(), createElementBlock("button", {
-						key: 0,
-						type: "button",
-						class: normalizeClass(["pw-nav-group__title-btn", { "is-active": groupIndexId(group) === __props.activeId }]),
-						onClick: ($event) => _ctx.$emit("select", groupIndexId(group))
-					}, toDisplayString(group.name), 11, _hoisted_7$2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(group.name), 1)], 64))]), (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
-						return openBlock(), createElementBlock("button", {
-							key: item.id,
-							type: "button",
-							class: normalizeClass(["pw-nav-item", { "is-active": item.id === __props.activeId }]),
-							onClick: ($event) => _ctx.$emit("select", item.id)
-						}, toDisplayString(item.title), 11, _hoisted_8);
-					}), 128))]);
-				}), 128)), !filteredGroups.value.length ? (openBlock(), createElementBlock("p", _hoisted_9, "没有匹配的场景")) : createCommentVNode("", true)]),
-				createElementVNode("footer", _hoisted_10, toDisplayString(__props.sceneCount) + " 个场景", 1)
-			]);
-		};
-	}
-}), [["__scopeId", "data-v-cda96938"]]);
-// src/code/monaco.ts
-/**
-* Monaco 单例：worker 环境只能设置一次，highlighter 也只注入一次。
-* 所有路径都是懒加载，首屏不会碰到编辑器代码。
-*/
-var loader = null;
-var PW_MONACO_LANGS = [
-	"vue",
-	"typescript",
-	"javascript",
-	"css",
-	"html",
-	"json",
-	"less"
-];
-/** 不同打包链路下 @shikijs/monaco 可能以 default 形式出现，两种形态都接受 */
-var resolveShikiToMonaco = (mod) => {
-	const candidate = mod;
-	const inject = candidate.shikiToMonaco ?? candidate.default?.shikiToMonaco;
-	if (typeof inject !== "function") throw new Error("@shikijs/monaco 未导出 shikiToMonaco");
-	return inject;
+var togglePlaygroundPanel = (id) => {
+	openPanelId.value = openPanelId.value === id ? "" : id;
 };
-var loadMonaco = () => {
-	loader ??= (async () => {
-		const [editorWorker, tsWorker, monaco, _contribution, shikiModule] = await Promise.all([
-			import("./editor.worker-VDFPHiZj.js"),
-			import("./ts.worker-CpQm_d0w.js"),
-			import("./editor.api-YVDhnHI-.js").then((n) => n.s),
-			import("./monaco.contribution-CaO2YABh.js").then((n) => n.t),
-			import("./dist-B0hittbo.js"),
-			import("@rinova/playground/editor.css")
-		]);
-		const EditorWorker = editorWorker.default;
-		const TsWorker = tsWorker.default;
-		self.MonacoEnvironment = { getWorker: (_workerId, label) => label === "typescript" || label === "javascript" ? new TsWorker() : new EditorWorker() };
-		for (const id of PW_MONACO_LANGS) monaco.languages.register({ id });
-		resolveShikiToMonaco(shikiModule)(await getHighlighter(), monaco);
-		monaco.editor.setTheme(PW_THEME_LIGHT);
-		return monaco;
-	})();
-	return loader;
+/** 供插件自己的 UI 组件使用（也可以在 ctx.ui 里拿到句柄） */
+var usePlaygroundUi = () => ({
+	openPanel: openPlaygroundPanel,
+	closePanel: closePlaygroundPanel,
+	togglePanel: togglePlaygroundPanel
+});
+/** 场景里读全局变量 + 插件返回值（`globals` 打底，插件按声明顺序覆盖） */
+var usePlaygroundEnv = () => envValues.value;
+/** 场景里读单个插件的返回值；插件不存在直接抛错，避免静默 undefined */
+var usePlaygroundPlugin = (name) => {
+	if (!apis.has(name)) throw new Error(`[rinova-playground] 插件「${name}」未注册或初始化失败。检查 playground.config.ts 的 plugins 与该插件的 name。`);
+	return apis.get(name);
 };
-var applyMonacoTheme = (monaco, theme) => {
-	monaco.editor.setTheme(theme === "dark" ? PW_THEME_DARK : PW_THEME_LIGHT);
+var themeKey = Symbol("rinova-playground:theme");
+var providePlaygroundTheme = (theme) => {
+	provide(themeKey, theme);
 };
-/** 按扩展名判断 Monaco 语言 */
-var langFromFile = (file) => {
-	if (file.endsWith(".ts")) return "typescript";
-	if (file.endsWith(".js")) return "javascript";
-	if (file.endsWith(".json")) return "json";
-	if (file.endsWith(".less")) return "less";
-	if (file.endsWith(".css")) return "css";
-	if (file.endsWith(".html")) return "html";
-	return "vue";
+/**
+* 插件 UI 跟随外壳主题。框架不替第三方库切 `dark` class，
+* 这里只给当前值，怎么用由插件决定。
+*/
+var usePlaygroundTheme = () => {
+	const injected = inject(themeKey, null);
+	if (injected) return injected;
+	return computed(() => document.documentElement.dataset.pwTheme === "dark" ? "dark" : "light");
 };
-// src/code/CodeEditor.vue
-var CodeEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "CodeEditor",
-	props: {
-		modelValue: {},
-		filename: {},
-		readOnly: {
-			type: Boolean,
-			default: true
-		},
-		theme: { default: "light" }
-	},
-	emits: ["update:modelValue", "fail"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const host = ref();
-		let editor = null;
-		let monacoRef = null;
-		let observer = null;
-		let applying = false;
-		const options = () => {
-			const mono = getComputedStyle(document.documentElement).getPropertyValue("--rp-font-mono").trim();
-			return {
-				value: props.modelValue,
-				language: langFromFile(props.filename),
-				theme: props.theme === "dark" ? "vitesse-dark" : "vitesse-light",
-				readOnly: props.readOnly,
-				domReadOnly: props.readOnly,
-				minimap: { enabled: false },
-				lineNumbers: "on",
-				folding: true,
-				scrollBeyondLastLine: false,
-				automaticLayout: false,
-				fontSize: 12.5,
-				lineHeight: 20,
-				fontFamily: mono || "ui-monospace, SFMono-Regular, Menlo, monospace",
-				padding: {
-					top: 12,
-					bottom: 16
-				},
-				renderLineHighlight: "none",
-				overviewRulerLanes: 0,
-				scrollbar: {
-					verticalScrollbarSize: 8,
-					horizontalScrollbarSize: 8
-				},
-				contextmenu: true,
-				wordWrap: "off",
-				tabSize: 2
-			};
-		};
-		onMounted(async () => {
-			try {
-				const monaco = await loadMonaco();
-				monacoRef = monaco;
-				if (!host.value) return;
-				applyMonacoTheme(monaco, props.theme);
-				editor = monaco.editor.create(host.value, options());
-				const instance = editor;
-				observer = new ResizeObserver(() => {
-					const box = host.value?.getBoundingClientRect();
-					if (!box || box.width === 0 || box.height === 0) return;
-					instance.layout();
-				});
-				observer.observe(host.value);
-				requestAnimationFrame(() => instance.layout());
-				instance.onDidChangeModelContent(() => {
-					if (applying) return;
-					emit("update:modelValue", instance.getValue());
-				});
-			} catch (error) {
-				const message = error instanceof Error ? `${error.name}: ${error.message}` : String(error);
-				console.error("[rinova-playground] Monaco 启动失败，已降级为静态高亮：", message);
-				emit("fail", message);
-			}
-		});
-		watch(() => props.modelValue, (value) => {
-			if (!editor || editor.getValue() === value) return;
-			applying = true;
-			editor.setValue(value);
-			applying = false;
-		});
-		watch(() => props.filename, (file) => {
-			const model = editor?.getModel();
-			if (model && monacoRef) monacoRef.editor.setModelLanguage(model, langFromFile(file));
-		});
-		watch(() => props.readOnly, (value) => editor?.updateOptions({
-			readOnly: value,
-			domReadOnly: value
-		}));
-		watch(() => props.theme, (value) => {
-			if (monacoRef) applyMonacoTheme(monacoRef, value);
-		});
-		onBeforeUnmount(() => {
-			observer?.disconnect();
-			editor?.getModel()?.dispose();
-			editor?.dispose();
-			editor = null;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "host",
-				ref: host,
-				class: "pw-monaco"
-			}, null, 512);
-		};
-	}
-}), [["__scopeId", "data-v-c45e6fcb"]]);
-// src/app/PlaygroundSourcePanel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = { class: "pw-source" };
-var _hoisted_2$3 = { class: "pw-source__head" };
-var _hoisted_3$3 = { class: "pw-source__tabs" };
-var _hoisted_4$3 = ["title", "onClick"];
-var _hoisted_5$3 = { class: "pw-source__actions" };
-var _hoisted_6$1 = { class: "pw-source__body" };
-var _hoisted_7$1 = {
-	key: 0,
-	class: "pw-source__hint"
+var describeError = (error) => error instanceof Error ? error.message : String(error);
+var pluginError = (plugin, error) => {
+	const next = /* @__PURE__ */ new Error(`[rinova-playground] 插件「${plugin}」初始化失败：${describeError(error)}`);
+	next.name = "PlaygroundPluginError";
+	if (error instanceof Error && error.stack) next.stack = `${next.message}\n${error.stack}`;
+	return next;
 };
-// src/app/PlaygroundSourcePanel.vue
-var PlaygroundSourcePanel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "PlaygroundSourcePanel",
-	props: {
-		scene: {},
-		theme: {}
-	},
-	emits: ["close"],
-	setup(__props) {
-		const props = __props;
-		const activeIndex = ref(0);
-		const text = ref("");
-		const loading = ref(true);
-		const failed = ref(false);
-		const copied = ref(false);
-		const cache = /* @__PURE__ */ new Map();
-		const viewer = config.codeViewer ?? "monaco";
-		const active = computed(() => props.scene.sources[activeIndex.value] ?? props.scene.sources[0]);
-		const fileName = (file) => file.split("/").pop() ?? file;
-		const load = async (index) => {
-			const source = props.scene.sources[index];
-			if (!source) return;
-			loading.value = true;
-			try {
-				const content = cache.get(source.rel) ?? await source.raw();
-				cache.set(source.rel, content);
-				text.value = content;
-			} catch (error) {
-				toast(`源码读取失败：${error instanceof Error ? error.message : String(error)}`, "error");
-				text.value = "";
-			} finally {
-				loading.value = false;
-			}
-		};
-		watch(() => props.scene, () => {
-			activeIndex.value = 0;
-			load(0);
-		}, { immediate: true });
-		const select = (index) => {
-			if (index === activeIndex.value) return;
-			activeIndex.value = index;
-			load(index);
-		};
-		const copy = async () => {
-			try {
-				await navigator.clipboard.writeText(text.value);
-				copied.value = true;
-				toast("已复制源码", "success");
-				window.setTimeout(() => copied.value = false, 1500);
-			} catch {
-				toast("复制失败，请手动选择", "error");
-			}
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("section", _hoisted_1$3, [createElementVNode("header", _hoisted_2$3, [createElementVNode("div", _hoisted_3$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.scene.sources, (source, index) => {
-				return openBlock(), createElementBlock("button", {
-					key: source.rel,
-					type: "button",
-					class: normalizeClass(["pw-tab", { "is-active": index === activeIndex.value }]),
-					title: source.rel,
-					onClick: ($event) => select(index)
-				}, toDisplayString(fileName(source.rel)), 11, _hoisted_4$3);
-			}), 128))]), createElementVNode("div", _hoisted_5$3, [createVNode(PwButton_default, {
-				size: "sm",
-				variant: "text",
-				title: copied.value ? "已复制" : "复制源码",
-				onClick: copy
-			}, {
-				icon: withCtx(() => [copied.value ? (openBlock(), createBlock(unref(Check), {
-					key: 0,
-					size: 13
-				})) : (openBlock(), createBlock(unref(Copy), {
-					key: 1,
-					size: 13
-				}))]),
-				_: 1
-			}, 8, ["title"]), createVNode(PwButton_default, {
-				size: "sm",
-				variant: "text",
-				title: "关闭（Esc）",
-				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
-			}, {
-				icon: withCtx(() => [createVNode(unref(X$2), { size: 13 })]),
-				_: 1
-			})])]), createElementVNode("div", _hoisted_6$1, [loading.value ? (openBlock(), createElementBlock("span", _hoisted_7$1, "读取源码中…")) : active.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(viewer) === "monaco" && !failed.value ? (openBlock(), createBlock(CodeEditor_default, {
-				key: 0,
-				"model-value": text.value,
-				filename: active.value.rel,
-				"read-only": "",
-				theme: __props.theme,
-				onFail: _cache[1] || (_cache[1] = ($event) => failed.value = true)
-			}, null, 8, [
-				"model-value",
-				"filename",
-				"theme"
-			])) : (openBlock(), createBlock(CodeBlock_default, {
-				key: 1,
-				code: text.value,
-				lang: unref(langFromFile)(active.value.rel)
-			}, null, 8, ["code", "lang"]))], 64)) : createCommentVNode("", true)])]);
-		};
+/**
+* 依次加载插件模块并串行执行 setup。
+*
+* 串行而不是并行：后一个插件经常要读前一个的结果（请求层依赖登录态）。
+* 全部完成前 `PlaygroundRoot` 不渲染 App，所以场景挂载时环境一定就绪。
+*/
+var runPlugins = async (options) => {
+	const { app, config, scenes, modules } = options;
+	if (!modules.length) return;
+	const globals = { ...config.globals ?? {} };
+	const merged = { ...globals };
+	const queue = [];
+	for (const load of modules) {
+		let loaded;
+		try {
+			loaded = await load();
+		} catch (error) {
+			throw pluginError("(模块加载)", error);
+		}
+		const value = loaded && typeof loaded === "object" && "default" in loaded ? loaded.default : loaded;
+		for (const item of Array.isArray(value) ? value : [value]) {
+			const plugin = item;
+			if (!plugin || typeof plugin !== "object" || typeof plugin.name !== "string" || !plugin.name) throw new Error("[rinova-playground] 插件模块必须默认导出 definePlaygroundPlugin(...) 或它的数组，且每项都要有 name");
+			queue.push(plugin);
+		}
 	}
-}), [["__scopeId", "data-v-16eca20a"]]);
-// src/app/PlaygroundStage.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = { class: "pw-stage__frame" };
-var _hoisted_2$2 = {
-	key: 0,
-	class: "pw-stage__desc"
-};
-var _hoisted_3$2 = { class: "pw-stage__inner" };
-var _hoisted_4$2 = {
-	key: 0,
-	class: "pw-stage__error"
-};
-var _hoisted_5$2 = {
-	key: 2,
-	class: "pw-stage__loading"
-};
-// src/app/PlaygroundStage.vue
-var PlaygroundStage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "PlaygroundStage",
-	props: {
-		scene: {},
-		width: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const comp = shallowRef(null);
-		const error = ref("");
-		let token = 0;
-		watch(() => props.scene, async (scene) => {
-			const current = ++token;
-			comp.value = null;
-			error.value = "";
-			try {
-				const mod = await scene.load();
-				if (current === token) comp.value = mod.default;
-			} catch (err) {
-				if (current === token) error.value = err instanceof Error ? err.message : String(err);
-			}
-		}, { immediate: true });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("section", { class: normalizeClass(["pw-stage", `pw-stage--${__props.width}`]) }, [createElementVNode("div", _hoisted_1$2, [__props.scene.description ? (openBlock(), createElementBlock("p", _hoisted_2$2, toDisplayString(__props.scene.description), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$2, [error.value ? (openBlock(), createElementBlock("p", _hoisted_4$2, [
-				_cache[0] || (_cache[0] = createElementVNode("strong", null, "场景加载失败", -1)),
-				createElementVNode("code", null, toDisplayString(__props.scene.rel), 1),
-				createElementVNode("span", null, toDisplayString(error.value), 1)
-			])) : comp.value ? (openBlock(), createBlock(resolveDynamicComponent(comp.value), { key: __props.scene.id })) : (openBlock(), createElementBlock("span", _hoisted_5$2, "加载中…"))])])], 2);
+	const seen = /* @__PURE__ */ new Set();
+	for (const plugin of queue) {
+		if (seen.has(plugin.name)) throw new Error(`[rinova-playground] 插件名重复：「${plugin.name}」`);
+		seen.add(plugin.name);
+	}
+	const createContext = (plugin) => {
+		const uiEntry = (options_, slot) => {
+			const entry = {
+				key: `${plugin.name}:${slot}:${nextSeq()}`,
+				plugin: plugin.name,
+				component: options_.component,
+				props: options_.props,
+				order: options_.order ?? Number.MAX_SAFE_INTEGER
+			};
+			if (slot === "header") headerSlots.value = sortEntries([...headerSlots.value, entry]);
+			else footerSlots.value = sortEntries([...footerSlots.value, entry]);
 		};
-	}
-}), [["__scopeId", "data-v-2c6f2a44"]]);
-// src/app/PlaygroundToolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { class: "pw-toolbar" };
-var _hoisted_2$1 = { class: "pw-toolbar__crumb" };
-var _hoisted_3$1 = { class: "pw-toolbar__group" };
-var _hoisted_4$1 = { class: "pw-toolbar__title" };
-var _hoisted_5$1 = { class: "pw-toolbar__actions" };
-var _hoisted_6 = {
-	class: "pw-width-group",
-	role: "group",
-	"aria-label": "预览宽度"
-};
-var _hoisted_7 = ["title", "onClick"];
-// src/app/PlaygroundToolbar.vue
-var PlaygroundToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "PlaygroundToolbar",
-	props: {
-		group: {},
-		title: {},
-		showCode: { type: Boolean },
-		showPayload: { type: Boolean },
-		hasPayload: { type: Boolean },
-		width: {},
-		theme: {}
-	},
-	emits: [
-		"toggle-code",
-		"toggle-payload",
-		"update:width",
-		"toggle-theme"
-	],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const widths = [
-			{
-				value: "auto",
-				icon: Monitor,
-				label: "自适应"
-			},
-			{
-				value: "tablet",
-				icon: Tablet,
-				label: "平板 820px"
+		return {
+			app,
+			config,
+			globals,
+			scenes,
+			get: (name) => apis.get(name),
+			wrap: (component, props) => {
+				wrapperEntries.value = [...wrapperEntries.value, {
+					key: `${plugin.name}:wrap:${nextSeq()}`,
+					plugin: plugin.name,
+					component,
+					props,
+					order: wrapperEntries.value.length
+				}];
 			},
-			{
-				value: "mobile",
-				icon: Smartphone,
-				label: "手机 420px"
+			ui: {
+				header: (entry) => uiEntry(entry, "header"),
+				sidebarFooter: (entry) => uiEntry(entry, "footer"),
+				panel: (entry) => {
+					const panel = {
+						key: `${plugin.name}:panel:${entry.id}`,
+						plugin: plugin.name,
+						id: entry.id,
+						title: entry.title,
+						component: entry.component,
+						props: entry.props,
+						order: entry.order ?? Number.MAX_SAFE_INTEGER
+					};
+					panelEntries.value = sortEntries([...panelEntries.value, panel]);
+					return {
+						id: entry.id,
+						open: () => openPlaygroundPanel(entry.id),
+						close: () => closePlaygroundPanel(),
+						toggle: () => togglePlaygroundPanel(entry.id)
+					};
+				}
 			}
-		];
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [
-				createElementVNode("span", _hoisted_3$1, toDisplayString(__props.group), 1),
-				_cache[3] || (_cache[3] = createElementVNode("span", { class: "pw-toolbar__sep" }, "/", -1)),
-				createElementVNode("span", _hoisted_4$1, toDisplayString(__props.title), 1)
-			]), createElementVNode("div", _hoisted_5$1, [
-				createElementVNode("div", _hoisted_6, [(openBlock(), createElementBlock(Fragment, null, renderList(widths, (item) => {
-					return createElementVNode("button", {
-						key: item.value,
-						type: "button",
-						class: normalizeClass(["pw-width-btn", { "is-active": __props.width === item.value }]),
-						title: item.label,
-						onClick: ($event) => emit("update:width", item.value)
-					}, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { size: 14 }))], 10, _hoisted_7);
-				}), 64))]),
-				createVNode(PwButton_default, {
-					size: "sm",
-					title: __props.theme === "dark" ? "切换到浅色" : "切换到深色",
-					onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle-theme"))
-				}, {
-					icon: withCtx(() => [__props.theme === "light" ? (openBlock(), createBlock(unref(Moon), {
-						key: 0,
-						size: 14
-					})) : (openBlock(), createBlock(unref(Sun), {
-						key: 1,
-						size: 14
-					}))]),
-					_: 1
-				}, 8, ["title"]),
-				createVNode(PwButton_default, {
-					size: "sm",
-					variant: __props.showPayload ? "primary" : "ghost",
-					disabled: !__props.hasPayload,
-					title: __props.hasPayload ? "入参 / 出参" : "该场景没有声明 sceneMeta 或 useScenePayload",
-					onClick: _cache[1] || (_cache[1] = ($event) => emit("toggle-payload"))
-				}, {
-					icon: withCtx(() => [createVNode(unref(SlidersHorizontal), { size: 14 })]),
-					default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 参数 ", -1))]),
-					_: 1
-				}, 8, [
-					"variant",
-					"disabled",
-					"title"
-				]),
-				createVNode(PwButton_default, {
-					size: "sm",
-					variant: __props.showCode ? "primary" : "ghost",
-					onClick: _cache[2] || (_cache[2] = ($event) => emit("toggle-code"))
-				}, {
-					icon: withCtx(() => [createVNode(unref(CodeXml), { size: 14 })]),
-					default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 代码 ", -1))]),
-					_: 1
-				}, 8, ["variant"])
-			])]);
 		};
+	};
+	for (const plugin of queue) try {
+		const result = await plugin.setup?.(createContext(plugin));
+		if (result !== void 0) {
+			apis.set(plugin.name, result);
+			if (result && typeof result === "object") Object.assign(merged, result);
+		}
+	} catch (error) {
+		if (plugin.optional) {
+			console.warn(`[rinova-playground] 可选插件「${plugin.name}」初始化失败，已跳过：`, describeError(error));
+			continue;
+		}
+		throw pluginError(plugin.name, error);
 	}
-}), [["__scopeId", "data-v-b90c60a6"]]);
-// src/app/App.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "pw-app" };
-var _hoisted_2 = { class: "pw-main" };
-var _hoisted_3 = { class: "pw-body" };
-var _hoisted_4 = {
-	key: 2,
-	class: "pw-empty"
+	envValues.value = merged;
 };
-var _hoisted_5 = {
-	key: 1,
-	class: "pw-source-slot"
+/** 注册序号：同一插件注册多个缝位时保证排序稳定 */
+var seq = 0;
+var nextSeq = () => {
+	seq += 1;
+	return seq;
 };
-var STORAGE_KEY = "rinova-playground:ui-theme";
-// src/app/App.vue
-var App_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "App",
-	setup(__props) {
-		const title = config.title ?? "Playground";
-		/** config.groups 的声明顺序即侧栏分组顺序；未声明的组排到后面 */
-		const groupLabelOrder = Object.values(config.groups ?? {});
-		const groupRank = (name) => {
-			const index = groupLabelOrder.indexOf(name);
-			return index === -1 ? Number.MAX_SAFE_INTEGER : index;
-		};
-		const groups = computed(() => {
-			const map = /* @__PURE__ */ new Map();
-			for (const scene of scenes) {
-				if (scene.hidden) continue;
-				const list = map.get(scene.group) ?? [];
-				list.push(scene);
-				map.set(scene.group, list);
-			}
-			return [...map.entries()].map(([name, items]) => ({
-				name,
-				items,
-				weight: items.filter((item) => item.kind !== "group-index").reduce((min, item) => Math.min(min, item.order), Number.MAX_SAFE_INTEGER)
-			})).sort((a, b) => groupRank(a.name) - groupRank(b.name) || a.weight - b.weight || a.name.localeCompare(b.name));
-		});
-		const visibleCount = computed(() => scenes.filter((scene) => !scene.hidden && scene.kind !== "group-index").length);
-		const activeId = ref(scenes.find((scene) => !scene.hidden)?.id ?? scenes[0]?.id ?? "");
-		const activeScene = computed(() => scenes.find((scene) => scene.id === activeId.value) ?? scenes[0]);
-		/** 当前是分组落地页时，列出该组的普通场景（不含其它合成页） */
-		const groupSceneItems = computed(() => {
-			const scene = activeScene.value;
-			if (!scene || scene.kind !== "group-index") return [];
-			return scenes.filter((item) => item.group === scene.group && item.kind !== "group-index" && !item.hidden);
-		});
-		const isGroupIndex = computed(() => activeScene.value?.kind === "group-index");
-		const showCode = ref(false);
-		const showPayload = ref(false);
-		const hasPayload = computed(() => currentArgs.value !== null || currentOutput.value !== null);
-		watch(hasPayload, (value) => {
-			if (!value) showPayload.value = false;
-		});
-		const sidebarRef = ref(null);
-		const width = ref("auto");
-		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);
-		watchEffect(() => {
-			document.documentElement.dataset.pwTheme = theme.value;
-		});
-		const toggleTheme = () => {
-			preference.value = theme.value === "dark" ? "light" : "dark";
-			localStorage.setItem(STORAGE_KEY, preference.value);
-		};
-		const basePath = (() => {
-			const raw = config.routeBase ?? config.base ?? "/";
-			return raw.endsWith("/") ? raw : `${raw}/`;
-		})();
-		/** 从 location.pathname 解析出场景 id（去掉 base 与尾部斜杠） */
-		const sceneIdFromPath = () => {
-			const path = decodeURIComponent(window.location.pathname);
-			return (path.startsWith(basePath) ? path.slice(basePath.length) : path.replace(/^\//, "")).replace(/\/+$/, "");
-		};
-		const readLocation = () => {
-			const id = sceneIdFromPath();
-			if (id && scenes.some((scene) => scene.id === id)) activeId.value = id;
-		};
-		watch(activeId, (id) => {
-			if (!id) return;
-			const target = `${basePath}${id}`;
-			if (decodeURIComponent(window.location.pathname) !== target) window.history.pushState(null, "", target);
-		});
-		const onKeydown = (event) => {
-			const meta = event.metaKey || event.ctrlKey;
-			if (meta && event.key.toLowerCase() === "k") {
-				event.preventDefault();
-				sidebarRef.value?.focusSearch();
-				return;
-			}
-			if (meta && event.key === ".") {
-				event.preventDefault();
-				return;
-			}
-			if (event.key === "Escape" && showCode.value) showCode.value = false;
-		};
-		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 (activeId.value && sceneIdFromPath() !== activeId.value) window.history.replaceState(null, "", `${basePath}${activeId.value}`);
-			window.addEventListener("popstate", readLocation);
-			window.addEventListener("keydown", onKeydown);
-		});
-		onBeforeUnmount(() => {
-			media.removeEventListener("change", onMediaChange);
-			window.removeEventListener("popstate", readLocation);
-			window.removeEventListener("keydown", onKeydown);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [
-				createVNode(PlaygroundSidebar_default, {
-					ref_key: "sidebarRef",
-					ref: sidebarRef,
-					title: unref(title),
-					groups: groups.value,
-					"active-id": activeId.value,
-					"scene-count": visibleCount.value,
-					onSelect: _cache[0] || (_cache[0] = ($event) => activeId.value = $event)
-				}, null, 8, [
-					"title",
-					"groups",
-					"active-id",
-					"scene-count"
-				]),
-				createElementVNode("main", _hoisted_2, [
-					activeScene.value ? (openBlock(), createBlock(PlaygroundToolbar_default, {
-						key: 0,
-						group: activeScene.value.group,
-						title: activeScene.value.title,
-						"show-code": showCode.value,
-						"show-payload": showPayload.value,
-						"has-payload": hasPayload.value,
-						width: width.value,
-						theme: theme.value,
-						onToggleCode: _cache[1] || (_cache[1] = ($event) => showCode.value = !showCode.value),
-						onTogglePayload: _cache[2] || (_cache[2] = ($event) => showPayload.value = !showPayload.value),
-						"onUpdate:width": _cache[3] || (_cache[3] = ($event) => width.value = $event),
-						onToggleTheme: toggleTheme
-					}, null, 8, [
-						"group",
-						"title",
-						"show-code",
-						"show-payload",
-						"has-payload",
-						"width",
-						"theme"
-					])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_3, [isGroupIndex.value && activeScene.value ? (openBlock(), createBlock(PlaygroundGroupIndex_default, {
-						key: 0,
-						group: activeScene.value.group,
-						items: groupSceneItems.value,
-						onSelect: _cache[4] || (_cache[4] = ($event) => activeId.value = $event)
-					}, null, 8, ["group", "items"])) : activeScene.value ? (openBlock(), createBlock(PlaygroundStage_default, {
-						key: 1,
-						scene: activeScene.value,
-						width: width.value
-					}, null, 8, ["scene", "width"])) : (openBlock(), createElementBlock("div", _hoisted_4, "没有找到任何场景，请在 scenes 目录下新建 .vue 文件。")), showPayload.value && hasPayload.value ? (openBlock(), createBlock(PlaygroundParamsPanel_default, {
-						key: 3,
-						theme: theme.value
-					}, null, 8, ["theme"])) : createCommentVNode("", true)]),
-					showCode.value && activeScene.value && !isGroupIndex.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(PlaygroundSourcePanel_default, {
-						scene: activeScene.value,
-						theme: theme.value,
-						onClose: _cache[5] || (_cache[5] = ($event) => showCode.value = false)
-					}, null, 8, ["scene", "theme"])])) : createCommentVNode("", true)
-				]),
-				createVNode(PwToastHost_default)
-			]);
-		};
-	}
-}), [["__scopeId", "data-v-5c38b5f6"]]);
-export { App_default as default, __exportAll as i, FontStyle as n, INITIAL as r, EncodedTokenMetadata as t };
+export { _plugin_vue_export_helper_default as A, toast as C, PW_THEME_LIGHT as D, PW_THEME_DARK as E, getHighlighter as O, provideSceneContext as S, createLucideIcon as T, currentOutputSlots as _, pluginHeaderSlots as a, currentArgsSlots as b, pluginWrapperEntries as c, togglePlaygroundPanel as d, usePlaygroundEnv as f, currentOutput as g, usePlaygroundUi as h, pluginFooterSlots as i, PwApiBrief_default as k, providePlaygroundTheme as l, usePlaygroundTheme as m, definePlaygroundPlugin as n, pluginOpenPanelId as o, usePlaygroundPlugin as p, openPlaygroundPanel as r, pluginPanelEntries as s, closePlaygroundPanel as t, runPlugins as u, useSceneOutput as v, toastState as w, useSceneArgs as x, currentArgs as y };