@deot/docs-client 1.1.3 → 1.1.5

package/dist/index.cjs

@@ -10,6 +10,7 @@ let _deot_helper_fp = require("@deot/helper-fp");
 let _deot_http = require("@deot/http");
 let _deot_docs_renderer = require("@deot/docs-renderer");
 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");
 //#region packages/client/src/utils/runtime.ts
@@ -73,9 +74,9 @@ var getEnvironmentBase = (config) => {
 		const segments = location.pathname.split("/").filter(Boolean);
 		const configuredLanguages = Object.keys(config.locales);
 		const languages = configuredLanguages.length ? configuredLanguages : ["zh-CN"];
-		const languageIndex = segments.findIndex((segment) => languages.includes(segment));
-		if (languageIndex >= 0) {
-			const deploymentSegments = segments.slice(0, languageIndex);
+		const routeIndex = /^__docs\/preview(?:-config-generate)?$/.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;
 		}
 		return new URL("./", location.href).href;
@@ -376,12 +377,12 @@ var isDocsContentWidth = (value) => value === "regular" || value === "wide" || v
 */
 var ContentWidthSettingsManager = class {
 	settings;
-	value = (0, vue.ref)(DEFAULT_CONTENT_WIDTH);
+	currentValue = (0, vue.ref)(DEFAULT_CONTENT_WIDTH);
 	namespace = "";
 	session = 0;
 	preferenceVersion = 0;
 	active = false;
-	current = (0, vue.readonly)(this.value);
+	current = (0, vue.readonly)(this.currentValue);
 	constructor(settings) {
 		this.settings = settings;
 	}
@@ -390,7 +391,7 @@ var ContentWidthSettingsManager = class {
 		const preferenceVersion = ++this.preferenceVersion;
 		this.active = true;
 		this.namespace = getDocsNamespace(config);
-		this.value.value = DEFAULT_CONTENT_WIDTH;
+		this.currentValue.value = DEFAULT_CONTENT_WIDTH;
 		this.restore(session, preferenceVersion, this.namespace);
 		return () => this.stop(session);
 	}
@@ -404,12 +405,12 @@ var ContentWidthSettingsManager = class {
 		try {
 			stored = await this.settings.get(namespace, SETTING_KEY$1);
 		} catch {}
-		if (isDocsContentWidth(stored) && session === this.session && preferenceVersion === this.preferenceVersion) this.value.value = stored;
+		if (isDocsContentWidth(stored) && session === this.session && preferenceVersion === this.preferenceVersion) this.currentValue.value = stored;
 	}
 	async set(next) {
-		if (!isDocsContentWidth(next) || next === this.value.value) return;
+		if (!isDocsContentWidth(next) || next === this.currentValue.value) return;
 		this.preferenceVersion++;
-		this.value.value = next;
+		this.currentValue.value = next;
 		if (!this.active) return;
 		try {
 			await this.settings.set(this.namespace, SETTING_KEY$1, next);
@@ -457,7 +458,7 @@ var LanguageSettingsManager = class {
 */
 var ThemeSettingsManager = class {
 	settings;
-	value = (0, vue.ref)("light");
+	currentValue = (0, vue.ref)("light");
 	enabledValue = (0, vue.ref)(true);
 	readyValue = (0, vue.ref)(false);
 	active = false;
@@ -472,7 +473,7 @@ var ThemeSettingsManager = class {
 	operation;
 	queued;
 	requested;
-	current = (0, vue.readonly)(this.value);
+	current = (0, vue.readonly)(this.currentValue);
 	enabled = (0, vue.readonly)(this.enabledValue);
 	ready = (0, vue.readonly)(this.readyValue);
 	constructor(settings) {
@@ -511,7 +512,7 @@ var ThemeSettingsManager = class {
 		};
 	}
 	apply(theme) {
-		this.value.value = theme;
+		this.currentValue.value = theme;
 		this.appliedTarget = this.target;
 		this.appliedTheme = theme;
 		const document = this.target?.document;
@@ -634,13 +635,13 @@ var ThemeSettingsManager = class {
 		while (this.queued?.session === session) {
 			const request = this.queued;
 			this.queued = void 0;
-			if (request.theme !== this.value.value) await this.applyWithTransition(request.theme, request.origin, session);
+			if (request.theme !== this.currentValue.value) await this.applyWithTransition(request.theme, request.origin, session);
 			if (session !== this.session) return;
 			try {
 				await this.settings.set(request.namespace, "theme", request.theme);
 			} catch {}
 		}
-		if (session === this.session) this.requested = this.value.value;
+		if (session === this.session) this.requested = this.currentValue.value;
 	}
 	async ensureFlush(session) {
 		while (this.queued?.session === session) {
@@ -660,7 +661,7 @@ var ThemeSettingsManager = class {
 	async set(theme, origin) {
 		if (!this.active || !this.enabledValue.value || !(0, _deot_docs_theme.isDocsTheme)(theme)) return;
 		const session = this.session;
-		if (theme === (this.requested || this.value.value)) return;
+		if (theme === (this.requested || this.currentValue.value)) return;
 		this.preferenceVersion++;
 		this.followingSystem = false;
 		this.detachSystemListener();
@@ -674,7 +675,7 @@ var ThemeSettingsManager = class {
 		await this.ensureFlush(session);
 	}
 	toggle(origin) {
-		return this.set((this.requested || this.value.value) === "dark" ? "light" : "dark", origin);
+		return this.set((this.requested || this.currentValue.value) === "dark" ? "light" : "dark", origin);
 	}
 };
 //#endregion
@@ -747,25 +748,25 @@ var setSidebarItems = (next) => {
 };
 //#endregion
 //#region packages/client/src/components/layout/default-footer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = ["data-content-width"];
-var _hoisted_2$24 = {
+var _hoisted_1$31 = ["data-content-width"];
+var _hoisted_2$25 = {
 	key: 0,
 	class: "docs-footer__inner"
 };
 var _hoisted_3$18 = { class: "docs-footer__content" };
-var _hoisted_4$11 = { class: "docs-footer__title" };
-var _hoisted_5$8 = {
+var _hoisted_4$12 = { class: "docs-footer__title" };
+var _hoisted_5$9 = {
 	key: 0,
 	class: "docs-footer__links"
 };
-var _hoisted_6$6 = ["href"];
-var _hoisted_7$6 = { key: 2 };
-var _hoisted_8$5 = { class: "docs-footer__bar" };
-var _hoisted_9$4 = { class: "docs-footer__bar-inner" };
-var _hoisted_10$4 = ["href"];
-var _hoisted_11$4 = ["src"];
-var _hoisted_12$4 = ["src"];
-var _hoisted_13$3 = {
+var _hoisted_6$7 = ["href"];
+var _hoisted_7$7 = { key: 2 };
+var _hoisted_8$7 = { class: "docs-footer__bar" };
+var _hoisted_9$5 = { class: "docs-footer__bar-inner" };
+var _hoisted_10$5 = ["href"];
+var _hoisted_11$5 = ["src"];
+var _hoisted_12$5 = ["src"];
+var _hoisted_13$4 = {
 	key: 2,
 	class: "docs-footer__powered-by"
 };
@@ -887,25 +888,25 @@ 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$24, [(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$25, [(0, vue.createElementVNode)("div", _hoisted_3$18, [((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$11, (0, vue.toDisplayString)(group.label), 1), group.children?.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_5$8, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(group.children, (item) => {
+				}, [(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) => {
 					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,
 						target: "_blank",
 						rel: "noopener noreferrer"
-					}, (0, vue.toDisplayString)(item.label), 9, _hoisted_6$6)) : item.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
+					}, (0, vue.toDisplayString)(item.label), 9, _hoisted_6$7)) : item.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
 						key: 1,
 						to: toPath(item.value)
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label), 1)]),
 						_: 2
-					}, 1032, ["to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7$6, (0, vue.toDisplayString)(item.label), 1))]);
+					}, 1032, ["to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7$7, (0, vue.toDisplayString)(item.label), 1))]);
 				}), 128))])) : (0, vue.createCommentVNode)("v-if", true)]);
-			}), 128))])])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", _hoisted_8$5, [(0, vue.createElementVNode)("div", _hoisted_9$4, [brandExternal.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+			}), 128))])])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", _hoisted_8$7, [(0, vue.createElementVNode)("div", _hoisted_9$5, [brandExternal.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 				key: 0,
 				class: "docs-footer__brand",
 				href: brandValue.value,
@@ -916,7 +917,7 @@ var default_footer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				class: "docs-footer__brand-logo",
 				src: brandLogo.value,
 				alt: ""
-			}, null, 8, _hoisted_11$4)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)], 8, _hoisted_10$4)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
+			}, null, 8, _hoisted_11$5)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)], 8, _hoisted_10$5)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
 				key: 1,
 				class: "docs-footer__brand",
 				to: brandPath.value
@@ -926,15 +927,15 @@ var default_footer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					class: "docs-footer__brand-logo",
 					src: brandLogo.value,
 					alt: ""
-				}, null, 8, _hoisted_12$4)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)]),
+				}, 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$3, (0, vue.toDisplayString)(poweredBy.value), 1)) : (0, vue.createCommentVNode)("v-if", true)])])], 8, _hoisted_1$30)) : (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$31)) : (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$29 = {
+var _hoisted_1$30 = {
 	key: 0,
 	class: "docs-search-highlight"
 };
@@ -963,7 +964,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$29, (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$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);
 			}), 128);
 		};
 	}
@@ -1915,24 +1916,28 @@ var ResourceGateway = class {
 var Gateway = new ResourceGateway();
 //#endregion
 //#region packages/client/src/utils/resource-graph.ts
-var SUPPORTED_DEPENDENCY_RE = /\.(?:vue|[jt]s|css)(?:$|[?#])/i;
-var STYLE_IMPORT_RE = /@import\s+(?:url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)|(['"])(.*?)\4)/gi;
+var SUPPORTED_DEPENDENCY_RE = /\.(?:vue|[jt]sx?|json|css|scss|sass)(?:$|[?#])/i;
+var STYLE_IMPORT_RE = /@(?:import|use|forward)\s+(?:url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)|(['"])(.*?)\4)/gi;
 var SFC_BLOCK_RE = /<(script|style)\b([^>]*)>([\s\S]*?)<\/\1>/gi;
 var SOURCE_ATTRIBUTE_RE = /\bsrc\s*=\s*(['"])(.*?)\1/i;
 var getResourceType = (url) => {
 	if (/\.vue(?:$|[?#])/i.test(url)) return "sfc";
-	if (/\.css(?:$|[?#])/i.test(url)) return "style";
+	if (/\.(?:css|scss|sass)(?:$|[?#])/i.test(url)) return "style";
 	return "module";
 };
-var isSupportedDependency = (value) => value.startsWith(".") && SUPPORTED_DEPENDENCY_RE.test(value);
+var isSupportedDependency = (value) => value.startsWith(".") && (SUPPORTED_DEPENDENCY_RE.test(value) || /\.m(?:$|[?#])/.test(value) || !/\.[^/]+$/.test(value.split(/[?#]/)[0]));
 var resolveDependencyUrl = (specifier, importer) => {
 	const fallbackBase = typeof location === "undefined" ? "http://localhost/" : location.href;
 	return new URL(specifier, new URL(importer, fallbackBase)).href;
 };
-var collectStyleImports = (code) => [...code.matchAll(STYLE_IMPORT_RE)].map((match) => match[2] || match[3] || match[5]);
+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;
-	return (0, es_module_lexer.parse)(code)[0].map((item) => item.n).filter((item) => Boolean(item));
+	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));
+	} 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]);
+	}
 };
 var collectResourceImports = async (code, type) => {
 	if (type === "style") return [...new Set(collectStyleImports(code))];
@@ -1957,6 +1962,189 @@ var toLogicalResourceSource = (config, lang, url) => {
 	if (resolved.origin !== root.origin || !resolved.pathname.startsWith(root.pathname)) return resolved.href;
 	return `./${resolved.pathname.slice(root.pathname.length)}${resolved.search}${resolved.hash}`;
 };
+/**
+* 远程静态文件没有 Vite 的扩展名补全，按源码类型探测实际文件。
+* @param specifier 源码中的相对引用。
+* @param importer 发起引用的源文件 URL。
+* @param style 是否使用 Sass 样式路径规则。
+* @returns 按优先级排列的候选 URL。
+*/
+var dependencyUrlCandidates = (specifier, importer, style = false) => {
+	const url = new URL(resolveDependencyUrl(specifier, importer));
+	const path = url.pathname.replace(/\/$/, "");
+	const partial = (value) => value.replace(/([^/]+)$/, "_$1");
+	const hasExtension = SUPPORTED_DEPENDENCY_RE.test(path);
+	const paths = style ? hasExtension ? [path, partial(path)] : [
+		".scss",
+		".sass",
+		".css"
+	].flatMap((ext) => [
+		`${path}${ext}`,
+		partial(`${path}${ext}`),
+		`${path}/index${ext}`,
+		`${path}/_index${ext}`
+	]) : hasExtension ? [path] : [
+		path,
+		...[
+			".vue",
+			".ts",
+			".js",
+			".tsx",
+			".jsx",
+			".json"
+		].map((ext) => `${path}${ext}`),
+		...[
+			".vue",
+			".ts",
+			".js",
+			".tsx",
+			".jsx",
+			".json"
+		].map((ext) => `${path}/index${ext}`)
+	];
+	return [...new Set(paths)].map((value) => {
+		const candidate = new URL(url);
+		candidate.pathname = value;
+		return candidate.href;
+	});
+};
+var collectResourceStyleImports = (code, type) => {
+	if (type === "style") return collectStyleImports(code);
+	if (type !== "sfc") return [];
+	return [...code.matchAll(SFC_BLOCK_RE)].filter((match) => match[1].toLowerCase() === "style").flatMap((match) => collectStyleImports(match[3]));
+};
+var resolveDependencyRequestUrl = (url) => {
+	const resolved = new URL(url, typeof location === "undefined" ? "http://localhost/" : location.href);
+	if (resolved.hostname !== "raw.githubusercontent.com") return url;
+	const index = resolved.pathname.indexOf("/node_modules/");
+	return index < 0 ? url : `https://cdn.jsdelivr.net/npm/${resolved.pathname.slice(index + 14)}${resolved.search}`;
+};
+//#endregion
+//#region packages/client/src/utils/github-source.ts
+/**
+* GitHub Raw 不提供目录列表，用 Git tree 确定源码文件和 glob 匹配项。
+* @param rootUrl 入口源码的 URL。
+* @param signal 资源图的取消信号。
+* @returns GitHub 文件解析器，非 GitHub 地址返回 null。
+*/
+var createGithubSourceResolver = (rootUrl, signal) => {
+	const root = new URL(rootUrl, typeof location === "undefined" ? "http://localhost/" : location.href);
+	const match = root.hostname === "raw.githubusercontent.com" ? root.pathname.match(/^\/([^/]+)\/([^/]+)\/(refs\/(?:heads|tags)\/)?([^/]+)\//) : null;
+	if (!match) return null;
+	const [, owner, repo, , ref] = match;
+	const base = `${root.origin}${match[0]}`;
+	let pending;
+	let globTree;
+	const tree = () => {
+		pending ??= (async () => {
+			try {
+				const apiUrl = `https://api.github.com/repos/${owner}/${repo}/git/trees/${encodeURIComponent(ref)}?recursive=1`;
+				const response = await fetch(apiUrl, { signal });
+				if (!response.ok) return null;
+				const data = await response.json();
+				if (data.truncated) return null;
+				return new Set(data.tree.filter((item) => item.type === "blob").map((item) => `${base}${item.path}`));
+			} catch (reason) {
+				if (signal?.aborted) throw reason;
+				return null;
+			}
+		})();
+		return pending;
+	};
+	const fallbackGlobTree = () => {
+		globTree ??= (async () => {
+			const url = `https://data.jsdelivr.com/v1/package/gh/${owner}/${repo}@${encodeURIComponent(ref)}/flat`;
+			const response = await fetch(url, { signal });
+			if (!response.ok) throw new Error(`[RemoteSfc] glob 备用文件清单加载失败: ${response.status}`);
+			const data = await response.json();
+			return new Set(data.files.map((item) => `${base}${item.name.replace(/^\//, "")}`));
+		})();
+		return globTree;
+	};
+	return {
+		base,
+		resolve: async (specifier, importer, style) => {
+			const candidates = dependencyUrlCandidates(specifier, importer, style);
+			if (!candidates[0].startsWith(base) || candidates[0].includes("/node_modules/")) return candidates;
+			const files = await tree();
+			if (!files) return candidates;
+			const found = candidates.find((value) => files.has(value.split(/[?#]/)[0]));
+			if (!found) throw new Error(`[RemoteSfc] 无法解析依赖 "${specifier}"（来自 ${importer}）`);
+			return [found];
+		},
+		expandGlob: async (code, importer) => {
+			if (!code.includes("import.meta.glob")) return code;
+			const files = await tree() ?? await fallbackGlobTree();
+			const imports = [];
+			const transformed = code.replace(/import\.meta\.glob(?:<[^;\n]+?>)?\(\s*(['"])([^'"]+)\1\s*,\s*\{\s*eager\s*:\s*true\s*\}\s*\)/g, (_call, _quote, pattern) => {
+				const expression = new URL(pattern, importer).href.split("*").map((part) => part.replace(/[.+?^${}()|[\]\\]/g, "\\$&")).join("[^/]*");
+				const matcher = new RegExp(`^${expression}$`);
+				const directory = new URL(".", importer).href;
+				return `({${[...files].filter((value) => matcher.test(value)).sort().map((value) => {
+					const path = `./${value.slice(directory.length)}`;
+					const name = `__docs_glob_${imports.length}`;
+					imports.push(`import * as ${name} from ${JSON.stringify(path)};`);
+					return `${JSON.stringify(path)}: ${name}`;
+				}).join(",")}})`;
+			});
+			if (transformed.includes("import.meta.glob")) throw new Error(`[RemoteSfc] 不支持的 glob 调用: ${importer}`);
+			return `${imports.join("\n")}\n${transformed}`;
+		}
+	};
+};
+var rewritePackageStyleImports = (code) => code.replace(/@import\s+(['"])([^.'"/][^'"]*\.css)\1/g, (statement, quote, path) => /^[a-z][a-z\d+.-]*:/i.test(path) ? statement : `@import ${quote}https://cdn.jsdelivr.net/npm/${path}${quote}`);
+//#endregion
+//#region packages/client/src/utils/source-dependencies.ts
+var assertResolvableSourceGlobs = (code, url) => {
+	if (code.includes("import.meta.glob")) throw new Error(`[RemoteSfc] 普通 HTTP 资源无法枚举 glob 文件，请使用显式 import 或预先展开的文件清单: ${url}`);
+};
+var createResourceDependencyResolver = (knownUrls = []) => {
+	const files = new Set(knownUrls);
+	const resolutions = /* @__PURE__ */ new Map();
+	const githubResolvers = [];
+	return async (code, type, url, probe) => {
+		files.add(url);
+		if (/\.json(?:$|[?#])/i.test(url)) return [];
+		let github = githubResolvers.find((resolver) => url.startsWith(resolver.base));
+		if (!github) {
+			github = createGithubSourceResolver(url) ?? void 0;
+			if (github) githubResolvers.push(github);
+		}
+		let source = code;
+		if (type === "module") {
+			if (github) source = await github.expandGlob(source, url);
+		}
+		if (!github && type !== "style") assertResolvableSourceGlobs(source, url);
+		if (type === "style") source = rewritePackageStyleImports(source);
+		const imports = await collectResourceImports(source, type);
+		const styles = collectResourceStyleImports(source, type);
+		return await Promise.all(imports.filter(isSupportedDependency).map(async (specifier) => {
+			const style = styles.includes(specifier) || /\.(?:scss|sass)(?:$|[?#])/i.test(specifier);
+			const candidates = github ? await github.resolve(specifier, url, style) : dependencyUrlCandidates(specifier, url, style);
+			const found = candidates.find((candidate) => files.has(candidate));
+			if (found) return resolveDependencyRequestUrl(found);
+			if (!probe || candidates.length === 1) return resolveDependencyRequestUrl(candidates[0]);
+			const key = JSON.stringify(candidates);
+			let pending = resolutions.get(key);
+			if (!pending) {
+				pending = (async () => {
+					for (let index = 0;; index += 1) {
+						const candidate = candidates[index];
+						try {
+							await probe(candidate);
+							files.add(candidate);
+							return candidate;
+						} catch (reason) {
+							if (!(reason instanceof ResourceRequestError) || reason.status !== 404 || index === candidates.length - 1) throw reason;
+						}
+					}
+				})();
+				resolutions.set(key, pending);
+			}
+			return resolveDependencyRequestUrl(await pending);
+		}));
+	};
+};
 //#endregion
 //#region packages/client/src/utils/content.ts
 var isRendererDocument = (value) => Boolean(value && typeof value === "object" && "schemaVersion" in value);
@@ -1998,7 +2186,7 @@ var writeHomeContent = (config, lang, value) => {
 };
 //#endregion
 //#region packages/client/src/utils/components.ts
-var isPlainObject$1 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isPlainObject$2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 /**
 * 归一化站点 Markdown 排版皮肤；非法值回退 `default`。
 * @param value `components.markdown.theme`。
@@ -2012,7 +2200,7 @@ var resolveDocsMarkdownTheme = (value) => value === "traditional" ? "traditional
 */
 var resolveDocsMarkdownComponent = (config) => {
 	const markdown = config.components?.markdown;
-	if (!isPlainObject$1(markdown)) return { theme: "default" };
+	if (!isPlainObject$2(markdown)) return { theme: "default" };
 	const options = { theme: resolveDocsMarkdownTheme(markdown.theme) };
 	if ("indicator" in markdown) options.indicator = markdown.indicator;
 	return options;
@@ -2024,7 +2212,7 @@ var resolveDocsMarkdownComponent = (config) => {
 */
 var resolveDocsPlaygroundComponent = (config) => {
 	const playground = config.components?.playground;
-	if (!isPlainObject$1(playground)) return {};
+	if (!isPlainObject$2(playground)) return {};
 	return { ...playground };
 };
 var RENDERER_FITS = /* @__PURE__ */ new Set([
@@ -2039,7 +2227,7 @@ var RENDERER_FITS = /* @__PURE__ */ new Set([
 */
 var resolveDocsRendererComponent = (config) => {
 	const renderer = config.components?.renderer;
-	if (!isPlainObject$1(renderer)) return {};
+	if (!isPlainObject$2(renderer)) return {};
 	const options = {};
 	if (typeof renderer.fit === "string" && RENDERER_FITS.has(renderer.fit)) options.fit = renderer.fit;
 	return options;
@@ -2047,7 +2235,7 @@ var resolveDocsRendererComponent = (config) => {
 //#endregion
 //#region packages/client/src/components/renderer/markdown-props.ts
 var INDICATOR_POSITIONS = /* @__PURE__ */ new Set(["left", "right"]);
-var isPlainObject = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isPlainObject$1 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 /**
 * 规范化指示器配置。非法值丢弃，合法对象只保留已知字段。
 * @param value 原始 indicator。
@@ -2055,7 +2243,7 @@ var isPlainObject = (value) => Boolean(value) && typeof value === "object" && !A
 */
 var normalizeDocsMarkdownIndicator = (value) => {
 	if (value === true || value === false) return value;
-	if (!isPlainObject(value)) return void 0;
+	if (!isPlainObject$1(value)) return void 0;
 	const options = {};
 	if (typeof value.preview === "boolean") options.preview = value.preview;
 	if (typeof value.draggable === "boolean") options.draggable = value.draggable;
@@ -2070,7 +2258,7 @@ var normalizeDocsMarkdownIndicator = (value) => {
 * @returns 可写入模块 props 的 options。
 */
 var normalizeDocsMarkdownOptions = (value) => {
-	if (!isPlainObject(value)) return void 0;
+	if (!isPlainObject$1(value)) return void 0;
 	const options = { ...value };
 	if ("indicator" in options) {
 		const indicator = normalizeDocsMarkdownIndicator(options.indicator);
@@ -2085,7 +2273,7 @@ var normalizeDocsMarkdownOptions = (value) => {
 * @returns source / content / options。
 */
 var normalizeDocsMarkdownProps = (value) => {
-	const record = isPlainObject(value) ? value : {};
+	const record = isPlainObject$1(value) ? value : {};
 	const props = { source: typeof record.source === "string" ? record.source : "" };
 	if (typeof record.content === "string") props.content = record.content;
 	const options = normalizeDocsMarkdownOptions(record.options);
@@ -2123,8 +2311,8 @@ 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$28 = { class: "docs-renderer-markdown" };
-var _hoisted_2$23 = {
+var _hoisted_1$29 = { class: "docs-renderer-markdown" };
+var _hoisted_2$24 = {
 	key: 0,
 	class: "docs-renderer-markdown__error"
 };
@@ -2220,7 +2408,7 @@ var markdown_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			unsubscribe?.();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$28, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$23, (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$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), {
 				key: 2,
 				value: content.value,
 				indicator: indicator.value,
@@ -2239,10 +2427,10 @@ 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$27 = { class: "docs-renderer-module-editor" };
-var _hoisted_2$22 = { class: "docs-renderer-field is-wide" };
+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$10 = { class: "docs-renderer-field is-wide is-inline" };
+var _hoisted_4$11 = { 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)({
@@ -2281,8 +2469,8 @@ var markdown_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			} });
 		};
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$27, [
-				(0, vue.createElementVNode)("div", _hoisted_2$22, [(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)("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), {
 					"model-value": String(__props.modelValue.source || ""),
 					placeholder: (0, vue.unref)(t)("renderer.editor.markdownSourceHint"),
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => update({ source: value }))
@@ -2293,7 +2481,7 @@ var markdown_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					placeholder: (0, vue.unref)(t)("renderer.editor.markdownContentHint"),
 					"onUpdate:modelValue": handleContent
 				}, null, 8, ["model-value", "placeholder"])]),
-				(0, vue.createElementVNode)("div", _hoisted_4$10, [(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$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), {
 					"model-value": indicatorEnabled.value,
 					"onUpdate:modelValue": patchIndicator
 				}, null, 8, ["model-value"])])
@@ -2302,13 +2490,158 @@ var markdown_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#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);
+var playgroundFields = [
+	"local",
+	"styleless",
+	"views",
+	"viewport",
+	"previewInset",
+	"expandable",
+	"previewScroller",
+	"title"
+];
+var normalizePlayground = (value) => {
+	if (!isPlainObject(value)) throw new TypeError("playground must be an object");
+	return Object.fromEntries(playgroundFields.filter((key) => key in value).map((key) => [key, value[key]]));
+};
+/**
+* 校验链接中可序列化的预览配置，不混入站点配置。
+* @param value JSON 解码后的配置。
+* @returns 规范化的预览配置。
+*/
+var normalizePreviewConfig = (value) => {
+	if (!isPlainObject(value)) throw new TypeError("raw must contain a configuration object");
+	const input = value;
+	if (typeof input.url !== "string" || !input.url.trim()) throw new TypeError("url must be a non-empty string");
+	if (input.styles !== void 0 && (!Array.isArray(input.styles) || input.styles.some((item) => typeof item !== "string"))) throw new TypeError("styles must be an array of URL strings");
+	if (input.modules !== void 0 && (!isPlainObject(input.modules) || Object.entries(input.modules).some(([key, url]) => !key.trim() || typeof url !== "string" || !url.trim()))) throw new TypeError("modules must map module names to URL strings");
+	if (input.lang !== void 0 && typeof input.lang !== "string") throw new TypeError("lang must be a string");
+	return {
+		url: input.url.trim(),
+		styles: input.styles || [],
+		modules: input.modules || {},
+		...input.lang ? { lang: input.lang } : {},
+		...input.playground !== void 0 ? { playground: normalizePlayground(input.playground) } : {}
+	};
+};
+/**
+* raw 是完整配置；未指定时兼容现有 url/styles/lang 查询参数。
+* @param query Vue Router 已解码的查询参数。
+* @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)));
+	}
+	const styles = Array.isArray(query.styles) ? query.styles : typeof query.styles === "string" ? query.styles.split(",") : [];
+	return {
+		url: typeof query.url === "string" ? query.url.trim() : "",
+		styles: styles.filter((item) => typeof item === "string"),
+		modules: {},
+		...typeof query.lang === "string" ? { lang: query.lang } : {}
+	};
+};
+/**
+* 使用 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 解析相对地址的页面地址。
+* @returns 支持的资源类型；其他资源返回 undefined。
+*/
+var resolvePreviewType = (source, base) => {
+	const url = new URL(source, base);
+	if (!/^https?:$/.test(url.protocol)) return void 0;
+	if (/\.vue$/i.test(url.pathname)) return "sfc";
+	if (/(?:^|\/|\.)page\.json$/i.test(url.pathname)) return "page";
+};
+//#endregion
+//#region packages/client/src/modules/preview/styles.ts
+/**
+* 单个 styles 参数按逗号分隔；重复参数各自是一条完整 URL。
+* @param value Router 已解码的 styles 参数。
+* @param base 用于解析站点根路径的页面地址。
+* @returns 按声明顺序去重的样式 URL。
+*/
+var parsePreviewStyleUrls = (value, base) => {
+	const items = Array.isArray(value) ? value : typeof value === "string" ? value.split(",") : [];
+	return [...new Set(items.flatMap((item) => {
+		const href = item?.trim();
+		if (!href) return [];
+		if (href.includes("\\") || !/^https?:\/\//i.test(href) && !(href.startsWith("/") && !href.startsWith("//"))) throw new TypeError(`Invalid stylesheet URL: ${href}`);
+		const url = new URL(href, base);
+		if (!/^https?:$/.test(url.protocol)) throw new TypeError(`Invalid stylesheet URL: ${href}`);
+		return [url.href];
+	}))];
+};
+var sharedStyles = /* @__PURE__ */ new Map();
+/**
+* 复用同一 URL 的 stylesheet，只清理本工具创建且已无引用的节点。
+* @param urls 已归一化的样式 URL，按加载顺序排列。
+* @param onError 当前预览的样式加载错误回调。
+* @returns 释放当前预览引用的函数。
+*/
+var acquirePreviewStyles = (urls, onError) => {
+	const listener = (url) => onError(url);
+	const records = [...new Set(urls)].map((url) => {
+		let record = sharedStyles.get(url);
+		if (!record) {
+			const existing = [...document.querySelectorAll("link[rel~=\"stylesheet\"]")].find((link) => link.href === url && !link.disabled);
+			const link = existing || document.createElement("link");
+			record = {
+				link,
+				owned: !existing,
+				listeners: /* @__PURE__ */ new Set(),
+				failed: false,
+				handleError: () => {
+					record.failed = true;
+					record.listeners.forEach((callback) => callback(url));
+				}
+			};
+			sharedStyles.set(url, record);
+			link.addEventListener("error", record.handleError);
+			if (!existing) {
+				link.rel = "stylesheet";
+				link.href = url;
+				link.setAttribute("data-docs-preview-style", "");
+				document.head.appendChild(link);
+			}
+		}
+		record.listeners.add(listener);
+		if (record.failed) listener(url);
+		return {
+			url,
+			record
+		};
+	});
+	return () => records.forEach(({ url, record }) => {
+		record.listeners.delete(listener);
+		if (record.listeners.size || sharedStyles.get(url) !== record) return;
+		record.link.removeEventListener("error", record.handleError);
+		if (record.owned) record.link.remove();
+		sharedStyles.delete(url);
+	});
+};
+//#endregion
 //#region packages/client/src/components/remote-sfc/remote-sfc.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = { class: "docs-remote-sfc" };
-var _hoisted_2$21 = {
+var _hoisted_1$27 = {
 	key: 0,
 	class: "docs-remote-sfc__error"
 };
-var _hoisted_3$15 = {
+var _hoisted_2$22 = {
 	key: 1,
 	class: "docs-remote-sfc__loading"
 };
@@ -2325,6 +2658,7 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const { locale, t } = (0, _deot_docs_locale.useLocale)();
 		const router = (0, vue_router.useRouter)();
 		const config = getDocsConfig();
+		const preview = (0, vue.inject)(previewConfigKey, void 0);
 		const loading = (0, vue.ref)(true);
 		const error = (0, vue.ref)("");
 		const files = (0, vue.ref)({});
@@ -2335,29 +2669,49 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		let controller;
 		let generation = 0;
 		const playgroundDefaults = (0, vue.computed)(() => resolveDocsPlaygroundComponent(config));
+		const previewModules = (0, vue.computed)(() => JSON.stringify(preview?.value?.modules || {}));
+		const previewPlayground = (0, vue.computed)(() => JSON.stringify(preview?.value?.playground || {}));
+		const playgroundOptions = (0, vue.computed)(() => {
+			const siteOptions = playgroundDefaults.value.options || {};
+			const siteImportMap = siteOptions.builtinImportMap || {};
+			return {
+				...siteOptions,
+				builtinImportMap: {
+					...siteImportMap,
+					imports: {
+						...siteImportMap.imports,
+						...config.modules,
+						...JSON.parse(previewModules.value)
+					}
+				}
+			};
+		});
 		const playgroundProps = (0, vue.computed)(() => {
 			const site = playgroundDefaults.value;
-			const siteOptions = site.options && typeof site.options === "object" ? site.options : {};
-			const siteImportMap = siteOptions.builtinImportMap && typeof siteOptions.builtinImportMap === "object" ? siteOptions.builtinImportMap : {};
-			const siteImports = "imports" in siteImportMap && siteImportMap.imports && typeof siteImportMap.imports === "object" ? siteImportMap.imports : {};
+			const overrides = JSON.parse(previewPlayground.value);
 			return {
 				...site,
 				files: files.value,
 				entry: entry.value,
 				locale: locale.value,
 				styleless: true,
-				options: {
-					...siteOptions,
-					builtinImportMap: {
-						...siteImportMap,
-						imports: {
-							...siteImports,
-							...config.modules
-						}
-					}
-				}
+				...overrides,
+				local: overrides.local ?? site.local ?? true,
+				...previewStyleHead.value ? { previewOptions: {
+					...site.previewOptions,
+					headHTML: `${site.previewOptions?.headHTML || ""}${previewStyleHead.value}`
+				} } : {},
+				options: playgroundOptions.value
 			};
 		});
+		const useIframeViewport = (0, vue.computed)(() => !!preview?.value && !playgroundProps.value.local && 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("");
+			} catch {
+				return "";
+			}
+		});
 		const clearSubscriptions = () => {
 			while (subscriptions.length) subscriptions.pop()?.();
 		};
@@ -2388,12 +2742,12 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					lang: langSnapshot
 				});
 				if (current !== generation || activeController.signal.aborted) return;
+				const github = createGithubSourceResolver(rootUrl, activeController.signal);
 				const nextFiles = {};
 				const visited = /* @__PURE__ */ new Set();
 				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);
@@ -2401,12 +2755,11 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					const reload = () => {
 						if (!activeLoads.has(key)) loadFiles();
 					};
-					subscriptions.push(Gateway.subscribe(identity, reload));
 					activeLoads.add(key);
 					let record;
 					try {
 						record = await Gateway.load(identity, {
-							url,
+							url: resolveDependencyRequestUrl(url),
 							priority: 100,
 							signal: activeController.signal
 						});
@@ -2414,11 +2767,24 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						activeLoads.delete(key);
 					}
 					if (current !== generation) return;
-					nextFiles[getFilename(url, langSnapshot)] = record.content;
-					const imports = await collectResourceImports(record.content, type);
+					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);
+					if (github && type === "style") content = rewritePackageStyleImports(content);
+					nextFiles[getFilename(url, langSnapshot)] = content;
+					const imports = /\.json(?:$|[?#])/i.test(url) ? [] : await collectResourceImports(content, type);
+					const styles = collectResourceStyleImports(content, type);
 					await Promise.all(imports.filter(isSupportedDependency).map(async (value) => {
-						const dependency = resolveDependencyUrl(value, url);
-						await visit(dependency);
+						const style = styles.includes(value) || /\.(?:scss|sass)(?:$|[?#])/i.test(value);
+						const candidates = github ? await github.resolve(value, url, style) : dependencyUrlCandidates(value, url, style);
+						if (candidates.some((dependency) => visited.has(dependency))) return;
+						for (const [index, dependency] of candidates.entries()) try {
+							await visit(dependency);
+							break;
+						} catch (reason) {
+							if (visited.has(dependency) || !(reason instanceof ResourceRequestError) || reason.status !== 404 || index === candidates.length - 1) throw reason;
+						}
 					}));
 				};
 				await visit(rootUrl, sourceSnapshot);
@@ -2457,7 +2823,7 @@ var remote_sfc_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			clearSubscriptions();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$26, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$21, (0, vue.toDisplayString)(error.value), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$15, (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, { onNavigate: handleNavigate }), null, 16)) : (0, vue.createCommentVNode)("v-if", true)]);
+			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);
 		};
 	}
 });
@@ -2483,7 +2849,7 @@ 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$25 = { class: "docs-renderer-module-editor" };
+var _hoisted_1$26 = { class: "docs-renderer-module-editor" };
 //#endregion
 //#region packages/client/src/components/renderer/source-editor.vue
 var source_editor_default$1 = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2503,7 +2869,7 @@ var source_editor_default$1 = /* @__PURE__ */ (0, vue.defineComponent)({
 			source
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$25, [(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$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), {
 				"model-value": String(__props.modelValue.source || ""),
 				"onUpdate:modelValue": handleUpdate
 			}, null, 8, ["model-value"])]);
@@ -2918,6 +3284,7 @@ var ResourcePlanner = class {
 		return parsedKeys;
 	}
 	async collectResourcesDepthFirst(config, collector, records) {
+		const resolveDependencies = createResourceDependencyResolver(records.filter((record) => typeof record.content === "string").map((record) => record.url));
 		const recordsByKey = new Map(records.map((record) => [resourceIdentityKey(record.identity), record]));
 		const ordered = [];
 		const visited = /* @__PURE__ */ new Set();
@@ -2946,20 +3313,19 @@ var ResourcePlanner = class {
 			if (!record || typeof record.content !== "string") return;
 			let imports;
 			try {
-				imports = await collectResourceImports(record.content, identity.type);
+				imports = await resolveDependencies(record.content, identity.type, record.url);
 			} catch {
 				return;
 			}
-			for (const specifier of imports.filter(isSupportedDependency)) {
+			for (const url of imports) {
 				let source;
 				try {
-					const url = resolveDependencyUrl(specifier, record.url);
 					source = toLogicalResourceSource(config, identity.lang, url);
 				} catch {
 					continue;
 				}
-				const candidate = createResourceIdentity(config, identity.lang, classifyResourceSource(source), source);
-				const dependency = collector.add(identity.lang, source) || collector.identities.get(resourceIdentityKey(candidate));
+				const candidate = createResourceIdentity(config, identity.lang, getResourceType(source), source);
+				const dependency = collector.add(identity.lang, source, getResourceType(source)) || collector.identities.get(resourceIdentityKey(candidate));
 				if (dependency) await visit(dependency);
 			}
 		};
@@ -3166,6 +3532,7 @@ var ResourcePlanner = class {
 		return results;
 	}
 	async collectDependencyResources({ config, collector, seeds, strict, loadResources }) {
+		const resolveDependencies = createResourceDependencyResolver((await this.gateway.list()).filter((record) => typeof record.content === "string").map((record) => record.url));
 		const results = [];
 		const processed = /* @__PURE__ */ new Set();
 		let queue = seeds;
@@ -3183,21 +3550,24 @@ var ResourcePlanner = class {
 				}
 				let imports;
 				try {
-					imports = await collectResourceImports(record.content, identity.type);
+					imports = await resolveDependencies(record.content, identity.type, record.url, async (url) => {
+						const source = toLogicalResourceSource(config, identity.lang, url);
+						const [result] = await loadResources([createResourceIdentity(config, identity.lang, getResourceType(url), source)]);
+						if (result.status === "rejected") throw result.reason;
+					});
 				} catch (reason) {
 					if (strict) throw reason;
 					continue;
 				}
-				for (const specifier of imports.filter(isSupportedDependency)) {
+				for (const url of imports) {
 					let source;
 					try {
-						const url = resolveDependencyUrl(specifier, record.url);
 						source = toLogicalResourceSource(config, identity.lang, url);
 					} catch (reason) {
 						if (strict) throw reason;
 						continue;
 					}
-					const dependency = collector.add(identity.lang, source);
+					const dependency = collector.add(identity.lang, source, getResourceType(source));
 					if (dependency) discovered.push(dependency);
 				}
 			}
@@ -4211,52 +4581,52 @@ 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$24 = ["aria-label"];
-var _hoisted_2$20 = { class: "docs-search__header" };
-var _hoisted_3$14 = ["placeholder", "aria-label"];
-var _hoisted_4$9 = { class: "docs-search__actions" };
-var _hoisted_5$7 = ["aria-label"];
-var _hoisted_6$5 = { class: "docs-search__body" };
-var _hoisted_7$5 = { class: "docs-search__content" };
-var _hoisted_8$4 = {
+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_6$6 = { class: "docs-search__body" };
+var _hoisted_7$6 = { class: "docs-search__content" };
+var _hoisted_8$6 = {
 	key: 0,
 	class: "docs-search__state"
 };
-var _hoisted_9$3 = {
+var _hoisted_9$4 = {
 	key: 1,
 	class: "docs-search__state docs-search__state--error"
 };
-var _hoisted_10$3 = { class: "docs-search__group-title" };
-var _hoisted_11$3 = [
+var _hoisted_10$4 = { class: "docs-search__group-title" };
+var _hoisted_11$4 = [
 	"data-search-index",
 	"onMouseenter",
 	"onClick"
 ];
-var _hoisted_12$3 = {
+var _hoisted_12$4 = {
 	class: "docs-search__result-icon",
 	"aria-hidden": "true"
 };
-var _hoisted_13$2 = { class: "docs-search__result-content" };
-var _hoisted_14$1 = { class: "docs-search__result-title" };
-var _hoisted_15$1 = {
+var _hoisted_13$3 = { class: "docs-search__result-content" };
+var _hoisted_14$2 = { class: "docs-search__result-title" };
+var _hoisted_15$2 = {
 	key: 0,
 	class: "docs-search__result-parent"
 };
-var _hoisted_16$1 = {
+var _hoisted_16$2 = {
 	key: 1,
 	class: "docs-search__result-excerpt"
 };
-var _hoisted_17$1 = {
+var _hoisted_17$2 = {
 	key: 0,
 	class: "docs-search__state"
 };
-var _hoisted_18 = { class: "docs-search__group-title" };
-var _hoisted_19 = [
+var _hoisted_18$1 = { class: "docs-search__group-title" };
+var _hoisted_19$1 = [
 	"data-search-index",
 	"onMouseenter",
 	"onClick"
 ];
-var _hoisted_20 = { class: "docs-search__result-content" };
+var _hoisted_20$1 = { class: "docs-search__result-content" };
 var _hoisted_21 = { class: "docs-search__result-title" };
 var _hoisted_22 = {
 	key: 0,
@@ -4466,7 +4836,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$20, [
+				(0, vue.createElementVNode)("header", _hoisted_2$21, [
 					_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
 						class: "docs-search__icon",
 						"aria-hidden": "true"
@@ -4482,8 +4852,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$14), [[vue.vModelText, keyword.value]]),
-					(0, vue.createElementVNode)("div", _hoisted_4$9, [keyword.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, 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", {
 						key: 0,
 						class: "docs-search__clear",
 						type: "button",
@@ -4493,9 +4863,9 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						type: "button",
 						"aria-label": (0, vue.unref)(t)("client.search.close"),
 						onClick: handleClose
-					}, " esc ", 8, _hoisted_5$7)])
+					}, " esc ", 8, _hoisted_5$8)])
 				]),
-				(0, vue.createElementVNode)("div", _hoisted_6$5, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
+				(0, vue.createElementVNode)("div", _hoisted_6$6, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
 					class: "docs-search__scroller",
 					"auto-resize": true,
 					native: false,
@@ -4503,8 +4873,8 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					height: "100%",
 					"wrapper-style": "overflow-x: hidden;"
 				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_7$5, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_8$4, (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.searching")), 1)) : error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9$3, (0, vue.toDisplayString)(error.value), 1)) : keyword.value.trim() ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [
-						(0, vue.createElementVNode)("div", _hoisted_10$3, (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.documentation")), 1),
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_7$6, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_8$6, (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.searching")), 1)) : error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9$4, (0, vue.toDisplayString)(error.value), 1)) : keyword.value.trim() ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [
+						(0, vue.createElementVNode)("div", _hoisted_10$4, (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.documentation")), 1),
 						((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(results.value, (item, index) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: `${item.id}:${item.kind}`,
@@ -4517,11 +4887,11 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								onMouseenter: ($event) => handleMouseenter(index),
 								onClick: ($event) => handleSelect(item)
 							}, [
-								(0, vue.createElementVNode)("span", _hoisted_12$3, (0, vue.toDisplayString)(item.kind === "section" ? "#" : "▤"), 1),
-								(0, vue.createElementVNode)("span", _hoisted_13$2, [(0, vue.createElementVNode)("span", _hoisted_14$1, [(0, vue.createVNode)(highlight_text_default, {
+								(0, vue.createElementVNode)("span", _hoisted_12$4, (0, vue.toDisplayString)(item.kind === "section" ? "#" : "▤"), 1),
+								(0, vue.createElementVNode)("span", _hoisted_13$3, [(0, vue.createElementVNode)("span", _hoisted_14$2, [(0, vue.createVNode)(highlight_text_default, {
 									text: item.sectionTitle || item.title,
 									keyword: keyword.value
-								}, null, 8, ["text", "keyword"])]), item.kind === "section" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_15$1, (0, vue.toDisplayString)(item.title), 1)) : item.excerpt ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_16$1, [(0, vue.createVNode)(highlight_text_default, {
+								}, null, 8, ["text", "keyword"])]), item.kind === "section" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_15$2, (0, vue.toDisplayString)(item.title), 1)) : item.excerpt ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_16$2, [(0, vue.createVNode)(highlight_text_default, {
 									text: item.excerpt,
 									keyword: keyword.value
 								}, null, 8, ["text", "keyword"])])) : (0, vue.createCommentVNode)("v-if", true)]),
@@ -4529,11 +4899,11 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									class: "docs-search__enter",
 									"aria-hidden": "true"
 								}, "↵", -1))
-							], 42, _hoisted_11$3);
+							], 42, _hoisted_11$4);
 						}), 128)),
-						!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)
+						!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)
 					], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [
-						(0, vue.createElementVNode)("div", _hoisted_18, (0, vue.toDisplayString)((0, vue.unref)(t)("client.search.recent")), 1),
+						(0, vue.createElementVNode)("div", _hoisted_18$1, (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,
@@ -4548,7 +4918,7 @@ var search_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									class: "docs-search__history-icon",
 									"aria-hidden": "true"
 								}, "↶", -1)),
-								(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)("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)("button", {
 									class: (0, vue.normalizeClass)(["docs-search__history-action", { "docs-search__history-action--active": item.pinned }]),
 									type: "button",
@@ -4561,7 +4931,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);
+							], 42, _hoisted_19$1);
 						}), 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))])]),
@@ -4576,7 +4946,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$24)]);
+			], 40, _hoisted_1$25)]);
 		};
 	}
 });
@@ -4593,8 +4963,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$23 = ["aria-label"];
-var _hoisted_2$19 = { class: "docs-search-trigger__shortcut" };
+var _hoisted_1$24 = ["aria-label"];
+var _hoisted_2$20 = { class: "docs-search-trigger__shortcut" };
 //#endregion
 //#region packages/client/src/components/search/trigger.vue
 var trigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -4638,7 +5008,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$19, (0, vue.toDisplayString)((0, vue.unref)(shortcut)), 1)], 8, _hoisted_1$23);
+			}, null, -1)), (0, vue.createElementVNode)("kbd", _hoisted_2$20, (0, vue.toDisplayString)((0, vue.unref)(shortcut)), 1)], 8, _hoisted_1$24);
 		};
 	}
 });
@@ -4747,12 +5117,12 @@ var CLIENT_ICON_DEFINITIONS = {
 };
 //#endregion
 //#region packages/client/src/components/icon/icon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = [
+var _hoisted_1$23 = [
 	"data-icon",
 	"fill",
 	"stroke"
 ];
-var _hoisted_2$18 = ["d"];
+var _hoisted_2$19 = ["d"];
 //#endregion
 //#region packages/client/src/components/icon/icon.vue
 var icon_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -4784,13 +5154,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$18)], 12, _hoisted_1$22);
+			}, [(0, vue.createElementVNode)("path", { d: definition.value.path }, null, 8, _hoisted_2$19)], 12, _hoisted_1$23);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/components/theme-toggler/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = [
+var _hoisted_1$22 = [
 	"aria-checked",
 	"aria-label",
 	"onKeydown"
@@ -4828,7 +5198,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$21)) : (0, vue.createCommentVNode)("v-if", true);
+			}, null, 8, ["name", "class"])], 40, _hoisted_1$22)) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });
@@ -4876,37 +5246,37 @@ var takeInlineRendererDocument = (from) => {
 };
 //#endregion
 //#region packages/client/src/components/layout/default-header.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = { class: "docs-header" };
-var _hoisted_2$17 = ["href"];
-var _hoisted_3$13 = ["src"];
-var _hoisted_4$8 = ["src"];
-var _hoisted_5$6 = { class: "docs-header__search" };
-var _hoisted_6$4 = ["aria-label"];
-var _hoisted_7$4 = ["aria-expanded"];
-var _hoisted_8$3 = ["href"];
-var _hoisted_9$2 = { key: 2 };
-var _hoisted_10$2 = ["href"];
-var _hoisted_11$2 = {
+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_6$5 = ["aria-label"];
+var _hoisted_7$5 = ["aria-expanded"];
+var _hoisted_8$5 = ["href"];
+var _hoisted_9$3 = { key: 2 };
+var _hoisted_10$3 = ["href"];
+var _hoisted_11$3 = {
 	key: 3,
 	class: "docs-header__nav-item"
 };
-var _hoisted_12$2 = { class: "docs-header__actions" };
-var _hoisted_13$1 = {
+var _hoisted_12$3 = { class: "docs-header__actions" };
+var _hoisted_13$2 = {
 	key: 0,
 	class: "docs-header__locales"
 };
-var _hoisted_14 = [
+var _hoisted_14$1 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_15 = [
+var _hoisted_15$1 = [
 	"href",
 	"title",
 	"aria-label"
 ];
-var _hoisted_16 = { class: "docs-header__tools" };
-var _hoisted_17 = [
+var _hoisted_16$1 = { class: "docs-header__tools" };
+var _hoisted_17$1 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
@@ -5069,7 +5439,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$20, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_1$21, [
 				brandExternal.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 					key: 0,
 					class: "docs-header__brand",
@@ -5081,7 +5451,7 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					class: "docs-header__brand-logo",
 					src: brandLogo.value,
 					alt: ""
-				}, null, 8, _hoisted_3$13)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)], 8, _hoisted_2$17)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
+				}, 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), {
 					key: 1,
 					class: "docs-header__brand",
 					to: brandPath.value
@@ -5091,10 +5461,10 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "docs-header__brand-logo",
 						src: brandLogo.value,
 						alt: ""
-					}, null, 8, _hoisted_4$8)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)]),
+					}, null, 8, _hoisted_4$9)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(brandLabel.value), 1)]),
 					_: 1
 				}, 8, ["to"])),
-				(0, vue.createElementVNode)("div", _hoisted_5$6, [(0, vue.createVNode)((0, vue.unref)(trigger_default))]),
+				(0, vue.createElementVNode)("div", _hoisted_5$7, [(0, vue.createVNode)((0, vue.unref)(trigger_default))]),
 				navItems.value.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("nav", {
 					key: 2,
 					class: "docs-header__nav",
@@ -5126,13 +5496,13 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										href: child.value,
 										target: "_blank",
 										rel: "noopener noreferrer"
-									}, (0, vue.toDisplayString)(child.label), 9, _hoisted_8$3)) : child.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
+									}, (0, vue.toDisplayString)(child.label), 9, _hoisted_8$5)) : child.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
 										key: 1,
 										to: (0, vue.unref)(localizePath)((0, vue.unref)(config), lang.value, child.value)
 									}, {
 										default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(child.label), 1)]),
 										_: 2
-									}, 1032, ["to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9$2, (0, vue.toDisplayString)(child.label), 1))]),
+									}, 1032, ["to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9$3, (0, vue.toDisplayString)(child.label), 1))]),
 									_: 2
 								}, 1032, ["value"]);
 							}), 128))]),
@@ -5143,7 +5513,7 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							class: (0, vue.normalizeClass)(["docs-header__nav-item docs-header__nav-trigger", { "is-active": isNavItemActive(item) }]),
 							"aria-expanded": Boolean(navMenuVisible.value[index]),
 							"aria-haspopup": "menu"
-						}, (0, vue.toDisplayString)(item.label), 11, _hoisted_7$4)]),
+						}, (0, vue.toDisplayString)(item.label), 11, _hoisted_7$5)]),
 						_: 2
 					}, 1032, ["model-value", "onUpdate:modelValue"])) : item.value && (0, vue.unref)(isExternalLink)(item.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 						key: 1,
@@ -5151,18 +5521,18 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						href: item.value,
 						target: "_blank",
 						rel: "noopener noreferrer"
-					}, (0, vue.toDisplayString)(item.label), 9, _hoisted_10$2)) : item.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
+					}, (0, vue.toDisplayString)(item.label), 9, _hoisted_10$3)) : item.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
 						key: 2,
 						class: (0, vue.normalizeClass)(["docs-header__nav-item", { "is-active": isNavItemActive(item) }]),
 						to: (0, vue.unref)(localizePath)((0, vue.unref)(config), lang.value, item.value)
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item.label), 1)]),
 						_: 2
-					}, 1032, ["class", "to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_11$2, (0, vue.toDisplayString)(item.label), 1))], 64);
-				}), 128))], 8, _hoisted_6$4)) : (0, vue.createCommentVNode)("v-if", true),
-				(0, vue.createElementVNode)("div", _hoisted_12$2, [
+					}, 1032, ["class", "to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_11$3, (0, vue.toDisplayString)(item.label), 1))], 64);
+				}), 128))], 8, _hoisted_6$5)) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.createElementVNode)("div", _hoisted_12$3, [
 					(0, vue.createVNode)((0, vue.unref)(theme_toggler_default), { class: "docs-header__theme" }),
-					localeOptions.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("nav", _hoisted_13$1, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Dropdown), {
+					localeOptions.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("nav", _hoisted_13$2, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Dropdown), {
 						modelValue: localeMenuVisible.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localeMenuVisible.value = $event),
 						class: "docs-header__locale-dropdown",
@@ -5205,7 +5575,7 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						}, [(0, vue.createVNode)((0, vue.unref)(icon_default), {
 							name: "language",
 							size: 22
-						})], 8, _hoisted_14)]),
+						})], 8, _hoisted_14$1)]),
 						_: 1
 					}, 8, ["modelValue"])])) : (0, vue.createCommentVNode)("v-if", true),
 					repositoryHref.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
@@ -5219,8 +5589,8 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					}, [(0, vue.createVNode)((0, vue.unref)(icon_default), {
 						name: repositoryIcon.value,
 						size: 24
-					}, null, 8, ["name"])], 8, _hoisted_15)) : (0, vue.createCommentVNode)("v-if", true),
-					(0, vue.createElementVNode)("nav", _hoisted_16, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Dropdown), {
+					}, null, 8, ["name"])], 8, _hoisted_15$1)) : (0, vue.createCommentVNode)("v-if", true),
+					(0, vue.createElementVNode)("nav", _hoisted_16$1, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Dropdown), {
 						modelValue: toolsMenuVisible.value,
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => toolsMenuVisible.value = $event),
 						class: "docs-header__tools-dropdown",
@@ -5261,7 +5631,7 @@ var default_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						}, [(0, vue.createVNode)((0, vue.unref)(icon_default), {
 							name: "more",
 							size: 22
-						})], 8, _hoisted_17)]),
+						})], 8, _hoisted_17$1)]),
 						_: 1
 					}, 8, ["modelValue"])])
 				])
@@ -5326,11 +5696,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$19 = {
+var _hoisted_1$20 = {
 	key: 0,
 	class: "docs-sidebar__icon"
 };
-var _hoisted_2$16 = ["src"];
+var _hoisted_2$17 = ["src"];
 //#endregion
 //#region packages/client/src/components/layout/sidebar-glyph.vue
 var sidebar_glyph_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5346,12 +5716,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$19, [kind.value === "url" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+			return value.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$20, [kind.value === "url" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
 				key: 0,
 				class: "docs-sidebar__media",
 				src: src.value,
 				alt: ""
-			}, null, 8, _hoisted_2$16)) : kind.value === "type" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.Icon), {
+			}, null, 8, _hoisted_2$17)) : kind.value === "type" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.Icon), {
 				key: 1,
 				class: "docs-sidebar__glyph",
 				type: value.value,
@@ -5362,23 +5732,23 @@ 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$18 = ["href"];
-var _hoisted_2$15 = { class: "docs-sidebar__text" };
-var _hoisted_3$12 = {
+var _hoisted_1$19 = ["href"];
+var _hoisted_2$16 = { class: "docs-sidebar__text" };
+var _hoisted_3$13 = {
 	key: 0,
 	class: "docs-sidebar__tag"
 };
-var _hoisted_4$7 = { class: "docs-sidebar__text" };
-var _hoisted_5$5 = {
+var _hoisted_4$8 = { class: "docs-sidebar__text" };
+var _hoisted_5$6 = {
 	key: 0,
 	class: "docs-sidebar__tag"
 };
-var _hoisted_6$3 = {
+var _hoisted_6$4 = {
 	key: 2,
 	class: "docs-sidebar__label"
 };
-var _hoisted_7$3 = { class: "docs-sidebar__text" };
-var _hoisted_8$2 = {
+var _hoisted_7$4 = { class: "docs-sidebar__text" };
+var _hoisted_8$4 = {
 	key: 0,
 	class: "docs-sidebar__tag"
 };
@@ -5417,9 +5787,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$15, (0, vue.toDisplayString)(item.label), 1),
-					item.tag ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$12, (0, vue.toDisplayString)(item.tag), 1)) : (0, vue.createCommentVNode)("v-if", true)
-				], 8, _hoisted_1$18)) : item.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterLink), {
+					(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), {
 					key: 1,
 					class: (0, vue.normalizeClass)(["docs-sidebar__link", { "is-active": isItemActive(item.value) }]),
 					to: toPath(item.value)
@@ -5429,14 +5799,14 @@ var default_sidebar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							item,
 							selected: isItemActive(item.value)
 						}, null, 8, ["item", "selected"]),
-						(0, vue.createElementVNode)("span", _hoisted_4$7, (0, vue.toDisplayString)(item.label), 1),
-						item.tag ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$5, (0, vue.toDisplayString)(item.tag), 1)) : (0, vue.createCommentVNode)("v-if", true)
+						(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)
 					]),
 					_: 2
-				}, 1032, ["class", "to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6$3, [
+				}, 1032, ["class", "to"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6$4, [
 					(0, vue.createVNode)(sidebar_glyph_default, { item }, null, 8, ["item"]),
-					(0, vue.createElementVNode)("span", _hoisted_7$3, (0, vue.toDisplayString)(item.label), 1),
-					item.tag ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$2, (0, vue.toDisplayString)(item.tag), 1)) : (0, vue.createCommentVNode)("v-if", true)
+					(0, vue.createElementVNode)("span", _hoisted_7$4, (0, vue.toDisplayString)(item.label), 1),
+					item.tag ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$4, (0, vue.toDisplayString)(item.tag), 1)) : (0, vue.createCommentVNode)("v-if", true)
 				])), item.children?.length ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_DefaultSidebar, {
 					key: 3,
 					items: item.children,
@@ -5449,8 +5819,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$17 = ["aria-label"];
-var _hoisted_2$14 = [
+var _hoisted_1$18 = ["aria-label"];
+var _hoisted_2$15 = [
 	"aria-checked",
 	"aria-label",
 	"tabindex",
@@ -5517,20 +5887,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$14);
-			}), 128))], 40, _hoisted_1$17);
+				}, null, 8, ["name"])], 10, _hoisted_2$15);
+			}), 128))], 40, _hoisted_1$18);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/components/layout/page-header.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = { class: "docs-page-header" };
-var _hoisted_2$13 = {
+var _hoisted_1$17 = { class: "docs-page-header" };
+var _hoisted_2$14 = {
 	key: 0,
 	class: "docs-page-header__start"
 };
-var _hoisted_3$11 = { class: "docs-page-header__eyebrow" };
-var _hoisted_4$6 = { class: "docs-page-header__end" };
+var _hoisted_3$12 = { class: "docs-page-header__eyebrow" };
+var _hoisted_4$7 = { class: "docs-page-header__end" };
 //#endregion
 //#region packages/client/src/components/layout/page-header.vue
 var page_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5544,13 +5914,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$16, [section.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$13, [(0, vue.createElementVNode)("p", _hoisted_3$11, (0, vue.toDisplayString)(section.value.label), 1)])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", _hoisted_4$6, [(0, vue.createVNode)(content_width_toggle_default)])]);
+			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)])]);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/components/layout/page-footer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = ["aria-label"];
+var _hoisted_1$16 = ["aria-label"];
 //#endregion
 //#region packages/client/src/components/layout/page-footer.vue
 var page_footer_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5606,7 +5976,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$15)) : (0, vue.createCommentVNode)("v-if", true);
+			}, 8, ["to", "aria-label"])) : (0, vue.createCommentVNode)("v-if", true)], 8, _hoisted_1$16)) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });
@@ -5734,8 +6104,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$14 = ["aria-label"];
-var _hoisted_2$12 = { class: "docs-page-outline__title" };
+var _hoisted_1$15 = ["aria-label"];
+var _hoisted_2$13 = { class: "docs-page-outline__title" };
 var SCROLL_THRESHOLD = 80;
 //#endregion
 //#region packages/client/src/components/layout/page-outline.vue
@@ -5841,7 +6211,7 @@ var page_outline_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const followActiveLink = async () => {
 			await (0, vue.nextTick)();
 			const current = outlineRoot.value?.querySelector("a[aria-current=\"location\"]");
-			const wrapper = outlineRoot.value?.querySelector(".vc-scroller__wrapper");
+			const wrapper = outlineRoot.value?.querySelector(".vc-scroller");
 			if (!current || !wrapper) return;
 			const currentRect = current.getBoundingClientRect();
 			const wrapperRect = wrapper.getBoundingClientRect();
@@ -5931,7 +6301,7 @@ var page_outline_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const scrollHeadingIntoView = (id) => {
 			const target = headings.value.find((item) => item.id === id)?.element;
 			if (!target) return;
-			const scroller = target.closest(".docs-layout__main-scroller")?.querySelector(".vc-scroller__wrapper") || target.closest(".vc-scroller__wrapper");
+			const scroller = target.closest(".docs-layout__main-scroller")?.querySelector(".vc-scroller") || target.closest(".vc-scroller");
 			if (scroller) {
 				scroller.scrollTop += target.getBoundingClientRect().top - scroller.getBoundingClientRect().top;
 				return;
@@ -5975,7 +6345,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$12, (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$13, (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",
@@ -5991,7 +6361,7 @@ var page_outline_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					onSelect: handleSelect
 				}, null, 8, ["items", "active-id"])]),
 				_: 1
-			}, 8, ["show-bar", "height"])], 12, _hoisted_1$14)) : (0, vue.createCommentVNode)("v-if", true);
+			}, 8, ["show-bar", "height"])], 12, _hoisted_1$15)) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });
@@ -6014,32 +6384,37 @@ var omitRouteQuery = (query, keys) => {
 };
 //#endregion
 //#region packages/client/src/components/layout/resource-slot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = [
+var _hoisted_1$14 = [
 	"data-slot",
 	"data-resource-type",
 	"data-content-width"
 ];
-var _hoisted_2$11 = {
-	key: 4,
+var _hoisted_2$12 = {
+	key: 0,
+	class: "docs-resource-slot__error",
+	role: "alert"
+};
+var _hoisted_3$11 = {
+	key: 5,
 	class: "docs-resource-slot__page"
 };
-var _hoisted_3$10 = {
+var _hoisted_4$6 = {
 	key: 0,
 	class: "docs-resource-slot__error"
 };
-var _hoisted_4$5 = {
-	key: 5,
+var _hoisted_5$5 = {
+	key: 6,
 	class: "docs-resource-slot__error"
 };
-var _hoisted_5$4 = {
-	key: 6,
+var _hoisted_6$3 = {
+	key: 7,
 	class: "docs-resource-slot__loading"
 };
-var _hoisted_6$2 = {
-	key: 7,
+var _hoisted_7$3 = {
+	key: 8,
 	class: "docs-resource-slot__body"
 };
-var _hoisted_7$2 = ["data-builtin"];
+var _hoisted_8$3 = ["data-builtin"];
 //#endregion
 //#region packages/client/src/components/layout/resource-slot.vue
 var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -6060,6 +6435,26 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const contentWidth = ContentWidth.current;
 		const content = (0, vue.ref)("");
 		const error = (0, vue.ref)("");
+		const styleError = (0, vue.ref)("");
+		let releaseStyles;
+		const preview = (0, vue.computed)(() => {
+			if (!route.meta.docsPreview || props.name !== "content") return {
+				config: void 0,
+				error: ""
+			};
+			try {
+				return {
+					config: readPreviewConfig(route.query),
+					error: ""
+				};
+			} catch (reason) {
+				return {
+					config: void 0,
+					error: t("client.common.previewConfigFailed", { message: reason instanceof Error ? reason.message : String(reason) })
+				};
+			}
+		});
+		(0, vue.provide)(previewConfigKey, (0, vue.computed)(() => preview.value.config));
 		const loading = (0, vue.ref)(false);
 		const source = (0, vue.ref)("");
 		const resourceType = (0, vue.ref)("");
@@ -6202,7 +6597,7 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				if (current !== generation) return;
 				target = getHashTarget(hash);
 			}
-			const scroller = target?.closest(".vc-scroller__wrapper");
+			const scroller = target?.closest(".vc-scroller");
 			if (target && scroller) {
 				scroller.scrollTop += target.getBoundingClientRect().top - scroller.getBoundingClientRect().top;
 				return;
@@ -6304,6 +6699,15 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				if (current === generation && stableSlotKey) activeStableSlotKey = stableSlotKey;
 			};
 			try {
+				let directType;
+				if (route.meta.docsPreview && props.name === "content") {
+					if (preview.value.error) throw new TypeError(preview.value.error);
+					const url = preview.value.config?.url;
+					if (typeof url !== "string" || !url.trim()) throw new TypeError(t("client.common.previewUrlRequired"));
+					slot = url.trim();
+					directType = resolvePreviewType(slot, location.href);
+					if (!directType) throw new TypeError(t("client.common.previewUrlUnsupported"));
+				}
 				if (slot === null) {
 					markStableSlot();
 					return;
@@ -6334,7 +6738,7 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}) || `./${getRouteValue(route, config)}.md`;
 				if (current !== generation || typeof slot !== "string") return;
 				source.value = slot;
-				resourceType.value = classifyResourceSource(slot);
+				resourceType.value = directType || classifyResourceSource(slot);
 				if (resourceType.value === "sfc") {
 					markStableSlot();
 					return;
@@ -6370,9 +6774,32 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}
 			}
 		};
+		(0, vue.watch)(() => JSON.stringify([
+			route.meta.docsPreview,
+			route.path,
+			preview.value.config?.url,
+			preview.value.config?.styles,
+			props.name
+		]), () => {
+			releaseStyles?.();
+			releaseStyles = void 0;
+			styleError.value = "";
+			if (!preview.value.config) return;
+			try {
+				releaseStyles = acquirePreviewStyles(parsePreviewStyleUrls(preview.value.config.styles, location.href), (url) => {
+					styleError.value = t("client.common.previewStyleFailed", { url });
+				});
+			} catch (reason) {
+				styleError.value = reason instanceof Error ? reason.message : String(reason);
+			}
+		}, { immediate: true });
 		(0, vue.watch)([
 			() => route.path,
-			() => JSON.stringify(omitRouteQuery(route.query, ["tab"])),
+			() => route.meta.docsPreview ? JSON.stringify([
+				preview.value.error,
+				preview.value.config?.url,
+				lang.value
+			]) : JSON.stringify(omitRouteQuery(route.query, ["tab"])),
 			() => props.name
 		], load, { immediate: true });
 		(0, vue.watch)(() => route.hash, (hash) => {
@@ -6395,6 +6822,7 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		});
 		(0, vue.onBeforeUnmount)(() => {
 			generation += 1;
+			releaseStyles?.();
 			clear();
 			if (props.name === "sidebar") setSidebarItems(null);
 		});
@@ -6407,14 +6835,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 })
-			}, [builtin.value === "header" ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_header_default, { key: 0 })) : builtin.value === "footer" ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_footer_default, { key: 1 })) : sidebarItems.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(default_sidebar_default, {
-				key: 2,
+			}, [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, {
+				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: 3,
+				key: 4,
 				source: source.value,
 				lang: lang.value
-			}, null, 8, ["source", "lang"])) : pageDocument.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$11, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$10, (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$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), {
 				document: pageDocument.value,
 				modules: (0, vue.unref)(rendererModules),
 				context: rendererContext.value,
@@ -6424,7 +6852,7 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"modules",
 				"context",
 				"fit"
-			])])) : error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$5, (0, vue.toDisplayString)(error.value), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$4, (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_6$2, [(0, vue.createElementVNode)("div", {
+			])])) : 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", {
 				ref: bindArticle,
 				class: "docs-resource-slot__article"
 			}, [
@@ -6442,8 +6870,8 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"playground"
 				]),
 				(0, vue.createVNode)(page_footer_default)
-			]), (0, vue.createVNode)(page_outline_default, { target: article.value }, null, 8, ["target"])])) : resourceType.value === "markdown" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_markdown.Markdown), {
-				key: 8,
+			], 512), (0, vue.createVNode)(page_outline_default, { target: article.value }, null, 8, ["target"])])) : resourceType.value === "markdown" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_docs_markdown.Markdown), {
+				key: 9,
 				value: content.value,
 				theme: markdownTheme.value,
 				indicator: markdownIndicator.value,
@@ -6455,10 +6883,10 @@ var resource_slot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"indicator",
 				"playground"
 			])) : builtin.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				key: 9,
+				key: 10,
 				class: "docs-resource-slot__builtin",
 				"data-builtin": builtin.value
-			}, null, 8, _hoisted_7$2)) : (0, vue.createCommentVNode)("v-if", true)], 12, _hoisted_1$13);
+			}, null, 8, _hoisted_8$3)) : (0, vue.createCommentVNode)("v-if", true)], 12, _hoisted_1$14);
 		};
 	}
 });
@@ -7577,11 +8005,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$12 = { class: "docs-app__header" };
-var _hoisted_2$10 = ["aria-label", "aria-expanded"];
-var _hoisted_3$9 = ["aria-label"];
-var _hoisted_4$4 = { class: "docs-layout__main" };
-var _hoisted_5$3 = { class: "docs-layout__footer" };
+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" };
 //#endregion
 //#region packages/client/src/app.vue
 var app_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -7589,6 +8017,7 @@ var app_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const route = (0, vue_router.useRoute)();
 		const router = (0, vue_router.useRouter)();
+		const routeLayout = (0, vue.computed)(() => route.meta.docsRoute?.layout ?? "default");
 		const { t } = (0, _deot_docs_locale.useLocale)();
 		const mainScroller = (0, vue.ref)();
 		const mobileSidebarOpen = (0, vue.ref)(false);
@@ -7626,21 +8055,25 @@ var app_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			mainScroller.value?.setScrollTop(0);
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			return routeLayout.value === "none" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(vue_router.RouterView), {
+				key: 0,
+				class: "docs-page--none"
+			})) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: 1,
 				class: (0, vue.normalizeClass)(["docs-app", {
 					"docs-app--database": isUtilityShell.value,
 					"docs-app--editor": isEditorShell.value,
 					"docs-app--mobile-sidebar-open": mobileSidebarOpen.value
 				}]),
 				onKeydown: (0, vue.withKeys)(closeMobileSidebar, ["esc"])
-			}, [(0, vue.createElementVNode)("div", _hoisted_1$12, [(0, vue.createElementVNode)("button", {
+			}, [(0, vue.createElementVNode)("div", _hoisted_1$13, [(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$10), (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$11), (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
@@ -7665,7 +8098,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$9),
+				}, null, 8, _hoisted_3$10),
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Scroller), {
 					ref_key: "mainScroller",
 					ref: mainScroller,
@@ -7682,16 +8115,16 @@ 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$4, [(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$5, [(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$3, [(0, vue.createVNode)((0, vue.unref)(resource_slot_default), { name: "footer" })])
+						(0, vue.createElementVNode)("div", _hoisted_5$4, [(0, vue.createVNode)((0, vue.unref)(resource_slot_default), { name: "footer" })])
 					]),
 					_: 1
 				}, 512)
-			], 2)], 34);
+			], 2)], 34));
 		};
 	}
 });
@@ -7815,16 +8248,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$11 = { class: "docs-paging-filter-item" };
-var _hoisted_2$9 = {
+var _hoisted_1$12 = { class: "docs-paging-filter-item" };
+var _hoisted_2$10 = {
 	key: 0,
 	class: "docs-paging-filter-item__label"
 };
-var _hoisted_3$8 = {
+var _hoisted_3$9 = {
 	key: 1,
 	class: "docs-paging-filter-item__range"
 };
-var _hoisted_4$3 = { class: "docs-paging-filter-item__separator" };
+var _hoisted_4$4 = { 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)({
@@ -7873,7 +8306,7 @@ var filter_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			emit("search");
 		};
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$11, [__props.module.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$9, (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$8, [
+			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, [
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.InputNumber), (0, vue.mergeProps)({
 					"model-value": getNumberValue(__props.startValue),
 					"data-filter": __props.module.field[0],
@@ -7886,7 +8319,7 @@ var filter_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"data-filter",
 					"placeholder"
 				]),
-				(0, vue.createElementVNode)("span", _hoisted_4$3, (0, vue.toDisplayString)(__props.module.separator || "-"), 1),
+				(0, vue.createElementVNode)("span", _hoisted_4$4, (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],
@@ -7949,8 +8382,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$10 = { class: "docs-paging-filter" };
-var _hoisted_2$8 = { class: "docs-paging-filter__operate" };
+var _hoisted_1$11 = { class: "docs-paging-filter" };
+var _hoisted_2$9 = { class: "docs-paging-filter__operate" };
 //#endregion
 //#region packages/client/src/components/paging/filter/index.vue
 var filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8004,7 +8437,7 @@ var filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			emit("search", value);
 		};
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$10, [((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$11, [((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,
@@ -8024,7 +8457,7 @@ var filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"onUpdate:startValue",
 					"onUpdate:endValue"
 				]);
-			}), 128)), (0, vue.createElementVNode)("div", _hoisted_2$8, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
+			}), 128)), (0, vue.createElementVNode)("div", _hoisted_2$9, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 				type: "primary",
 				onClick: handleSearch
 			}, {
@@ -8039,9 +8472,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$9 = { class: "docs-paging" };
-var _hoisted_2$7 = { class: "docs-paging__pagination" };
-var _hoisted_3$7 = { class: "docs-paging__pagination-control" };
+var _hoisted_1$10 = { class: "docs-paging" };
+var _hoisted_2$8 = { class: "docs-paging__pagination" };
+var _hoisted_3$8 = { class: "docs-paging__pagination-control" };
 //#endregion
 //#region packages/client/src/components/paging/paging.vue
 var paging_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8187,7 +8620,7 @@ var paging_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			refreshAffix
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$9, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$10, [
 				__props.filterModules.length ? ((0, vue.openBlock)(), (0, vue.createBlock)(filter_default, {
 					key: 0,
 					modules: __props.filterModules,
@@ -8221,12 +8654,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$7, [(0, vue.renderSlot)(_ctx.$slots, "footer-extra", {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("footer", _hoisted_2$8, [(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$7, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Pagination), {
+					}), (0, vue.createElementVNode)("div", _hoisted_3$8, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Pagination), {
 						count: total.value,
 						current: current.value,
 						"page-size": pageSize.value,
@@ -8250,7 +8683,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$8 = ["data-type"];
+var _hoisted_1$9 = ["data-type"];
 //#endregion
 //#region packages/client/src/components/tag/tag.vue
 var tag_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8295,24 +8728,24 @@ 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$8);
+			}, [(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);
 		};
 	}
 });
 //#endregion
 //#region packages/client/src/pages/database/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { class: "docs-database" };
-var _hoisted_2$6 = { class: "docs-database__header" };
-var _hoisted_3$6 = ["title"];
-var _hoisted_4$2 = { class: "docs-database__toolbar" };
-var _hoisted_5$2 = { class: "docs-database__toolbar-primary" };
-var _hoisted_6$1 = { class: "docs-database__button-content" };
-var _hoisted_7$1 = { class: "docs-database__button-content" };
-var _hoisted_8$1 = { class: "docs-database__columns" };
-var _hoisted_9$1 = { class: "docs-database__toolbar-danger" };
-var _hoisted_10$1 = ["title"];
-var _hoisted_11$1 = ["title"];
-var _hoisted_12$1 = { class: "docs-database__actions" };
+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_6$2 = { class: "docs-database__button-content" };
+var _hoisted_7$2 = { class: "docs-database__button-content" };
+var _hoisted_8$2 = { class: "docs-database__columns" };
+var _hoisted_9$2 = { class: "docs-database__toolbar-danger" };
+var _hoisted_10$2 = ["title"];
+var _hoisted_11$2 = ["title"];
+var _hoisted_12$2 = { class: "docs-database__actions" };
 //#endregion
 //#region packages/client/src/pages/database/index.vue
 var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8541,17 +8974,17 @@ var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			statusRefreshTimer = void 0;
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$7, [(0, vue.createElementVNode)("header", _hoisted_2$6, [(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$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, [
 				(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$6),
+				(0, vue.createElementVNode)("span", { title: (0, vue.unref)(currentNamespace) }, (0, vue.toDisplayString)((0, vue.unref)(currentNamespace)), 9, _hoisted_3$7),
 				(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.cache", { size: namespaceCacheSize.value })), 1)
-			])]), (0, vue.createElementVNode)("div", _hoisted_4$2, [(0, vue.createElementVNode)("div", _hoisted_5$2, [
+			])]), (0, vue.createElementVNode)("div", _hoisted_4$3, [(0, vue.createElementVNode)("div", _hoisted_5$3, [
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 					type: "primary",
 					disabled: loading.value,
 					onClick: handleBack
 				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_6$1, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: "back" }), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.back")), 1)])]),
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_6$2, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: "back" }), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.back")), 1)])]),
 					_: 1
 				}, 8, ["disabled"]),
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
@@ -8559,14 +8992,14 @@ var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					disabled: loading.value,
 					onClick: handleHome
 				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_7$1, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: "home" }), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.home")), 1)])]),
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_7$2, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: "home" }), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.database.home")), 1)])]),
 					_: 1
 				}, 8, ["disabled"]),
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Popover), {
 					trigger: "click",
 					placement: "bottom-right"
 				}, {
-					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_8$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(optionalColumns.value, (item) => {
+					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_8$2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(optionalColumns.value, (item) => {
 						return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.Checkbox), {
 							key: item.value,
 							"model-value": isColumnVisible(item.value),
@@ -8611,7 +9044,7 @@ var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("client.database.prefetch")), 1)]),
 					_: 1
 				}, 8, ["disabled"])
-			]), (0, vue.createElementVNode)("div", _hoisted_9$1, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
+			]), (0, vue.createElementVNode)("div", _hoisted_9$2, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 				type: "error",
 				disabled: loading.value || !records.value.length,
 				onClick: handleClearAll
@@ -8643,7 +9076,7 @@ var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						default: (0, vue.withCtx)(({ row }) => [(0, vue.createElementVNode)("span", {
 							class: "docs-database__ellipsis",
 							title: row.url
-						}, (0, vue.toDisplayString)(row.url), 9, _hoisted_10$1)]),
+						}, (0, vue.toDisplayString)(row.url), 9, _hoisted_10$2)]),
 						_: 1
 					}, 8, ["label"]),
 					isColumnVisible("source") ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.TableColumn), {
@@ -8654,7 +9087,7 @@ var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						default: (0, vue.withCtx)(({ row }) => [(0, vue.createElementVNode)("span", {
 							class: "docs-database__ellipsis",
 							title: row.identity.source
-						}, (0, vue.toDisplayString)(row.identity.source), 9, _hoisted_11$1)]),
+						}, (0, vue.toDisplayString)(row.identity.source), 9, _hoisted_11$2)]),
 						_: 1
 					}, 8, ["label"])) : (0, vue.createCommentVNode)("v-if", true),
 					(0, vue.createVNode)((0, vue.unref)(_deot_vc.TableColumn), {
@@ -8768,7 +9201,7 @@ var database_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						align: "center",
 						fixed: "right"
 					}, {
-						default: (0, vue.withCtx)(({ row }) => [(0, vue.createElementVNode)("div", _hoisted_12$1, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
+						default: (0, vue.withCtx)(({ row }) => [(0, vue.createElementVNode)("div", _hoisted_12$2, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 							class: "docs-database__action",
 							type: "text",
 							disabled: loading.value || busyKeys.value.has(getKey(row)),
@@ -8795,14 +9228,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$6 = { class: "docs-renderer-editor-demos-card__name" };
-var _hoisted_2$5 = { class: "docs-renderer-editor-demos-card__title" };
-var _hoisted_3$5 = { class: "docs-renderer-editor-demos-card__desc" };
-var _hoisted_4$1 = {
+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 = {
 	key: 0,
 	class: "docs-renderer-editor-demos-card__modules"
 };
-var _hoisted_5$1 = { class: "docs-renderer-editor-demos-card__action" };
+var _hoisted_5$2 = { 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)({
@@ -8826,22 +9259,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$6, (0, vue.toDisplayString)(__props.item.name), 1),
-				(0, vue.createElementVNode)("strong", _hoisted_2$5, (0, vue.toDisplayString)(__props.item.title), 1),
-				(0, vue.createElementVNode)("p", _hoisted_3$5, (0, vue.toDisplayString)(__props.item.description), 1),
-				__props.item.modules.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_4$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.item.modules, (type) => {
+				(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) => {
 					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$1, (0, vue.toDisplayString)(__props.action || (0, vue.unref)(t)("client.demos.open")), 1)
+				(0, vue.createElementVNode)("span", _hoisted_5$2, (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$5 = { class: "docs-renderer-editor-demos-gallery" };
-var _hoisted_2$4 = { class: "docs-renderer-editor-demos-gallery__intro" };
-var _hoisted_3$4 = { class: "docs-renderer-editor-demos-gallery__grid" };
+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" };
 //#endregion
 //#region packages/client/src/pages/renderer-editor-demos/components/gallery.vue
 var gallery_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -8862,7 +9295,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$5, [(0, vue.createElementVNode)("header", _hoisted_2$4, [(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$4, [((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$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.createBlock)(card_default, {
 					key: item.name,
 					item,
@@ -8878,7 +9311,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$4 = { class: "docs-renderer-editor-demos-stage" };
+var _hoisted_1$5 = { 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)({
@@ -8941,7 +9374,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$4, [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$5, [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),
@@ -9001,12 +9434,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$3 = { class: "docs-renderer-editor-page" };
-var _hoisted_2$3 = {
+var _hoisted_1$4 = { class: "docs-renderer-editor-page" };
+var _hoisted_2$4 = {
 	key: 0,
 	class: "docs-renderer-editor-page__error"
 };
-var _hoisted_3$3 = {
+var _hoisted_3$4 = {
 	key: 1,
 	class: "docs-renderer-editor-page__loading"
 };
@@ -9209,7 +9642,7 @@ var renderer_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			controller?.abort();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$3, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$3, (0, vue.toDisplayString)(error.value), 1)) : loading.value || !document.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$3, (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$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), {
 				key: 2,
 				modelValue: document.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => document.value = $event),
@@ -9229,12 +9662,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$2 = { class: "docs-home" };
-var _hoisted_2$2 = {
+var _hoisted_1$3 = { class: "docs-home" };
+var _hoisted_2$3 = {
 	key: 0,
 	class: "docs-home__error"
 };
-var _hoisted_3$2 = {
+var _hoisted_3$3 = {
 	key: 2,
 	class: "docs-home__loading"
 };
@@ -9330,7 +9763,7 @@ var home_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			unsubscribe?.();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$2, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$2, (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$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), {
 				key: 1,
 				document: document.value,
 				modules: (0, vue.unref)(rendererModules),
@@ -9341,7 +9774,7 @@ var home_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"modules",
 				"context",
 				"fit"
-			])) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$2, (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$3, (0, vue.toDisplayString)((0, vue.unref)(t)("client.common.loading")), 1)) : (0, vue.createCommentVNode)("v-if", true)]);
 		};
 	}
 });
@@ -9357,9 +9790,9 @@ 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$1 = { class: "docs-playground-resource-source-editor__meta" };
-var _hoisted_2$1 = ["title"];
-var _hoisted_3$1 = { class: "docs-playground-resource-source-editor__label" };
+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" };
 //#endregion
 //#region packages/client/src/pages/playground-resource/components/source-editor.vue
 var source_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -9401,15 +9834,15 @@ var source_editor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				onClose: handleClose
 			}, {
 				default: (0, vue.withCtx)(() => [
-					(0, vue.createElementVNode)("div", _hoisted_1$1, [
+					(0, vue.createElementVNode)("div", _hoisted_1$2, [
 						(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$1)])
+						}, (0, vue.toDisplayString)(__props.row.defaultUrl || "-"), 9, _hoisted_2$2)])
 					]),
-					(0, vue.createElementVNode)("label", _hoisted_3$1, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.currentUrl")), 1),
+					(0, vue.createElementVNode)("label", _hoisted_3$2, (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),
@@ -9434,19 +9867,19 @@ var SourceEditor = new _deot_vc.Portal(source_editor_default, {
 });
 //#endregion
 //#region packages/client/src/pages/playground-resource/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "docs-playground-resource" };
-var _hoisted_2 = { class: "docs-playground-resource__header" };
-var _hoisted_3 = ["title"];
-var _hoisted_4 = { class: "docs-playground-resource__hint" };
-var _hoisted_5 = { class: "docs-playground-resource__toolbar" };
-var _hoisted_6 = { class: "docs-playground-resource__toolbar-primary" };
-var _hoisted_7 = { class: "docs-playground-resource__button-content" };
-var _hoisted_8 = { class: "docs-playground-resource__button-content" };
-var _hoisted_9 = { class: "docs-playground-resource__columns" };
-var _hoisted_10 = { class: "docs-playground-resource__toolbar-danger" };
-var _hoisted_11 = ["title"];
-var _hoisted_12 = ["title"];
-var _hoisted_13 = { class: "docs-playground-resource__actions" };
+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_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" };
+var _hoisted_9$1 = { class: "docs-playground-resource__columns" };
+var _hoisted_10$1 = { class: "docs-playground-resource__toolbar-danger" };
+var _hoisted_11$1 = ["title"];
+var _hoisted_12$1 = ["title"];
+var _hoisted_13$1 = { class: "docs-playground-resource__actions" };
 //#endregion
 //#region packages/client/src/pages/playground-resource/index.vue
 var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -9672,21 +10105,21 @@ var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			SourceEditor.destroy();
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1, [(0, vue.createElementVNode)("header", _hoisted_2, [(0, vue.createElementVNode)("div", null, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", _hoisted_1$1, [(0, vue.createElementVNode)("header", _hoisted_2$1, [(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),
+					(0, vue.createElementVNode)("span", { title: (0, vue.unref)(currentNamespace) }, (0, vue.toDisplayString)((0, vue.unref)(currentNamespace)), 9, _hoisted_3$1),
 					(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.cache", { size: namespaceCacheSize.value })), 1)
 				]),
-				(0, vue.createElementVNode)("p", _hoisted_4, (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.hint")), 1)
-			]), (0, vue.createElementVNode)("div", _hoisted_5, [(0, vue.createElementVNode)("div", _hoisted_6, [
+				(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.createVNode)((0, vue.unref)(_deot_vc.Button), {
 					type: "primary",
 					disabled: loading.value,
 					onClick: handleBack
 				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_7, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: "back" }), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.back")), 1)])]),
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_7$1, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: "back" }), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.back")), 1)])]),
 					_: 1
 				}, 8, ["disabled"]),
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
@@ -9694,14 +10127,14 @@ var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					disabled: loading.value,
 					onClick: handleHome
 				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_8, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: "home" }), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.home")), 1)])]),
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_8$1, [(0, vue.createVNode)((0, vue.unref)(icon_default), { name: "home" }), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.home")), 1)])]),
 					_: 1
 				}, 8, ["disabled"]),
 				(0, vue.createVNode)((0, vue.unref)(_deot_vc.Popover), {
 					trigger: "click",
 					placement: "bottom-right"
 				}, {
-					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_9, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(optionalColumns.value, (item) => {
+					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_9$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(optionalColumns.value, (item) => {
 						return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_deot_vc.Checkbox), {
 							key: item.value,
 							"model-value": isColumnVisible(item.value),
@@ -9738,7 +10171,7 @@ var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("client.playgroundResource.prefetch")), 1)]),
 					_: 1
 				}, 8, ["disabled"])
-			]), (0, vue.createElementVNode)("div", _hoisted_10, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
+			]), (0, vue.createElementVNode)("div", _hoisted_10$1, [(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 				type: "error",
 				disabled: loading.value || !rows.value.length,
 				onClick: handleClear
@@ -9779,7 +10212,7 @@ var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						default: (0, vue.withCtx)(({ row }) => [(0, vue.createElementVNode)("span", {
 							class: "docs-playground-resource__ellipsis",
 							title: row.defaultUrl || "-"
-						}, (0, vue.toDisplayString)(row.defaultUrl || "-"), 9, _hoisted_11)]),
+						}, (0, vue.toDisplayString)(row.defaultUrl || "-"), 9, _hoisted_11$1)]),
 						_: 1
 					}, 8, ["label"])) : (0, vue.createCommentVNode)("v-if", true),
 					(0, vue.createVNode)((0, vue.unref)(_deot_vc.TableColumn), {
@@ -9789,7 +10222,7 @@ var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						default: (0, vue.withCtx)(({ row }) => [(0, vue.createElementVNode)("span", {
 							class: "docs-playground-resource__ellipsis",
 							title: row.currentUrl || "-"
-						}, (0, vue.toDisplayString)(row.currentUrl || "-"), 9, _hoisted_12)]),
+						}, (0, vue.toDisplayString)(row.currentUrl || "-"), 9, _hoisted_12$1)]),
 						_: 1
 					}, 8, ["label"]),
 					(0, vue.createVNode)((0, vue.unref)(_deot_vc.TableColumn), {
@@ -9840,7 +10273,7 @@ var playground_resource_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						align: "center",
 						fixed: "right"
 					}, {
-						default: (0, vue.withCtx)(({ row }) => [(0, vue.createElementVNode)("div", _hoisted_13, [
+						default: (0, vue.withCtx)(({ row }) => [(0, vue.createElementVNode)("div", _hoisted_13$1, [
 							(0, vue.createVNode)((0, vue.unref)(_deot_vc.Button), {
 								class: "docs-playground-resource__action",
 								type: "text",
@@ -9879,6 +10312,199 @@ 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 = {
+	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 = {
+	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)({
+	__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 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 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)),
+					error: ""
+				};
+			} catch (reason) {
+				return {
+					config: void 0,
+					href: "",
+					error: form.url || jsonFields.some((field) => form[field] !== defaults[field]) ? messageOf(reason) : ""
+				};
+			}
+		});
+		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));
+				parseError.value = "";
+			} catch (reason) {
+				parseError.value = messageOf(reason);
+			}
+		};
+		const parseLink = () => {
+			try {
+				const target = new URL(importUrl.value.trim(), location.href);
+				const query = {};
+				target.searchParams.forEach((_, key) => {
+					const values = target.searchParams.getAll(key);
+					query[key] = values.length === 1 ? values[0] : values;
+				});
+				applyQuery(query);
+			} catch (reason) {
+				parseError.value = messageOf(reason);
+			}
+		};
+		(0, vue.watch)(() => route.query, (query) => {
+			if (query.raw !== void 0 || query.url !== void 0) applyQuery(query);
+		}, { 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",
+						"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", {
+						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.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"
+					])
+				]),
+				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), {
+						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)]),
+						_: 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)
+				])
+			])]);
+		};
+	}
+});
+//#endregion
 //#region packages/client/src/router/index.ts
 var slotComponents = {
 	default: resource_slot_default,
@@ -9942,6 +10568,29 @@ var createDocsRouter = (config, options = {}) => {
 	const hasConfiguredDemosRoute = Object.keys(config.routes).some((path) => (path.startsWith("/") ? path : `/${path}`) === "/renderer-editor-demos");
 	const isDevelopment = config.runtime?.mode === "development";
 	const routes = [
+		{
+			path: "/__docs/preview-config-generate",
+			component: preview_config_generate_default,
+			meta: {
+				docsPreviewConfigGenerate: true,
+				docsRoute: {
+					layout: "none",
+					content: null
+				}
+			}
+		},
+		{
+			path: "/__docs/preview",
+			component: resource_slot_default,
+			props: { name: "content" },
+			meta: {
+				docsPreview: true,
+				docsRoute: {
+					layout: "none",
+					content: null
+				}
+			}
+		},
 		{
 			path: "/:lang/__docs/database",
 			component: database_default,
@@ -10060,6 +10709,14 @@ var createDocsRouter = (config, options = {}) => {
 		routes
 	});
 	router.beforeEach((to) => {
+		if (to.meta.docsPreview || to.meta.docsPreviewConfigGenerate) {
+			let language = "";
+			try {
+				language = readPreviewConfig(to.query).lang || "";
+			} catch {}
+			to.params.lang = hasConfiguredLanguage(config, language) ? language : defaultLanguage;
+			return true;
+		}
 		const lang = String(to.params.lang || "");
 		const configuredLanguages = Object.keys(config.locales);
 		if (lang && (hasConfiguredLanguage(config, lang) || !configuredLanguages.length && lang === defaultLanguage)) {