@deot/docs-client 1.1.5 → 1.1.7

package/dist/index.cjs

@@ -13,6 +13,10 @@ let es_module_lexer = require("es-module-lexer");
 let _deot_helper_unicode = require("@deot/helper-unicode");
 let _deot_docs_playground = require("@deot/docs-playground");
 let _deot_helper_dom = require("@deot/helper-dom");
+let codemirror = require("codemirror");
+let _codemirror_state = require("@codemirror/state");
+let _codemirror_lang_json = require("@codemirror/lang-json");
+let _codemirror_lang_markdown = require("@codemirror/lang-markdown");
 //#region packages/client/src/utils/runtime.ts
 var PRODUCTION_RUNTIME = Object.freeze({ mode: "production" });
 var initializeDocsRuntime = (target = window, config = target.$docs || {
@@ -74,7 +78,7 @@ var getEnvironmentBase = (config) => {
 		const segments = location.pathname.split("/").filter(Boolean);
 		const configuredLanguages = Object.keys(config.locales);
 		const languages = configuredLanguages.length ? configuredLanguages : ["zh-CN"];
-		const routeIndex = /^__docs\/preview(?:-config-generate)?$/.test(segments.slice(-2).join("/")) ? segments.length - 2 : segments.findIndex((segment) => languages.includes(segment));
+		const routeIndex = /^__docs\/(?:preview|raw-editor|markdown-editor)$/.test(segments.slice(-2).join("/")) ? segments.length - 2 : segments.findIndex((segment) => languages.includes(segment));
 		if (routeIndex >= 0) {
 			const deploymentSegments = segments.slice(0, routeIndex);
 			return new URL(`/${deploymentSegments.join("/")}${deploymentSegments.length ? "/" : ""}`, location.origin).href;
@@ -748,14 +752,14 @@ var setSidebarItems = (next) => {
 };
 //#endregion
 //#region packages/client/src/components/layout/default-footer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = ["data-content-width"];
-var _hoisted_2$25 = {
+var _hoisted_1$33 = ["data-content-width"];
+var _hoisted_2$26 = {
 	key: 0,
 	class: "docs-footer__inner"
 };
-var _hoisted_3$18 = { class: "docs-footer__content" };
-var _hoisted_4$12 = { class: "docs-footer__title" };
-var _hoisted_5$9 = {
+var _hoisted_3$19 = { class: "docs-footer__content" };
+var _hoisted_4$13 = { class: "docs-footer__title" };
+var _hoisted_5$10 = {
 	key: 0,
 	class: "docs-footer__links"
 };
@@ -888,11 +892,11 @@ var default_footer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 0,
 				class: "docs-footer",
 				"data-content-width": contentWidth.value
-			}, [groups.value.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$25, [(0, vue.createElementVNode)("div", _hoisted_3$18, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(groups.value, (group) => {
+			}, [groups.value.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$26, [(0, vue.createElementVNode)("div", _hoisted_3$19, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(groups.value, (group) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", {
 					key: group.label,
 					class: "docs-footer__group"
-				}, [(0, vue.createElementVNode)("h2", _hoisted_4$12, (0, vue.toDisplayString)(group.label), 1), group.children?.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_5$9, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(group.children, (item) => {
+				}, [(0, vue.createElementVNode)("h2", _hoisted_4$13, (0, vue.toDisplayString)(group.label), 1), group.children?.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_5$10, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(group.children, (item) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", { key: `${item.label}:${item.value || ""}` }, [item.value && isExternal(item.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 						key: 0,
 						href: item.value,
@@ -929,13 +933,13 @@ var default_footer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					alt: ""
 				}, null, 8, _hoisted_12$5)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)]),
 				_: 1
-			}, 8, ["to"])), poweredBy.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_13$4, (0, vue.toDisplayString)(poweredBy.value), 1)) : (0, vue.createCommentVNode)("v-if", true)])])], 8, _hoisted_1$31)) : (0, vue.createCommentVNode)("v-if", true);
+			}, 8, ["to"])), poweredBy.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_13$4, (0, vue.toDisplayString)(poweredBy.value), 1)) : (0, vue.createCommentVNode)("v-if", true)])])], 8, _hoisted_1$33)) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/components/search/highlight-text.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = {
+var _hoisted_1$32 = {
 	key: 0,
 	class: "docs-search-highlight"
 };
@@ -964,7 +968,7 @@ var highlight_text_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(parts.value, (part, index) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: `${index}:${part.text}` }, [part.match ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("mark", _hoisted_1$30, (0, vue.toDisplayString)(part.text), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(part.text), 1)], 64))], 64);
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: `${index}:${part.text}` }, [part.match ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("mark", _hoisted_1$32, (0, vue.toDisplayString)(part.text), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(part.text), 1)], 64))], 64);
 			}), 128);
 		};
 	}
@@ -1932,9 +1936,13 @@ var resolveDependencyUrl = (specifier, importer) => {
 };
 var collectStyleImports = (code) => [...code.matchAll(STYLE_IMPORT_RE)].map((match) => match[2] || match[3] || match[5]).filter((value) => !/^(?:[a-z][a-z\d+.-]*:|\/)/i.test(value)).map((value) => value.startsWith(".") ? value : `./${value}`);
 var collectModuleImports = async (code) => {
-	await es_module_lexer.init;
+	await (0, es_module_lexer.init)();
 	try {
-		return (0, es_module_lexer.parse)(code)[0].filter((item) => !/^(?:import|export)\s+type\b(?!\s+from\b)/.test(code.slice(item.ss, item.se))).map((item) => item.n).filter((item) => Boolean(item));
+		return (0, es_module_lexer.parse)(code)[0].flatMap((item) => {
+			if (item.type === "dynamic") return item.specifier && !item.glob ? [item.specifier] : [];
+			if (item.type === "import-meta" || item.typeOnly) return [];
+			return [item.specifier];
+		});
 	} catch {
 		return [...code.replace(/\b(?:import|export)\s+type\b(?!\s+from\b)\s*(?:\{[^}]*\}|\*\s+as\s+[\w$]+|[\w$]+)(?:\s+from\s*(['"])[^'"]+\1)?\s*;?/g, "").matchAll(/(?:\bfrom\s+|import\s*\(\s*|import\s+)['"]([^'"]+)['"]/g)].map((match) => match[1]);
 	}
@@ -2311,12 +2319,12 @@ var docsMarkdownIndicator = (options) => {
 var docsMarkdownInlineContent = (props) => typeof props.content === "string" ? props.content : void 0;
 //#endregion
 //#region packages/client/src/components/renderer/markdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = { class: "docs-renderer-markdown" };
-var _hoisted_2$24 = {
+var _hoisted_1$31 = { class: "docs-renderer-markdown" };
+var _hoisted_2$25 = {
 	key: 0,
 	class: "docs-renderer-markdown__error"
 };
-var _hoisted_3$17 = {
+var _hoisted_3$18 = {
 	key: 1,
 	class: "docs-renderer-markdown__loading"
 };
@@ -2408,7 +2416,7 @@ var markdown_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			unsubscribe?.();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$29, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$24, (0, vue.toDisplayString)(error.value), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$17, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_markdown.Markdown), {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$31, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$25, (0, vue.toDisplayString)(error.value), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$18, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_markdown.Markdown), {
 				key: 2,
 				value: content.value,
 				indicator: indicator.value,
@@ -2427,13 +2435,13 @@ var markdown_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/components/renderer/markdown-editor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = { class: "docs-renderer-module-editor" };
-var _hoisted_2$23 = { class: "docs-renderer-field is-wide" };
-var _hoisted_3$16 = { class: "docs-renderer-field is-wide" };
-var _hoisted_4$11 = { class: "docs-renderer-field is-wide is-inline" };
+var _hoisted_1$30 = { class: "docs-renderer-module-editor" };
+var _hoisted_2$24 = { class: "docs-renderer-field is-wide" };
+var _hoisted_3$17 = { class: "docs-renderer-field is-wide" };
+var _hoisted_4$12 = { class: "docs-renderer-field is-wide is-inline" };
 //#endregion
 //#region packages/client/src/components/renderer/markdown-editor.vue
-var markdown_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+var markdown_editor_default$1 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "markdown-editor",
 	props: {
 		node: {},
@@ -2469,19 +2477,19 @@ var markdown_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			} });
 		};
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$28, [
-				(0, vue.createElementVNode)("div", _hoisted_2$23, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("renderer.editor.source")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Input), {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$30, [
+				(0, vue.createElementVNode)("div", _hoisted_2$24, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("renderer.editor.source")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Input), {
 					"model-value": String(__props.modelValue.source || ""),
 					placeholder: (0, vue.unref)(t)("renderer.editor.markdownSourceHint"),
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => update({ source: value }))
 				}, null, 8, ["model-value", "placeholder"])]),
-				(0, vue.createElementVNode)("div", _hoisted_3$16, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("renderer.editor.markdownContent")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Textarea), {
+				(0, vue.createElementVNode)("div", _hoisted_3$17, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("renderer.editor.markdownContent")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Textarea), {
 					"model-value": String(__props.modelValue.content || ""),
 					rows: 8,
 					placeholder: (0, vue.unref)(t)("renderer.editor.markdownContentHint"),
 					"onUpdate:modelValue": handleContent
 				}, null, 8, ["model-value", "placeholder"])]),
-				(0, vue.createElementVNode)("div", _hoisted_4$11, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("markdown.indicator.label")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Switch), {
+				(0, vue.createElementVNode)("div", _hoisted_4$12, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("markdown.indicator.label")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Switch), {
 					"model-value": indicatorEnabled.value,
 					"onUpdate:modelValue": patchIndicator
 				}, null, 8, ["model-value"])])
@@ -2490,6 +2498,23 @@ var markdown_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region packages/client/src/modules/preview/raw.ts
+/**
+* raw 只负责 JSON 编解码；具体页面独立校验自己的配置。
+* @param value Router 已解码的单个 raw 参数。
+* @returns 解码后的 JSON 值。
+*/
+var readRaw = (value) => {
+	if (typeof value !== "string" || !value) throw new TypeError("raw must be a single encoded JSON value");
+	return JSON.parse((0, _deot_helper_unicode.decode)(value));
+};
+var createRawUrl = (value, target, base) => {
+	const url = new URL(target.trim(), base);
+	if (!target.trim() || !/^https?:$/.test(url.protocol)) throw new TypeError("target must be an HTTP(S) or relative URL");
+	url.searchParams.set("raw", (0, _deot_helper_unicode.encode)(JSON.stringify(value)));
+	return url.href;
+};
+//#endregion
 //#region packages/client/src/modules/preview/config.ts
 var previewConfigKey = Symbol("preview-config");
 var isPlainObject = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
@@ -2533,10 +2558,7 @@ var normalizePreviewConfig = (value) => {
 * @returns 当前链接的预览配置。
 */
 var readPreviewConfig = (query) => {
-	if (query.raw !== void 0) {
-		if (typeof query.raw !== "string" || !query.raw) throw new TypeError("raw must be a single encoded configuration");
-		return normalizePreviewConfig(JSON.parse((0, _deot_helper_unicode.decode)(query.raw)));
-	}
+	if (query.raw !== void 0) return normalizePreviewConfig(readRaw(query.raw));
 	const styles = Array.isArray(query.styles) ? query.styles : typeof query.styles === "string" ? query.styles.split(",") : [];
 	return {
 		url: typeof query.url === "string" ? query.url.trim() : "",
@@ -2546,17 +2568,6 @@ var readPreviewConfig = (query) => {
 	};
 };
 /**
-* 使用 Unicode helper 编码并正确转义 Base64 的 +、/、=。
-* @param config 预览配置。
-* @param base 站点部署根地址。
-* @returns 可直接分享的预览链接。
-*/
-var createPreviewUrl = (config, base) => {
-	const url = new URL("__docs/preview", base);
-	url.searchParams.set("raw", (0, _deot_helper_unicode.encode)(JSON.stringify(config)));
-	return url.href;
-};
-/**
 * 根据资源 URL 的 pathname 选择预览组件。
 * @param source 资源地址。
 * @param base 解析相对地址的页面地址。
@@ -2637,11 +2648,11 @@ var acquirePreviewStyles = (urls, onError) => {
 };
 //#endregion
 //#region packages/client/src/components/remote-sfc/remote-sfc.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = {
+var _hoisted_1$29 = {
 	key: 0,
 	class: "docs-remote-sfc__error"
 };
-var _hoisted_2$22 = {
+var _hoisted_2$23 = {
 	key: 1,
 	class: "docs-remote-sfc__loading"
 };
@@ -2680,7 +2691,6 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					...siteImportMap,
 					imports: {
 						...siteImportMap.imports,
-						...config.modules,
 						...JSON.parse(previewModules.value)
 					}
 				}
@@ -2696,7 +2706,7 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				locale: locale.value,
 				styleless: true,
 				...overrides,
-				local: overrides.local ?? site.local ?? true,
+				local: overrides.local ?? site.local,
 				...previewStyleHead.value ? { previewOptions: {
 					...site.previewOptions,
 					headHTML: `${site.previewOptions?.headHTML || ""}${previewStyleHead.value}`
@@ -2704,7 +2714,7 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				options: playgroundOptions.value
 			};
 		});
-		const useIframeViewport = (0, vue.computed)(() => !!preview?.value && !playgroundProps.value.local && playgroundProps.value.styleless && !Array.isArray(playgroundProps.value.viewport));
+		const useIframeViewport = (0, vue.computed)(() => !!preview?.value && playgroundProps.value.local === false && playgroundProps.value.styleless && !Array.isArray(playgroundProps.value.viewport));
 		const previewStyleHead = (0, vue.computed)(() => {
 			try {
 				return parsePreviewStyleUrls(preview?.value?.styles, location.href).map((url) => `<link rel="stylesheet" href="${url.replaceAll("&", "&amp;").replaceAll("\"", "&quot;")}">`).join("");
@@ -2748,6 +2758,7 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				const activeLoads = /* @__PURE__ */ new Set();
 				const visit = async (url, logicalSource) => {
 					if (current !== generation || visited.has(url)) return;
+					visited.add(url);
 					const type = getResourceType(url);
 					const source = logicalSource || toLogicalResourceSource(config, langSnapshot, url);
 					const identity = createResourceIdentity(config, langSnapshot, type, source);
@@ -2763,11 +2774,13 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							priority: 100,
 							signal: activeController.signal
 						});
+					} catch (reason) {
+						visited.delete(url);
+						throw reason;
 					} finally {
 						activeLoads.delete(key);
 					}
 					if (current !== generation) return;
-					visited.add(url);
 					subscriptions.push(Gateway.subscribe(identity, reload));
 					let content = github && type === "module" ? await github.expandGlob(record.content, url) : record.content;
 					if (!github && type !== "style") assertResolvableSourceGlobs(content, url);
@@ -2823,7 +2836,7 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			clearSubscriptions();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["docs-remote-sfc", { "docs-remote-sfc--viewport": useIframeViewport.value }]) }, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$27, (0, vue.toDisplayString)(error.value), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$22, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : PlaygroundComponent.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(PlaygroundComponent.value), (0, vue.mergeProps)({ key: `${revision.value}:${playgroundProps.value.local}` }, playgroundProps.value, { onNavigate: handleNavigate }), null, 16)) : (0, vue.createCommentVNode)("v-if", true)], 2);
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["docs-remote-sfc", { "docs-remote-sfc--viewport": useIframeViewport.value }]) }, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$29, (0, vue.toDisplayString)(error.value), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$23, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : PlaygroundComponent.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(PlaygroundComponent.value), (0, vue.mergeProps)({ key: `${revision.value}:${playgroundProps.value.local}` }, playgroundProps.value, { onNavigate: handleNavigate }), null, 16)) : (0, vue.createCommentVNode)("v-if", true)], 2);
 		};
 	}
 });
@@ -2849,10 +2862,10 @@ var sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/components/renderer/source-editor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = { class: "docs-renderer-module-editor" };
+var _hoisted_1$28 = { class: "docs-renderer-module-editor" };
 //#endregion
 //#region packages/client/src/components/renderer/source-editor.vue
-var source_editor_default$1 = /* @__PURE__ */ (0, vue.defineComponent)({
+var source_editor_default$2 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "source-editor",
 	props: {
 		node: {},
@@ -2869,7 +2882,7 @@ var source_editor_default$1 = /* @__PURE__ */ (0, vue.defineComponent)({
 			source
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$26, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("renderer.editor.source")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Input), {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$28, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("renderer.editor.source")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Input), {
 				"model-value": String(__props.modelValue.source || ""),
 				"onUpdate:modelValue": handleUpdate
 			}, null, 8, ["model-value"])]);
@@ -2892,7 +2905,7 @@ var MarkdownModule = (0, _deot_docs_renderer.defineRendererModule)({
 		validate: validateDocsMarkdownProps
 	},
 	viewer: markdown_default,
-	editor: markdown_editor_default,
+	editor: markdown_editor_default$1,
 	frames: { sortable: {
 		movable: true,
 		deletable: true,
@@ -2930,7 +2943,7 @@ var SfcModule = (0, _deot_docs_renderer.defineRendererModule)({
 		}]
 	},
 	viewer: sfc_default,
-	editor: source_editor_default$1,
+	editor: source_editor_default$2,
 	frames: { sortable: {
 		movable: true,
 		deletable: true,
@@ -4581,11 +4594,11 @@ var SearchManager = class {
 var Search = new SearchManager();
 //#endregion
 //#region packages/client/src/components/search/search.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = ["aria-label"];
-var _hoisted_2$21 = { class: "docs-search__header" };
-var _hoisted_3$15 = ["placeholder", "aria-label"];
-var _hoisted_4$10 = { class: "docs-search__actions" };
-var _hoisted_5$8 = ["aria-label"];
+var _hoisted_1$27 = ["aria-label"];
+var _hoisted_2$22 = { class: "docs-search__header" };
+var _hoisted_3$16 = ["placeholder", "aria-label"];
+var _hoisted_4$11 = { class: "docs-search__actions" };
+var _hoisted_5$9 = ["aria-label"];
 var _hoisted_6$6 = { class: "docs-search__body" };
 var _hoisted_7$6 = { class: "docs-search__content" };
 var _hoisted_8$6 = {
@@ -4616,17 +4629,17 @@ var _hoisted_16$2 = {
 	key: 1,
 	class: "docs-search__result-excerpt"
 };
-var _hoisted_17$2 = {
+var _hoisted_17$1 = {
 	key: 0,
 	class: "docs-search__state"
 };
-var _hoisted_18$1 = { class: "docs-search__group-title" };
-var _hoisted_19$1 = [
+var _hoisted_18 = { class: "docs-search__group-title" };
+var _hoisted_19 = [
 	"data-search-index",
 	"onMouseenter",
 	"onClick"
 ];
-var _hoisted_20$1 = { class: "docs-search__result-content" };
+var _hoisted_20 = { class: "docs-search__result-content" };
 var _hoisted_21 = { class: "docs-search__result-title" };
 var _hoisted_22 = {
 	key: 0,
@@ -4836,7 +4849,7 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"aria-label": (0, vue.unref)(t)("client.search.dialogLabel"),
 				onKeydown: handleKeydown
 			}, [
-				(0, vue.createElementVNode)("header", _hoisted_2$21, [
+				(0, vue.createElementVNode)("header", _hoisted_2$22, [
 					_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
 						class: "docs-search__icon",
 						"aria-hidden": "true"
@@ -4852,8 +4865,8 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("client.search.placeholder"),
 						onCompositionstart: _cache[1] || (_cache[1] = ($event) => composing.value = true),
 						onCompositionend: handleCompositionEnd
-					}, null, 40, _hoisted_3$15), [[vue.vModelText, keyword.value]]),
-					(0, vue.createElementVNode)("div", _hoisted_4$10, [keyword.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, null, 40, _hoisted_3$16), [[vue.vModelText, keyword.value]]),
+					(0, vue.createElementVNode)("div", _hoisted_4$11, [keyword.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						class: "docs-search__clear",
 						type: "button",
@@ -4863,7 +4876,7 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						type: "button",
 						"aria-label": (0, vue.unref)(t)("client.search.close"),
 						onClick: handleClose
-					}, " esc ", 8, _hoisted_5$8)])
+					}, " esc ", 8, _hoisted_5$9)])
 				]),
 				(0, vue.createElementVNode)("div", _hoisted_6$6, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
 					class: "docs-search__scroller",
@@ -4901,9 +4914,9 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								}, "↵", -1))
 							], 42, _hoisted_11$4);
 						}), 128)),
-						!results.value.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_17$2, (0, vue.toDisplayString)(preparedCount.value ? (0, vue.unref)(t)("client.search.noResults") : (0, vue.unref)(t)("client.search.noCachedDocuments")), 1)) : (0, vue.createCommentVNode)("v-if", true)
+						!results.value.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_17$1, (0, vue.toDisplayString)(preparedCount.value ? (0, vue.unref)(t)("client.search.noResults") : (0, vue.unref)(t)("client.search.noCachedDocuments")), 1)) : (0, vue.createCommentVNode)("v-if", true)
 					], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [
-						(0, vue.createElementVNode)("div", _hoisted_18$1, (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.recent")), 1),
+						(0, vue.createElementVNode)("div", _hoisted_18, (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.recent")), 1),
 						((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(history.value, (item, index) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 								key: item.id,
@@ -4918,7 +4931,7 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									class: "docs-search__history-icon",
 									"aria-hidden": "true"
 								}, "↶", -1)),
-								(0, vue.createElementVNode)("span", _hoisted_20$1, [(0, vue.createElementVNode)("span", _hoisted_21, (0, vue.toDisplayString)(item.sectionTitle || item.title), 1), item.sectionTitle ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_22, (0, vue.toDisplayString)(item.title), 1)) : (0, vue.createCommentVNode)("v-if", true)]),
+								(0, vue.createElementVNode)("span", _hoisted_20, [(0, vue.createElementVNode)("span", _hoisted_21, (0, vue.toDisplayString)(item.sectionTitle || item.title), 1), item.sectionTitle ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_22, (0, vue.toDisplayString)(item.title), 1)) : (0, vue.createCommentVNode)("v-if", true)]),
 								(0, vue.createElementVNode)("button", {
 									class: (0, vue.normalizeClass)(["docs-search__history-action", { "docs-search__history-action--active": item.pinned }]),
 									type: "button",
@@ -4931,7 +4944,7 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									"aria-label": (0, vue.unref)(t)("client.search.remove"),
 									onClick: (0, vue.withModifiers)(($event) => handleRemoveHistory(item.id), ["stop"])
 								}, " × ", 8, _hoisted_24)
-							], 42, _hoisted_19$1);
+							], 42, _hoisted_19);
 						}), 128)),
 						!history.value.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_25, (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.noRecent")), 1)) : (0, vue.createCommentVNode)("v-if", true)
 					], 64))])]),
@@ -4946,7 +4959,7 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					(0, vue.createElementVNode)("span", null, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("kbd", null, "↵", -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.selectHint")), 1)]),
 					(0, vue.createElementVNode)("span", null, [_cache[8] || (_cache[8] = (0, vue.createElementVNode)("kbd", null, "ESC", -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.closeHint")), 1)])
 				])
-			], 40, _hoisted_1$25)]);
+			], 40, _hoisted_1$27)]);
 		};
 	}
 });
@@ -4963,8 +4976,8 @@ var DocsSearch = new _deot_vc.Portal(search_default, {
 });
 //#endregion
 //#region packages/client/src/components/search/trigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = ["aria-label"];
-var _hoisted_2$20 = { class: "docs-search-trigger__shortcut" };
+var _hoisted_1$26 = ["aria-label"];
+var _hoisted_2$21 = { class: "docs-search-trigger__shortcut" };
 //#endregion
 //#region packages/client/src/components/search/trigger.vue
 var trigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5008,7 +5021,7 @@ var trigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("span", {
 				class: "docs-search-trigger__icon",
 				"aria-hidden": "true"
-			}, null, -1)), (0, vue.createElementVNode)("kbd", _hoisted_2$20, (0, vue.toDisplayString)((0, vue.unref)(shortcut)), 1)], 8, _hoisted_1$24);
+			}, null, -1)), (0, vue.createElementVNode)("kbd", _hoisted_2$21, (0, vue.toDisplayString)((0, vue.unref)(shortcut)), 1)], 8, _hoisted_1$26);
 		};
 	}
 });
@@ -5117,12 +5130,12 @@ var CLIENT_ICON_DEFINITIONS = {
 };
 //#endregion
 //#region packages/client/src/components/icon/icon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = [
+var _hoisted_1$25 = [
 	"data-icon",
 	"fill",
 	"stroke"
 ];
-var _hoisted_2$19 = ["d"];
+var _hoisted_2$20 = ["d"];
 //#endregion
 //#region packages/client/src/components/icon/icon.vue
 var icon_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5154,13 +5167,13 @@ var icon_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				"aria-hidden": "true"
-			}, [(0, vue.createElementVNode)("path", { d: definition.value.path }, null, 8, _hoisted_2$19)], 12, _hoisted_1$23);
+			}, [(0, vue.createElementVNode)("path", { d: definition.value.path }, null, 8, _hoisted_2$20)], 12, _hoisted_1$25);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/components/theme-toggler/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = [
+var _hoisted_1$24 = [
 	"aria-checked",
 	"aria-label",
 	"onKeydown"
@@ -5198,7 +5211,7 @@ var theme_toggler_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, null, 8, ["model-value"]), (0, vue.createVNode)((0, vue.unref)(icon_default), {
 				name: isDark.value ? "moon" : "sun",
 				class: (0, vue.normalizeClass)(["theme-toggler__icon", isDark.value ? "is-dark" : "is-light"])
-			}, null, 8, ["name", "class"])], 40, _hoisted_1$22)) : (0, vue.createCommentVNode)("v-if", true);
+			}, null, 8, ["name", "class"])], 40, _hoisted_1$24)) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });
@@ -5246,11 +5259,11 @@ var takeInlineRendererDocument = (from) => {
 };
 //#endregion
 //#region packages/client/src/components/layout/default-header.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = { class: "docs-header" };
-var _hoisted_2$18 = ["href"];
-var _hoisted_3$14 = ["src"];
-var _hoisted_4$9 = ["src"];
-var _hoisted_5$7 = { class: "docs-header__search" };
+var _hoisted_1$23 = { class: "docs-header" };
+var _hoisted_2$19 = ["href"];
+var _hoisted_3$15 = ["src"];
+var _hoisted_4$10 = ["src"];
+var _hoisted_5$8 = { class: "docs-header__search" };
 var _hoisted_6$5 = ["aria-label"];
 var _hoisted_7$5 = ["aria-expanded"];
 var _hoisted_8$5 = ["href"];
@@ -5276,7 +5289,7 @@ var _hoisted_15$1 = [
 	"aria-label"
 ];
 var _hoisted_16$1 = { class: "docs-header__tools" };
-var _hoisted_17$1 = [
+var _hoisted_17 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
@@ -5439,7 +5452,7 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (action === "database") router.push(databasePath.value);
 		};
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_1$21, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_1$23, [
 				brandExternal.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 					key: 0,
 					class: "docs-header__brand",
@@ -5451,7 +5464,7 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					class: "docs-header__brand-logo",
 					src: brandLogo.value,
 					alt: ""
-				}, null, 8, _hoisted_3$14)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)], 8, _hoisted_2$18)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
+				}, null, 8, _hoisted_3$15)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)], 8, _hoisted_2$19)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
 					key: 1,
 					class: "docs-header__brand",
 					to: brandPath.value
@@ -5461,10 +5474,10 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "docs-header__brand-logo",
 						src: brandLogo.value,
 						alt: ""
-					}, null, 8, _hoisted_4$9)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)]),
+					}, null, 8, _hoisted_4$10)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)]),
 					_: 1
 				}, 8, ["to"])),
-				(0, vue.createElementVNode)("div", _hoisted_5$7, [(0, vue.createVNode)((0, vue.unref)(trigger_default))]),
+				(0, vue.createElementVNode)("div", _hoisted_5$8, [(0, vue.createVNode)((0, vue.unref)(trigger_default))]),
 				navItems.value.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("nav", {
 					key: 2,
 					class: "docs-header__nav",
@@ -5631,7 +5644,7 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						}, [(0, vue.createVNode)((0, vue.unref)(icon_default), {
 							name: "more",
 							size: 22
-						})], 8, _hoisted_17$1)]),
+						})], 8, _hoisted_17)]),
 						_: 1
 					}, 8, ["modelValue"])])
 				])
@@ -5696,11 +5709,11 @@ var pickSidebarIconValue = (icon, selected) => {
 };
 //#endregion
 //#region packages/client/src/components/layout/sidebar-glyph.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = {
+var _hoisted_1$22 = {
 	key: 0,
 	class: "docs-sidebar__icon"
 };
-var _hoisted_2$17 = ["src"];
+var _hoisted_2$18 = ["src"];
 //#endregion
 //#region packages/client/src/components/layout/sidebar-glyph.vue
 var sidebar_glyph_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5716,12 +5729,12 @@ var sidebar_glyph_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const kind = (0, vue.computed)(() => resolveSidebarIconKind(value.value));
 		const src = (0, vue.computed)(() => toSidebarIconSrc(value.value));
 		return (_ctx, _cache) => {
-			return value.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$20, [kind.value === "url" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+			return value.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$22, [kind.value === "url" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
 				key: 0,
 				class: "docs-sidebar__media",
 				src: src.value,
 				alt: ""
-			}, null, 8, _hoisted_2$17)) : kind.value === "type" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.Icon), {
+			}, null, 8, _hoisted_2$18)) : kind.value === "type" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.Icon), {
 				key: 1,
 				class: "docs-sidebar__glyph",
 				type: value.value,
@@ -5732,14 +5745,14 @@ var sidebar_glyph_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/components/layout/default-sidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = ["href"];
-var _hoisted_2$16 = { class: "docs-sidebar__text" };
-var _hoisted_3$13 = {
+var _hoisted_1$21 = ["href"];
+var _hoisted_2$17 = { class: "docs-sidebar__text" };
+var _hoisted_3$14 = {
 	key: 0,
 	class: "docs-sidebar__tag"
 };
-var _hoisted_4$8 = { class: "docs-sidebar__text" };
-var _hoisted_5$6 = {
+var _hoisted_4$9 = { class: "docs-sidebar__text" };
+var _hoisted_5$7 = {
 	key: 0,
 	class: "docs-sidebar__tag"
 };
@@ -5787,9 +5800,9 @@ var default_sidebar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					href: item.value
 				}, [
 					(0, vue.createVNode)(sidebar_glyph_default, { item }, null, 8, ["item"]),
-					(0, vue.createElementVNode)("span", _hoisted_2$16, (0, vue.toDisplayString)(item.label), 1),
-					item.tag ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$13, (0, vue.toDisplayString)(item.tag), 1)) : (0, vue.createCommentVNode)("v-if", true)
-				], 8, _hoisted_1$19)) : item.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
+					(0, vue.createElementVNode)("span", _hoisted_2$17, (0, vue.toDisplayString)(item.label), 1),
+					item.tag ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$14, (0, vue.toDisplayString)(item.tag), 1)) : (0, vue.createCommentVNode)("v-if", true)
+				], 8, _hoisted_1$21)) : item.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
 					key: 1,
 					class: (0, vue.normalizeClass)(["docs-sidebar__link", { "is-active": isItemActive(item.value) }]),
 					to: toPath(item.value)
@@ -5799,8 +5812,8 @@ var default_sidebar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							item,
 							selected: isItemActive(item.value)
 						}, null, 8, ["item", "selected"]),
-						(0, vue.createElementVNode)("span", _hoisted_4$8, (0, vue.toDisplayString)(item.label), 1),
-						item.tag ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$6, (0, vue.toDisplayString)(item.tag), 1)) : (0, vue.createCommentVNode)("v-if", true)
+						(0, vue.createElementVNode)("span", _hoisted_4$9, (0, vue.toDisplayString)(item.label), 1),
+						item.tag ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$7, (0, vue.toDisplayString)(item.tag), 1)) : (0, vue.createCommentVNode)("v-if", true)
 					]),
 					_: 2
 				}, 1032, ["class", "to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6$4, [
@@ -5819,8 +5832,8 @@ var default_sidebar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/components/layout/content-width-toggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = ["aria-label"];
-var _hoisted_2$15 = [
+var _hoisted_1$20 = ["aria-label"];
+var _hoisted_2$16 = [
 	"aria-checked",
 	"aria-label",
 	"tabindex",
@@ -5887,20 +5900,20 @@ var content_width_toggle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					class: "docs-content-width__icon",
 					name: option.icon,
 					size: 12
-				}, null, 8, ["name"])], 10, _hoisted_2$15);
-			}), 128))], 40, _hoisted_1$18);
+				}, null, 8, ["name"])], 10, _hoisted_2$16);
+			}), 128))], 40, _hoisted_1$20);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/components/layout/page-header.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = { class: "docs-page-header" };
-var _hoisted_2$14 = {
+var _hoisted_1$19 = { class: "docs-page-header" };
+var _hoisted_2$15 = {
 	key: 0,
 	class: "docs-page-header__start"
 };
-var _hoisted_3$12 = { class: "docs-page-header__eyebrow" };
-var _hoisted_4$7 = { class: "docs-page-header__end" };
+var _hoisted_3$13 = { class: "docs-page-header__eyebrow" };
+var _hoisted_4$8 = { class: "docs-page-header__end" };
 //#endregion
 //#region packages/client/src/components/layout/page-header.vue
 var page_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5914,13 +5927,13 @@ var page_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return findSidebarSection(sidebarItems.value, route.path, lang.value);
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_1$17, [section.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$14, [(0, vue.createElementVNode)("p", _hoisted_3$12, (0, vue.toDisplayString)(section.value.label), 1)])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", _hoisted_4$7, [(0, vue.createVNode)(content_width_toggle_default)])]);
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_1$19, [section.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$15, [(0, vue.createElementVNode)("p", _hoisted_3$13, (0, vue.toDisplayString)(section.value.label), 1)])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", _hoisted_4$8, [(0, vue.createVNode)(content_width_toggle_default)])]);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/components/layout/page-footer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = ["aria-label"];
+var _hoisted_1$18 = ["aria-label"];
 //#endregion
 //#region packages/client/src/components/layout/page-footer.vue
 var page_footer_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5976,7 +5989,7 @@ var page_footer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					d: "M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0\n						1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z"
 				})], -1))]),
 				_: 1
-			}, 8, ["to", "aria-label"])) : (0, vue.createCommentVNode)("v-if", true)], 8, _hoisted_1$16)) : (0, vue.createCommentVNode)("v-if", true);
+			}, 8, ["to", "aria-label"])) : (0, vue.createCommentVNode)("v-if", true)], 8, _hoisted_1$18)) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });
@@ -6104,8 +6117,8 @@ var resolveOutlineScrollerHeight = (maxHeight, listSize) => {
 };
 //#endregion
 //#region packages/client/src/components/layout/page-outline.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = ["aria-label"];
-var _hoisted_2$13 = { class: "docs-page-outline__title" };
+var _hoisted_1$17 = ["aria-label"];
+var _hoisted_2$14 = { class: "docs-page-outline__title" };
 var SCROLL_THRESHOLD = 80;
 //#endregion
 //#region packages/client/src/components/layout/page-outline.vue
@@ -6345,7 +6358,7 @@ var page_outline_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				class: "docs-page-outline",
 				style: (0, vue.normalizeStyle)(rootStyle.value),
 				"aria-label": (0, vue.unref)(t)("client.page.outline")
-			}, [(0, vue.createElementVNode)("p", _hoisted_2$13, (0, vue.toDisplayString)((0, vue.unref)(t)("client.page.outline")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
+			}, [(0, vue.createElementVNode)("p", _hoisted_2$14, (0, vue.toDisplayString)((0, vue.unref)(t)("client.page.outline")), 1), (0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
 				ref_key: "outlineScroller",
 				ref: outlineScroller,
 				class: "docs-page-outline__scroller",
@@ -6361,7 +6374,7 @@ var page_outline_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					onSelect: handleSelect
 				}, null, 8, ["items", "active-id"])]),
 				_: 1
-			}, 8, ["show-bar", "height"])], 12, _hoisted_1$15)) : (0, vue.createCommentVNode)("v-if", true);
+			}, 8, ["show-bar", "height"])], 12, _hoisted_1$17)) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });
@@ -6384,25 +6397,25 @@ var omitRouteQuery = (query, keys) => {
 };
 //#endregion
 //#region packages/client/src/components/layout/resource-slot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = [
+var _hoisted_1$16 = [
 	"data-slot",
 	"data-resource-type",
 	"data-content-width"
 ];
-var _hoisted_2$12 = {
+var _hoisted_2$13 = {
 	key: 0,
 	class: "docs-resource-slot__error",
 	role: "alert"
 };
-var _hoisted_3$11 = {
+var _hoisted_3$12 = {
 	key: 5,
 	class: "docs-resource-slot__page"
 };
-var _hoisted_4$6 = {
+var _hoisted_4$7 = {
 	key: 0,
 	class: "docs-resource-slot__error"
 };
-var _hoisted_5$5 = {
+var _hoisted_5$6 = {
 	key: 6,
 	class: "docs-resource-slot__error"
 };
@@ -6835,14 +6848,14 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"data-resource-type": resourceType.value || void 0,
 				"data-content-width": __props.name === "content" && resourceType.value === "markdown" ? (0, vue.unref)(contentWidth) : void 0,
 				style: (0, vue.normalizeStyle)({ minHeight: transitionMinHeight.value })
-			}, [styleError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$12, (0, vue.toDisplayString)(styleError.value), 1)) : (0, vue.createCommentVNode)("v-if", true), builtin.value === "header" ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_header_default, { key: 1 })) : builtin.value === "footer" ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_footer_default, { key: 2 })) : sidebarItems.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_sidebar_default, {
+			}, [styleError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$13, (0, vue.toDisplayString)(styleError.value), 1)) : (0, vue.createCommentVNode)("v-if", true), builtin.value === "header" ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_header_default, { key: 1 })) : builtin.value === "footer" ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_footer_default, { key: 2 })) : sidebarItems.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_sidebar_default, {
 				key: 3,
 				items: sidebarItems.value
 			}, null, 8, ["items"])) : resourceType.value === "sfc" && source.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(remote_sfc_default), {
 				key: 4,
 				source: source.value,
 				lang: lang.value
-			}, null, 8, ["source", "lang"])) : pageDocument.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$11, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$6, (0, vue.toDisplayString)(error.value), 1)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(_deot_docs_renderer.Renderer), {
+			}, null, 8, ["source", "lang"])) : pageDocument.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$12, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$7, (0, vue.toDisplayString)(error.value), 1)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(_deot_docs_renderer.Renderer), {
 				document: pageDocument.value,
 				modules: (0, vue.unref)(rendererModules),
 				context: rendererContext.value,
@@ -6852,7 +6865,7 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"modules",
 				"context",
 				"fit"
-			])])) : error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$5, (0, vue.toDisplayString)(error.value), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$3, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : resourceType.value === "markdown" && __props.name === "content" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7$3, [(0, vue.createElementVNode)("div", {
+			])])) : error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$6, (0, vue.toDisplayString)(error.value), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$3, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : resourceType.value === "markdown" && __props.name === "content" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7$3, [(0, vue.createElementVNode)("div", {
 				ref: bindArticle,
 				class: "docs-resource-slot__article"
 			}, [
@@ -6886,7 +6899,7 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 10,
 				class: "docs-resource-slot__builtin",
 				"data-builtin": builtin.value
-			}, null, 8, _hoisted_8$3)) : (0, vue.createCommentVNode)("v-if", true)], 12, _hoisted_1$14);
+			}, null, 8, _hoisted_8$3)) : (0, vue.createCommentVNode)("v-if", true)], 12, _hoisted_1$16);
 		};
 	}
 });
@@ -8005,11 +8018,11 @@ var listRendererEditorDemos = (lang) => RENDERER_EDITOR_DEMOS.map((name) => ({
 var createRendererEditorDemoDocument = (demo, lang) => factories[demo](lang);
 //#endregion
 //#region packages/client/src/app.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = { class: "docs-app__header" };
-var _hoisted_2$11 = ["aria-label", "aria-expanded"];
-var _hoisted_3$10 = ["aria-label"];
-var _hoisted_4$5 = { class: "docs-layout__main" };
-var _hoisted_5$4 = { class: "docs-layout__footer" };
+var _hoisted_1$15 = { class: "docs-app__header" };
+var _hoisted_2$12 = ["aria-label", "aria-expanded"];
+var _hoisted_3$11 = ["aria-label"];
+var _hoisted_4$6 = { class: "docs-layout__main" };
+var _hoisted_5$5 = { class: "docs-layout__footer" };
 //#endregion
 //#region packages/client/src/app.vue
 var app_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8066,14 +8079,14 @@ var app_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"docs-app--mobile-sidebar-open": mobileSidebarOpen.value
 				}]),
 				onKeydown: (0, vue.withKeys)(closeMobileSidebar, ["esc"])
-			}, [(0, vue.createElementVNode)("div", _hoisted_1$13, [(0, vue.createElementVNode)("button", {
+			}, [(0, vue.createElementVNode)("div", _hoisted_1$15, [(0, vue.createElementVNode)("button", {
 				type: "button",
 				class: (0, vue.normalizeClass)(["docs-app__sidebar-toggle", { "is-open": mobileSidebarOpen.value }]),
 				"aria-label": (0, vue.unref)(t)(mobileSidebarOpen.value ? "client.header.closeSidebar" : "client.header.openSidebar"),
 				"aria-expanded": mobileSidebarOpen.value,
 				"aria-controls": "docs-mobile-sidebar",
 				onClick: toggleMobileSidebar
-			}, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: mobileSidebarOpen.value ? "close" : "menu" }, null, 8, ["name"])], 10, _hoisted_2$11), (0, vue.createVNode)((0, vue.unref)(resource_slot_default), { name: "header" })]), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["docs-layout", {
+			}, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: mobileSidebarOpen.value ? "close" : "menu" }, null, 8, ["name"])], 10, _hoisted_2$12), (0, vue.createVNode)((0, vue.unref)(resource_slot_default), { name: "header" })]), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["docs-layout", {
 				"docs-layout--database": isUtilityShell.value,
 				"docs-layout--editor": isEditorShell.value,
 				"docs-layout--home": (0, vue.unref)(route).meta?.docsHome
@@ -8098,7 +8111,7 @@ var app_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					class: "docs-layout__sidebar-mask",
 					"aria-label": (0, vue.unref)(t)("client.header.closeSidebar"),
 					onClick: closeMobileSidebar
-				}, null, 8, _hoisted_3$10),
+				}, null, 8, _hoisted_3$11),
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
 					ref_key: "mainScroller",
 					ref: mainScroller,
@@ -8115,12 +8128,12 @@ var app_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							class: "docs-layout__rail docs-layout__rail--start",
 							"aria-hidden": "true"
 						}, null, -1)),
-						(0, vue.createElementVNode)("main", _hoisted_4$5, [(0, vue.createVNode)((0, vue.unref)(vue_router.RouterView)), (0, vue.createVNode)((0, vue.unref)(vue_router.RouterView), { name: "extra" })]),
+						(0, vue.createElementVNode)("main", _hoisted_4$6, [(0, vue.createVNode)((0, vue.unref)(vue_router.RouterView)), (0, vue.createVNode)((0, vue.unref)(vue_router.RouterView), { name: "extra" })]),
 						_cache[1] || (_cache[1] = (0, vue.createElementVNode)("div", {
 							class: "docs-layout__rail docs-layout__rail--end",
 							"aria-hidden": "true"
 						}, null, -1)),
-						(0, vue.createElementVNode)("div", _hoisted_5$4, [(0, vue.createVNode)((0, vue.unref)(resource_slot_default), { name: "footer" })])
+						(0, vue.createElementVNode)("div", _hoisted_5$5, [(0, vue.createVNode)((0, vue.unref)(resource_slot_default), { name: "footer" })])
 					]),
 					_: 1
 				}, 512)
@@ -8248,16 +8261,16 @@ var prune = async () => {
 };
 //#endregion
 //#region packages/client/src/components/paging/filter/filter-item.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = { class: "docs-paging-filter-item" };
-var _hoisted_2$10 = {
+var _hoisted_1$14 = { class: "docs-paging-filter-item" };
+var _hoisted_2$11 = {
 	key: 0,
 	class: "docs-paging-filter-item__label"
 };
-var _hoisted_3$9 = {
+var _hoisted_3$10 = {
 	key: 1,
 	class: "docs-paging-filter-item__range"
 };
-var _hoisted_4$4 = { class: "docs-paging-filter-item__separator" };
+var _hoisted_4$5 = { class: "docs-paging-filter-item__separator" };
 //#endregion
 //#region packages/client/src/components/paging/filter/filter-item.vue
 var filter_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8306,7 +8319,7 @@ var filter_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			emit("search");
 		};
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$12, [__props.module.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$10, (0, vue.toDisplayString)(__props.module.label), 1)) : (0, vue.createCommentVNode)("v-if", true), __props.module.type === "range" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$9, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$14, [__props.module.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$11, (0, vue.toDisplayString)(__props.module.label), 1)) : (0, vue.createCommentVNode)("v-if", true), __props.module.type === "range" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$10, [
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.InputNumber), (0, vue.mergeProps)({
 					"model-value": getNumberValue(__props.startValue),
 					"data-filter": __props.module.field[0],
@@ -8319,7 +8332,7 @@ var filter_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"data-filter",
 					"placeholder"
 				]),
-				(0, vue.createElementVNode)("span", _hoisted_4$4, (0, vue.toDisplayString)(__props.module.separator || "-"), 1),
+				(0, vue.createElementVNode)("span", _hoisted_4$5, (0, vue.toDisplayString)(__props.module.separator || "-"), 1),
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.InputNumber), (0, vue.mergeProps)({
 					"model-value": getNumberValue(__props.endValue),
 					"data-filter": __props.module.field[1],
@@ -8382,8 +8395,8 @@ var filter_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/components/paging/filter/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { class: "docs-paging-filter" };
-var _hoisted_2$9 = { class: "docs-paging-filter__operate" };
+var _hoisted_1$13 = { class: "docs-paging-filter" };
+var _hoisted_2$10 = { class: "docs-paging-filter__operate" };
 //#endregion
 //#region packages/client/src/components/paging/filter/index.vue
 var filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8437,7 +8450,7 @@ var filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			emit("search", value);
 		};
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$11, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.modules, (module) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$13, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.modules, (module) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)(filter_item_default, {
 					key: getModuleKey(module),
 					module,
@@ -8457,7 +8470,7 @@ var filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"onUpdate:startValue",
 					"onUpdate:endValue"
 				]);
-			}), 128)), (0, vue.createElementVNode)("div", _hoisted_2$9, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
+			}), 128)), (0, vue.createElementVNode)("div", _hoisted_2$10, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 				type: "primary",
 				onClick: handleSearch
 			}, {
@@ -8472,9 +8485,9 @@ var filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/components/paging/paging.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = { class: "docs-paging" };
-var _hoisted_2$8 = { class: "docs-paging__pagination" };
-var _hoisted_3$8 = { class: "docs-paging__pagination-control" };
+var _hoisted_1$12 = { class: "docs-paging" };
+var _hoisted_2$9 = { class: "docs-paging__pagination" };
+var _hoisted_3$9 = { class: "docs-paging__pagination-control" };
 //#endregion
 //#region packages/client/src/components/paging/paging.vue
 var paging_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8620,7 +8633,7 @@ var paging_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			refreshAffix
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$10, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$12, [
 				__props.filterModules.length ? ((0, vue.openBlock)(), (0, vue.createBlock)(filter_default, {
 					key: 0,
 					modules: __props.filterModules,
@@ -8654,12 +8667,12 @@ var paging_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					ref_key: "footerAffix",
 					ref: footerAffix
 				}, affixOptions.value[1]), {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("footer", _hoisted_2$8, [(0, vue.renderSlot)(_ctx.$slots, "footer-extra", {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("footer", _hoisted_2$9, [(0, vue.renderSlot)(_ctx.$slots, "footer-extra", {
 						current: current.value,
 						pageSize: pageSize.value,
 						total: total.value,
 						loading: loading.value
-					}), (0, vue.createElementVNode)("div", _hoisted_3$8, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Pagination), {
+					}), (0, vue.createElementVNode)("div", _hoisted_3$9, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Pagination), {
 						count: total.value,
 						current: current.value,
 						"page-size": pageSize.value,
@@ -8683,7 +8696,7 @@ var paging_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/components/tag/tag.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = ["data-type"];
+var _hoisted_1$11 = ["data-type"];
 //#endregion
 //#region packages/client/src/components/tag/tag.vue
 var tag_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8728,17 +8741,17 @@ var tag_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					backgroundColor: currentColor.value[0],
 					color: currentColor.value[1]
 				})
-			}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["docs-tag__label", { "docs-tag__label--ellipsis": __props.ellipsis }]) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(currentLabel.value), 1)])], 2)], 12, _hoisted_1$9);
+			}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["docs-tag__label", { "docs-tag__label--ellipsis": __props.ellipsis }]) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(currentLabel.value), 1)])], 2)], 12, _hoisted_1$11);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/pages/database/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = { class: "docs-database" };
-var _hoisted_2$7 = { class: "docs-database__header" };
-var _hoisted_3$7 = ["title"];
-var _hoisted_4$3 = { class: "docs-database__toolbar" };
-var _hoisted_5$3 = { class: "docs-database__toolbar-primary" };
+var _hoisted_1$10 = { class: "docs-database" };
+var _hoisted_2$8 = { class: "docs-database__header" };
+var _hoisted_3$8 = ["title"];
+var _hoisted_4$4 = { class: "docs-database__toolbar" };
+var _hoisted_5$4 = { class: "docs-database__toolbar-primary" };
 var _hoisted_6$2 = { class: "docs-database__button-content" };
 var _hoisted_7$2 = { class: "docs-database__button-content" };
 var _hoisted_8$2 = { class: "docs-database__columns" };
@@ -8974,11 +8987,11 @@ var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			statusRefreshTimer = void 0;
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$8, [(0, vue.createElementVNode)("header", _hoisted_2$7, [(0, vue.createElementVNode)("div", null, [(0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.title")), 1), (0, vue.createElementVNode)("p", null, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$10, [(0, vue.createElementVNode)("header", _hoisted_2$8, [(0, vue.createElementVNode)("div", null, [(0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.title")), 1), (0, vue.createElementVNode)("p", null, [
 				(0, vue.createTextVNode)(" deot-docs / resources · " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.records", { count: records.value.length })) + " · ", 1),
-				(0, vue.createElementVNode)("span", { title: (0, vue.unref)(currentNamespace) }, (0, vue.toDisplayString)((0, vue.unref)(currentNamespace)), 9, _hoisted_3$7),
+				(0, vue.createElementVNode)("span", { title: (0, vue.unref)(currentNamespace) }, (0, vue.toDisplayString)((0, vue.unref)(currentNamespace)), 9, _hoisted_3$8),
 				(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.cache", { size: namespaceCacheSize.value })), 1)
-			])]), (0, vue.createElementVNode)("div", _hoisted_4$3, [(0, vue.createElementVNode)("div", _hoisted_5$3, [
+			])]), (0, vue.createElementVNode)("div", _hoisted_4$4, [(0, vue.createElementVNode)("div", _hoisted_5$4, [
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 					type: "primary",
 					disabled: loading.value,
@@ -9228,14 +9241,14 @@ var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/pages/renderer-editor-demos/components/card.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { class: "docs-renderer-editor-demos-card__name" };
-var _hoisted_2$6 = { class: "docs-renderer-editor-demos-card__title" };
-var _hoisted_3$6 = { class: "docs-renderer-editor-demos-card__desc" };
-var _hoisted_4$2 = {
+var _hoisted_1$9 = { class: "docs-renderer-editor-demos-card__name" };
+var _hoisted_2$7 = { class: "docs-renderer-editor-demos-card__title" };
+var _hoisted_3$7 = { class: "docs-renderer-editor-demos-card__desc" };
+var _hoisted_4$3 = {
 	key: 0,
 	class: "docs-renderer-editor-demos-card__modules"
 };
-var _hoisted_5$2 = { class: "docs-renderer-editor-demos-card__action" };
+var _hoisted_5$3 = { class: "docs-renderer-editor-demos-card__action" };
 //#endregion
 //#region packages/client/src/pages/renderer-editor-demos/components/card.vue
 var card_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -9259,22 +9272,22 @@ var card_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					class: "docs-renderer-editor-demos-card__accent",
 					"aria-hidden": "true"
 				}, null, -1)),
-				(0, vue.createElementVNode)("span", _hoisted_1$7, (0, vue.toDisplayString)(__props.item.name), 1),
-				(0, vue.createElementVNode)("strong", _hoisted_2$6, (0, vue.toDisplayString)(__props.item.title), 1),
-				(0, vue.createElementVNode)("p", _hoisted_3$6, (0, vue.toDisplayString)(__props.item.description), 1),
-				__props.item.modules.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_4$2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.item.modules, (type) => {
+				(0, vue.createElementVNode)("span", _hoisted_1$9, (0, vue.toDisplayString)(__props.item.name), 1),
+				(0, vue.createElementVNode)("strong", _hoisted_2$7, (0, vue.toDisplayString)(__props.item.title), 1),
+				(0, vue.createElementVNode)("p", _hoisted_3$7, (0, vue.toDisplayString)(__props.item.description), 1),
+				__props.item.modules.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_4$3, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.item.modules, (type) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", { key: type }, (0, vue.toDisplayString)(type), 1);
 				}), 128))])) : (0, vue.createCommentVNode)("v-if", true),
-				(0, vue.createElementVNode)("span", _hoisted_5$2, (0, vue.toDisplayString)(__props.action || (0, vue.unref)(t)("client.demos.open")), 1)
+				(0, vue.createElementVNode)("span", _hoisted_5$3, (0, vue.toDisplayString)(__props.action || (0, vue.unref)(t)("client.demos.open")), 1)
 			], 4);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/pages/renderer-editor-demos/components/gallery.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = { class: "docs-renderer-editor-demos-gallery" };
-var _hoisted_2$5 = { class: "docs-renderer-editor-demos-gallery__intro" };
-var _hoisted_3$5 = { class: "docs-renderer-editor-demos-gallery__grid" };
+var _hoisted_1$8 = { class: "docs-renderer-editor-demos-gallery" };
+var _hoisted_2$6 = { class: "docs-renderer-editor-demos-gallery__intro" };
+var _hoisted_3$6 = { class: "docs-renderer-editor-demos-gallery__grid" };
 //#endregion
 //#region packages/client/src/pages/renderer-editor-demos/components/gallery.vue
 var gallery_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -9295,7 +9308,7 @@ var gallery_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (isRendererEditorDemo(name)) emit("open", name);
 		};
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$6, [(0, vue.createElementVNode)("header", _hoisted_2$5, [(0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.demos.title")), 1), (0, vue.createElementVNode)("p", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.demos.subtitle")), 1)]), (0, vue.createElementVNode)("div", _hoisted_3$5, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(items.value, (item) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$8, [(0, vue.createElementVNode)("header", _hoisted_2$6, [(0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.demos.title")), 1), (0, vue.createElementVNode)("p", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.demos.subtitle")), 1)]), (0, vue.createElementVNode)("div", _hoisted_3$6, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(items.value, (item) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)(card_default, {
 					key: item.name,
 					item,
@@ -9311,7 +9324,7 @@ var gallery_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/pages/renderer-editor-demos/components/stage.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = { class: "docs-renderer-editor-demos-stage" };
+var _hoisted_1$7 = { class: "docs-renderer-editor-demos-stage" };
 //#endregion
 //#region packages/client/src/pages/renderer-editor-demos/components/stage.vue
 var stage_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -9374,7 +9387,7 @@ var stage_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			document.value = createRendererEditorDemoDocument(props.name, lang.value);
 		}, { immediate: true });
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$5, [document.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_renderer.Combo), {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$7, [document.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_renderer.Combo), {
 				key: 0,
 				modelValue: document.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => document.value = $event),
@@ -9434,12 +9447,12 @@ var renderer_editor_demos_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/pages/renderer-editor/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = { class: "docs-renderer-editor-page" };
-var _hoisted_2$4 = {
+var _hoisted_1$6 = { class: "docs-renderer-editor-page" };
+var _hoisted_2$5 = {
 	key: 0,
 	class: "docs-renderer-editor-page__error"
 };
-var _hoisted_3$4 = {
+var _hoisted_3$5 = {
 	key: 1,
 	class: "docs-renderer-editor-page__loading"
 };
@@ -9642,7 +9655,7 @@ var renderer_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			controller?.abort();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$4, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$4, (0, vue.toDisplayString)(error.value), 1)) : loading.value || !document.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$4, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_renderer.Combo), {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$6, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$5, (0, vue.toDisplayString)(error.value), 1)) : loading.value || !document.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$5, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_renderer.Combo), {
 				key: 2,
 				modelValue: document.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => document.value = $event),
@@ -9662,12 +9675,12 @@ var renderer_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region packages/client/src/pages/home/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = { class: "docs-home" };
-var _hoisted_2$3 = {
+var _hoisted_1$5 = { class: "docs-home" };
+var _hoisted_2$4 = {
 	key: 0,
 	class: "docs-home__error"
 };
-var _hoisted_3$3 = {
+var _hoisted_3$4 = {
 	key: 2,
 	class: "docs-home__loading"
 };
@@ -9763,7 +9776,7 @@ var home_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			unsubscribe?.();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$3, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$3, (0, vue.toDisplayString)(error.value), 1)) : (0, vue.createCommentVNode)("v-if", true), document.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_renderer.Renderer), {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$5, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$4, (0, vue.toDisplayString)(error.value), 1)) : (0, vue.createCommentVNode)("v-if", true), document.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_renderer.Renderer), {
 				key: 1,
 				document: document.value,
 				modules: (0, vue.unref)(rendererModules),
@@ -9774,7 +9787,7 @@ var home_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"modules",
 				"context",
 				"fit"
-			])) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$3, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : (0, vue.createCommentVNode)("v-if", true)]);
+			])) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$4, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : (0, vue.createCommentVNode)("v-if", true)]);
 		};
 	}
 });
@@ -9790,12 +9803,12 @@ var retry = async (row) => Resource.playground.retry(getNamespace(), row);
 var subscribeStatus = (listener) => Resource.playground.subscribeStatus(listener);
 //#endregion
 //#region packages/client/src/pages/playground-resource/components/source-editor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = { class: "docs-playground-resource-source-editor__meta" };
-var _hoisted_2$2 = ["title"];
-var _hoisted_3$2 = { class: "docs-playground-resource-source-editor__label" };
+var _hoisted_1$4 = { class: "docs-playground-resource-source-editor__meta" };
+var _hoisted_2$3 = ["title"];
+var _hoisted_3$3 = { class: "docs-playground-resource-source-editor__label" };
 //#endregion
 //#region packages/client/src/pages/playground-resource/components/source-editor.vue
-var source_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+var source_editor_default$1 = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "source-editor",
 	props: {
 		row: {},
@@ -9834,15 +9847,15 @@ var source_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				onClose: handleClose
 			}, {
 				default: (0, vue.withCtx)(() => [
-					(0, vue.createElementVNode)("div", _hoisted_1$2, [
+					(0, vue.createElementVNode)("div", _hoisted_1$4, [
 						(0, vue.createElementVNode)("p", null, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.kind")), 1), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["docs-playground-resource__kind", { "is-style": __props.row.kind === "style" }]) }, (0, vue.toDisplayString)(kindLabel.value), 3)]),
 						(0, vue.createElementVNode)("p", null, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.alias")), 1), (0, vue.createElementVNode)("code", null, (0, vue.toDisplayString)(__props.row.alias), 1)]),
 						(0, vue.createElementVNode)("p", null, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.defaultUrl")), 1), (0, vue.createElementVNode)("code", {
 							class: "docs-playground-resource__ellipsis",
 							title: __props.row.defaultUrl || "-"
-						}, (0, vue.toDisplayString)(__props.row.defaultUrl || "-"), 9, _hoisted_2$2)])
+						}, (0, vue.toDisplayString)(__props.row.defaultUrl || "-"), 9, _hoisted_2$3)])
 					]),
-					(0, vue.createElementVNode)("label", _hoisted_3$2, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.currentUrl")), 1),
+					(0, vue.createElementVNode)("label", _hoisted_3$3, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.currentUrl")), 1),
 					(0, vue.createVNode)((0, vue.unref)(_deot_vc.Textarea), {
 						modelValue: draft.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
@@ -9860,18 +9873,18 @@ var source_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 /**
 * Playground 资源地址编辑弹层。与搜索/预览一致：单例先销毁旧实例，再打开新会话。
 */
-var SourceEditor = new _deot_vc.Portal(source_editor_default, {
+var SourceEditor = new _deot_vc.Portal(source_editor_default$1, {
 	name: "docs-playground-resource-source-editor",
 	leaveDelay: 0,
 	multiple: false
 });
 //#endregion
 //#region packages/client/src/pages/playground-resource/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { class: "docs-playground-resource" };
-var _hoisted_2$1 = { class: "docs-playground-resource__header" };
-var _hoisted_3$1 = ["title"];
-var _hoisted_4$1 = { class: "docs-playground-resource__hint" };
-var _hoisted_5$1 = { class: "docs-playground-resource__toolbar" };
+var _hoisted_1$3 = { class: "docs-playground-resource" };
+var _hoisted_2$2 = { class: "docs-playground-resource__header" };
+var _hoisted_3$2 = ["title"];
+var _hoisted_4$2 = { class: "docs-playground-resource__hint" };
+var _hoisted_5$2 = { class: "docs-playground-resource__toolbar" };
 var _hoisted_6$1 = { class: "docs-playground-resource__toolbar-primary" };
 var _hoisted_7$1 = { class: "docs-playground-resource__button-content" };
 var _hoisted_8$1 = { class: "docs-playground-resource__button-content" };
@@ -10105,15 +10118,15 @@ var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			SourceEditor.destroy();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$1, [(0, vue.createElementVNode)("header", _hoisted_2$1, [(0, vue.createElementVNode)("div", null, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$3, [(0, vue.createElementVNode)("header", _hoisted_2$2, [(0, vue.createElementVNode)("div", null, [
 				(0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.title")), 1),
 				(0, vue.createElementVNode)("p", null, [
 					(0, vue.createTextVNode)(" deot-docs-playground-resource / resources · " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.records", { count: rows.value.length })) + " · ", 1),
-					(0, vue.createElementVNode)("span", { title: (0, vue.unref)(currentNamespace) }, (0, vue.toDisplayString)((0, vue.unref)(currentNamespace)), 9, _hoisted_3$1),
+					(0, vue.createElementVNode)("span", { title: (0, vue.unref)(currentNamespace) }, (0, vue.toDisplayString)((0, vue.unref)(currentNamespace)), 9, _hoisted_3$2),
 					(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.cache", { size: namespaceCacheSize.value })), 1)
 				]),
-				(0, vue.createElementVNode)("p", _hoisted_4$1, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.hint")), 1)
-			]), (0, vue.createElementVNode)("div", _hoisted_5$1, [(0, vue.createElementVNode)("div", _hoisted_6$1, [
+				(0, vue.createElementVNode)("p", _hoisted_4$2, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.hint")), 1)
+			]), (0, vue.createElementVNode)("div", _hoisted_5$2, [(0, vue.createElementVNode)("div", _hoisted_6$1, [
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 					type: "primary",
 					disabled: loading.value,
@@ -10312,195 +10325,699 @@ var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region packages/client/src/pages/preview-config-generate/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "docs-preview-config-generate" };
-var _hoisted_2 = { class: "docs-preview-config-generate__body" };
-var _hoisted_3 = { class: "docs-preview-config-generate__import" };
-var _hoisted_4 = { for: "preview-import" };
-var _hoisted_5 = { class: "docs-preview-config-generate__actions" };
-var _hoisted_6 = ["placeholder"];
-var _hoisted_7 = ["disabled"];
-var _hoisted_8 = {
+//#region packages/client/src/pages/raw-editor/components/json-editor.vue
+var json_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "json-editor",
+	props: {
+		modelValue: {},
+		label: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const host = (0, vue.ref)();
+		const theme = new _codemirror_state.Compartment();
+		const attributes = new _codemirror_state.Compartment();
+		let editor;
+		const editorTheme = () => codemirror.EditorView.theme({}, { dark: Theme.current.value === "dark" });
+		const editorAttributes = () => codemirror.EditorView.contentAttributes.of({ "aria-label": props.label });
+		(0, vue.onMounted)(() => {
+			editor = new codemirror.EditorView({
+				parent: host.value,
+				state: _codemirror_state.EditorState.create({
+					doc: props.modelValue,
+					extensions: [
+						codemirror.basicSetup,
+						(0, _codemirror_lang_json.json)(),
+						codemirror.EditorView.lineWrapping,
+						theme.of(editorTheme()),
+						attributes.of(editorAttributes()),
+						codemirror.EditorView.updateListener.of((update) => {
+							if (!update.docChanged) return;
+							const value = update.state.doc.toString();
+							if (value !== props.modelValue) emit("update:modelValue", value);
+						})
+					]
+				})
+			});
+		});
+		(0, vue.watch)(() => props.modelValue, (value) => {
+			if (!editor || value === editor.state.doc.toString()) return;
+			editor.dispatch({ changes: {
+				from: 0,
+				to: editor.state.doc.length,
+				insert: value
+			} });
+		});
+		(0, vue.watch)(Theme.current, () => editor?.dispatch({ effects: theme.reconfigure(editorTheme()) }));
+		(0, vue.watch)(() => props.label, () => editor?.dispatch({ effects: attributes.reconfigure(editorAttributes()) }));
+		(0, vue.onBeforeUnmount)(() => editor?.destroy());
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.Scroller), {
+				class: "docs-raw-editor-json-editor",
+				native: false,
+				wheel: false,
+				"auto-resize": true,
+				always: true,
+				height: "100%"
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
+					ref_key: "host",
+					ref: host,
+					class: "docs-raw-editor-json-editor__host"
+				}, null, 512)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region packages/client/src/pages/raw-editor/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "docs-raw-editor" };
+var _hoisted_2$1 = { class: "docs-raw-editor__import" };
+var _hoisted_3$1 = { for: "raw-import" };
+var _hoisted_4$1 = { class: "docs-raw-editor__actions" };
+var _hoisted_5$1 = ["placeholder"];
+var _hoisted_6 = ["disabled"];
+var _hoisted_7 = {
 	key: 0,
-	role: "alert",
-	class: "docs-preview-config-generate__error"
-};
-var _hoisted_9 = { class: "docs-preview-config-generate__fields" };
-var _hoisted_10 = ["placeholder"];
-var _hoisted_11 = ["for"];
-var _hoisted_12 = ["id", "onUpdate:modelValue"];
-var _hoisted_13 = { for: "preview-lang" };
-var _hoisted_14 = {
+	role: "alert"
+};
+var _hoisted_8 = { for: "raw-target" };
+var _hoisted_9 = { class: "docs-raw-editor__actions" };
+var _hoisted_10 = { class: "docs-raw-editor__panels" };
+var _hoisted_11 = { class: "docs-raw-editor__panel" };
+var _hoisted_12 = { class: "docs-raw-editor__panel" };
+var _hoisted_13 = {
 	key: 0,
-	role: "alert",
-	class: "docs-preview-config-generate__error"
-};
-var _hoisted_15 = { class: "docs-preview-config-generate__output" };
-var _hoisted_16 = { for: "preview-link" };
-var _hoisted_17 = ["value"];
-var _hoisted_18 = { class: "docs-preview-config-generate__actions" };
-var _hoisted_19 = ["href"];
-var _hoisted_20 = { key: 0 };
-//#endregion
-//#region packages/client/src/pages/preview-config-generate/index.vue
-var preview_config_generate_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	role: "alert"
+};
+var _hoisted_14 = { id: "raw-link" };
+var _hoisted_15 = { class: "docs-raw-editor__actions" };
+var _hoisted_16 = ["href"];
+//#endregion
+//#region packages/client/src/pages/raw-editor/index.vue
+var raw_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "index",
 	setup(__props) {
 		const route = (0, vue_router.useRoute)();
-		const docs = getDocsConfig();
 		const { t } = (0, _deot_docs_locale.useLocale)();
-		const languageOptions = (0, vue.computed)(() => [{
-			value: "",
-			label: t("client.previewConfigGenerate.defaultLanguage")
-		}, ...Object.entries(docs.locales).map(([value, item]) => ({
-			value,
-			label: item.label || value
-		}))]);
-		const defaults = {
-			url: "",
-			styles: "[]",
-			modules: "{}",
-			playground: "{}",
-			lang: ""
-		};
-		const form = (0, vue.reactive)({ ...defaults });
-		const jsonFields = [
-			"styles",
-			"modules",
-			"playground"
-		];
+		const base = getDocsDeploymentBase(getDocsConfig());
+		const jsonText = (0, vue.ref)("{}");
+		const target = (0, vue.ref)("__docs/preview");
 		const importUrl = (0, vue.ref)("");
 		const parseError = (0, vue.ref)("");
-		const messageOf = (reason) => t("client.common.previewConfigFailed", { message: reason instanceof Error ? reason.message : String(reason) });
+		const messageOf = (error) => error instanceof Error ? error.message : String(error);
 		const result = (0, vue.computed)(() => {
 			try {
-				const config = normalizePreviewConfig({
-					url: form.url,
-					lang: form.lang,
-					...Object.fromEntries(jsonFields.map((field) => [field, JSON.parse(form[field])]))
-				});
-				if (!resolvePreviewType(config.url, location.href)) throw new TypeError(t("client.common.previewUrlUnsupported"));
-				parsePreviewStyleUrls(config.styles, location.href);
 				return {
-					config,
-					href: createPreviewUrl(config, getDocsDeploymentBase(docs)),
+					href: createRawUrl(JSON.parse(jsonText.value), target.value, base),
 					error: ""
 				};
-			} catch (reason) {
+			} catch (error) {
 				return {
-					config: void 0,
 					href: "",
-					error: form.url || jsonFields.some((field) => form[field] !== defaults[field]) ? messageOf(reason) : ""
+					error: t("client.rawEditor.invalid", { message: messageOf(error) })
 				};
 			}
 		});
 		const applyQuery = (query) => {
 			try {
-				const config = readPreviewConfig(query);
-				if (!config.url) throw new TypeError(t("client.common.previewUrlRequired"));
-				form.url = config.url;
-				form.lang = config.lang || "";
-				jsonFields.forEach((field) => form[field] = JSON.stringify(config[field] || {}, null, 2));
+				if (typeof query.target === "string") target.value = query.target;
+				if (query.raw !== void 0) jsonText.value = JSON.stringify(readRaw(query.raw), null, 2);
+				else if (query.url !== void 0) jsonText.value = JSON.stringify(readPreviewConfig(query), null, 2);
 				parseError.value = "";
-			} catch (reason) {
-				parseError.value = messageOf(reason);
+			} catch (error) {
+				parseError.value = t("client.rawEditor.invalid", { message: messageOf(error) });
 			}
 		};
 		const parseLink = () => {
 			try {
-				const target = new URL(importUrl.value.trim(), location.href);
+				const url = new URL(importUrl.value.trim(), base);
+				if (!/^https?:$/.test(url.protocol)) throw new TypeError("Invalid HTTP(S) URL");
 				const query = {};
-				target.searchParams.forEach((_, key) => {
-					const values = target.searchParams.getAll(key);
+				url.searchParams.forEach((_, key) => {
+					const values = url.searchParams.getAll(key);
 					query[key] = values.length === 1 ? values[0] : values;
 				});
-				applyQuery(query);
-			} catch (reason) {
-				parseError.value = messageOf(reason);
+				if (query.raw === void 0 && query.url === void 0) throw new TypeError("raw or url is required");
+				const value = query.raw !== void 0 ? readRaw(query.raw) : readPreviewConfig(query);
+				url.searchParams.delete("raw");
+				jsonText.value = JSON.stringify(value, null, 2);
+				target.value = url.href;
+				parseError.value = "";
+			} catch (error) {
+				parseError.value = t("client.rawEditor.invalid", { message: messageOf(error) });
 			}
 		};
-		(0, vue.watch)(() => route.query, (query) => {
-			if (query.raw !== void 0 || query.url !== void 0) applyQuery(query);
-		}, { immediate: true });
+		(0, vue.watch)(() => route.query, applyQuery, { immediate: true });
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [
-				(0, vue.createElementVNode)("header", null, [(0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.title")), 1), (0, vue.createElementVNode)("p", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.description")), 1)]),
-				(0, vue.createElementVNode)("div", _hoisted_3, [
-					(0, vue.createElementVNode)("label", _hoisted_4, (0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.importLabel")), 1),
-					(0, vue.createElementVNode)("div", _hoisted_5, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
-						id: "preview-import",
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$2, [
+				(0, vue.createElementVNode)("header", null, [(0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.title")), 1), (0, vue.createElementVNode)("p", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.description")), 1)]),
+				(0, vue.createElementVNode)("div", _hoisted_2$1, [
+					(0, vue.createElementVNode)("label", _hoisted_3$1, (0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.importLabel")), 1),
+					(0, vue.createElementVNode)("div", _hoisted_4$1, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+						id: "raw-import",
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => importUrl.value = $event),
-						class: "docs-preview-config-generate__input",
-						placeholder: (0, vue.unref)(t)("client.previewConfigGenerate.parseHint")
-					}, null, 8, _hoisted_6), [[vue.vModelText, importUrl.value]]), (0, vue.createElementVNode)("button", {
+						placeholder: (0, vue.unref)(t)("client.rawEditor.parseHint")
+					}, null, 8, _hoisted_5$1), [[vue.vModelText, importUrl.value]]), (0, vue.createElementVNode)("button", {
 						type: "button",
 						disabled: !importUrl.value.trim(),
 						onClick: parseLink
-					}, (0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.parse")), 9, _hoisted_7)]),
-					parseError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_8, (0, vue.toDisplayString)(parseError.value), 1)) : (0, vue.createCommentVNode)("v-if", true)
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.parse")), 9, _hoisted_6)]),
+					parseError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_7, (0, vue.toDisplayString)(parseError.value), 1)) : (0, vue.createCommentVNode)("v-if", true)
 				]),
+				(0, vue.createElementVNode)("label", _hoisted_8, (0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.target")), 1),
 				(0, vue.createElementVNode)("div", _hoisted_9, [
-					_cache[3] || (_cache[3] = (0, vue.createElementVNode)("label", { for: "preview-url" }, "url", -1)),
 					(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
-						id: "preview-url",
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.url = $event),
-						class: "docs-preview-config-generate__input",
-						placeholder: (0, vue.unref)(t)("client.previewConfigGenerate.urlHint")
-					}, null, 8, _hoisted_10), [[vue.vModelText, form.url]]),
-					((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(jsonFields, (field) => {
-						return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: field }, [
-							(0, vue.createElementVNode)("label", { for: `preview-${field}` }, (0, vue.toDisplayString)(field), 9, _hoisted_11),
-							(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
-								id: `preview-${field}`,
-								"onUpdate:modelValue": ($event) => form[field] = $event,
-								rows: "4",
-								spellcheck: "false"
-							}, null, 8, _hoisted_12), [[vue.vModelText, form[field]]]),
-							(0, vue.createElementVNode)("p", null, (0, vue.toDisplayString)((0, vue.unref)(t)(`client.previewConfigGenerate.${field}Hint`)), 1)
-						], 64);
-					}), 64)),
-					(0, vue.createElementVNode)("label", _hoisted_13, (0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.language")), 1),
-					(0, vue.createVNode)((0, vue.unref)(_deot_vc.Select), {
-						id: "preview-lang",
-						modelValue: form.lang,
-						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.lang = $event),
-						class: "docs-preview-config-generate__select",
-						data: languageOptions.value,
-						"null-value": "",
-						placeholder: (0, vue.unref)(t)("client.previewConfigGenerate.defaultLanguage")
-					}, null, 8, [
-						"modelValue",
-						"data",
-						"placeholder"
-					])
+						id: "raw-target",
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => target.value = $event)
+					}, null, 512), [[vue.vModelText, target.value]]),
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						onClick: _cache[2] || (_cache[2] = ($event) => target.value = "__docs/preview")
+					}, "preview"),
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						onClick: _cache[3] || (_cache[3] = ($event) => target.value = "__docs/markdown-editor")
+					}, "markdown-editor")
 				]),
-				result.value.error ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_14, (0, vue.toDisplayString)(result.value.error), 1)) : (0, vue.createCommentVNode)("v-if", true),
-				(0, vue.createElementVNode)("div", _hoisted_15, [
-					(0, vue.createElementVNode)("label", _hoisted_16, (0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.link")), 1),
-					(0, vue.createElementVNode)("textarea", {
-						id: "preview-link",
-						value: result.value.href,
-						rows: "4",
-						readonly: "",
-						spellcheck: "false"
-					}, null, 8, _hoisted_17),
-					(0, vue.createElementVNode)("div", _hoisted_18, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Clipboard), {
+				(0, vue.createElementVNode)("div", _hoisted_10, [(0, vue.createElementVNode)("div", _hoisted_11, [(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.json")), 1), (0, vue.createVNode)(json_editor_default, {
+					modelValue: jsonText.value,
+					"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => jsonText.value = $event),
+					label: (0, vue.unref)(t)("client.rawEditor.json")
+				}, null, 8, ["modelValue", "label"])]), (0, vue.createElementVNode)("div", _hoisted_12, [
+					(0, vue.createElementVNode)("label", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.link")), 1),
+					result.value.error ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_13, (0, vue.toDisplayString)(result.value.error), 1)) : (0, vue.createCommentVNode)("v-if", true),
+					(0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
+						native: false,
+						"auto-resize": true,
+						class: "docs-raw-editor__output"
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("pre", _hoisted_14, (0, vue.toDisplayString)(result.value.href), 1)]),
+						_: 1
+					}),
+					(0, vue.createElementVNode)("div", _hoisted_15, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Clipboard), {
 						tag: "button",
 						type: "button",
 						value: result.value.href,
 						disabled: !result.value.href
 					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.copy")), 1)]),
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.copy")), 1)]),
 						_: 1
 					}, 8, ["value", "disabled"]), result.value.href ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 						key: 0,
 						href: result.value.href,
 						target: "_blank",
 						rel: "noopener"
-					}, (0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.preview")), 9, _hoisted_19)) : (0, vue.createCommentVNode)("v-if", true)]),
-					result.value.config ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("details", _hoisted_20, [(0, vue.createElementVNode)("summary", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.previewConfigGenerate.configuration")), 1), (0, vue.createElementVNode)("pre", null, (0, vue.toDisplayString)(JSON.stringify(result.value.config, null, 2)), 1)])) : (0, vue.createCommentVNode)("v-if", true)
-				])
-			])]);
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("client.rawEditor.open")), 9, _hoisted_16)) : (0, vue.createCommentVNode)("v-if", true)])
+				])])
+			]);
+		};
+	}
+});
+//#endregion
+//#region packages/client/src/pages/markdown-editor/components/source-editor.vue
+var source_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "source-editor",
+	props: {
+		modelValue: {},
+		label: {}
+	},
+	emits: ["update:modelValue", "scroll"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const host = (0, vue.ref)();
+		const scroller = (0, vue.ref)();
+		const theme = new _codemirror_state.Compartment();
+		const attributes = new _codemirror_state.Compartment();
+		let editor;
+		const editorTheme = () => codemirror.EditorView.theme({}, { dark: Theme.current.value === "dark" });
+		const editorAttributes = () => codemirror.EditorView.contentAttributes.of({ "aria-label": props.label });
+		(0, vue.onMounted)(() => {
+			editor = new codemirror.EditorView({
+				parent: host.value,
+				state: _codemirror_state.EditorState.create({
+					doc: props.modelValue,
+					extensions: [
+						codemirror.basicSetup,
+						(0, _codemirror_lang_markdown.markdown)(),
+						codemirror.EditorView.lineWrapping,
+						theme.of(editorTheme()),
+						attributes.of(editorAttributes()),
+						codemirror.EditorView.updateListener.of((update) => {
+							if (!update.docChanged) return;
+							const value = update.state.doc.toString();
+							if (value !== props.modelValue) emit("update:modelValue", value);
+						})
+					]
+				})
+			});
+		});
+		(0, vue.watch)(() => props.modelValue, (value) => {
+			if (!editor || value === editor.state.doc.toString()) return;
+			editor.dispatch({ changes: {
+				from: 0,
+				to: editor.state.doc.length,
+				insert: value
+			} });
+		});
+		(0, vue.watch)(Theme.current, () => editor?.dispatch({ effects: theme.reconfigure(editorTheme()) }));
+		(0, vue.watch)(() => props.label, () => editor?.dispatch({ effects: attributes.reconfigure(editorAttributes()) }));
+		(0, vue.onBeforeUnmount)(() => editor?.destroy());
+		__expose({
+			getScrollElement: () => scroller.value?.$el,
+			getLineTop: (line) => editor?.lineBlockAt(editor.state.doc.line(line).from).top ?? 0,
+			setScrollTop: (top) => scroller.value?.setScrollTop(top)
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.Scroller), {
+				ref_key: "scroller",
+				ref: scroller,
+				class: "docs-markdown-editor-source-editor",
+				native: false,
+				wheel: false,
+				"auto-resize": true,
+				always: true,
+				height: "100%",
+				onScroll: _cache[0] || (_cache[0] = ($event) => emit("scroll"))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
+					ref_key: "host",
+					ref: host,
+					class: "docs-markdown-editor-source-editor__host"
+				}, null, 512)]),
+				_: 1
+			}, 512);
+		};
+	}
+});
+//#endregion
+//#region packages/client/src/pages/markdown-editor/components/pane-divider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = ["aria-label", "aria-valuenow"];
+//#endregion
+//#region packages/client/src/pages/markdown-editor/components/pane-divider.vue
+var pane_divider_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "pane-divider",
+	props: { modelValue: {} },
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = (0, _deot_docs_locale.useLocale)();
+		const dragging = (0, vue.ref)(false);
+		let startX = 0;
+		let startValue = 50;
+		const change = (value) => emit("update:modelValue", Math.min(80, Math.max(20, value)));
+		const start = (event) => {
+			if (event.button !== 0) return;
+			startX = event.clientX;
+			startValue = props.modelValue;
+			dragging.value = true;
+			event.currentTarget.setPointerCapture(event.pointerId);
+		};
+		const move = (event) => {
+			if (!dragging.value) return;
+			const divider = event.currentTarget;
+			const width = divider.parentElement.clientWidth - divider.offsetWidth;
+			change(startValue + (event.clientX - startX) / width * 100);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: (0, vue.normalizeClass)(["docs-markdown-editor-pane-divider", { "is-dragging": dragging.value }]),
+				role: "separator",
+				tabindex: "0",
+				"aria-orientation": "vertical",
+				"aria-label": (0, vue.unref)(t)("client.markdownEditor.resize"),
+				"aria-valuenow": Math.round(__props.modelValue),
+				"aria-valuemin": "20",
+				"aria-valuemax": "80",
+				onPointerdown: (0, vue.withModifiers)(start, ["prevent"]),
+				onPointermove: move,
+				onPointerup: _cache[0] || (_cache[0] = ($event) => dragging.value = false),
+				onPointercancel: _cache[1] || (_cache[1] = ($event) => dragging.value = false),
+				onLostpointercapture: _cache[2] || (_cache[2] = ($event) => dragging.value = false),
+				onKeydown: [_cache[3] || (_cache[3] = (0, vue.withKeys)((0, vue.withModifiers)(($event) => change(__props.modelValue - 2), ["prevent"]), ["left"])), _cache[4] || (_cache[4] = (0, vue.withKeys)((0, vue.withModifiers)(($event) => change(__props.modelValue + 2), ["prevent"]), ["right"]))]
+			}, null, 42, _hoisted_1$1);
+		};
+	}
+});
+//#endregion
+//#region packages/client/src/pages/markdown-editor/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "docs-markdown-editor" };
+var _hoisted_2 = { class: "docs-markdown-editor__toolbar" };
+var _hoisted_3 = ["disabled"];
+var _hoisted_4 = {
+	key: 0,
+	class: "docs-markdown-editor__status",
+	role: "status"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "docs-markdown-editor__status",
+	role: "alert"
+};
+var SAMPLE = "# Markdown\n\n## Hello\n\nEdit **Markdown** and preview it here.\n\n| Name | Value |\n| --- | --- |\n| Markdown | Live preview |\n\n```js\nconsole.log(\"Hello Markdown\");\n```\n";
+//#endregion
+//#region packages/client/src/pages/markdown-editor/index.vue
+var markdown_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "index",
+	setup(__props) {
+		const route = (0, vue_router.useRoute)();
+		const docs = getDocsConfig();
+		const base = getDocsDeploymentBase(docs);
+		const namespace = getDocsNamespace(docs);
+		const { locale, t } = (0, _deot_docs_locale.useLocale)();
+		const lang = (0, vue.computed)(() => String(route.params.lang || locale.value.name));
+		const messageOf = (reason) => reason instanceof Error ? reason.message : String(reason);
+		const preview = (0, vue.computed)(() => {
+			try {
+				return {
+					config: readPreviewConfig(route.query),
+					error: ""
+				};
+			} catch (reason) {
+				return {
+					config: void 0,
+					error: messageOf(reason)
+				};
+			}
+		});
+		const markdownDefaults = (0, vue.computed)(() => resolveDocsMarkdownComponent(docs));
+		const playgroundDefaults = (0, vue.computed)(() => {
+			const site = resolveDocsPlaygroundComponent(docs);
+			const config = preview.value.config;
+			return {
+				...site,
+				...config?.playground,
+				options: {
+					...site.options,
+					builtinImportMap: {
+						...site.options?.builtinImportMap,
+						imports: {
+							...site.options?.builtinImportMap?.imports,
+							...config?.modules
+						}
+					}
+				}
+			};
+		});
+		const text = (0, vue.ref)(SAMPLE);
+		const previewSource = (0, vue.ref)(SAMPLE);
+		const renderedSource = (0, vue.ref)();
+		const sourceBase = (0, vue.ref)(base);
+		const documentKey = (0, vue.ref)(0);
+		const loading = (0, vue.ref)(false);
+		const exporting = (0, vue.ref)(false);
+		const error = (0, vue.ref)("");
+		const styleError = (0, vue.ref)("");
+		const syncEnabled = (0, vue.ref)(false);
+		const editorRatio = (0, vue.ref)(50);
+		const fileInput = (0, vue.ref)();
+		const editor = (0, vue.ref)();
+		const previewScroller = (0, vue.ref)();
+		const article = (0, vue.ref)();
+		let initialText = SAMPLE;
+		let generation = 0;
+		let previewTimer;
+		let draftTimer;
+		let scrollSource = "editor";
+		let sourceLines = [];
+		const syncScroll = (side = scrollSource) => {
+			if (!syncEnabled.value || side !== scrollSource || renderedSource.value !== text.value) return;
+			const panes = {
+				editor: {
+					element: editor.value?.getScrollElement(),
+					view: editor.value
+				},
+				preview: {
+					element: previewScroller.value?.$el,
+					view: previewScroller.value
+				}
+			};
+			const from = panes[side].element;
+			const to = panes[side === "editor" ? "preview" : "editor"];
+			if (!from || !to.element) return;
+			const end = {
+				editor: Math.max(0, panes.editor.element.scrollHeight - panes.editor.element.clientHeight),
+				preview: Math.max(0, panes.preview.element.scrollHeight - panes.preview.element.clientHeight)
+			};
+			const points = [{
+				editor: 0,
+				preview: 0
+			}];
+			const content = article.value?.querySelector(".docs-markdown-reset");
+			const origin = content?.getBoundingClientRect().top || 0;
+			content && [...content.children].forEach((block, index) => {
+				const line = sourceLines[index];
+				if (!line) return;
+				const point = {
+					editor: editor.value.getLineTop(line),
+					preview: block.getBoundingClientRect().top - origin
+				};
+				const previous = points[points.length - 1];
+				if (point.editor > previous.editor && point.preview > previous.preview && point.editor < end.editor && point.preview < end.preview) points.push(point);
+			});
+			points.push(end);
+			let index = 1;
+			while (index < points.length - 1 && points[index][side] <= from.scrollTop) index++;
+			const start = points[index - 1];
+			const finish = points[index];
+			const progress = (from.scrollTop - start[side]) / (finish[side] - start[side] || 1);
+			const other = side === "editor" ? "preview" : "editor";
+			const top = start[other] + progress * (finish[other] - start[other]);
+			if (Math.abs(to.element.scrollTop - top) <= 1) return;
+			to.view?.setScrollTop(top);
+		};
+		const saveDraft = () => {
+			if (draftTimer === void 0) return;
+			clearTimeout(draftTimer);
+			draftTimer = void 0;
+			Settings.set(namespace, "markdown-editor:draft", {
+				text: text.value,
+				base: sourceBase.value
+			}).catch(() => {});
+		};
+		const scheduleDraft = () => {
+			clearTimeout(draftTimer);
+			draftTimer = setTimeout(saveDraft, 300);
+		};
+		const replaceDocument = (value, resourceBase, initial = value) => {
+			clearTimeout(previewTimer);
+			text.value = previewSource.value = value;
+			sourceBase.value = resourceBase;
+			initialText = initial;
+			documentKey.value++;
+			scrollSource = "editor";
+			(0, vue.nextTick)(() => previewScroller.value?.setScrollTop(0));
+		};
+		const edit = (value) => {
+			generation++;
+			loading.value = false;
+			text.value = value;
+			error.value = "";
+			clearTimeout(previewTimer);
+			previewTimer = setTimeout(() => previewSource.value = text.value, 150);
+			scheduleDraft();
+		};
+		const load = async () => {
+			saveDraft();
+			const token = ++generation;
+			error.value = "";
+			const config = preview.value.config;
+			loading.value = Boolean(config);
+			if (!config) return;
+			try {
+				if (config.url) {
+					const resolved = await resolveResource(docs, {
+						source: config.url,
+						type: "markdown",
+						lang: lang.value
+					});
+					const url = new URL(resolved, base).href;
+					const record = await Gateway.revalidate(createResourceIdentity(docs, lang.value, "markdown", config.url), {
+						url,
+						priority: 100
+					});
+					if (token === generation) replaceDocument(record.content, url);
+				} else {
+					const draft = await Settings.get(namespace, "markdown-editor:draft");
+					if (token === generation) replaceDocument(draft?.text ?? SAMPLE, draft?.base || base, SAMPLE);
+				}
+			} catch (reason) {
+				if (token === generation) error.value = messageOf(reason);
+			} finally {
+				if (token === generation) loading.value = false;
+			}
+		};
+		const openFile = async (event) => {
+			const input = event.target;
+			const file = input.files?.[0];
+			input.value = "";
+			if (!file) return;
+			generation++;
+			error.value = "";
+			loading.value = true;
+			replaceDocument(await file.text(), base);
+			loading.value = false;
+			scheduleDraft();
+		};
+		const reset = () => {
+			if (text.value !== initialText && !window.confirm(t("client.markdownEditor.confirmReset"))) return;
+			generation++;
+			loading.value = false;
+			error.value = "";
+			replaceDocument(initialText, sourceBase.value);
+			scheduleDraft();
+		};
+		const onRendered = (source, lines) => {
+			renderedSource.value = source;
+			sourceLines = lines;
+			article.value?.querySelectorAll("img[src], a[href]").forEach((node) => {
+				const attr = node instanceof HTMLImageElement ? "src" : "href";
+				const value = node.getAttribute(attr);
+				if (!value || value.startsWith("#")) return;
+				try {
+					node.setAttribute(attr, new URL(value, sourceBase.value).href);
+				} catch {}
+			});
+			syncScroll();
+		};
+		const exportPdf = async () => {
+			exporting.value = true;
+			await Promise.all([document.fonts?.ready, ...[...article.value?.querySelectorAll("img") || []].map((img) => img.decode?.().catch(() => {}))]);
+			window.print();
+			exporting.value = false;
+		};
+		(0, vue.watch)([
+			() => preview.value.config?.url,
+			() => preview.value.error,
+			lang
+		], load, { immediate: true });
+		(0, vue.watch)(() => preview.value.config?.styles, (styles, _, onCleanup) => {
+			styleError.value = "";
+			try {
+				onCleanup(acquirePreviewStyles(parsePreviewStyleUrls(styles, base), (url) => styleError.value = t("client.common.previewStyleFailed", { url })));
+			} catch (reason) {
+				styleError.value = messageOf(reason);
+			}
+		}, { immediate: true });
+		(0, vue.watch)(syncEnabled, (value) => {
+			scrollSource = "editor";
+			syncScroll();
+			Settings.set(namespace, "markdown-editor:sync", value).catch(() => {});
+		});
+		(0, vue.watch)(editorRatio, () => {
+			(0, vue.nextTick)(() => requestAnimationFrame(() => syncScroll()));
+		});
+		(0, vue.onMounted)(() => {
+			Settings.get(namespace, "markdown-editor:sync").then((value) => syncEnabled.value = value ?? false).catch(() => {});
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			generation++;
+			saveDraft();
+			clearTimeout(previewTimer);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1, [
+				(0, vue.createElementVNode)("header", _hoisted_2, [
+					(0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)((0, vue.unref)(t)("client.markdownEditor.title")), 1),
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						onClick: _cache[0] || (_cache[0] = ($event) => fileInput.value?.click())
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("client.markdownEditor.open")), 1),
+					(0, vue.createElementVNode)("input", {
+						ref_key: "fileInput",
+						ref: fileInput,
+						type: "file",
+						accept: ".md,.markdown,.txt,text/markdown,text/plain",
+						hidden: "",
+						onChange: openFile
+					}, null, 544),
+					(0, vue.createVNode)((0, vue.unref)(_deot_vc.Clipboard), {
+						tag: "button",
+						type: "button",
+						value: text.value
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("client.markdownEditor.copy")), 1)]),
+						_: 1
+					}, 8, ["value"]),
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						disabled: exporting.value || loading.value || Boolean(preview.value.error) || renderedSource.value !== text.value,
+						onClick: exportPdf
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("client.markdownEditor.pdf")), 9, _hoisted_3),
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						onClick: reset
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("client.markdownEditor.reset")), 1),
+					(0, vue.createElementVNode)("label", null, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => syncEnabled.value = $event),
+						type: "checkbox"
+					}, null, 512), [[vue.vModelCheckbox, syncEnabled.value]]), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.markdownEditor.sync")), 1)]),
+					(0, vue.createVNode)(theme_toggler_default)
+				]),
+				loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_4, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : (0, vue.createCommentVNode)("v-if", true),
+				preview.value.error || error.value || styleError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_5, (0, vue.toDisplayString)(preview.value.error || error.value || styleError.value), 1)) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.createElementVNode)("div", {
+					class: "docs-markdown-editor__panes",
+					style: (0, vue.normalizeStyle)({ "--docs-markdown-editor-columns": `minmax(0, ${editorRatio.value}fr) 8px minmax(0, ${100 - editorRatio.value}fr)` })
+				}, [
+					((0, vue.openBlock)(), (0, vue.createBlock)(source_editor_default, {
+						key: documentKey.value,
+						ref_key: "editor",
+						ref: editor,
+						"model-value": text.value,
+						label: (0, vue.unref)(t)("client.markdownEditor.source"),
+						onWheelCapture: _cache[2] || (_cache[2] = ($event) => (0, vue.isRef)(scrollSource) ? scrollSource.value = "editor" : scrollSource = "editor"),
+						onPointerdownCapture: _cache[3] || (_cache[3] = ($event) => (0, vue.isRef)(scrollSource) ? scrollSource.value = "editor" : scrollSource = "editor"),
+						onKeydownCapture: _cache[4] || (_cache[4] = ($event) => (0, vue.isRef)(scrollSource) ? scrollSource.value = "editor" : scrollSource = "editor"),
+						"onUpdate:modelValue": edit,
+						onScroll: _cache[5] || (_cache[5] = ($event) => syncScroll("editor"))
+					}, null, 8, ["model-value", "label"])),
+					(0, vue.createVNode)(pane_divider_default, {
+						modelValue: editorRatio.value,
+						"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => editorRatio.value = $event)
+					}, null, 8, ["modelValue"]),
+					(0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
+						ref_key: "previewScroller",
+						ref: previewScroller,
+						class: "docs-markdown-editor__preview",
+						native: false,
+						wheel: false,
+						"auto-resize": true,
+						always: true,
+						height: "100%",
+						onWheelCapture: _cache[8] || (_cache[8] = ($event) => (0, vue.isRef)(scrollSource) ? scrollSource.value = "preview" : scrollSource = "preview"),
+						onPointerdownCapture: _cache[9] || (_cache[9] = ($event) => (0, vue.isRef)(scrollSource) ? scrollSource.value = "preview" : scrollSource = "preview"),
+						onKeydownCapture: _cache[10] || (_cache[10] = ($event) => (0, vue.isRef)(scrollSource) ? scrollSource.value = "preview" : scrollSource = "preview"),
+						onScroll: _cache[11] || (_cache[11] = ($event) => syncScroll("preview"))
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("article", {
+							ref_key: "article",
+							ref: article,
+							onLoadCapture: _cache[7] || (_cache[7] = ($event) => syncScroll())
+						}, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_markdown.Markdown), {
+							key: documentKey.value,
+							"model-value": previewSource.value,
+							theme: markdownDefaults.value.theme,
+							indicator: markdownDefaults.value.indicator,
+							locale: (0, vue.unref)(locale),
+							playground: playgroundDefaults.value,
+							onRendered
+						}, null, 8, [
+							"model-value",
+							"theme",
+							"indicator",
+							"locale",
+							"playground"
+						]))], 544)]),
+						_: 1
+					}, 512)
+				], 4)
+			]);
 		};
 	}
 });
@@ -10569,10 +11086,21 @@ var createDocsRouter = (config, options = {}) => {
 	const isDevelopment = config.runtime?.mode === "development";
 	const routes = [
 		{
-			path: "/__docs/preview-config-generate",
-			component: preview_config_generate_default,
+			path: "/__docs/raw-editor",
+			component: raw_editor_default,
+			meta: {
+				docsRawEditor: true,
+				docsRoute: {
+					layout: "none",
+					content: null
+				}
+			}
+		},
+		{
+			path: "/__docs/markdown-editor",
+			component: markdown_editor_default,
 			meta: {
-				docsPreviewConfigGenerate: true,
+				docsMarkdownEditor: true,
 				docsRoute: {
 					layout: "none",
 					content: null
@@ -10709,10 +11237,13 @@ var createDocsRouter = (config, options = {}) => {
 		routes
 	});
 	router.beforeEach((to) => {
-		if (to.meta.docsPreview || to.meta.docsPreviewConfigGenerate) {
+		if (to.meta.docsPreview || to.meta.docsRawEditor || to.meta.docsMarkdownEditor) {
 			let language = "";
 			try {
-				language = readPreviewConfig(to.query).lang || "";
+				if (to.meta.docsRawEditor) {
+					const value = to.query.raw !== void 0 ? readRaw(to.query.raw) : to.query;
+					if (value && typeof value === "object" && "lang" in value && typeof value.lang === "string") language = value.lang;
+				} else language = readPreviewConfig(to.query).lang || "";
 			} catch {}
 			to.params.lang = hasConfiguredLanguage(config, language) ? language : defaultLanguage;
 			return true;
@@ -10779,13 +11310,22 @@ var bootstrap = async (config) => {
 	app.mount("#app");
 	const disconnectEvents = connectResourceEvents();
 	let disconnected = false;
-	let stopPrefetch = () => {};
+	let stopPrefetch;
+	let stopPrefetchRoutes = () => {};
 	(async () => {
 		try {
 			await router.isReady();
 			if (disconnected) return;
 			await consumeStoredRedirect(router, config);
-			if (!disconnected) stopPrefetch = Resource.prefetch.start(config);
+			if (disconnected) return;
+			const syncPrefetch = (to) => {
+				if (to.meta.docsPreview || to.meta.docsRawEditor || to.meta.docsMarkdownEditor) {
+					stopPrefetch?.();
+					stopPrefetch = void 0;
+				} else stopPrefetch ??= Resource.prefetch.start(config);
+			};
+			syncPrefetch(router.currentRoute.value);
+			stopPrefetchRoutes = router.afterEach(syncPrefetch);
 		} catch {}
 	})();
 	const disconnect = () => {
@@ -10793,7 +11333,8 @@ var bootstrap = async (config) => {
 		disconnected = true;
 		disconnectEvents();
 		stopLanguagePersistence();
-		stopPrefetch();
+		stopPrefetchRoutes();
+		stopPrefetch?.();
 		stopDocumentLanguage();
 		stopPlaygroundResource();
 		stopContentWidth();
@@ -10805,7 +11346,7 @@ var bootstrap = async (config) => {
 		disconnect
 	};
 };
-if (typeof window !== "undefined" && typeof document !== "undefined" && document.querySelector("#app")) bootstrap();
+if (typeof window !== "undefined" && typeof document !== "undefined" && document.querySelector("#app:not([data-v-app])")) bootstrap();
 //#endregion
 exports.DOCS_RESOURCE_TYPES = DOCS_RESOURCE_TYPES;
 exports.Gateway = Gateway;