dsh-vscode-mode 0.1.35 → 0.1.42

package/lib/client.js

@@ -385,6 +385,523 @@ window.__ModuleLoader__.load({
 			window.dispatchEvent(new CustomEvent("edrv:show-launcher", { detail: { tab } }));
 		}
 		//#endregion
+		//#region src/client/monaco/theme.ts
+		/**
+		* dsh-vscode-mode client — Monaco 语法分色主题（rich token 配色）。
+		* 编辑器原先硬编码 'vs'（内置基础主题），token 分色层次少；
+		* 这里定义 edrv-dark / edrv-light 两套完整 token 配色（对齐 VSCode Dark+ 语义分层），
+		* 并随 DSH 明暗主题自动切换（跟随文档根 data 主题属性 / prefers-color-scheme）。
+		* 作者 ddj 2026-08-28
+		*/
+		const EDRV_DARK = "edrv-dark";
+		const EDRV_LIGHT = "edrv-light";
+		/** 语法分色（语义分层：关键字/字符串/数字/注释/函数/变量/类型/运算符/正则/标签/属性…）。 */
+		const DARK_RULES = [
+			{
+				token: "",
+				foreground: "d4d4d4",
+				background: "1e1e1e"
+			},
+			{
+				token: "comment",
+				foreground: "6a9955",
+				fontStyle: "italic"
+			},
+			{
+				token: "comment.doc",
+				foreground: "7ca97c",
+				fontStyle: "italic"
+			},
+			{
+				token: "keyword",
+				foreground: "c586c0"
+			},
+			{
+				token: "keyword.control",
+				foreground: "c586c0"
+			},
+			{
+				token: "keyword.operator",
+				foreground: "d4d4d4"
+			},
+			{
+				token: "keyword.json",
+				foreground: "9cdcfe"
+			},
+			{
+				token: "string",
+				foreground: "ce9178"
+			},
+			{
+				token: "string.escape",
+				foreground: "d7ba7d"
+			},
+			{
+				token: "string.key.json",
+				foreground: "9cdcfe"
+			},
+			{
+				token: "string.value.json",
+				foreground: "ce9178"
+			},
+			{
+				token: "string.yaml",
+				foreground: "ce9178"
+			},
+			{
+				token: "number",
+				foreground: "b5cea8"
+			},
+			{
+				token: "number.hex",
+				foreground: "b5cea8"
+			},
+			{
+				token: "regexp",
+				foreground: "d16969"
+			},
+			{
+				token: "type",
+				foreground: "4ec9b0"
+			},
+			{
+				token: "type.identifier",
+				foreground: "4ec9b0"
+			},
+			{
+				token: "identifier",
+				foreground: "d4d4d4"
+			},
+			{
+				token: "variable",
+				foreground: "9cdcfe"
+			},
+			{
+				token: "variable.global",
+				foreground: "ff6699"
+			},
+			{
+				token: "variable.local",
+				foreground: "9cdcfe"
+			},
+			{
+				token: "variable.mutable",
+				foreground: "9cdcfe"
+			},
+			{
+				token: "variable.predefined",
+				foreground: "4fc1ff"
+			},
+			{
+				token: "variable.parameter",
+				foreground: "00bfae"
+			},
+			{
+				token: "parameter",
+				foreground: "00bfae"
+			},
+			{
+				token: "function",
+				foreground: "dcdcaa"
+			},
+			{
+				token: "method",
+				foreground: "dcdcaa"
+			},
+			{
+				token: "property",
+				foreground: "9cdcfe"
+			},
+			{
+				token: "function.identifier",
+				foreground: "dcdcaa"
+			},
+			{
+				token: "member",
+				foreground: "dcdcaa"
+			},
+			{
+				token: "constant",
+				foreground: "4fc1ff"
+			},
+			{
+				token: "constant.numeric",
+				foreground: "b5cea8"
+			},
+			{
+				token: "constant.language",
+				foreground: "569cd6"
+			},
+			{
+				token: "tag",
+				foreground: "569cd6"
+			},
+			{
+				token: "tag.xml",
+				foreground: "569cd6"
+			},
+			{
+				token: "metatag",
+				foreground: "808080"
+			},
+			{
+				token: "attribute.name",
+				foreground: "9cdcfe"
+			},
+			{
+				token: "attribute.value",
+				foreground: "ce9178"
+			},
+			{
+				token: "delimiter",
+				foreground: "d4d4d4"
+			},
+			{
+				token: "delimiter.bracket",
+				foreground: "ffd700"
+			},
+			{
+				token: "delimiter.html",
+				foreground: "808080"
+			},
+			{
+				token: "operator",
+				foreground: "d4d4d4"
+			},
+			{
+				token: "namespace",
+				foreground: "4ec9b0"
+			},
+			{
+				token: "class",
+				foreground: "4ec9b0"
+			},
+			{
+				token: "interface",
+				foreground: "4ec9b0"
+			},
+			{
+				token: "enum",
+				foreground: "4ec9b0"
+			},
+			{
+				token: "struct",
+				foreground: "4ec9b0"
+			},
+			{
+				token: "annotation",
+				foreground: "dcdcaa"
+			},
+			{
+				token: "punctuation",
+				foreground: "d4d4d4"
+			},
+			{
+				token: "invalid",
+				foreground: "f44747"
+			}
+		];
+		const LIGHT_RULES = [
+			{
+				token: "",
+				foreground: "1e1e1e",
+				background: "ffffff"
+			},
+			{
+				token: "comment",
+				foreground: "008000",
+				fontStyle: "italic"
+			},
+			{
+				token: "comment.doc",
+				foreground: "2e7d32",
+				fontStyle: "italic"
+			},
+			{
+				token: "keyword",
+				foreground: "0000ff"
+			},
+			{
+				token: "keyword.control",
+				foreground: "af00db"
+			},
+			{
+				token: "keyword.operator",
+				foreground: "1e1e1e"
+			},
+			{
+				token: "keyword.json",
+				foreground: "0451a5"
+			},
+			{
+				token: "string",
+				foreground: "a31515"
+			},
+			{
+				token: "string.escape",
+				foreground: "ee0000"
+			},
+			{
+				token: "string.key.json",
+				foreground: "0451a5"
+			},
+			{
+				token: "string.value.json",
+				foreground: "a31515"
+			},
+			{
+				token: "string.yaml",
+				foreground: "a31515"
+			},
+			{
+				token: "number",
+				foreground: "098658"
+			},
+			{
+				token: "number.hex",
+				foreground: "098658"
+			},
+			{
+				token: "regexp",
+				foreground: "811f3f"
+			},
+			{
+				token: "type",
+				foreground: "267f99"
+			},
+			{
+				token: "type.identifier",
+				foreground: "267f99"
+			},
+			{
+				token: "identifier",
+				foreground: "1e1e1e"
+			},
+			{
+				token: "variable",
+				foreground: "001080"
+			},
+			{
+				token: "variable.global",
+				foreground: "c2185b"
+			},
+			{
+				token: "variable.local",
+				foreground: "001080"
+			},
+			{
+				token: "variable.mutable",
+				foreground: "001080"
+			},
+			{
+				token: "variable.predefined",
+				foreground: "001080"
+			},
+			{
+				token: "variable.parameter",
+				foreground: "008577"
+			},
+			{
+				token: "parameter",
+				foreground: "008577"
+			},
+			{
+				token: "function",
+				foreground: "795e26"
+			},
+			{
+				token: "method",
+				foreground: "795e26"
+			},
+			{
+				token: "function.identifier",
+				foreground: "795e26"
+			},
+			{
+				token: "member",
+				foreground: "795e26"
+			},
+			{
+				token: "property",
+				foreground: "001080"
+			},
+			{
+				token: "constant",
+				foreground: "0070c1"
+			},
+			{
+				token: "constant.numeric",
+				foreground: "098658"
+			},
+			{
+				token: "constant.language",
+				foreground: "0000ff"
+			},
+			{
+				token: "tag",
+				foreground: "800000"
+			},
+			{
+				token: "tag.xml",
+				foreground: "800000"
+			},
+			{
+				token: "metatag",
+				foreground: "6b6b6b"
+			},
+			{
+				token: "attribute.name",
+				foreground: "e50000"
+			},
+			{
+				token: "attribute.value",
+				foreground: "0451a5"
+			},
+			{
+				token: "delimiter",
+				foreground: "1e1e1e"
+			},
+			{
+				token: "delimiter.bracket",
+				foreground: "b46400"
+			},
+			{
+				token: "delimiter.html",
+				foreground: "800000"
+			},
+			{
+				token: "operator",
+				foreground: "1e1e1e"
+			},
+			{
+				token: "namespace",
+				foreground: "267f99"
+			},
+			{
+				token: "class",
+				foreground: "267f99"
+			},
+			{
+				token: "interface",
+				foreground: "267f99"
+			},
+			{
+				token: "enum",
+				foreground: "267f99"
+			},
+			{
+				token: "struct",
+				foreground: "267f99"
+			},
+			{
+				token: "annotation",
+				foreground: "795e26"
+			},
+			{
+				token: "punctuation",
+				foreground: "1e1e1e"
+			},
+			{
+				token: "invalid",
+				foreground: "cd3131"
+			}
+		];
+		/** 编辑器 UI 配色（与语法配色同套，保证 gutter/minimap/selection 一致）。 */
+		const DARK_COLORS = {
+			"editor.background": "#1e1e1e",
+			"editor.foreground": "#d4d4d4",
+			"editorLineNumber.foreground": "#6e7681",
+			"editorLineNumber.activeForeground": "#c6c6c6",
+			"editor.selectionBackground": "#264f78",
+			"editor.inactiveSelectionBackground": "#3a3d41",
+			"editor.lineHighlightBackground": "#2a2d2e",
+			"editorCursor.foreground": "#aeafad",
+			"editorIndentGuide.background1": "#404040",
+			"editorIndentGuide.activeBackground1": "#707070",
+			"editorWidget.background": "#252526",
+			"editorHoverWidget.background": "#252526",
+			"editorGutter.background": "#1e1e1e",
+			"minimap.background": "#1e1e1e",
+			"scrollbarSlider.background": "#79797966",
+			"scrollbarSlider.hoverBackground": "#646464b3",
+			"scrollbarSlider.activeBackground": "#bfbfbf66"
+		};
+		const LIGHT_COLORS = {
+			"editor.background": "#ffffff",
+			"editor.foreground": "#1e1e1e",
+			"editorLineNumber.foreground": "#6c6c6c",
+			"editorLineNumber.activeForeground": "#171184",
+			"editor.selectionBackground": "#add6ff",
+			"editor.inactiveSelectionBackground": "#e5ebf1",
+			"editor.lineHighlightBackground": "#f0f0f0",
+			"editorCursor.foreground": "#000000",
+			"editorIndentGuide.background1": "#d3d3d3",
+			"editorIndentGuide.activeBackground1": "#939393",
+			"editorWidget.background": "#f3f3f3",
+			"editorHoverWidget.background": "#f3f3f3",
+			"editorGutter.background": "#ffffff",
+			"minimap.background": "#ffffff",
+			"scrollbarSlider.background": "#64646466",
+			"scrollbarSlider.hoverBackground": "#646464b3",
+			"scrollbarSlider.activeBackground": "#00000099"
+		};
+		/**
+		* 注册 edrv 双套主题（幂等；Monaco 未加载时静默跳过）。
+		* @author ddj 2026年08月28号
+		* @param monaco Monaco 实例（window.monaco）
+		*/
+		function registerThemes(monaco) {
+			if (!monaco?.editor?.defineTheme) return;
+			try {
+				monaco.editor.defineTheme(EDRV_DARK, {
+					base: "vs-dark",
+					inherit: true,
+					rules: DARK_RULES,
+					colors: DARK_COLORS
+				});
+				monaco.editor.defineTheme(EDRV_LIGHT, {
+					base: "vs",
+					inherit: true,
+					rules: LIGHT_RULES,
+					colors: LIGHT_COLORS
+				});
+			} catch (error) {}
+		}
+		/**
+		* 探测当前 DSH 明暗（文档根 data 主题属性 → prefers-color-scheme → 暗）。
+		* @author ddj 2026年08月28号
+		* @returns 'dark' | 'light'
+		*/
+		function detectColorScheme() {
+			try {
+				const attr = document.documentElement?.getAttribute?.("data-theme") ?? document.body?.getAttribute?.("data-theme");
+				const value = String(attr ?? "").toLowerCase();
+				if (value.includes("light") || value.includes("catppuccin-latte")) return "light";
+				if (value.includes("dark") || value.includes("frappe") || value.includes("macchiato") || value.includes("mocha")) return "dark";
+				if (typeof window.matchMedia === "function") return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+			} catch (error) {}
+			return "dark";
+		}
+		/**
+		* 主题名：按当前明暗返回已注册主题（未注册回落 vs）。
+		* @author ddj 2026年08月28号
+		* @returns 主题 id
+		*/
+		function themeNameOf() {
+			return detectColorScheme() === "light" ? EDRV_LIGHT : EDRV_DARK;
+		}
+		/**
+		* 应用主题到 Monaco（全局切换；新建编辑器也用该主题）。
+		* @author ddj 2026年08月28号
+		* @param monaco Monaco 实例
+		*/
+		function applyTheme(monaco) {
+			if (!monaco?.editor?.setTheme) return;
+			try {
+				monaco.editor.setTheme(themeNameOf());
+			} catch (error) {}
+		}
+		//#endregion
 		//#region src/client/monaco/loader.ts
 		/**
 		* dsh-vscode-mode client — Monaco 加载与语言映射（AMD 构建，离线随包分发）。
@@ -500,7 +1017,20 @@ window.__ModuleLoader__.load({
 			kt: "kotlin",
 			kts: "kotlin",
 			dart: "dart",
-			dockerfile: "dockerfile"
+			dockerfile: "dockerfile",
+			csproj: "xml",
+			props: "xml",
+			targets: "xml",
+			plist: "xml",
+			lua51: "lua",
+			luac: "lua",
+			gitattributes: "ini",
+			editorconfig: "ini",
+			env: "ini",
+			properties: "ini",
+			json5: "jsonc",
+			log: "plaintext",
+			txt: "plaintext"
 		};
 		/**
 		* 路径 → Monaco language id：取 basename 扩展名（dockerfile/Dockerfile 特判）。
@@ -536,6 +1066,10 @@ window.__ModuleLoader__.load({
 							publishStage("core", MONACO_STAGES.core.progress, MONACO_STAGES.core.message);
 							window.require(["vs/editor/editor.main"], () => {
 								publishStage("ready", MONACO_STAGES.ready.progress, MONACO_STAGES.ready.message);
+								try {
+									registerThemes(window.monaco);
+									applyTheme(window.monaco);
+								} catch (error) {}
 								resolve(window.monaco);
 							}, (err) => fail(/* @__PURE__ */ new Error("Monaco 模块加载失败：" + String(err))));
 						} catch (error) {
@@ -1861,7 +2395,9 @@ window.__ModuleLoader__.load({
 			/** 搜索面板条件（SearchPanel v1）。 */
 			search: "edrv.search.v1.",
 			/** 侧边栏提示已关闭标记（全局，无会话）。 */
-			sideHint: "edrv.side-hint-dismissed"
+			sideHint: "edrv.side-hint-dismissed",
+			/** 「性能优化」页工作区栏目展开状态（workspaceFoldCache v1，全局不按会话）。 */
+			workspaceFold: "edrv.ws-fold.v1."
 		};
 		//#endregion
 		//#region src/client/state/viewStateCache.ts
@@ -1969,6 +2505,48 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/shared/lsp.ts
+		/** LSP semantic token 标准类型（host 归一化后，client 与 Monaco 共用）。 */
+		const LSP_SEMANTIC_TOKEN_TYPES = [
+			"namespace",
+			"type",
+			"class",
+			"enum",
+			"interface",
+			"struct",
+			"typeParameter",
+			"parameter",
+			"variable",
+			"property",
+			"enumMember",
+			"event",
+			"function",
+			"method",
+			"macro",
+			"label",
+			"comment",
+			"string",
+			"keyword",
+			"number",
+			"regexp",
+			"operator",
+			"decorator"
+		];
+		/** LSP semantic token 标准修饰符（host 归一化后，client 与 Monaco 共用）。 */
+		const LSP_SEMANTIC_TOKEN_MODIFIERS = [
+			"declaration",
+			"definition",
+			"readonly",
+			"static",
+			"deprecated",
+			"abstract",
+			"async",
+			"modification",
+			"documentation",
+			"defaultLibrary",
+			"global",
+			"local",
+			"mutable"
+		];
 		/**
 		* Monaco 位置（1-based lineNumber/column）→ LSP Position（0-based）。
 		* @author ddj 2026年08月27号
@@ -2111,6 +2689,16 @@ window.__ModuleLoader__.load({
 			if (!res || !res.ok) return null;
 			return res.hover || null;
 		}
+		/** 查询当前文档的 semantic tokens（host 已归一化 legend 与 delta data）。 */
+		async function fetchSemanticTokens(path, text) {
+			await syncDoc(path, text, true);
+			const res = await rpc("edrv.lsp.semanticTokens", {
+				sessionId,
+				path
+			}).catch(() => null);
+			if (!res || !res.ok || !res.tokens || !Array.isArray(res.tokens.data)) return null;
+			return res.tokens;
+		}
 		/** 拉取服务器状态（带 5s 缓存）。 */
 		async function refreshStatus(force = false) {
 			if (!force && Date.now() - statusCache.at < 1500) return statusCache.servers;
@@ -2130,7 +2718,10 @@ window.__ModuleLoader__.load({
 			const end = range.end || {};
 			return {
 				uri: window.monaco.Uri.parse(toEdrvUri(loc.uri, loc.root)),
-				range: new window.monaco.Range(Math.max(1, (start.line ?? 0) + 1), Math.max(1, (start.character ?? 0) + 1), Math.max(1, (end.line ?? 0) + 1), Math.max(1, (end.character ?? 0) + 1))
+				range: new window.monaco.Range(Math.max(1, (start.line ?? 0) + 1), Math.max(1, (start.character ?? 0) + 1), Math.max(1, (end.line ?? 0) + 1), Math.max(1, (end.character ?? 0) + 1)),
+				lspUri: loc.uri,
+				lspRoot: loc.root,
+				lspRange: loc.range
 			};
 		}
 		/** file:// URI（或裸路径）→ edrv:// 相对路径（去掉盘符/根，与编辑器模型路径一致）。 */
@@ -2142,30 +2733,68 @@ window.__ModuleLoader__.load({
 		}
 		/** 将 LSP 目标解析为当前工作区相对路径（跨文件跳转与 model URI 对齐）。 */
 		function targetOpenPath(loc) {
-			return relativeLspPath(loc?.uri, loc?.root);
+			return relativeLspPath(loc?.lspUri ?? loc?.uri, loc?.lspRoot ?? loc?.root);
 		}
-		/** file URI/裸路径 → root 下的 / 分隔相对路径；root 不匹配时保留规范化绝对路径。 */
-		function relativeLspPath(uri, root) {
+		/**
+		* 归一化 Location 的 uri → 工作区路径（剥离 scheme，不补盘符）。
+		* 三种输入形态（缺一即导致 scheme 泄漏进文件路径 → 跳转"文件不存在"）：
+		* - Monaco Uri 对象（toClientLocation 产物，scheme=edrv）→ 取 .path（已是工作区相对路径）
+		* - 'edrv:///x' 字符串 → 取路径部分
+		* - 'file:///D:/x' → 去 authority 空段保留盘符
+		* @author ddj 2026年08月28号
+		* @param uri Monaco Uri 对象 / file:// 或 edrv:// URI / 裸路径
+		* @returns / 分隔的路径（edrv 相对路径 或 带盘符绝对路径）
+		*/
+		function lspUriToAbs(uri) {
 			if (!uri) return "";
-			let path = String(uri);
-			if (path.startsWith("file://")) try {
-				path = decodeURIComponent(path.replace(/^file:\/\//, ""));
+			const isObject = typeof uri === "object";
+			const raw = isObject && typeof uri.path === "string" ? uri.path : String(uri);
+			let path = raw;
+			if (path.startsWith("file://")) {
+				try {
+					path = decodeURIComponent(path.replace(/^file:\/\/\/?/, ""));
+				} catch (error) {
+					path = path.replace(/^file:\/\/\/?/, "");
+				}
+				return path.replace(/\\/g, "/").replace(/^\/([A-Za-z]:)/, "$1");
+			}
+			if (path.startsWith("edrv://")) try {
+				path = decodeURIComponent(path.replace(/^edrv:\/\/\/?/, ""));
 			} catch (error) {
-				path = path.replace(/^file:\/\//, "");
+				path = path.replace(/^edrv:\/\/\/?/, "");
 			}
-			path = path.replace(/\\/g, "/").replace(/^\/([A-Za-z]:)/, "$1");
+			if (isObject ? uri.scheme === "edrv" : raw.startsWith("edrv://")) return path.replace(/\\/g, "/").replace(/^\/+/, "");
+			return path.replace(/\\/g, "/").replace(/^\/([A-Za-z]:)/, "$1");
+		}
+		/**
+		* file URI/裸路径 → root 下的 / 分隔相对路径。
+		* root 匹配返回工作区相对路径；root 不匹配返回完整绝对路径（保留盘符），
+		* 供 edrv.read 按绝对路径解析（原先错误剥掉首个 / 导致跳转"文件不存在"）。
+		* @author ddj 2026年08月28号
+		* @param uri file:// URI 或裸路径
+		* @param root 工作区根（可选）
+		* @returns 可 edrv.read 的路径
+		*/
+		function relativeLspPath(uri, root) {
+			if (!uri) return "";
+			const path = lspUriToAbs(uri);
 			const normalizedRoot = root ? String(root).replace(/\\/g, "/").replace(/^\/([A-Za-z]:)/, "$1").replace(/\/+$/, "") : "";
 			const lowerPath = path.toLowerCase();
 			const lowerRoot = normalizedRoot.toLowerCase();
 			if (normalizedRoot && (lowerPath === lowerRoot || lowerPath.startsWith(lowerRoot + "/"))) return path.slice(normalizedRoot.length).replace(/^\/+/, "");
-			return path.replace(/^\/+/, "");
+			return path;
 		}
 		/** 目标行/列（0-based LSP → 1-based Monaco）。 */
 		function targetMonoPosition(loc) {
-			const start = (loc.range || {}).start || {};
+			const lspRange = loc?.lspRange;
+			if (lspRange?.start) return {
+				line: Math.max(1, (lspRange.start.line ?? 0) + 1),
+				column: Math.max(1, (lspRange.start.character ?? 0) + 1)
+			};
+			const range = loc?.range ?? {};
 			return {
-				line: Math.max(1, (start.line ?? 0) + 1),
-				column: Math.max(1, (start.character ?? 0) + 1)
+				line: Math.max(1, range.startLineNumber ?? 1),
+				column: Math.max(1, range.startColumn ?? 1)
 			};
 		}
 		//#endregion
@@ -2178,6 +2807,10 @@ window.__ModuleLoader__.load({
 		* 作者 ddj 2026-08-27
 		*/
 		const LSP_LANGS = ["lua", "csharp"];
+		const SEMANTIC_LEGEND = {
+			tokenTypes: [...LSP_SEMANTIC_TOKEN_TYPES],
+			tokenModifiers: [...LSP_SEMANTIC_TOKEN_MODIFIERS]
+		};
 		let registered = false;
 		const disposables = [];
 		let overlayEl = null;
@@ -2212,6 +2845,19 @@ window.__ModuleLoader__.load({
 			};
 			disposables.push(monaco.editor.onDidCreateModel(attachModel));
 			for (const model of monaco.editor.getModels()) attachModel(model);
+			const onRedetect = (event) => {
+				const languageId = event?.detail?.languageId;
+				if (!languageId) return;
+				for (const model of monaco.editor.getModels()) {
+					const path = pathOfModel(model);
+					if (!path) continue;
+					if (model.getLanguageId && model.getLanguageId() !== languageId) continue;
+					syncDoc(path, model.getValue(), true);
+				}
+				refreshStatus(true);
+			};
+			window.addEventListener("edrv:lsp-redetect", onRedetect);
+			disposables.push(() => window.removeEventListener("edrv:lsp-redetect", onRedetect));
 			disposables.push(monaco.languages.registerDefinitionProvider(LSP_LANGS, { provideDefinition: (model, position, token) => {
 				const path = pathOfModel(model);
 				if (!path) return [];
@@ -2234,7 +2880,17 @@ window.__ModuleLoader__.load({
 					contents: hover.contents.map((text) => ({ value: text })),
 					range: range || void 0
 				};
-			} }));
+			} }), monaco.languages.registerDocumentSemanticTokensProvider(LSP_LANGS, {
+				getLegend: () => SEMANTIC_LEGEND,
+				provideDocumentSemanticTokens: async (model, token) => {
+					const path = pathOfModel(model);
+					if (!path || token?.isCancellationRequested) return { data: /* @__PURE__ */ new Uint32Array() };
+					const result = await fetchSemanticTokens(path, model.getValue());
+					if (!result || token?.isCancellationRequested) return { data: /* @__PURE__ */ new Uint32Array() };
+					return { data: Uint32Array.from(result.data) };
+				},
+				releaseDocumentSemanticTokens: () => {}
+			}));
 		}
 		/** LSP SymbolInfo（host 归一化后）→ Monaco DocumentSymbol。 */
 		function toMonacoSymbol(symbol) {
@@ -2623,7 +3279,8 @@ window.__ModuleLoader__.load({
 						}));
 						setStatus("已加载");
 					} else {
-						const message = res?.error ? String(res.error) : "读取失败";
+						const base = res?.error ? String(res.error) : "读取失败";
+						const message = res?.resolvedPath ? base + "：" + String(res.resolvedPath) : base;
 						setLoadError(message);
 						setError(message);
 						setStatus("读取失败");
@@ -2890,6 +3547,20 @@ window.__ModuleLoader__.load({
 					alive = false;
 				};
 			}, [monaco, monacoErr]);
+			react.default.useEffect(() => {
+				if (!monaco) return;
+				registerThemes(monaco);
+				applyTheme(monaco);
+				if (typeof window.matchMedia !== "function") return;
+				const query = window.matchMedia("(prefers-color-scheme: dark)");
+				const onChange = () => applyTheme(monaco);
+				if (typeof query.addEventListener === "function") {
+					query.addEventListener("change", onChange);
+					return () => query.removeEventListener("change", onChange);
+				}
+				query.addListener(onChange);
+				return () => query.removeListener(onChange);
+			}, [monaco]);
 			monacoRef.current = monaco;
 			const getModel = (path, text) => {
 				const cache = modelsRef.current;
@@ -3003,7 +3674,7 @@ window.__ModuleLoader__.load({
 				const ed = m.editor.create(node, {
 					value: "",
 					language: "plaintext",
-					theme: "vs",
+					theme: themeNameOf(),
 					fontFamily: "var(--ds-font-family-code, ui-monospace, monospace)",
 					fontSize: 13,
 					lineHeight: 20,
@@ -4230,7 +4901,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/DSH_VsCodeMode/DSH_VsCodeMode/src/client/styles/mcp.css.mjs
-		const css = "/* dsh-vscode-mode MCP 管理界面样式。\n   全部使用 DSH 真实主题变量（--dsw-alias-*），不再用不存在的 fg-* 变量。 */\n.vsm-mcp-page{display:flex;flex-direction:column;gap:18px;width:100%;max-width:920px;box-sizing:border-box;color:var(--dsw-alias-label-primary,#e6e6e6);padding-bottom:32px}\n\n/* 顶部：标题 + 副标题 + 添加按钮 */\n.vsm-mcp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}\n.vsm-mcp-header h2{margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.35;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-mcp-header p{margin:0;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:13px;line-height:1.5}\n.vsm-primary{border:0;border-radius:6px;padding:8px 16px;background:var(--dsw-alias-button-primary-fill,#6d55ff);color:var(--dsw-alias-button-contrast-fill,#fff);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}\n.vsm-primary:hover{background:var(--dsw-alias-button-primary-hover,#5a46e6)}\n.vsm-primary:disabled{opacity:.55;cursor:default}\n\n/* 子 Tab：我的 MCP / MCP 市场 */\n.vsm-mcp-tabs{display:flex;gap:24px;border-bottom:1px solid var(--dsw-alias-border-l2,#3a3a3a)}\n.vsm-mcp-tabs button{border:0;background:none;color:var(--dsw-alias-label-tertiary,#9aa5b1);padding:9px 2px 11px;cursor:pointer;font-size:14px;position:relative}\n.vsm-mcp-tabs button:hover{color:var(--dsw-alias-label-secondary,#c8c8c8)}\n.vsm-mcp-tabs button.active{color:var(--dsw-alias-label-primary,#fff);font-weight:500}\n.vsm-mcp-tabs button.active::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--dsw-alias-brand-primary,#6d55ff);border-radius:2px}\n\n/* 通用设置 */\n.vsm-general-page{display:flex;flex-direction:column;gap:10px;max-width:720px}\n.vsm-general-page h2{margin:0;font-size:20px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-general-page p{margin:0 0 8px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:13px}\n.vsm-general-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--dsw-alias-border-l1,#333);color:var(--dsw-alias-label-primary,#eee);font-size:14px}\n.vsm-general-row select{min-width:220px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:var(--dsw-alias-bg-layer-1,#2b2b2b);color:var(--dsw-alias-label-primary,#eee);font:inherit}\n.vsm-general-row small{color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n\n/* 服务卡片 */\n.vsm-mcp-card{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;padding:14px 16px;margin-bottom:10px;background:var(--dsw-alias-bg-layer-2,transparent);transition:border-color .15s}\n.vsm-mcp-card:hover{border-color:var(--dsw-alias-border-l3,#555)}\n.vsm-mcp-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}\n.vsm-mcp-title{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px;color:var(--dsw-alias-label-primary,#e6e6e6);min-width:0}\n.vsm-mcp-source{font-size:11px;font-weight:400;padding:2px 7px;border-radius:4px;background:var(--dsw-alias-bg-mask-2,#ffffff22);color:var(--dsw-alias-label-tertiary,#9aa5b1);flex-shrink:0}\n.vsm-mcp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--dsw-alias-state-error-primary,#e05252)}\n.vsm-mcp-dot.connected{background:var(--dsw-alias-state-success-primary,#38bd75)}\n.vsm-mcp-dot.connecting{background:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-mcp-dot.disabled{background:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-mcp-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}\n.vsm-mcp-actions button{border:0;background:none;color:var(--dsw-alias-label-tertiary,#9aa5b1);cursor:pointer;font-size:15px;width:28px;height:28px;border-radius:6px;line-height:1}\n.vsm-mcp-actions button:hover{color:var(--dsw-alias-label-primary,#fff);background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-mcp-actions button.vsm-danger:hover{color:var(--dsw-alias-state-error-primary,#f07878);background:var(--dsw-alias-interactive-bg-hover-danger,#ff000014)}\n.vsm-switch{font-size:14px !important}\n.vsm-switch.on{color:var(--dsw-alias-state-success-primary,#38bd75)}\n.vsm-mcp-meta{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);margin:9px 0}\n.vsm-mcp-error{color:var(--dsw-alias-state-error-primary,#f07878);font-size:12px;margin:8px 0}\n.vsm-mcp-banner{padding:9px 12px;border:1px solid var(--dsw-alias-state-error-secondary,#d9534f55);border-radius:6px;background:var(--dsw-alias-state-error-secondary,#d9534f1a);margin-bottom:10px}\n\n/* 工具 chips */\n.vsm-mcp-tools{display:flex;flex-wrap:wrap;gap:6px}\n.vsm-mcp-chip{font:12px var(--ds-font-family-code,ui-monospace,monospace);padding:4px 8px;border-radius:5px;background:var(--dsw-alias-bg-mask-2,#ffffff14);color:var(--dsw-alias-label-secondary,#c8c8c8);border:1px solid var(--dsw-alias-border-l1,#333)}\n\n/* 空态 / 加载态 */\n.vsm-mcp-empty{text-align:center;padding:56px 20px;color:var(--dsw-alias-label-tertiary,#9aa5b1);border:1px dashed var(--dsw-alias-border-l2,#3a3a3a);border-radius:8px;font-size:13px}\n\n/* 项目搜索下拉框 */\n.vsm-project-picker{position:relative;width:100%;z-index:4}\n.vsm-project-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:8px;background:var(--dsw-alias-bg-layer-1,transparent);color:var(--dsw-alias-label-primary,#e6e6e6);cursor:pointer;text-align:left}\n.vsm-project-picker-trigger:hover{border-color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-project-picker-label{display:flex;flex-direction:column;min-width:0;font-size:13px;font-weight:500}\n.vsm-project-picker-label small{margin-top:3px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font:11px var(--ds-font-family-code,ui-monospace,monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.vsm-project-picker-arrow{color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:16px}\n.vsm-project-picker-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:8px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:9px;background:var(--dsw-alias-bg-overlay,#202020);box-shadow:0 12px 36px #0008}\n.vsm-project-picker-search{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:var(--dsw-alias-bg-layer-1,#2b2b2b);color:var(--dsw-alias-label-primary,#eee);outline:none}\n.vsm-project-picker-search:focus{border-color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-project-picker-options{max-height:260px;overflow:auto;margin-top:6px}\n.vsm-project-option{display:flex;width:100%;flex-direction:column;gap:3px;padding:8px 9px;border:0;border-radius:6px;background:none;color:var(--dsw-alias-label-primary,#eee);cursor:pointer;text-align:left}\n.vsm-project-option:hover,.vsm-project-option.highlight{background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-project-option.selected{color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-project-option small{overflow:hidden;color:var(--dsw-alias-label-tertiary,#9aa5b1);font:11px var(--ds-font-family-code,ui-monospace,monospace);text-overflow:ellipsis;white-space:nowrap}\n.vsm-project-picker-empty{padding:18px 8px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:12px;text-align:center}\n\n/* 项目级 MCP 分组 */\n.vsm-project{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:12px;margin-bottom:14px;overflow:hidden;background:var(--dsw-alias-bg-layer-1,transparent)}\n.vsm-project-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l1,#333);background:var(--dsw-alias-bg-mask-1,#ffffff0a)}\n.vsm-project-title{display:flex;align-items:center;gap:10px;min-width:0}\n.vsm-project-icon{color:var(--dsw-alias-brand-primary,#6d55ff);font-size:15px;flex-shrink:0}\n.vsm-project-name{font-size:14px;font-weight:600;color:var(--dsw-alias-label-primary,#e6e6e6);display:block}\n.vsm-project-path{font-size:11px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-family:var(--ds-font-family-code,ui-monospace,monospace);display:block;margin-top:2px;word-break:break-all}\n.vsm-primary.vsm-small{padding:5px 12px;font-size:12px}\n.vsm-project-empty{text-align:center;padding:26px 16px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:12px}\n.vsm-project .vsm-mcp-card{border:0;border-radius:0;margin:0;border-bottom:1px solid var(--dsw-alias-border-l1,#333);background:transparent}\n.vsm-project .vsm-mcp-card:last-child{border-bottom:0}\n.vsm-project .vsm-mcp-banner{border-radius:0;margin:0}\n\n/* 新增 MCP 弹窗 */\n.vsm-mcp-modal{position:fixed;inset:0;background:var(--dsw-alias-bg-mask-drop,#000000aa);display:flex;align-items:center;justify-content:center;z-index:50}\n.vsm-mcp-dialog{width:min(560px,calc(100vw - 40px));max-height:88vh;overflow:auto;padding:22px 24px;border-radius:12px;background:var(--dsw-alias-bg-overlay,#202020);border:1px solid var(--dsw-alias-border-l2,#444);box-shadow:0 16px 60px #000c;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-mcp-dialog h3{margin:0 0 14px;font-size:16px;font-weight:600}\n.vsm-mcp-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;color:var(--dsw-alias-label-secondary,#aaa)}\n.vsm-mcp-dialog input,.vsm-mcp-dialog select,.vsm-mcp-dialog textarea{font:inherit;color:var(--dsw-alias-label-primary,#eee);background:var(--dsw-alias-bg-layer-1,#2b2b2b);border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;padding:8px 10px}\n.vsm-mcp-dialog input:focus,.vsm-mcp-dialog select:focus,.vsm-mcp-dialog textarea:focus{outline:none;border-color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-mcp-dialog textarea{min-height:64px;resize:vertical;font-family:var(--ds-font-family-code,ui-monospace,monospace)}\n.vsm-mcp-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}\n.vsm-mcp-dialog-actions button{padding:8px 14px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:none;color:var(--dsw-alias-label-primary,#eee);cursor:pointer;font-size:13px}\n.vsm-mcp-dialog-actions button:hover{background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n\n/* 兼容性小节 */\n.vsm-compat-h3{margin:16px 0 2px;font-size:14px;font-weight:600;color:var(--dsw-alias-label-secondary,#c8c8c8)}\n.vsm-compat-item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--dsw-alias-border-l1,#333);font-size:13px;color:var(--dsw-alias-label-primary,#eee)}\n.vsm-compat-item.ok .vsm-compat-name::before{content:\"● \";color:var(--dsw-alias-state-success-primary,#38bd75)}\n.vsm-compat-item.warn .vsm-compat-name::before{content:\"● \";color:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-compat-name{font-weight:500;min-width:0}\n.vsm-compat-note{color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:12px;text-align:right;min-width:0}\n\n/* 开发形态开关 */\n.vsm-devform-note{display:block;margin-top:4px;font-size:11px;color:var(--dsw-alias-label-tertiary,#9aa5b1);word-break:break-all}\n.vsm-devform-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}\n.vsm-devform-msg{color:var(--dsw-alias-state-warn-primary,#e5b93f);font-size:11px;text-align:right}\n.vsm-general-row button{border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;padding:6px 12px;background:none;color:var(--dsw-alias-label-primary,#eee);cursor:pointer;font-size:12px;white-space:nowrap}\n.vsm-general-row button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-general-row button:disabled{opacity:.55;cursor:default}\n.vsm-general-row button.vsm-devform-close{color:var(--dsw-alias-state-error-primary,#f07878);border-color:var(--dsw-alias-state-error-secondary,#d9534f55)}\n\n/* keyboard shortcuts page */\n.vsm-kb-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}\n.vsm-kb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:8px;background:var(--dsw-alias-bg-layer-1,#161616)}\n.vsm-kb-row.rec{border-color:var(--dsw-alias-brand-primary,#4f8cff)}\n.vsm-kb-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;color:var(--dsw-alias-label-primary,#eee);font-size:13px}\n.vsm-kb-warn{color:var(--dsw-alias-state-warn-primary,#e5b93f);font-size:11px}\n.vsm-kb-key{min-width:96px;text-align:center;padding:3px 10px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:var(--dsw-alias-bg-base,#111);color:var(--dsw-alias-label-primary,#eee);font-size:12px;font-family:var(--ds-font-family-code,ui-monospace,monospace)}\n.vsm-kb-key.warn{border-color:var(--dsw-alias-state-warn-primary,#e5b93f);color:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-kb-key.invalid{border-color:var(--dsw-alias-state-error-primary,#d9534f);color:var(--dsw-alias-state-error-primary,#d9534f)}\n.vsm-kb-rec{font-size:12px;color:var(--dsw-alias-label-secondary,#9aa5b1)}\n.vsm-kb-actions{display:flex;gap:6px}\n.vsm-kb-actions button{border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;padding:4px 10px;background:none;color:var(--dsw-alias-label-primary,#eee);cursor:pointer;font-size:12px;white-space:nowrap}\n.vsm-kb-actions button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-kb-actions button:disabled{opacity:.55;cursor:default}\n.vsm-kb-actionsbar{display:flex;align-items:center;gap:10px;margin-top:12px}\n.vsm-kb-dirty{flex:1;font-size:12px;color:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-kb-message{font-size:12px;color:var(--dsw-alias-brand-primary,#4f8cff);margin-top:8px}\n\n/* 语言服务器（LSP）设置子 Tab */\n.vsm-lsp-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}\n.vsm-lsp-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dsw-alias-label-secondary,#9aa5b1)}\n.vsm-lsp-form input{height:26px;padding:0 8px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:var(--dsw-alias-bg-base,#111);color:var(--dsw-alias-label-primary,#eee);font-size:12px;outline:none}\n.vsm-lsp-form input:focus{border-color:var(--dsw-alias-brand-primary,#4f8cff)}\n.vsm-lsp-form button{align-self:flex-start;margin-top:2px}\n.vsm-lsp-hint{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);margin-top:10px;line-height:1.6}\n\n/* 会话性能（PerfSettings 子 Tab） */\n.vsm-perf-page{display:flex;flex-direction:column;gap:14px;max-width:920px}\n.vsm-perf-page h2{margin:0;font-size:20px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-page p{margin:0;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:13px;line-height:1.5}\n.vsm-perf-cards{display:flex;gap:12px;flex-wrap:wrap}\n.vsm-perf-card{display:flex;flex-direction:column;gap:4px;min-width:120px;padding:12px 16px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;background:var(--dsw-alias-bg-layer-2,transparent)}\n.vsm-perf-card span{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-perf-card b{font-size:20px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-card b.big{color:var(--dsw-alias-state-error-primary,#e05252)}\n.vsm-perf-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}\n.vsm-perf-selcount{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);margin:0 4px}\n.vsm-perf-ws{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;overflow:hidden}\n.vsm-perf-ws-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:var(--dsw-alias-bg-layer-1,#262626);border-bottom:1px solid var(--dsw-alias-border-l2,#3a3a3a)}\n.vsm-perf-ws-name{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary,#e6e6e6);font-family:var(--ds-font-family-code,ui-monospace,monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.vsm-perf-ws-meta{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);flex-shrink:0}\n.vsm-perf-rows{display:flex;flex-direction:column}\n.vsm-perf-row{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--dsw-alias-border-l1,#333);font-size:12px;color:var(--dsw-alias-label-secondary,#c8c8c8)}\n.vsm-perf-row:last-child{border-bottom:0}\n.vsm-perf-row:hover{background:var(--dsw-alias-interactive-bg-hover,#ffffff0d)}\n.vsm-perf-row input[type=checkbox]{accent-color:var(--dsw-alias-brand-primary,#6d55ff);cursor:pointer}\n.vsm-perf-cell{min-width:0}\n.vsm-perf-id{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ds-font-family-code,ui-monospace,monospace);color:var(--dsw-alias-label-primary,#eee)}\n.vsm-perf-size{width:70px;text-align:right;flex-shrink:0;color:var(--dsw-alias-label-secondary,#c8c8c8)}\n.vsm-perf-size.big{color:var(--dsw-alias-state-error-primary,#e05252);font-weight:600}\n.vsm-perf-mtime{width:44px;flex-shrink:0;color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-perf-active{width:44px;flex-shrink:0;font-size:11px;color:var(--dsw-alias-state-warn-primary,#e5b93f);text-align:right}\n.vsm-perf-moved{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;padding:12px 14px;background:var(--dsw-alias-bg-layer-2,transparent)}\n.vsm-perf-moved h3{margin:0 0 8px;font-size:14px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-config{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;padding:12px 14px;background:var(--dsw-alias-bg-layer-2,transparent)}\n.vsm-perf-config h3{margin:0 0 8px;font-size:14px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-config-state{display:flex;align-items:center;gap:12px;margin:10px 0}\n.vsm-perf-note{font-size:12px;color:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-perf-block{margin:8px 0 0;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:8px;background:var(--dsw-alias-bg-base,#111);color:var(--dsw-alias-label-secondary,#c8c8c8);font-size:11px;line-height:1.5;font-family:var(--ds-font-family-code,ui-monospace,monospace);white-space:pre-wrap;overflow-x:auto;max-width:100%}\n.vsm-perf-guide{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;padding:12px 14px;background:var(--dsw-alias-bg-layer-2,transparent)}\n.vsm-perf-guide h3{margin:0 0 8px;font-size:14px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--dsw-alias-bg-mask-1,#000000aa);z-index:1000;padding:20px}\n.vsm-perf-modal-card{width:min(560px,92vw);max-height:72vh;display:flex;flex-direction:column;gap:12px;padding:18px 20px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:12px;background:var(--dsw-alias-bg-layer-2,#1f1f1f);color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-modal-card h3{margin:0;font-size:16px}\n.vsm-perf-modal-note{font-size:12px}\n.vsm-perf-modal-list{list-style:none;margin:0;padding:0;overflow-y:auto;font-size:12px;color:var(--dsw-alias-label-secondary,#c8c8c8);display:flex;flex-direction:column;gap:4px}\n.vsm-perf-modal-list li{padding:4px 6px;border-radius:6px;background:var(--dsw-alias-bg-layer-1,#262626);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.vsm-perf-modal-more{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-perf-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}\n.vsm-secondary{border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;padding:8px 16px;background:none;color:var(--dsw-alias-label-primary,#eee);font-size:13px;cursor:pointer;white-space:nowrap}\n.vsm-secondary:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-secondary:disabled{opacity:.55;cursor:default}\n.vsm-small{padding:4px 10px;font-size:12px}\n\n/* 扩展管理（LSP 语言服务器） */\n.vsm-mcp-actions button.vsm-primary,\n.vsm-mcp-actions button.vsm-danger{width:auto;height:auto;padding:5px 12px;font-size:12px;border-radius:6px;line-height:1.4}\n.vsm-mcp-actions button.vsm-danger{color:var(--dsw-alias-state-error-primary,#f07878);background:none}\n.vsm-mcp-actions button.vsm-danger:hover{background:var(--dsw-alias-interactive-bg-hover-danger,#ff000014)}\n.vsm-ext-ver{font-weight:400;font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n";
+		const css = "/* dsh-vscode-mode MCP 管理界面样式。\n   全部使用 DSH 真实主题变量（--dsw-alias-*），不再用不存在的 fg-* 变量。 */\n.vsm-mcp-page{display:flex;flex-direction:column;gap:18px;width:100%;max-width:920px;box-sizing:border-box;color:var(--dsw-alias-label-primary,#e6e6e6);padding-bottom:32px}\n\n/* 顶部：标题 + 副标题 + 添加按钮 */\n.vsm-mcp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}\n.vsm-mcp-header h2{margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.35;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-mcp-header p{margin:0;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:13px;line-height:1.5}\n.vsm-primary{border:0;border-radius:6px;padding:8px 16px;background:var(--dsw-alias-button-primary-fill,#6d55ff);color:var(--dsw-alias-button-contrast-fill,#fff);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}\n.vsm-primary:hover{background:var(--dsw-alias-button-primary-hover,#5a46e6)}\n.vsm-primary:disabled{opacity:.55;cursor:default}\n\n/* MCP 管理下的二级子页签：我的 MCP / 项目 MCP / MCP 市场 */\n.vsm-mcp-subhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-4px}\n.vsm-mcp-subtabs{display:flex;gap:18px;border-bottom:1px solid var(--dsw-alias-border-l1,#2e2e2e);flex:1}\n.vsm-mcp-subtabs button{border:0;background:none;color:var(--dsw-alias-label-tertiary,#9aa5b1);padding:7px 2px 9px;cursor:pointer;font-size:13px;position:relative}\n.vsm-mcp-subtabs button:hover{color:var(--dsw-alias-label-secondary,#c8c8c8)}\n.vsm-mcp-subtabs button.active{color:var(--dsw-alias-label-primary,#fff);font-weight:500}\n.vsm-mcp-subtabs button.active::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--dsw-alias-brand-primary,#6d55ff);border-radius:2px}\n\n/* 顶层 Tab：通用 / 快捷键 / MCP 管理 / 语言服务器 / 性能优化 / 兼容性 */\n.vsm-mcp-tabs{display:flex;gap:24px;border-bottom:1px solid var(--dsw-alias-border-l2,#3a3a3a)}\n.vsm-mcp-tabs button{border:0;background:none;color:var(--dsw-alias-label-tertiary,#9aa5b1);padding:9px 2px 11px;cursor:pointer;font-size:14px;position:relative}\n.vsm-mcp-tabs button:hover{color:var(--dsw-alias-label-secondary,#c8c8c8)}\n.vsm-mcp-tabs button.active{color:var(--dsw-alias-label-primary,#fff);font-weight:500}\n.vsm-mcp-tabs button.active::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--dsw-alias-brand-primary,#6d55ff);border-radius:2px}\n\n/* 统一线框面板：圆角矩形边框圈住各设置分区，提升可读性。\n   用法：<section class=\"vsm-panel\"> + 可选 <h3 class=\"vsm-panel-title\">。 */\n.vsm-panel{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:12px;background:var(--dsw-alias-bg-layer-2,transparent);overflow:hidden}\n.vsm-panel-pad{padding:14px 16px}\n.vsm-panel-title{margin:0;padding:10px 16px;font-size:13px;font-weight:600;color:var(--dsw-alias-label-secondary,#c8c8c8);background:var(--dsw-alias-bg-mask-1,#ffffff0a);border-bottom:1px solid var(--dsw-alias-border-l1,#333)}\n.vsm-panel-body{padding:6px 16px}\n.vsm-panel-body>*:first-child{margin-top:8px}\n.vsm-panel-body>*:last-child{margin-bottom:10px}\n\n/* 通用设置 */\n.vsm-general-page{display:flex;flex-direction:column;gap:14px;max-width:720px}\n.vsm-general-page h2{margin:0;font-size:20px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-general-page p{margin:0;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:13px}\n.vsm-general-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--dsw-alias-border-l1,#333);color:var(--dsw-alias-label-primary,#eee);font-size:14px}\n.vsm-general-row:last-child{border-bottom:0}\n.vsm-general-row select{min-width:220px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:var(--dsw-alias-bg-layer-1,#2b2b2b);color:var(--dsw-alias-label-primary,#eee);font:inherit}\n.vsm-general-row small{color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n\n/* 服务卡片 */\n.vsm-mcp-card{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;padding:14px 16px;margin-bottom:10px;background:var(--dsw-alias-bg-layer-2,transparent);transition:border-color .15s}\n.vsm-mcp-card:hover{border-color:var(--dsw-alias-border-l3,#555)}\n.vsm-mcp-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}\n.vsm-mcp-title{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px;color:var(--dsw-alias-label-primary,#e6e6e6);min-width:0}\n.vsm-mcp-source{font-size:11px;font-weight:400;padding:2px 7px;border-radius:4px;background:var(--dsw-alias-bg-mask-2,#ffffff22);color:var(--dsw-alias-label-tertiary,#9aa5b1);flex-shrink:0}\n.vsm-mcp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--dsw-alias-state-error-primary,#e05252)}\n.vsm-mcp-dot.connected{background:var(--dsw-alias-state-success-primary,#38bd75)}\n.vsm-mcp-dot.connecting{background:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-mcp-dot.disabled{background:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-mcp-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}\n.vsm-mcp-actions button{border:0;background:none;color:var(--dsw-alias-label-tertiary,#9aa5b1);cursor:pointer;font-size:15px;width:28px;height:28px;border-radius:6px;line-height:1}\n.vsm-mcp-actions button:hover{color:var(--dsw-alias-label-primary,#fff);background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-mcp-actions button.vsm-danger:hover{color:var(--dsw-alias-state-error-primary,#f07878);background:var(--dsw-alias-interactive-bg-hover-danger,#ff000014)}\n.vsm-switch{font-size:14px !important}\n.vsm-switch.on{color:var(--dsw-alias-state-success-primary,#38bd75)}\n.vsm-mcp-meta{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);margin:9px 0}\n.vsm-mcp-error{color:var(--dsw-alias-state-error-primary,#f07878);font-size:12px;margin:8px 0}\n.vsm-mcp-banner{padding:9px 12px;border:1px solid var(--dsw-alias-state-error-secondary,#d9534f55);border-radius:6px;background:var(--dsw-alias-state-error-secondary,#d9534f1a);margin-bottom:10px}\n\n/* 工具 chips */\n.vsm-mcp-tools{display:flex;flex-wrap:wrap;gap:6px}\n.vsm-mcp-chip{font:12px var(--ds-font-family-code,ui-monospace,monospace);padding:4px 8px;border-radius:5px;background:var(--dsw-alias-bg-mask-2,#ffffff14);color:var(--dsw-alias-label-secondary,#c8c8c8);border:1px solid var(--dsw-alias-border-l1,#333)}\n\n/* 空态 / 加载态 */\n.vsm-mcp-empty{text-align:center;padding:56px 20px;color:var(--dsw-alias-label-tertiary,#9aa5b1);border:1px dashed var(--dsw-alias-border-l2,#3a3a3a);border-radius:8px;font-size:13px}\n\n/* 项目搜索下拉框 */\n.vsm-project-picker{position:relative;width:100%;z-index:4}\n.vsm-project-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:8px;background:var(--dsw-alias-bg-layer-1,transparent);color:var(--dsw-alias-label-primary,#e6e6e6);cursor:pointer;text-align:left}\n.vsm-project-picker-trigger:hover{border-color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-project-picker-label{display:flex;flex-direction:column;min-width:0;font-size:13px;font-weight:500}\n.vsm-project-picker-label small{margin-top:3px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font:11px var(--ds-font-family-code,ui-monospace,monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.vsm-project-picker-arrow{color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:16px}\n.vsm-project-picker-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:8px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:9px;background:var(--dsw-alias-bg-overlay,#202020);box-shadow:0 12px 36px #0008}\n.vsm-project-picker-search{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:var(--dsw-alias-bg-layer-1,#2b2b2b);color:var(--dsw-alias-label-primary,#eee);outline:none}\n.vsm-project-picker-search:focus{border-color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-project-picker-options{max-height:260px;overflow:auto;margin-top:6px}\n.vsm-project-option{display:flex;width:100%;flex-direction:column;gap:3px;padding:8px 9px;border:0;border-radius:6px;background:none;color:var(--dsw-alias-label-primary,#eee);cursor:pointer;text-align:left}\n.vsm-project-option:hover,.vsm-project-option.highlight{background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-project-option.selected{color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-project-option small{overflow:hidden;color:var(--dsw-alias-label-tertiary,#9aa5b1);font:11px var(--ds-font-family-code,ui-monospace,monospace);text-overflow:ellipsis;white-space:nowrap}\n.vsm-project-picker-empty{padding:18px 8px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:12px;text-align:center}\n\n/* 项目级 MCP 分组 */\n.vsm-project{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:12px;margin-bottom:14px;overflow:hidden;background:var(--dsw-alias-bg-layer-1,transparent)}\n.vsm-project-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l1,#333);background:var(--dsw-alias-bg-mask-1,#ffffff0a)}\n.vsm-project-title{display:flex;align-items:center;gap:10px;min-width:0}\n.vsm-project-icon{color:var(--dsw-alias-brand-primary,#6d55ff);font-size:15px;flex-shrink:0}\n.vsm-project-name{font-size:14px;font-weight:600;color:var(--dsw-alias-label-primary,#e6e6e6);display:block}\n.vsm-project-path{font-size:11px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-family:var(--ds-font-family-code,ui-monospace,monospace);display:block;margin-top:2px;word-break:break-all}\n.vsm-primary.vsm-small{padding:5px 12px;font-size:12px}\n.vsm-project-empty{text-align:center;padding:26px 16px;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:12px}\n.vsm-project .vsm-mcp-card{border:0;border-radius:0;margin:0;border-bottom:1px solid var(--dsw-alias-border-l1,#333);background:transparent}\n.vsm-project .vsm-mcp-card:last-child{border-bottom:0}\n.vsm-project .vsm-mcp-banner{border-radius:0;margin:0}\n\n/* 新增 MCP 弹窗 */\n.vsm-mcp-modal{position:fixed;inset:0;background:var(--dsw-alias-bg-mask-drop,#000000aa);display:flex;align-items:center;justify-content:center;z-index:50}\n.vsm-mcp-dialog{width:min(560px,calc(100vw - 40px));max-height:88vh;overflow:auto;padding:22px 24px;border-radius:12px;background:var(--dsw-alias-bg-overlay,#202020);border:1px solid var(--dsw-alias-border-l2,#444);box-shadow:0 16px 60px #000c;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-mcp-dialog h3{margin:0 0 14px;font-size:16px;font-weight:600}\n.vsm-mcp-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;color:var(--dsw-alias-label-secondary,#aaa)}\n.vsm-mcp-dialog input,.vsm-mcp-dialog select,.vsm-mcp-dialog textarea{font:inherit;color:var(--dsw-alias-label-primary,#eee);background:var(--dsw-alias-bg-layer-1,#2b2b2b);border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;padding:8px 10px}\n.vsm-mcp-dialog input:focus,.vsm-mcp-dialog select:focus,.vsm-mcp-dialog textarea:focus{outline:none;border-color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-mcp-dialog textarea{min-height:64px;resize:vertical;font-family:var(--ds-font-family-code,ui-monospace,monospace)}\n.vsm-mcp-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}\n.vsm-mcp-dialog-actions button{padding:8px 14px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:none;color:var(--dsw-alias-label-primary,#eee);cursor:pointer;font-size:13px}\n.vsm-mcp-dialog-actions button:hover{background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n\n/* 兼容性条目（面板标题改用 .vsm-panel-title） */\n.vsm-compat-item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--dsw-alias-border-l1,#333);font-size:13px;color:var(--dsw-alias-label-primary,#eee)}\n.vsm-compat-item.ok .vsm-compat-name::before{content:\"● \";color:var(--dsw-alias-state-success-primary,#38bd75)}\n.vsm-compat-item.warn .vsm-compat-name::before{content:\"● \";color:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-compat-name{font-weight:500;min-width:0}\n.vsm-compat-note{color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:12px;text-align:right;min-width:0}\n\n/* 开发形态开关 */\n.vsm-devform-note{display:block;margin-top:4px;font-size:11px;color:var(--dsw-alias-label-tertiary,#9aa5b1);word-break:break-all}\n.vsm-devform-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}\n.vsm-devform-msg{color:var(--dsw-alias-state-warn-primary,#e5b93f);font-size:11px;text-align:right}\n.vsm-general-row button{border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;padding:6px 12px;background:none;color:var(--dsw-alias-label-primary,#eee);cursor:pointer;font-size:12px;white-space:nowrap}\n.vsm-general-row button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-general-row button:disabled{opacity:.55;cursor:default}\n.vsm-general-row button.vsm-devform-close{color:var(--dsw-alias-state-error-primary,#f07878);border-color:var(--dsw-alias-state-error-secondary,#d9534f55)}\n\n/* keyboard shortcuts page */\n.vsm-kb-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}\n.vsm-kb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:8px;background:var(--dsw-alias-bg-layer-1,#161616)}\n.vsm-kb-row.rec{border-color:var(--dsw-alias-brand-primary,#4f8cff)}\n.vsm-kb-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;color:var(--dsw-alias-label-primary,#eee);font-size:13px}\n.vsm-kb-warn{color:var(--dsw-alias-state-warn-primary,#e5b93f);font-size:11px}\n.vsm-kb-key{min-width:96px;text-align:center;padding:3px 10px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:var(--dsw-alias-bg-base,#111);color:var(--dsw-alias-label-primary,#eee);font-size:12px;font-family:var(--ds-font-family-code,ui-monospace,monospace)}\n.vsm-kb-key.warn{border-color:var(--dsw-alias-state-warn-primary,#e5b93f);color:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-kb-key.invalid{border-color:var(--dsw-alias-state-error-primary,#d9534f);color:var(--dsw-alias-state-error-primary,#d9534f)}\n.vsm-kb-rec{font-size:12px;color:var(--dsw-alias-label-secondary,#9aa5b1)}\n.vsm-kb-actions{display:flex;gap:6px}\n.vsm-kb-actions button{border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;padding:4px 10px;background:none;color:var(--dsw-alias-label-primary,#eee);cursor:pointer;font-size:12px;white-space:nowrap}\n.vsm-kb-actions button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-kb-actions button:disabled{opacity:.55;cursor:default}\n.vsm-kb-actionsbar{display:flex;align-items:center;gap:10px;margin-top:12px}\n.vsm-kb-dirty{flex:1;font-size:12px;color:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-kb-message{font-size:12px;color:var(--dsw-alias-brand-primary,#4f8cff);margin-top:8px}\n\n/* 语言服务器（LSP）设置子 Tab */\n.vsm-lsp-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}\n.vsm-lsp-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dsw-alias-label-secondary,#9aa5b1)}\n.vsm-lsp-form input{height:26px;padding:0 8px;border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;background:var(--dsw-alias-bg-base,#111);color:var(--dsw-alias-label-primary,#eee);font-size:12px;outline:none}\n.vsm-lsp-form input:focus{border-color:var(--dsw-alias-brand-primary,#4f8cff)}\n.vsm-lsp-form button{align-self:flex-start;margin-top:2px}\n.vsm-lsp-hint{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);margin-top:10px;line-height:1.6}\n\n/* 会话性能（PerfSettings 子 Tab） */\n.vsm-perf-page{display:flex;flex-direction:column;gap:14px;max-width:920px}\n.vsm-perf-page>.vsm-panel-body>*:first-child{margin-top:0}\n.vsm-perf-page h2{margin:0;font-size:20px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-page p{margin:0;color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:13px;line-height:1.5}\n.vsm-perf-cards{display:flex;gap:12px;flex-wrap:wrap}\n.vsm-perf-card{display:flex;flex-direction:column;gap:4px;min-width:120px;padding:12px 16px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;background:var(--dsw-alias-bg-layer-2,transparent)}\n.vsm-perf-card span{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-perf-card b{font-size:20px;color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-card b.big{color:var(--dsw-alias-state-error-primary,#e05252)}\n.vsm-perf-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}\n.vsm-perf-selcount{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);margin:0 4px}\n/* 工作区列表分页器 */\n.vsm-perf-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}\n.vsm-perf-pager-text{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-perf-pager-actions{display:flex;gap:8px}\n.vsm-perf-ws-list{display:flex;flex-direction:column;gap:8px}\n.vsm-perf-ws{border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:10px;overflow:hidden}\n.vsm-perf-ws-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--dsw-alias-bg-layer-1,#262626);cursor:pointer;user-select:none}\n.vsm-perf-ws-head:hover{background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-perf-ws-head:focus-visible{outline:1px solid var(--dsw-alias-brand-primary,#6d55ff);outline-offset:-1px}\n.vsm-perf-ws.expanded .vsm-perf-ws-head{border-bottom:1px solid var(--dsw-alias-border-l2,#3a3a3a)}\n.vsm-perf-ws-caret{color:var(--dsw-alias-label-tertiary,#9aa5b1);font-size:12px;flex-shrink:0;transition:transform .15s;display:inline-block}\n.vsm-perf-ws-caret.open{transform:rotate(90deg)}\n.vsm-perf-ws .vsm-perf-ws-name{flex:1}\n.vsm-perf-ws-name{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary,#e6e6e6);font-family:var(--ds-font-family-code,ui-monospace,monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.vsm-perf-ws-meta{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);flex-shrink:0}\n.vsm-perf-rows{display:flex;flex-direction:column}\n.vsm-perf-row{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--dsw-alias-border-l1,#333);font-size:12px;color:var(--dsw-alias-label-secondary,#c8c8c8)}\n.vsm-perf-row:last-child{border-bottom:0}\n.vsm-perf-row:hover{background:var(--dsw-alias-interactive-bg-hover,#ffffff0d)}\n.vsm-perf-row input[type=checkbox]{accent-color:var(--dsw-alias-brand-primary,#6d55ff);cursor:pointer}\n.vsm-perf-cell{min-width:0}\n.vsm-perf-id{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ds-font-family-code,ui-monospace,monospace);color:var(--dsw-alias-label-primary,#eee)}\n.vsm-perf-size{width:70px;text-align:right;flex-shrink:0;color:var(--dsw-alias-label-secondary,#c8c8c8)}\n.vsm-perf-size.big{color:var(--dsw-alias-state-error-primary,#e05252);font-weight:600}\n.vsm-perf-mtime{width:44px;flex-shrink:0;color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-perf-active{width:44px;flex-shrink:0;font-size:11px;color:var(--dsw-alias-state-warn-primary,#e5b93f);text-align:right}\n.vsm-perf-config-state{display:flex;align-items:center;gap:12px;margin:10px 0}\n.vsm-perf-note{font-size:12px;color:var(--dsw-alias-state-warn-primary,#e5b93f)}\n.vsm-perf-block{margin:8px 0 0;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:8px;background:var(--dsw-alias-bg-base,#111);color:var(--dsw-alias-label-secondary,#c8c8c8);font-size:11px;line-height:1.5;font-family:var(--ds-font-family-code,ui-monospace,monospace);white-space:pre-wrap;overflow-x:auto;max-width:100%}\n.vsm-perf-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--dsw-alias-bg-mask-1,#000000aa);z-index:1000;padding:20px}\n.vsm-perf-modal-card{width:min(560px,92vw);max-height:72vh;display:flex;flex-direction:column;gap:12px;padding:18px 20px;border:1px solid var(--dsw-alias-border-l2,#3a3a3a);border-radius:12px;background:var(--dsw-alias-bg-layer-2,#1f1f1f);color:var(--dsw-alias-label-primary,#e6e6e6)}\n.vsm-perf-modal-card h3{margin:0;font-size:16px}\n.vsm-perf-modal-note{font-size:12px}\n.vsm-perf-modal-list{list-style:none;margin:0;padding:0;overflow-y:auto;font-size:12px;color:var(--dsw-alias-label-secondary,#c8c8c8);display:flex;flex-direction:column;gap:4px}\n.vsm-perf-modal-list li{padding:4px 6px;border-radius:6px;background:var(--dsw-alias-bg-layer-1,#262626);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.vsm-perf-modal-more{font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1)}\n.vsm-perf-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}\n.vsm-secondary{border:1px solid var(--dsw-alias-border-l2,#555);border-radius:6px;padding:8px 16px;background:none;color:var(--dsw-alias-label-primary,#eee);font-size:13px;cursor:pointer;white-space:nowrap}\n.vsm-secondary:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#ffffff14)}\n.vsm-secondary:disabled{opacity:.55;cursor:default}\n.vsm-small{padding:4px 10px;font-size:12px}\n\n/* 扩展管理（LSP 语言服务器） */\n.vsm-mcp-actions button.vsm-primary,\n.vsm-mcp-actions button.vsm-danger{width:auto;height:auto;padding:5px 12px;font-size:12px;border-radius:6px;line-height:1.4}\n.vsm-mcp-actions button.vsm-danger{color:var(--dsw-alias-state-error-primary,#f07878);background:none}\n.vsm-mcp-actions button.vsm-danger:hover{background:var(--dsw-alias-interactive-bg-hover-danger,#ff000014)}\n.vsm-ext-ver{font-weight:400;font-size:12px;color:var(--dsw-alias-label-tertiary,#9aa5b1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n";
 		const tagId = "dsh-vscode-mode/mcp.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -4617,7 +5288,7 @@ window.__ModuleLoader__.load({
 					onClick: () => resetRow(command.id)
 				}, "恢复"))));
 			});
-			return react.default.createElement("section", { className: "vsm-general-page" }, react.default.createElement("h2", null, "快捷键"), react.default.createElement("p", null, "配置编辑器视图的快捷键（保存 / 快速打开 / 侧边栏 / 搜索）。修改即时写入配置，重新聚焦编辑器后生效。"), unavailable && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, "设置服务暂不可用，当前使用默认键位。"), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), message && react.default.createElement("div", { className: "vsm-kb-message" }, message), react.default.createElement("div", { className: "vsm-kb-list" }, rows), react.default.createElement("div", { className: "vsm-kb-actionsbar" }, react.default.createElement("span", { className: "vsm-kb-dirty" }, dirty ? "有未保存的修改" : ""), react.default.createElement("button", {
+			return react.default.createElement("section", { className: "vsm-general-page" }, react.default.createElement("h2", null, "快捷键"), react.default.createElement("p", null, "配置编辑器视图的快捷键（保存 / 快速打开 / 侧边栏 / 搜索）。修改即时写入配置，重新聚焦编辑器后生效。"), unavailable && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, "设置服务暂不可用，当前使用默认键位。"), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), message && react.default.createElement("div", { className: "vsm-kb-message" }, message), react.default.createElement("section", { className: "vsm-panel" }, react.default.createElement("h3", { className: "vsm-panel-title" }, "编辑器键位"), react.default.createElement("div", { className: "vsm-panel-body" }, react.default.createElement("div", { className: "vsm-kb-list" }, rows)), react.default.createElement("div", { className: "vsm-panel-body vsm-kb-actionsbar" }, react.default.createElement("span", { className: "vsm-kb-dirty" }, dirty ? "有未保存的修改" : ""), react.default.createElement("button", {
 				className: "vsm-primary vsm-small",
 				disabled: unavailable || notReady || busy || snapshot?.writable === false || !dirty,
 				onClick: save
@@ -4625,7 +5296,7 @@ window.__ModuleLoader__.load({
 				className: "vsm-small",
 				disabled: unavailable || notReady || busy || snapshot?.writable === false,
 				onClick: resetAll
-			}, "恢复默认")));
+			}, "恢复默认"))));
 		}
 		//#endregion
 		//#region src/client/ui/LspSettings.ts
@@ -4637,8 +5308,8 @@ window.__ModuleLoader__.load({
 		*/
 		const LANGUAGES = [{
 			id: "lua",
-			label: "Lua（LuaLS）",
-			hint: "lua-language-server，EmmyLua 注解原生支持"
+			label: "Lua（EmmyLua / LuaLS）",
+			hint: "优先使用已安装 EmmyLua；未安装时回退 LuaLS 或 PATH 中的 lua-language-server"
 		}, {
 			id: "csharp",
 			label: "C#（Roslyn / OmniSharp）",
@@ -4676,8 +5347,8 @@ window.__ModuleLoader__.load({
 				label: "更新"
 			}
 		];
-		/** 语言卡片：状态 + 启用开关 + 命令/路径配置。 */
-		function LangCard({ lang, config, status, busy, onToggle, onSave }) {
+		/** 语言卡片：状态 + 启用开关 + 命令/路径配置 + 重新检测。 */
+		function LangCard({ lang, config, status, busy, onToggle, onSave, onRedetect }) {
 			const [pathDraft, setPathDraft] = react.default.useState(config?.path ?? "");
 			const [commandDraft, setCommandDraft] = react.default.useState(config?.command ?? "");
 			react.default.useEffect(() => {
@@ -4689,7 +5360,7 @@ window.__ModuleLoader__.load({
 				className: "vsm-switch " + (config?.enabled !== false ? "on" : ""),
 				onClick: () => onToggle(lang.id, config?.enabled !== false ? false : true),
 				"aria-label": "启用/禁用"
-			}, config?.enabled !== false ? "●" : "○"))), react.default.createElement("div", { className: "vsm-mcp-meta" }, PHASE_LABEL[phase] ?? phase, " · ", SOURCE_LABEL[status?.source] ?? status?.source, phase === "ready" && status?.root ? " · " + String(status.root).split(/[\\/]/).pop() : ""), status?.reason ? react.default.createElement("div", { className: "vsm-mcp-error" }, status.reason) : null, react.default.createElement("div", { className: "vsm-lsp-form" }, react.default.createElement("label", null, react.default.createElement("span", null, "可执行文件路径（绝对路径，优先）"), react.default.createElement("input", {
+			}, config?.enabled !== false ? "●" : "○"))), react.default.createElement("div", { className: "vsm-mcp-meta" }, PHASE_LABEL[phase] ?? phase, " · ", SOURCE_LABEL[status?.source] ?? status?.source, status?.providerName ? " · " + status.providerName : "", status?.version ? " · v" + status.version : "", phase === "ready" && status?.root ? " · " + String(status.root).split(/[\\/]/).pop() : ""), status?.reason ? react.default.createElement("div", { className: "vsm-mcp-error" }, status.reason) : null, react.default.createElement("div", { className: "vsm-lsp-form" }, react.default.createElement("label", null, react.default.createElement("span", null, "可执行文件路径（绝对路径，优先）"), react.default.createElement("input", {
 				value: pathDraft,
 				placeholder: "如 C:/.../lua-language-server.exe",
 				onChange: (e) => setPathDraft(e.target.value)
@@ -4701,7 +5372,12 @@ window.__ModuleLoader__.load({
 				className: "vsm-primary",
 				disabled: busy === lang.id,
 				onClick: () => onSave(lang.id, pathDraft, commandDraft)
-			}, busy === lang.id ? "保存中…" : "保存配置")), react.default.createElement("div", { className: "vsm-lsp-hint" }, lang.hint));
+			}, busy === lang.id ? "保存中…" : "保存配置"), react.default.createElement("button", {
+				className: "vsm-primary vsm-small",
+				disabled: busy === lang.id,
+				onClick: () => onRedetect(lang.id),
+				title: "清缓存并重新选择语言服务器（EmmyLua / LuaLS）"
+			}, busy === lang.id ? "检测中…" : "重新检测")), react.default.createElement("div", { className: "vsm-lsp-hint" }, lang.hint));
 		}
 		/** 已装扩展卡片：清单 + 卸载/更新。 */
 		function InstalledCard({ ext, busy, onUninstall, onUpdate }) {
@@ -4768,6 +5444,14 @@ window.__ModuleLoader__.load({
 				if (next === "installed" || next === "updates") refreshExt();
 				if (next === "servers") refreshServers();
 			};
+			/** 合并 redetect/configUpdate 返回的服务器状态：只替换该语言条目。 */
+			const mergeServers = (languageId, list) => {
+				setServers((prev) => Array.isArray(list) ? [...prev.filter((s) => s.languageId !== languageId), ...list] : prev);
+			};
+			/** 重检测后通知编辑器：与 host 重新同步已打开的模型（触发重新 acquire）。 */
+			const notifyResync = (languageId) => {
+				window.dispatchEvent(new CustomEvent("edrv:lsp-redetect", { detail: { languageId } }));
+			};
 			const saveLang = (languageId, path, command) => {
 				setBusy(languageId);
 				setError("");
@@ -4781,6 +5465,8 @@ window.__ModuleLoader__.load({
 						return;
 					}
 					setConfig(res.config ?? {});
+					mergeServers(languageId, res.servers);
+					notifyResync(languageId);
 				}).catch((e) => setError(String(e))).finally(() => setBusy(""));
 			};
 			const toggleLang = (languageId, enabled) => {
@@ -4789,10 +5475,25 @@ window.__ModuleLoader__.load({
 					languageId,
 					enabled
 				}).then((res) => {
-					if (res?.ok) {
-						setConfig(res.config ?? {});
-						refreshServers();
-					} else setError(res?.error ?? "切换失败");
+					if (!res?.ok) {
+						setError(res?.error ?? "切换失败");
+						return;
+					}
+					setConfig(res.config ?? {});
+					mergeServers(languageId, res.servers);
+					notifyResync(languageId);
+				}).catch((e) => setError(String(e))).finally(() => setBusy(""));
+			};
+			const redetectLang = (languageId) => {
+				setBusy(languageId);
+				setError("");
+				rpc("edrv.lsp.redetect", { languageId }).then((res) => {
+					if (!res?.ok) {
+						setError(res?.error ?? "重新检测失败");
+						return;
+					}
+					mergeServers(languageId, res.servers);
+					notifyResync(languageId);
 				}).catch((e) => setError(String(e))).finally(() => setBusy(""));
 			};
 			const searchMarket = () => {
@@ -4862,24 +5563,27 @@ window.__ModuleLoader__.load({
 				onClick: refresh
 			}, "↻ 刷新"));
 			const banner = error ? react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error) : null;
+			/** 线框面板容器：标题 + 内容体。 */
+			const panel = (title, children) => react.default.createElement("section", { className: "vsm-panel" }, react.default.createElement("h3", { className: "vsm-panel-title" }, title), react.default.createElement("div", { className: "vsm-panel-body" }, children));
 			let body = null;
-			if (tab === "servers") body = react.default.createElement("div", null, LANGUAGES.map((lang) => react.default.createElement(LangCard, {
+			if (tab === "servers") body = panel("语言服务器", react.default.createElement(react.default.Fragment, null, LANGUAGES.map((lang) => react.default.createElement(LangCard, {
 				key: lang.id,
 				lang,
 				config: config[lang.id] ?? {},
 				status: servers.find((s) => s.languageId === lang.id),
 				busy,
 				onToggle: toggleLang,
-				onSave: saveLang
-			})), react.default.createElement("div", { className: "vsm-lsp-hint" }, "提示：打开 Lua/C# 文件即自动（惰性）启动对应语言服务器；未配置时编辑器功能不受影响，大纲回退内置解析。"));
-			else if (tab === "installed") body = react.default.createElement("div", null, react.default.createElement("div", { className: "vsm-lsp-hint" }, "已安装的语言服务器扩展（存于 ~/.dsh/dsh-vscode-mode/extensions/）。语言服务器被自动发现为「扩展」源。"), installed.length ? installed.map((ext) => react.default.createElement(InstalledCard, {
+				onSave: saveLang,
+				onRedetect: redetectLang
+			})), react.default.createElement("div", { className: "vsm-lsp-hint" }, "提示：打开 Lua/C# 文件即自动（惰性）启动对应语言服务器；未配置时编辑器功能不受影响，大纲回退内置解析。")));
+			else if (tab === "installed") body = panel("已安装扩展", react.default.createElement(react.default.Fragment, null, react.default.createElement("div", { className: "vsm-lsp-hint" }, "已安装的语言服务器扩展（存于 ~/.dsh/dsh-vscode-mode/extensions/）。语言服务器被自动发现为「扩展」源。"), installed.length ? installed.map((ext) => react.default.createElement(InstalledCard, {
 				key: ext.id,
 				ext,
 				busy,
 				onUninstall: uninstallExt,
 				onUpdate: updateExt
-			})) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "还没有安装扩展（去「市场」或指定本地 .vsix）"));
-			else if (tab === "market") body = react.default.createElement("div", null, react.default.createElement("div", { className: "vsm-lsp-form" }, react.default.createElement("label", null, react.default.createElement("span", null, "搜索 Open VSX 市场"), react.default.createElement("input", {
+			})) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "还没有安装扩展（去「市场」或指定本地 .vsix）")));
+			else if (tab === "market") body = panel("扩展市场", react.default.createElement(react.default.Fragment, null, react.default.createElement("div", { className: "vsm-lsp-form" }, react.default.createElement("label", null, react.default.createElement("span", null, "搜索 Open VSX 市场"), react.default.createElement("input", {
 				value: query,
 				placeholder: "如 sumneko.lua / lua language server",
 				onChange: (e) => setQuery(e.target.value),
@@ -4904,18 +5608,107 @@ window.__ModuleLoader__.load({
 				installed,
 				busy,
 				onInstall: installMarket
-			})));
-			else body = react.default.createElement("div", null, react.default.createElement("div", { className: "vsm-lsp-hint" }, "已装扩展与 Open VSX 最新版的差异。"), updates.length ? updates.map((u) => react.default.createElement("article", {
+			}))));
+			else body = panel("可用更新", react.default.createElement(react.default.Fragment, null, react.default.createElement("div", { className: "vsm-lsp-hint" }, "已装扩展与 Open VSX 最新版的差异。"), updates.length ? updates.map((u) => react.default.createElement("article", {
 				key: u.id,
 				className: "vsm-mcp-card"
 			}, react.default.createElement("div", { className: "vsm-mcp-card-head" }, react.default.createElement("div", { className: "vsm-mcp-title" }, react.default.createElement("span", { className: "vsm-mcp-dot error" }), react.default.createElement("span", null, u.displayName || u.id), react.default.createElement("span", { className: "vsm-ext-ver" }, "v" + u.current + " → v" + u.latest)), react.default.createElement("div", { className: "vsm-mcp-actions" }, react.default.createElement("button", {
 				className: "vsm-primary vsm-small",
 				disabled: busy === u.id,
 				onClick: () => updateExt(u)
-			}, busy === u.id ? "更新中…" : "更新"))))) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "全部已是最新"));
+			}, busy === u.id ? "更新中…" : "更新"))))) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "全部已是最新")));
 			return react.default.createElement("div", null, header, nav, banner, body);
 		}
 		//#endregion
+		//#region src/client/state/workspaceFoldCache.ts
+		/**
+		* dsh-vscode-mode client — 「性能优化」页工作区栏目展开状态持久化（纯函数，可单测）。
+		* 只持久化「已展开」的工作区键集合（默认全部折叠），对齐 explorerCache 的做法：
+		* 不缓存会话条目本身，条目由 edrv.perf.inventory 实时返回。
+		* 键前缀统一走 paths.ts PathConst（CACHE_KEY.workspaceFold）。
+		* 作者 ddj 2026-09-02
+		*/
+		/** localStorage 键（全局，不按会话隔离）。 */
+		const STORE_KEY = CACHE_KEY.workspaceFold;
+		/**
+		* 归一化工作区键：仅去首尾空白（工作区键非文件系统路径，不做斜杠转换）。
+		* @author ddj 2026年09月02号
+		* @param key 工作区标识
+		* @returns 归一化键，空值返回 ''
+		*/
+		function normalizeFoldKey(key) {
+			return String(key ?? "").trim();
+		}
+		/**
+		* 裁剪展开键集：去重、丢弃空值、超容量丢弃尾部（保持传入顺序）。
+		* @author ddj 2026年09月02号
+		* @param expanded 原始展开键集合
+		* @returns 规范化后的键数组
+		*/
+		function sanitizeFolded(expanded) {
+			if (!Array.isArray(expanded)) return [];
+			const seen = /* @__PURE__ */ new Set();
+			const out = [];
+			for (const item of expanded) {
+				const key = normalizeFoldKey(typeof item === "string" ? item : "");
+				if (!key || seen.has(key)) continue;
+				seen.add(key);
+				out.push(key);
+				if (out.length >= 300) break;
+			}
+			return out;
+		}
+		/**
+		* 序列化展开状态（JSON，带 schema 版本号）。
+		* @author ddj 2026年09月02号
+		* @param expanded 已展开的项目键集合
+		* @returns JSON 字符串
+		*/
+		function serializeFold(expanded) {
+			return JSON.stringify({
+				v: 1,
+				expanded: sanitizeFolded(expanded)
+			});
+		}
+		/**
+		* 解析缓存文本；损坏/格式不符 → 空集合。
+		* @author ddj 2026年09月02号
+		* @param text localStorage 原文
+		* @returns 已展开键集合
+		*/
+		function parseFold(text) {
+			if (!text) return [];
+			try {
+				const data = JSON.parse(text);
+				if (!data || typeof data !== "object") return [];
+				return sanitizeFolded(data.expanded);
+			} catch (error) {
+				return [];
+			}
+		}
+		/**
+		* 读取展开状态（localStorage 不可用 → 空集合）。
+		* @author ddj 2026年09月02号
+		* @returns 已展开键集合
+		*/
+		function foldLoad() {
+			try {
+				return parseFold(window.localStorage.getItem(STORE_KEY));
+			} catch (error) {
+				return [];
+			}
+		}
+		/**
+		* 写入展开状态（配额满/隐私模式失败静默）。
+		* @author ddj 2026年09月02号
+		* @param expanded 已展开键集合
+		*/
+		function foldSave(expanded) {
+			try {
+				window.localStorage.setItem(STORE_KEY, serializeFold(expanded));
+			} catch (error) {}
+		}
+		//#endregion
 		//#region src/client/ui/PerfSettings.ts
 		/**
 		* dsh-vscode-mode client — PerfSettings：「性能优化」设置子页（会话卫生 + 压缩调优）。
@@ -4935,6 +5728,43 @@ window.__ModuleLoader__.load({
 		}
 		/** 会话行 key：workspaceKey \u0000 sessionId。 */
 		const keyOf = (ws, id) => ws + "\0" + id;
+		/** 工作区列表每页条数。 */
+		const PAGE_SIZE = 7;
+		/**
+		* 计算分页（纯函数，可单测）。
+		* 作者 ddj 2026年09月02号
+		* @param total 总条数
+		* @param pageSize 每页条数
+		* @param page 当前页码（1 起）
+		* @returns 归一化后的分页信息（page 被夹到有效范围）
+		*/
+		function paginate(total, pageSize, page) {
+			const size = Math.max(1, Math.floor(pageSize) || 1);
+			const pages = Math.max(1, Math.ceil(total / size));
+			const current = Math.min(Math.max(1, Math.floor(page) || 1), pages);
+			const start = (current - 1) * size;
+			return {
+				page: current,
+				pages,
+				pageSize: size,
+				start,
+				end: Math.min(start + size, total),
+				total
+			};
+		}
+		/**
+		* 取当前页切片（纯函数，可单测）。
+		* 作者 ddj 2026年09月02号
+		* @param items 全量列表
+		* @param page 当前页码（1 起）
+		* @param pageSize 每页条数
+		* @returns 当前页子数组
+		*/
+		function pageSlice(items, page, pageSize) {
+			const list = items ?? [];
+			const { start, end } = paginate(list.length, pageSize, page);
+			return list.slice(start, end);
+		}
 		/** 单行会话。 */
 		function SessionRow({ row, checked, disabled, onToggle }) {
 			const age = Math.max(0, (Date.now() - row.mtime) / 864e5);
@@ -4953,6 +5783,63 @@ window.__ModuleLoader__.load({
 			}, when), row.active ? react.default.createElement("span", { className: "vsm-perf-cell vsm-perf-active" }, "活跃") : null);
 		}
 		/**
+		* 工作区列表分页器：顶部文案 + 上一页/下一页交互。
+		* 作者 ddj 2026年09月02号
+		* @param {object} info paginate() 的分页信息
+		* @param {Function} onPrev 上一页回调
+		* @param {Function} onNext 下一页回调
+		*/
+		function WorkspacePager({ info, onPrev, onNext }) {
+			const { page, pages, start, end, total } = info;
+			return react.default.createElement("div", { className: "vsm-perf-pager" }, react.default.createElement("span", { className: "vsm-perf-pager-text" }, total ? `第 ${start + 1}–${end} 个 / 共 ${total} 个工作区（第 ${page}/${pages} 页）` : "暂无工作区"), react.default.createElement("div", { className: "vsm-perf-pager-actions" }, react.default.createElement("button", {
+				className: "vsm-secondary vsm-small",
+				onClick: onPrev,
+				disabled: page <= 1
+			}, "‹ 上一页"), react.default.createElement("button", {
+				className: "vsm-secondary vsm-small",
+				onClick: onNext,
+				disabled: page >= pages
+			}, "下一页 ›")));
+		}
+		/**
+		* 工作区栏目（可展开/折叠），内含该工作区的会话行。
+		* 作者 ddj 2026年09月02号
+		* @param {object} ws 工作区汇总（workspaceKey / totalBytes）
+		* @param {object[]} rows 该工作区的会话行
+		* @param {boolean} expanded 是否展开
+		* @param {Function} onToggleFold 展开/折叠切换回调
+		* @param {object} selected 已选会话键集合
+		* @param {boolean} locked 会话勾选是否禁用（移出执行中）
+		* @param {Function} onToggleRow 单行勾选回调
+		*/
+		function WorkspaceBlock({ ws, rows, expanded, onToggleFold, selected, locked, onToggleRow }) {
+			const head = react.default.createElement("div", {
+				className: "vsm-perf-ws-head",
+				role: "button",
+				tabIndex: 0,
+				"aria-expanded": expanded,
+				onClick: onToggleFold,
+				onKeyDown: (event) => {
+					if (event.key === "Enter" || event.key === " ") {
+						event.preventDefault();
+						onToggleFold();
+					}
+				}
+			}, react.default.createElement("span", { className: "vsm-perf-ws-caret " + (expanded ? "open" : "") }, "▸"), react.default.createElement("span", {
+				className: "vsm-perf-ws-name",
+				title: ws.workspaceKey
+			}, ws.workspaceKey), react.default.createElement("span", { className: "vsm-perf-ws-meta" }, rows.length + " 会话 · " + formatBytes(ws.totalBytes)));
+			if (!expanded) return react.default.createElement("div", { className: "vsm-perf-ws" }, head);
+			const body = rows.length ? rows.map((row) => react.default.createElement(SessionRow, {
+				key: keyOf(row.workspaceKey, row.sessionId),
+				row,
+				checked: !!selected[keyOf(row.workspaceKey, row.sessionId)],
+				disabled: row.active || locked,
+				onToggle: () => onToggleRow(keyOf(row.workspaceKey, row.sessionId))
+			})) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "无会话");
+			return react.default.createElement("div", { className: "vsm-perf-ws expanded" }, head, react.default.createElement("div", { className: "vsm-perf-rows" }, body));
+		}
+		/**
 		* 会话卫生 + 压缩调优设置子页。
 		* @author ddj 2026年09月02号
 		*/
@@ -4964,6 +5851,26 @@ window.__ModuleLoader__.load({
 			const [confirm, setConfirm] = react.default.useState(null);
 			const [moved, setMoved] = react.default.useState(null);
 			const [config, setConfig] = react.default.useState(null);
+			const [expanded, setExpanded] = react.default.useState(() => foldLoad());
+			const [page, setPage] = react.default.useState(1);
+			react.default.useEffect(() => {
+				foldSave(expanded);
+			}, [expanded]);
+			/** 数据变化后把越界页码夹回有效范围。 */
+			const workspaces = inv?.workspaces ?? [];
+			const pageInfo = paginate(workspaces.length, PAGE_SIZE, page);
+			react.default.useEffect(() => {
+				if (page !== pageInfo.page) setPage(pageInfo.page);
+			}, [page, pageInfo.page]);
+			/** 切换某工作区栏目的展开/折叠（默认全折叠）。 */
+			const toggleFold = (key) => setExpanded((old) => old.includes(key) ? old.filter((item) => item !== key) : old.concat(key));
+			/** 切换单会话勾选。 */
+			const toggleRow = (k) => setSelected((old) => {
+				const next = { ...old };
+				if (next[k]) delete next[k];
+				else next[k] = true;
+				return next;
+			});
 			const load = react.default.useCallback(() => {
 				setError("");
 				Promise.all([rpc("edrv.perf.inventory", {}), rpc("edrv.perf.configGet", {})]).then(([i, c]) => {
@@ -5066,30 +5973,25 @@ window.__ModuleLoader__.load({
 			};
 			const totals = inv?.totals;
 			const summaryCards = totals ? react.default.createElement("div", { className: "vsm-perf-cards" }, react.default.createElement("div", { className: "vsm-perf-card" }, react.default.createElement("span", null, "工作区"), react.default.createElement("b", null, String(totals.workspaces))), react.default.createElement("div", { className: "vsm-perf-card" }, react.default.createElement("span", null, "会话数"), react.default.createElement("b", null, String(totals.sessions))), react.default.createElement("div", { className: "vsm-perf-card" }, react.default.createElement("span", null, "压缩态总体积"), react.default.createElement("b", { className: totals.totalBytes >= 52428800 ? "big" : "" }, formatBytes(totals.totalBytes)))) : null;
-			const workspaceBlocks = inv?.workspaces ? inv.workspaces.map((ws) => {
-				const rows = inv.sessions.filter((s) => s.workspaceKey === ws.workspaceKey);
-				return react.default.createElement("div", {
-					key: ws.workspaceKey,
-					className: "vsm-perf-ws"
-				}, react.default.createElement("div", { className: "vsm-perf-ws-head" }, react.default.createElement("span", {
-					className: "vsm-perf-ws-name",
-					title: ws.workspaceKey
-				}, ws.workspaceKey), react.default.createElement("span", { className: "vsm-perf-ws-meta" }, rows.length + " 会话 · " + formatBytes(ws.totalBytes))), react.default.createElement("div", { className: "vsm-perf-rows" }, rows.length ? rows.map((row) => react.default.createElement(SessionRow, {
-					key: keyOf(row.workspaceKey, row.sessionId),
-					row,
-					checked: !!selected[keyOf(row.workspaceKey, row.sessionId)],
-					disabled: row.active || busy === "move",
-					onToggle: () => {
-						const k = keyOf(row.workspaceKey, row.sessionId);
-						setSelected((old) => {
-							const next = { ...old };
-							if (next[k]) delete next[k];
-							else next[k] = true;
-							return next;
-						});
-					}
-				})) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "无会话")));
+			const visible = pageSlice(workspaces, pageInfo.page, PAGE_SIZE);
+			const workspacePager = workspaces.length > PAGE_SIZE ? react.default.createElement(WorkspacePager, {
+				info: pageInfo,
+				onPrev: () => setPage((old) => Math.max(1, old - 1)),
+				onNext: () => setPage((old) => Math.min(pageInfo.pages, old + 1))
 			}) : null;
+			const workspaceBlocks = workspaces.length ? react.default.createElement("div", { className: "vsm-perf-ws-list" }, visible.map((ws) => {
+				const key = normalizeFoldKey(ws.workspaceKey);
+				return react.default.createElement(WorkspaceBlock, {
+					key: ws.workspaceKey,
+					ws,
+					rows: inv.sessions.filter((s) => s.workspaceKey === ws.workspaceKey),
+					expanded: expanded.includes(key),
+					onToggleFold: () => toggleFold(key),
+					selected,
+					locked: busy === "move",
+					onToggleRow: toggleRow
+				});
+			})) : null;
 			const selCount = Object.keys(selected).length;
 			const confirmBody = confirm ? react.default.createElement("div", { className: "vsm-perf-modal" }, react.default.createElement("div", { className: "vsm-perf-modal-card" }, react.default.createElement("h3", null, "确认移出 " + confirm.items.length + " 个会话？"), react.default.createElement("p", { className: "vsm-perf-modal-note" }, "将从 ~/.dsh/sessions 移出到 ~/.dsh/sessions-archive（可逆，重启后不再回放，释放 " + formatBytes(confirm.reclaimedBytes) + "）。活跃会话已排除。"), react.default.createElement("ul", { className: "vsm-perf-modal-list" }, confirm.items.slice(0, 20).map((item) => react.default.createElement("li", { key: item.workspaceKey + item.sessionId }, item.workspaceKey + " / " + item.sessionId + "（" + formatBytes(item.bytes) + "）"))), confirm.items.length > 20 ? react.default.createElement("div", { className: "vsm-perf-modal-more" }, "…等 " + confirm.items.length + " 个") : null, react.default.createElement("div", { className: "vsm-perf-modal-actions" }, react.default.createElement("button", {
 				className: "vsm-primary",
@@ -5099,15 +6001,15 @@ window.__ModuleLoader__.load({
 				className: "vsm-secondary",
 				onClick: () => setConfirm(null)
 			}, "取消")))) : null;
-			const movedBody = moved?.moved?.length ? react.default.createElement("div", { className: "vsm-perf-moved" }, react.default.createElement("h3", null, "已移出 " + moved.moved.length + " 个会话（释放 " + formatBytes(moved.reclaimedBytes) + "）"), react.default.createElement("div", { className: "vsm-perf-rows" }, moved.moved.map((item) => react.default.createElement("div", {
+			const movedBody = moved?.moved?.length ? react.default.createElement("section", { className: "vsm-panel" }, react.default.createElement("h3", { className: "vsm-panel-title" }, "已移出 " + moved.moved.length + " 个会话（释放 " + formatBytes(moved.reclaimedBytes) + "）"), react.default.createElement("div", { className: "vsm-panel-body" }, react.default.createElement("div", { className: "vsm-perf-rows" }, moved.moved.map((item) => react.default.createElement("div", {
 				key: item.workspaceKey + item.sessionId,
 				className: "vsm-perf-row"
 			}, react.default.createElement("span", { className: "vsm-perf-cell vsm-perf-id" }, item.sessionId), react.default.createElement("span", { className: "vsm-perf-cell vsm-perf-size" }, formatBytes(item.bytes)), react.default.createElement("button", {
 				className: "vsm-secondary vsm-small",
 				onClick: () => doRestore(item),
 				disabled: busy === "restore"
-			}, "恢复")))), moved.failures?.length ? react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, "失败：" + moved.failures.join("；")) : null) : null;
-			const configBody = config ? react.default.createElement("div", { className: "vsm-perf-config" }, react.default.createElement("h3", null, "DSH 内置压缩调优"), react.default.createElement("p", null, "调低 compaction-basic / tool-result-pruner 触发阈值，让长循环会话更早压缩，降低模型可见上下文压力（减少 token 与防 context overflow）。"), react.default.createElement("p", { className: "vsm-perf-note" }, "注意：压缩只追加 compaction 事件，不重写已持久化会话日志（append-only），因此不会缩小已存在的会话文件——存量瘦身请用上方「移出到归档」。packChunks 已默认开启，无需配置。"), react.default.createElement("div", { className: "vsm-perf-config-state" }, react.default.createElement("span", { className: "vsm-perf-cell" }, "状态：" + (config.applied ? "已应用" : "未应用")), config.applied ? react.default.createElement("button", {
+			}, "恢复")))), moved.failures?.length ? react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, "失败：" + moved.failures.join("；")) : null)) : null;
+			const configBody = config ? react.default.createElement("section", { className: "vsm-panel" }, react.default.createElement("h3", { className: "vsm-panel-title" }, "DSH 内置压缩调优"), react.default.createElement("div", { className: "vsm-panel-body" }, react.default.createElement("p", null, "调低 compaction-basic / tool-result-pruner 触发阈值，让长循环会话更早压缩，降低模型可见上下文压力（减少 token 与防 context overflow）。"), react.default.createElement("p", { className: "vsm-perf-note" }, "注意：压缩只追加 compaction 事件，不重写已持久化会话日志（append-only），因此不会缩小已存在的会话文件——存量瘦身请用上方「移出到归档」。packChunks 已默认开启，无需配置。"), react.default.createElement("div", { className: "vsm-perf-config-state" }, react.default.createElement("span", { className: "vsm-perf-cell" }, "状态：" + (config.applied ? "已应用" : "未应用")), config.applied ? react.default.createElement("button", {
 				className: "vsm-secondary vsm-small",
 				onClick: undoConfig,
 				disabled: busy === "undo"
@@ -5115,9 +6017,9 @@ window.__ModuleLoader__.load({
 				className: "vsm-primary vsm-small",
 				onClick: applyConfig,
 				disabled: busy === "apply"
-			}, "应用建议配置（需重启）")), react.default.createElement("pre", { className: "vsm-perf-block" }, config.block)) : null;
-			const guideBody = react.default.createElement("div", { className: "vsm-perf-guide" }, react.default.createElement("h3", null, "侧车摘要（agent/脚本取关键字段，不整份读 sidecar）"), react.default.createElement("p", null, "工作区根目录的 .dsh-edit-review.json（可能数 MB）只应通过摘要接口读取，禁止 agent 整份 read/write 进对话："), react.default.createElement("pre", { className: "vsm-perf-block" }, "curl -s -X POST http://127.0.0.1:3080/edrv/rpc -H 'content-type: application/json' -d '{\"method\":\"edrv.perf.sidecarSummary\",\"args\":{}}'\n# 差异记录列表（含每文件 pending 摘要）：edrv.list\n# 历史归档：edrv.archiveList / edrv.archiveRead"));
-			return react.default.createElement("section", { className: "vsm-perf-page" }, react.default.createElement("h2", null, "会话性能"), react.default.createElement("p", null, "DSH 启动会回放 ~/.dsh/sessions 全部会话（V8 展开约 10×），体积越大内存越吃紧。定期把巨型/旧会话移出到归档可显著降低启动内存。"), error ? react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error) : null, summaryCards, react.default.createElement("div", { className: "vsm-perf-toolbar" }, react.default.createElement("button", {
+			}, "应用建议配置（需重启）")), react.default.createElement("pre", { className: "vsm-perf-block" }, config.block))) : null;
+			const guideBody = react.default.createElement("section", { className: "vsm-panel" }, react.default.createElement("h3", { className: "vsm-panel-title" }, "侧车摘要（agent/脚本取关键字段，不整份读 sidecar）"), react.default.createElement("div", { className: "vsm-panel-body" }, react.default.createElement("p", null, "工作区根目录的 .dsh-edit-review.json（可能数 MB）只应通过摘要接口读取，禁止 agent 整份 read/write 进对话："), react.default.createElement("pre", { className: "vsm-perf-block" }, "curl -s -X POST http://127.0.0.1:3080/edrv/rpc -H 'content-type: application/json' -d '{\"method\":\"edrv.perf.sidecarSummary\",\"args\":{}}'\n# 差异记录列表（含每文件 pending 摘要）：edrv.list\n# 历史归档：edrv.archiveList / edrv.archiveRead")));
+			return react.default.createElement("section", { className: "vsm-perf-page" }, react.default.createElement("h2", null, "会话性能"), react.default.createElement("p", null, "DSH 启动会回放 ~/.dsh/sessions 全部会话（V8 展开约 10×），体积越大内存越吃紧。定期把巨型/旧会话移出到归档可显著降低启动内存。"), error ? react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error) : null, summaryCards, react.default.createElement("section", { className: "vsm-panel" }, react.default.createElement("h3", { className: "vsm-panel-title" }, "会话盘点"), react.default.createElement("div", { className: "vsm-panel-body" }, react.default.createElement("div", { className: "vsm-perf-toolbar" }, react.default.createElement("button", {
 				className: "vsm-secondary vsm-small",
 				onClick: selectBig
 			}, "圈选 ≥1MB 非活跃"), react.default.createElement("button", {
@@ -5136,15 +6038,14 @@ window.__ModuleLoader__.load({
 				className: "vsm-secondary vsm-small",
 				onClick: load,
 				disabled: busy === "load"
-			}, "⟳ 刷新")), workspaceBlocks, movedBody, configBody, guideBody, confirmBody);
+			}, "⟳ 刷新")), workspacePager, workspaceBlocks)), movedBody, configBody, guideBody, confirmBody);
 		}
 		//#endregion
 		//#region src/client/ui/McpSettings.ts
 		/**
-		* dsh-vscode-mode client — VSCodeMode 设置区：通用 / 快捷键 / MCP 管理。
-		* 子 Tab：通用（文件打开工具/开发形态）/ 快捷键（编辑器键位配置，可重置）/
-		* 我的 MCP（profile 全局）/ 项目 MCP（各项目 .mcp.json）/ MCP 市场（占位）/ 兼容性。
-		* 作者 ddj 2026年08月22号 / 2026年08月26号
+		* dsh-vscode-mode client — VSCodeMode 设置区：通用 / 快捷键 / MCP 管理 / 语言服务器 / 性能优化 / 兼容性。
+		* MCP 管理 Tab 下含三个子页签：我的 MCP（profile 全局）/ 项目 MCP（各项目 .mcp.json）/ MCP 市场（占位）。
+		* 作者 ddj 2026年08月22号 / 2026年08月26号 / 2026年08月27号
 		*/
 		const EMPTY = {
 			serverName: "",
@@ -5357,14 +6258,14 @@ window.__ModuleLoader__.load({
 				disabled: devBusy,
 				onClick: closeDevForm
 			}, devBusy ? "切换中…" : "关闭开发形态"))) : null;
-			return react.default.createElement("section", { className: "vsm-general-page" }, react.default.createElement("h2", null, "通用"), react.default.createElement("p", null, "配置 DSH 对话中文件链接的打开工具。工具由当前运行时自动扫描。"), unavailable && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, "设置服务暂不可用，当前使用自动选择。"), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), react.default.createElement("label", { className: "vsm-general-row" }, react.default.createElement("span", null, "文件链接使用工具"), react.default.createElement("select", {
+			return react.default.createElement("section", { className: "vsm-general-page" }, react.default.createElement("h2", null, "通用"), react.default.createElement("p", null, "配置 DSH 对话中文件链接的打开工具。工具由当前运行时自动扫描。"), unavailable && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, "设置服务暂不可用，当前使用自动选择。"), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), react.default.createElement("section", { className: "vsm-panel" }, react.default.createElement("h3", { className: "vsm-panel-title" }, "文件与安装"), react.default.createElement("div", { className: "vsm-panel-body" }, react.default.createElement("label", { className: "vsm-general-row" }, react.default.createElement("span", null, "文件链接使用工具"), react.default.createElement("select", {
 				value: currentOption,
 				disabled: loading || unavailable || notReady || busy || snapshot?.writable === false,
 				onChange: (event) => save(event.target.value)
 			}, options.map((item) => react.default.createElement("option", {
 				key: item.id,
 				value: item.id
-			}, item.label))), loading && react.default.createElement("small", null, "读取中…")), devFormRow);
+			}, item.label))), loading && react.default.createElement("small", null, "读取中…")), devFormRow)));
 		}
 		/** 兼容性小节：host 报告（RPC compat）+ 客户端本地适配项。 */
 		function CompatSection({ getSummary }) {
@@ -5387,12 +6288,111 @@ window.__ModuleLoader__.load({
 				key: item.name,
 				className: "vsm-compat-item " + (item.active ? "ok" : "warn")
 			}, react.default.createElement("span", { className: "vsm-compat-name" }, item.name), react.default.createElement("span", { className: "vsm-compat-note" }, item.note ?? (item.active ? "正常" : "未生效"))));
+			/** 兼容性分组面板：标题 + 线框内容区。 */
+			const group = (title, children) => react.default.createElement("section", { className: "vsm-panel" }, react.default.createElement("h3", { className: "vsm-panel-title" }, title), react.default.createElement("div", { className: "vsm-panel-body" }, children));
 			const warnings = report?.warnings ?? [];
 			const devForm = report?.devForm;
-			return react.default.createElement("section", { className: "vsm-general-page" }, react.default.createElement("h2", null, "兼容性"), react.default.createElement("p", null, "检测与其他插件 / DSH 版本的适配状态与已知问题。" + (report?.pluginVersion ? "（插件版本 " + report.pluginVersion + "）" : "")), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), devForm?.enabled && react.default.createElement(react.default.Fragment, null, react.default.createElement("h3", { className: "vsm-compat-h3" }, "开发形态"), react.default.createElement("div", { className: "vsm-compat-item ok" }, react.default.createElement("span", { className: "vsm-compat-name" }, "开发形态开启（工作区链接安装）"), react.default.createElement("span", { className: "vsm-compat-note" }, devForm.path))), react.default.createElement("h3", { className: "vsm-compat-h3" }, "外部插件与服务"), renderItems(report?.external), react.default.createElement("h3", { className: "vsm-compat-h3" }, "客户端适配"), renderItems(getSummary?.() ?? []), react.default.createElement("h3", { className: "vsm-compat-h3" }, "护栏"), renderItems(report?.guards), react.default.createElement("h3", { className: "vsm-compat-h3" }, "警告"), warnings.length ? warnings.map((w, index) => react.default.createElement("div", {
+			return react.default.createElement("section", { className: "vsm-general-page" }, react.default.createElement("h2", null, "兼容性"), react.default.createElement("p", null, "检测与其他插件 / DSH 版本的适配状态与已知问题。" + (report?.pluginVersion ? "（插件版本 " + report.pluginVersion + "）" : "")), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), devForm?.enabled && group("开发形态", react.default.createElement("div", { className: "vsm-compat-item ok" }, react.default.createElement("span", { className: "vsm-compat-name" }, "开发形态开启（工作区链接安装）"), react.default.createElement("span", { className: "vsm-compat-note" }, devForm.path))), group("外部插件与服务", renderItems(report?.external)), group("客户端适配", renderItems(getSummary?.() ?? [])), group("护栏", renderItems(report?.guards)), group("警告", warnings.length ? warnings.map((w, index) => react.default.createElement("div", {
 				key: index,
 				className: "vsm-mcp-error vsm-mcp-banner"
-			}, w)) : react.default.createElement("div", { className: "vsm-compat-item ok" }, react.default.createElement("span", { className: "vsm-compat-name" }, "未检测到兼容性问题"), react.default.createElement("span", { className: "vsm-compat-note" }, "")));
+			}, w)) : react.default.createElement("div", { className: "vsm-compat-item ok" }, react.default.createElement("span", { className: "vsm-compat-name" }, "未检测到兼容性问题"), react.default.createElement("span", { className: "vsm-compat-note" }, ""))));
+		}
+		/** MCP 管理子页签定义（我的 / 项目 / 市场）。 */
+		const MCP_TABS = [
+			{
+				id: "mine",
+				label: "我的 MCP"
+			},
+			{
+				id: "projects",
+				label: "项目 MCP"
+			},
+			{
+				id: "market",
+				label: "MCP 市场"
+			}
+		];
+		/**
+		* MCP 管理面板：顶层「MCP 管理」Tab 下的三个子页签容器。
+		* 作者 ddj 2026年08月27号
+		* @param {object[]} servers 全局 MCP 服务列表
+		* @param {object[]} projects 项目及其项目级 MCP 列表
+		* @param {string} busy 正在执行的操作标识
+		* @param {object} draft 新增表单草稿
+		* @param {Function} edit 草稿字段变更回调
+		* @param {Function} resetDraft 清空草稿回调
+		*/
+		function McpManagePanel({ servers, projects, busy, draft, edit, resetDraft, refreshGlobal, toggleGlobal, removeGlobal, refreshProject, toggleProject, removeProject, saveGlobal, saveProject }) {
+			const [mcpTab, setMcpTab] = react.default.useState("mine");
+			const [showForm, setShowForm] = react.default.useState(false);
+			const [projectForm, setProjectForm] = react.default.useState(null);
+			const [selectedPath, setSelectedPath] = react.default.useState("");
+			react.default.useEffect(() => {
+				if (!projects.length) {
+					setSelectedPath("");
+					return;
+				}
+				if (!projects.some((project) => project.workspacePath === selectedPath)) setSelectedPath(projects[0].workspacePath);
+			}, [projects, selectedPath]);
+			const closeGlobalForm = () => setShowForm(false);
+			const closeProjectForm = () => setProjectForm(null);
+			const addProject = (project) => {
+				resetDraft?.();
+				setProjectForm({
+					workspacePath: project.workspacePath,
+					title: project.title
+				});
+			};
+			const selectedProject = projects.find((project) => project.workspacePath === selectedPath);
+			const mineBody = servers.length ? servers.map((s) => react.default.createElement(ServerCard, {
+				key: s.id,
+				server: s,
+				onRefresh: refreshGlobal,
+				onToggle: toggleGlobal,
+				onRemove: removeGlobal
+			})) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "还没有配置全局 MCP");
+			const projectBody = projects.length ? react.default.createElement(react.default.Fragment, null, react.default.createElement(ProjectPicker, {
+				projects,
+				value: selectedPath,
+				onChange: setSelectedPath
+			}), selectedProject ? react.default.createElement(ProjectGroup, {
+				project: selectedProject,
+				busy,
+				onAdd: addProject,
+				onRefresh: refreshProject,
+				onToggle: toggleProject,
+				onRemove: removeProject
+			}) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "请选择项目")) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "还没有项目");
+			let body;
+			if (mcpTab === "projects") body = projectBody;
+			else if (mcpTab === "market") body = react.default.createElement("div", { className: "vsm-mcp-empty" }, "MCP 市场暂未接入");
+			else body = mineBody;
+			const form = showForm ? react.default.createElement(McpForm, {
+				title: "添加全局 MCP",
+				draft,
+				busy,
+				edit,
+				save: () => saveGlobal(closeGlobalForm),
+				close: closeGlobalForm
+			}) : projectForm ? react.default.createElement(McpForm, {
+				title: "添加项目 MCP · " + projectForm.title,
+				draft,
+				busy,
+				edit,
+				save: () => saveProject(projectForm.workspacePath, closeProjectForm),
+				close: closeProjectForm
+			}) : null;
+			return react.default.createElement(react.default.Fragment, null, react.default.createElement("div", { className: "vsm-mcp-subhead" }, react.default.createElement("nav", { className: "vsm-mcp-subtabs" }, MCP_TABS.map((item) => react.default.createElement("button", {
+				key: item.id,
+				className: mcpTab === item.id ? "active" : "",
+				onClick: () => setMcpTab(item.id)
+			}, item.label))), react.default.createElement("button", {
+				className: "vsm-primary vsm-small",
+				onClick: () => {
+					resetDraft?.();
+					setShowForm(true);
+				}
+			}, "+ 添加全局 MCP")), body, form);
 		}
 		/** MCP 管理主面板。 */
 		function McpSettings(props) {
@@ -5405,16 +6405,6 @@ window.__ModuleLoader__.load({
 			const [error, setError] = react.default.useState("");
 			const [tab, setTab] = react.default.useState("general");
 			const [draft, setDraft] = react.default.useState(EMPTY);
-			const [showForm, setShowForm] = react.default.useState(false);
-			const [projectForm, setProjectForm] = react.default.useState(null);
-			const [selectedPath, setSelectedPath] = react.default.useState("");
-			react.default.useEffect(() => {
-				if (!projects.length) {
-					setSelectedPath("");
-					return;
-				}
-				if (!projects.some((project) => project.workspacePath === selectedPath)) setSelectedPath(projects[0].workspacePath);
-			}, [projects, selectedPath]);
 			const loadAll = react.default.useCallback(() => {
 				setLoading(true);
 				setError("");
@@ -5464,116 +6454,87 @@ window.__ModuleLoader__.load({
 				workspacePath: p.workspacePath,
 				serverName: s.serverName
 			}, replaceProject(p.workspacePath));
-			const saveGlobal = () => {
+			/**
+			* 保存全局 MCP：成功后由回调关闭子面板。
+			* 作者 ddj 2026年08月27号
+			* @param {Function} close 关闭新增表单回调
+			*/
+			const saveGlobal = (close) => {
 				setBusy("save");
 				setError("");
 				rpc("mcp.save", { config: configOf(draft) }).then(finish).then((result) => {
 					setServers((old) => old.some((s) => s.id === result.server.id) ? old.map((s) => s.id === result.server.id ? result.server : s) : old.concat(result.server));
 					setDraft(EMPTY);
-					setShowForm(false);
+					close();
 				}).catch((e) => setError(String(e))).finally(() => setBusy(""));
 			};
-			const saveProject = () => {
-				if (!projectForm) return;
+			/**
+			* 保存项目 MCP：成功后由回调关闭子面板。
+			* 作者 ddj 2026年08月27号
+			* @param {string} workspacePath 目标项目路径
+			* @param {Function} close 关闭新增表单回调
+			*/
+			const saveProject = (workspacePath, close) => {
 				setBusy("project-save");
 				setError("");
 				const config = configOf(draft);
 				rpc("mcp.projectSave", {
-					workspacePath: projectForm.workspacePath,
+					workspacePath,
 					serverName: config.serverName,
 					config
 				}).then(finish).then((result) => {
-					setProjects((old) => old.map((p) => p.workspacePath === projectForm.workspacePath ? result.project : p));
+					setProjects((old) => old.map((p) => p.workspacePath === workspacePath ? result.project : p));
 					setDraft(EMPTY);
-					setProjectForm(null);
+					close();
 				}).catch((e) => setError(String(e))).finally(() => setBusy(""));
 			};
 			const edit = (key, value) => setDraft((old) => ({
 				...old,
 				[key]: value
 			}));
-			const marketBody = react.default.createElement("div", { className: "vsm-mcp-empty" }, "MCP 市场暂未接入");
-			const selectedProject = projects.find((project) => project.workspacePath === selectedPath);
-			const projectBody = projects.length ? react.default.createElement(react.default.Fragment, null, react.default.createElement(ProjectPicker, {
-				projects,
-				value: selectedPath,
-				onChange: setSelectedPath
-			}), selectedProject ? react.default.createElement(ProjectGroup, {
-				project: selectedProject,
-				busy,
-				onAdd: (project) => {
-					setDraft(EMPTY);
-					setProjectForm({
-						workspacePath: project.workspacePath,
-						title: project.title
-					});
-				},
-				onRefresh: refreshProject,
-				onToggle: toggleProject,
-				onRemove: removeProject
-			}) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "请选择项目")) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "还没有项目");
+			const resetDraft = () => setDraft(EMPTY);
 			let body;
 			if (loading) body = react.default.createElement("div", { className: "vsm-mcp-empty" }, "正在读取 MCP 服务…");
 			else if (tab === "general") body = react.default.createElement(GeneralSettings, { registry: openerRegistry });
 			else if (tab === "keys") body = react.default.createElement(KeybindingsPanel, null);
-			else if (tab === "mine") body = react.default.createElement("div", null, servers.length ? servers.map((s) => react.default.createElement(ServerCard, {
-				key: s.id,
-				server: s,
-				onRefresh: refreshGlobal,
-				onToggle: toggleGlobal,
-				onRemove: removeGlobal
-			})) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "还没有配置全局 MCP"));
-			else if (tab === "projects") body = projectBody;
-			else if (tab === "compat") body = react.default.createElement(CompatSection, { getSummary: compatSummary });
-			else if (tab === "lsp") body = react.default.createElement(LspSettings, null);
-			else if (tab === "perf") body = react.default.createElement(PerfSettings, null);
-			else body = marketBody;
-			const form = showForm ? react.default.createElement(McpForm, {
-				title: "添加全局 MCP",
-				draft,
+			else if (tab === "mcp") body = react.default.createElement(McpManagePanel, {
+				servers,
+				projects,
 				busy,
-				edit,
-				save: saveGlobal,
-				close: () => setShowForm(false)
-			}) : projectForm ? react.default.createElement(McpForm, {
-				title: "添加项目 MCP · " + projectForm.title,
 				draft,
-				busy,
 				edit,
-				save: saveProject,
-				close: () => setProjectForm(null)
-			}) : null;
-			return react.default.createElement("section", { className: "vsm-mcp-page" }, react.default.createElement("header", { className: "vsm-mcp-header" }, react.default.createElement("div", null, react.default.createElement("h2", null, "VSCodeMode"), react.default.createElement("p", null, "管理当前 profile 与各项目的 Model Context Protocol 服务。")), react.default.createElement("button", {
-				className: "vsm-primary",
-				onClick: () => {
-					setDraft(EMPTY);
-					setShowForm(true);
-				}
-			}, "+ 添加全局 MCP")), react.default.createElement("nav", { className: "vsm-mcp-tabs" }, react.default.createElement("button", {
+				resetDraft,
+				saveGlobal: (close) => saveGlobal(close),
+				saveProject: (workspacePath, close) => saveProject(workspacePath, close),
+				refreshGlobal,
+				toggleGlobal,
+				removeGlobal,
+				refreshProject,
+				toggleProject,
+				removeProject
+			});
+			else if (tab === "compat") body = react.default.createElement(CompatSection, { getSummary: compatSummary });
+			else if (tab === "lsp") body = react.default.createElement(LspSettings, null);
+			else body = react.default.createElement(PerfSettings, null);
+			return react.default.createElement("section", { className: "vsm-mcp-page" }, react.default.createElement("header", { className: "vsm-mcp-header" }, react.default.createElement("div", null, react.default.createElement("h2", null, "VSCodeMode"), react.default.createElement("p", null, "管理当前 profile 与各项目的 Model Context Protocol 服务。"))), react.default.createElement("nav", { className: "vsm-mcp-tabs" }, react.default.createElement("button", {
 				className: tab === "general" ? "active" : "",
 				onClick: () => setTab("general")
 			}, "通用"), react.default.createElement("button", {
 				className: tab === "keys" ? "active" : "",
 				onClick: () => setTab("keys")
 			}, "快捷键"), react.default.createElement("button", {
-				className: tab === "mine" ? "active" : "",
-				onClick: () => setTab("mine")
-			}, "我的 MCP"), react.default.createElement("button", {
-				className: tab === "projects" ? "active" : "",
-				onClick: () => setTab("projects")
-			}, "项目 MCP"), react.default.createElement("button", {
+				className: tab === "mcp" ? "active" : "",
+				onClick: () => setTab("mcp")
+			}, "MCP 管理"), react.default.createElement("button", {
 				className: tab === "lsp" ? "active" : "",
 				onClick: () => setTab("lsp")
 			}, "语言服务器"), react.default.createElement("button", {
 				className: tab === "perf" ? "active" : "",
 				onClick: () => setTab("perf")
 			}, "性能优化"), react.default.createElement("button", {
-				className: tab === "market" ? "active" : "",
-				onClick: () => setTab("market")
-			}, "MCP 市场"), react.default.createElement("button", {
 				className: tab === "compat" ? "active" : "",
 				onClick: () => setTab("compat")
-			}, "兼容性")), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), body, form);
+			}, "兼容性")), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), body);
 		}
 		/** MCP 新增表单（全局/项目共用）。 */
 		function McpForm({ title, draft, busy, edit, save, close }) {