dsh-vscode-mode 0.14.3 → 0.14.4

package/lib/client.js

@@ -8866,15 +8866,16 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/diffDockStore.ts
 		/**
-		* 判断编辑器差异栏应显示在指定布局，空态仅在尚有差异文件时显示。
-		* @author ddj 2026年09月29号
+		* 指定布局仅在仍有待处理差异时显示差异栏，冲突差异和其他文件差异也保留入口。
+		* @public
+		* @author ddj 2026年10月08号
 		* @param snapshot 编辑器发布的差异快照
 		* @param layout 目标布局
 		* @returns 是否显示差异栏
 		*/
 		function dockInLayout(snapshot, layout) {
 			if (!snapshot || (snapshot.layout ?? "tab") !== layout) return false;
-			return snapshot.mode !== "editor-empty" || Boolean(snapshot.fileTotal);
+			return Number(snapshot.fileTotal) > 0 || Number(snapshot.allPendingCount) > 0 || Number(snapshot.diffTotal) > 0 || Array.isArray(snapshot.pendingRegions) && snapshot.pendingRegions.length > 0 || Array.isArray(snapshot.staleRegions) && snapshot.staleRegions.length > 0;
 		}
 		const values = /* @__PURE__ */ new Map();
 		const sources = /* @__PURE__ */ new Map();
@@ -13814,7 +13815,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/* 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 管理 / 语言服务器 / AI 补全 / 性能优化 / 兼容性 */\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/* 语言服务器（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 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 管理 / 语言服务器 / AI 补全 / 性能优化 / 兼容性 */\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-label-tertiary,#9aa5b1)}\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.error{background:var(--dsw-alias-state-error-primary,#e05252)}\n.vsm-mcp-dot.disabled,.vsm-mcp-dot.neutral,.vsm-mcp-dot.configured,.vsm-mcp-dot.unverified{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/* 配置启用使用品牌色，不冒充在线状态；在线证据仅由 connected 圆点表达。 */\n.vsm-switch.on{color:var(--dsw-alias-brand-primary,#6d55ff)}\n.vsm-mcp-actions button:disabled,.vsm-mcp-dialog-actions button:disabled{opacity:.55;cursor:default}\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/* 语言服务器（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");
@@ -24649,6 +24650,276 @@ window.__ModuleLoader__.load({
 			}), sessionId || "chat"), palette);
 		}
 		//#endregion
+		//#region src/client/mcpForm.ts
+		/**
+		* @public
+		* @author ddj 2026年10月08号
+		* @description Parse lossless JSON string[] or one literal argument per nonempty line; no shell splitting.
+		* @param text Argument field.
+		* @returns Literal argument vector.
+		* @throws Invalid JSON or a non-string array element.
+		*/
+		function parseArgs(text) {
+			if (text.trimStart().startsWith("[")) {
+				let value;
+				try {
+					value = JSON.parse(text);
+				} catch {
+					throw new Error("参数 JSON 无效，请输入 string[] 或每行一个参数");
+				}
+				if (!Array.isArray(value) || !value.every((item) => typeof item === "string")) throw new Error("参数 JSON 必须是 string[]");
+				return value;
+			}
+			return text.split(/\r?\n/).filter((line) => line.length > 0);
+		}
+		/**
+		* @public
+		* @author ddj 2026年10月08号
+		* @description Validate HTTP headers; duplicates are case-insensitive and values retain embedded equals.
+		* @param text One key=value header per line.
+		* @returns Validated header dictionary.
+		* @throws Missing separator, invalid/empty key, duplicate key, or illegal control characters.
+		*/
+		function parsePairs(text) {
+			const pairs = [];
+			const keys = /* @__PURE__ */ new Set();
+			for (const [index, raw] of text.split(/\r?\n/).entries()) {
+				if (!raw.trim()) continue;
+				const separator = raw.indexOf("=");
+				const key = raw.slice(0, separator).trim();
+				const value = raw.slice(separator + 1).trim();
+				if (separator < 1 || !/^[!#$%&'*+.^_`|~0-9A-Za-z-]+$/.test(key) || /[\x00-\x08\x0a-\x1f\x7f]/.test(value)) throw new Error("请求头第 " + (index + 1) + " 行格式错误，应为有效 key=value");
+				const normalized = key.toLowerCase();
+				if (keys.has(normalized)) throw new Error("请求头重复：" + key);
+				keys.add(normalized);
+				pairs.push([key, value]);
+			}
+			return Object.fromEntries(pairs);
+		}
+		/**
+		* @public
+		* @author ddj 2026年10月08号
+		* @description Convert a form draft without losing argument boundaries or silently accepting malformed headers.
+		* @param draft Current editable fields.
+		* @returns Host MCP configuration.
+		* @throws Argument/header validation errors; callers must keep the form open.
+		*/
+		function configOf(draft) {
+			const config = {
+				serverName: draft.serverName.trim(),
+				transport: draft.transport
+			};
+			if (draft.transport === "stdio") {
+				config.command = draft.command.trim();
+				config.args = parseArgs(draft.args);
+				if (draft.cwd.trim()) config.cwd = draft.cwd.trim();
+			} else {
+				config.url = draft.url.trim();
+				config.headers = parsePairs(draft.headers);
+			}
+			return config;
+		}
+		//#endregion
+		//#region src/client/mcpState.ts
+		/** Owns MCP read lifetimes and one synchronous mutation lock for the entire management page. */
+		var McpState = class {
+			request;
+			changed;
+			view = {
+				servers: [],
+				projects: [],
+				loading: true,
+				busy: "",
+				error: ""
+			};
+			active = false;
+			visible = true;
+			disposed = false;
+			version = 0;
+			reading = null;
+			timer = null;
+			interval;
+			timeout;
+			/** @public @author ddj 2026年10月08号 @param request Typed RPC transport. @param changed View notification. @param timing Bounded read and polling timings. */
+			constructor(request, changed, timing = {}) {
+				this.request = request;
+				this.changed = changed;
+				this.interval = Math.max(100, timing.interval ?? 2500);
+				this.timeout = Math.max(50, timing.timeout ?? 1e4);
+			}
+			/** @private @author ddj 2026年10月08号 @description Publish a copied view only while mounted. */
+			emit() {
+				if (!this.disposed) this.changed({ ...this.view });
+			}
+			/** @private @author ddj 2026年10月08号 @description Cancel scheduled reads and invalidate every older response. */
+			invalidate() {
+				this.version++;
+				if (this.timer !== null) clearTimeout(this.timer);
+				this.timer = null;
+				this.reading?.controller.abort();
+			}
+			/** @private @author ddj 2026年10月08号 @description Schedule a single read only after the preceding transport settled. */
+			schedule() {
+				if (this.disposed || !this.active || !this.visible || this.reading || this.view.loading || this.view.busy || this.timer !== null) return;
+				this.timer = setTimeout(this.poll, this.interval);
+			}
+			/** @private @author ddj 2026年10月08号 @description Timer entry, with failures handled in read. */
+			poll = () => {
+				this.timer = null;
+				this.read(false);
+			};
+			/** @private @author ddj 2026年10月08号 @returns Versioned read token with an abort deadline. */
+			beginRead() {
+				const controller = new AbortController();
+				const version = this.version;
+				/** @author ddj 2026年10月08号 @description Abort timed-out transport and invalidate its eventual response. */
+				const expire = () => {
+					controller.abort();
+					if (this.disposed || version !== this.version) return;
+					this.version++;
+					this.view.loading = false;
+					this.view.error = "读取 MCP 状态超时";
+					this.emit();
+				};
+				const token = {
+					controller,
+					version,
+					timer: setTimeout(expire, this.timeout)
+				};
+				this.reading = token;
+				return token;
+			}
+			/** @private @author ddj 2026年10月08号 @param initial Initialization versus read-only polling. @param signal Abort deadline. @returns Complete settled data, never an early half-settled initial read. @throws Transport or host failures. */
+			async fetchData(initial, signal) {
+				if (!initial) {
+					const snapshot = await this.request("mcp.snapshot", {}, signal);
+					if (!snapshot.ok) throw new Error(snapshot.error);
+					return snapshot;
+				}
+				const [list, groups] = await Promise.allSettled([this.request("mcp.list", {}, signal), this.request("mcp.projects", {}, signal)]);
+				if (list.status === "rejected") throw list.reason;
+				if (groups.status === "rejected") throw groups.reason;
+				if (!list.value.ok) throw new Error(list.value.error);
+				if (!groups.value.ok) throw new Error(groups.value.error);
+				return {
+					servers: list.value.servers,
+					projects: groups.value.projects
+				};
+			}
+			/** @private @author ddj 2026年10月08号 @param initial Use legacy initialization RPCs once; later polls are read-only snapshots. @returns Completion after transport settles; aborted results never publish. */
+			async read(initial) {
+				if (this.disposed || this.reading || this.view.busy) return;
+				if (!initial && (!this.active || !this.visible)) return;
+				const token = this.beginRead();
+				try {
+					const signal = token.controller.signal;
+					const { servers, projects } = await this.fetchData(initial, signal);
+					if (!this.disposed && token.version === this.version && !signal.aborted) {
+						this.view.servers = servers;
+						this.view.projects = projects;
+						this.view.error = "";
+					}
+				} catch (error) {
+					if (!this.disposed && token.version === this.version && !token.controller.signal.aborted) this.view.error = String(error);
+				} finally {
+					clearTimeout(token.timer);
+					this.reading = null;
+					if (!this.disposed) {
+						this.view.loading = false;
+						this.emit();
+						this.schedule();
+					}
+				}
+			}
+			/** @public @author ddj 2026年10月08号 @description Initialize list/projects once per mounted page. @returns Load completion. */
+			load() {
+				return this.read(true);
+			}
+			/** @public @author ddj 2026年10月08号 @param active Whether the top-level MCP tab is selected. */
+			setActive(active) {
+				if (this.active === active) return;
+				this.active = active;
+				if (!active) this.invalidate();
+				this.schedule();
+			}
+			/** @public @author ddj 2026年10月08号 @param visible Whether document visibility permits background requests. */
+			setVisible(visible) {
+				if (this.visible === visible) return;
+				this.visible = visible;
+				if (!visible) this.invalidate();
+				this.schedule();
+			}
+			/** @public @author ddj 2026年10月08号 @description Stop timers and invalidate all responses on unmount. */
+			dispose() {
+				this.disposed = true;
+				this.invalidate();
+				if (this.reading) clearTimeout(this.reading.timer);
+			}
+			/**
+			* @public
+			* @author ddj 2026年10月08号
+			* @description Acquire a synchronous page-wide lock before validation/RPC. Duplicate actions are rejected; failed saves never call commit.
+			* @param label Busy indicator key.
+			* @param task Validation and RPC work, including synchronous configuration errors.
+			* @param commit Apply successful result; may reset and close a save form.
+			* @returns Whether this mutation committed successfully while mounted.
+			*/
+			async mutate(label, task, commit) {
+				if (this.disposed || this.view.busy) return false;
+				this.invalidate();
+				this.view.busy = label;
+				this.view.error = "";
+				this.emit();
+				try {
+					const result = await task();
+					if (!result.ok) throw new Error(result.error);
+					if (this.disposed) return false;
+					commit(result);
+					return true;
+				} catch (error) {
+					if (!this.disposed) this.view.error = String(error);
+					return false;
+				} finally {
+					if (!this.disposed) {
+						this.view.busy = "";
+						this.emit();
+						this.schedule();
+					}
+				}
+			}
+		};
+		//#endregion
+		//#region src/shared/mcpStatus.ts
+		/**
+		* @public
+		* @author ddj 2026年10月08号
+		* @description Display lifecycle evidence; enabled only expresses configuration intent, not connectivity.
+		* @param server Server lifecycle snapshot.
+		* @returns User-facing status label.
+		*/
+		function statusOf(server) {
+			if (!server.enabled || server.status === "disabled") return "已禁用";
+			return {
+				connected: "在线",
+				connecting: "装配中",
+				configured: "已配置，等待会话",
+				unverified: "已加载，连接未确认",
+				error: "错误"
+			}[server.status] ?? "状态未知";
+		}
+		/**
+		* @public
+		* @author ddj 2026年10月08号
+		* @description Use neutral styling unless lifecycle evidence explicitly identifies online, loading or error.
+		* @param server Server lifecycle snapshot.
+		* @returns CSS tone, independent of configuration-enabled state.
+		*/
+		function statusTone(server) {
+			if (!server.enabled || server.status === "disabled") return "disabled";
+			if (server.status === "connected" || server.status === "connecting" || server.status === "error") return server.status;
+			return "neutral";
+		}
+		//#endregion
 		//#region src/client/settingsContext.ts
 		/**
 		* dsh-vscode-mode client — 设置 scope 的跨组件上下文。
@@ -26594,53 +26865,24 @@ window.__ModuleLoader__.load({
 			url: "",
 			headers: ""
 		};
-		/** 将表单草稿转换为 Host MCP 配置。 */
-		function configOf(draft) {
-			const config = {
-				serverName: draft.serverName.trim(),
-				transport: draft.transport
-			};
-			if (draft.transport === "stdio") {
-				config.command = draft.command.trim();
-				config.args = draft.args.split(/\r?\n|\s+/).filter(Boolean);
-				if (draft.cwd.trim()) config.cwd = draft.cwd.trim();
-			} else {
-				config.url = draft.url.trim();
-				config.headers = parsePairs(draft.headers);
-			}
-			return config;
-		}
-		/** 解析每行 key=value 的表单字段。 */
-		function parsePairs(text) {
-			return Object.fromEntries(text.split(/\r?\n/).map((line) => line.trim()).filter(Boolean).map((line) => {
-				const idx = line.indexOf("=");
-				return idx > 0 ? [line.slice(0, idx).trim(), line.slice(idx + 1).trim()] : [line, ""];
-			}));
-		}
-		/** @author ddj 2026年09月28号 @param server Server lifecycle snapshot. @returns User-facing status. */
-		function statusOf(server) {
-			if (!server.enabled || server.status === "disabled") return "已禁用";
-			return {
-				connected: "在线",
-				connecting: "装配中",
-				configured: "已配置，等待会话",
-				unverified: "已加载，连接未确认",
-				error: "错误"
-			}[server.status] ?? "状态未知";
-		}
-		/** MCP 服务卡片（全局与项目共用）。 */
-		function ServerCard({ server, onRefresh, onToggle, onRemove }) {
-			return react.default.createElement("article", { 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 " + (server.enabled ? server.status : "disabled") }), server.serverName), react.default.createElement("div", { className: "vsm-mcp-actions" }, react.default.createElement("button", {
+		/** @private @author ddj 2026年10月08号 @param props Server snapshot, page-wide busy state and actions. @returns Lifecycle-evidence card; enabled does not imply online. */
+		function ServerCard({ server, busy, onRefresh, onToggle, onRemove }) {
+			return react.default.createElement("article", { 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 " + statusTone(server) }), server.serverName), react.default.createElement("div", { className: "vsm-mcp-actions" }, react.default.createElement("button", {
+				disabled: !!busy,
 				onClick: () => onRefresh(server.id),
-				title: "刷新连接"
+				title: "重新装配会话实例"
 			}, "↻"), react.default.createElement("button", {
+				disabled: !!busy,
 				className: "vsm-danger",
 				onClick: () => onRemove(server.id),
 				title: "删除 MCP"
 			}, "⌫"), react.default.createElement("button", {
+				disabled: !!busy,
 				className: "vsm-switch " + (server.enabled ? "on" : ""),
 				onClick: () => onToggle(server),
-				"aria-label": server.enabled ? "禁用" : "启用"
+				title: "配置启用不代表连接在线",
+				"aria-label": server.enabled ? "禁用配置（不代表在线）" : "启用配置（不代表在线）",
+				"aria-pressed": !!server.enabled
 			}, server.enabled ? "●" : "○"))), react.default.createElement("div", { className: "vsm-mcp-meta" }, statusOf(server), " · ", server.toolCount, " 个工具 · ", server.transport, server.instanceCount !== void 0 ? " · " + server.instanceCount + " 个会话实例（各自连接）" : ""), server.error && react.default.createElement("div", { className: "vsm-mcp-error" }, server.error), react.default.createElement("div", { className: "vsm-mcp-tools" }, server.tools.map((tool) => react.default.createElement("span", {
 				key: tool.name,
 				className: "vsm-mcp-chip",
@@ -26719,10 +26961,11 @@ window.__ModuleLoader__.load({
 				onClick: () => choose(project)
 			}, react.default.createElement("span", null, project.title), react.default.createElement("small", null, project.workspacePath, " · ", project.servers.length, " 个 MCP"))) : react.default.createElement("div", { className: "vsm-project-picker-empty" }, "没有匹配的项目"))));
 		}
-		/** 单个项目的 MCP 分组。 */
+		/** @private @author ddj 2026年10月08号 @param props Project view, shared busy lock and actions. @returns Project cards with actions disabled for any active mutation. */
 		function ProjectGroup({ project, busy, onAdd, onRefresh, onToggle, onRemove }) {
 			const head = react.default.createElement("div", { className: "vsm-project-head" }, react.default.createElement("div", { className: "vsm-project-title" }, react.default.createElement("span", { className: "vsm-project-icon" }, "▣"), react.default.createElement("div", null, react.default.createElement("span", { className: "vsm-project-name" }, project.title), react.default.createElement("span", { className: "vsm-project-path" }, project.workspacePath))), react.default.createElement("button", {
 				className: "vsm-primary vsm-small",
+				disabled: !!busy,
 				onClick: () => onAdd(project)
 			}, "+ 添加 MCP"));
 			let body;
@@ -26732,6 +26975,7 @@ window.__ModuleLoader__.load({
 			else body = project.servers.map((server) => react.default.createElement(ServerCard, {
 				key: server.serverName,
 				server,
+				busy,
 				onRefresh: (id) => onRefresh(project, server, id),
 				onToggle: () => onToggle(project, server),
 				onRemove: (id) => onRemove(project, server, id)
@@ -27084,8 +27328,10 @@ window.__ModuleLoader__.load({
 		* @param {object} draft 新增表单草稿
 		* @param {Function} edit 草稿字段变更回调
 		* @param {Function} resetDraft 清空草稿回调
+		* @author ddj 2026年10月08号
 		*/
-		function McpManagePanel({ servers, projects, busy, draft, edit, resetDraft, refreshGlobal, toggleGlobal, removeGlobal, refreshProject, toggleProject, removeProject, saveGlobal, saveProject }) {
+		function McpManagePanel(props) {
+			const { projects, busy, draft, edit, resetDraft, saveGlobal, saveProject } = props;
 			const [mcpTab, setMcpTab] = react.default.useState("mine");
 			const [showForm, setShowForm] = react.default.useState(false);
 			const [projectForm, setProjectForm] = react.default.useState(null);
@@ -27097,39 +27343,28 @@ window.__ModuleLoader__.load({
 				}
 				if (!projects.some((project) => project.workspacePath === selectedPath)) setSelectedPath(projects[0].workspacePath);
 			}, [projects, selectedPath]);
+			/** @author ddj 2026年10月08号 @description Close the successful global form. */
 			const closeGlobalForm = () => setShowForm(false);
+			/** @author ddj 2026年10月08号 @description Close the successful project form. */
 			const closeProjectForm = () => setProjectForm(null);
+			/** @author ddj 2026年10月08号 @param project Target project. @description Open a project draft only when idle. */
 			const addProject = (project) => {
+				if (busy) return;
 				resetDraft?.();
+				setShowForm(false);
 				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;
+			/** @author ddj 2026年10月08号 @description Open a global draft only when idle. */
+			const addGlobal = () => {
+				if (busy) return;
+				resetDraft?.();
+				setProjectForm(null);
+				setShowForm(true);
+			};
+			const body = manageBody(props, mcpTab, selectedPath, setSelectedPath, addProject);
 			const form = showForm ? react.default.createElement(McpForm, {
 				title: "添加全局 MCP",
 				draft,
@@ -27151,112 +27386,177 @@ window.__ModuleLoader__.load({
 				onClick: () => setMcpTab(item.id)
 			}, item.label))), react.default.createElement("button", {
 				className: "vsm-primary vsm-small",
-				onClick: () => {
-					resetDraft?.();
-					setShowForm(true);
-				}
+				disabled: !!busy,
+				onClick: addGlobal
 			}, "+ 添加全局 MCP")), body, form);
 		}
-		/** MCP 管理主面板。 */
+		/** @private @author ddj 2026年10月08号 @param props Current view and actions. @param tab Selected MCP subtab. @param path Selected project. @param select Project setter. @param add Project form opener. @returns Selected global/project/market content. */
+		function manageBody(props, tab, path, select, add) {
+			const { servers, projects, busy, refreshGlobal, toggleGlobal, removeGlobal, refreshProject, toggleProject, removeProject } = props;
+			if (tab === "market") return react.default.createElement("div", { className: "vsm-mcp-empty" }, "MCP 市场暂未接入");
+			if (tab !== "projects") return servers.length ? servers.map((server) => react.default.createElement(ServerCard, {
+				key: server.id,
+				server,
+				busy,
+				onRefresh: refreshGlobal,
+				onToggle: toggleGlobal,
+				onRemove: removeGlobal
+			})) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "还没有配置全局 MCP");
+			if (!projects.length) return react.default.createElement("div", { className: "vsm-mcp-empty" }, "还没有项目");
+			const project = projects.find((item) => item.workspacePath === path);
+			return react.default.createElement(react.default.Fragment, null, react.default.createElement(ProjectPicker, {
+				projects,
+				value: path,
+				onChange: select
+			}), project ? react.default.createElement(ProjectGroup, {
+				project,
+				busy,
+				onAdd: add,
+				onRefresh: refreshProject,
+				onToggle: toggleProject,
+				onRemove: removeProject
+			}) : react.default.createElement("div", { className: "vsm-mcp-empty" }, "请选择项目"));
+		}
+		/** @private @author ddj 2026年10月08号 @returns Mounted controller reference and its published view. */
+		function useMcpState() {
+			const ref = react.default.useRef(null);
+			const [view, setView] = react.default.useState({
+				servers: [],
+				projects: [],
+				loading: true,
+				busy: "",
+				error: ""
+			});
+			/** @author ddj 2026年10月08号 @description Subscribe to document visibility and initialize MCP data. @returns Unmount cleanup. */
+			const mount = () => {
+				const state = new McpState(rpc, setView);
+				ref.current = state;
+				/** @author ddj 2026年10月08号 @description Gate snapshots on actual document visibility. */
+				const visibility = () => state.setVisible(document.visibilityState === "visible");
+				/** @author ddj 2026年10月08号 @description Stop controller and remove page listener. */
+				const cleanup = () => {
+					document.removeEventListener("visibilitychange", visibility);
+					state.dispose();
+					if (ref.current === state) ref.current = null;
+				};
+				visibility();
+				document.addEventListener("visibilitychange", visibility);
+				state.load();
+				return cleanup;
+			};
+			react.default.useEffect(mount, []);
+			return {
+				ref,
+				view
+			};
+		}
+		/** @private @author ddj 2026年10月08号 @param state Mounted controller. @param id Server identity. @param method Mutation RPC. @param args Request fields. @returns Locked completion. */
+		function globalAction(state, id, method, args) {
+			/** @author ddj 2026年10月08号 @returns Global mutation result. */
+			const request = () => rpc(method, args);
+			/** @author ddj 2026年10月08号 @param result Global mutation result. @description Apply only successful mutation to the latest controller view. */
+			const commit = (result) => {
+				state.view.servers = method === "mcp.remove" ? state.view.servers.filter((server) => server.id !== id) : state.view.servers.map((server) => server.id === id ? result.server : server);
+			};
+			return state?.mutate(id, request, commit);
+		}
+		/** @private @author ddj 2026年10月08号 @param state Mounted controller. @param path Project path. @param name Server identity. @param method Mutation RPC. @param extra Optional request fields. @returns Locked completion. */
+		function projectAction(state, path, name, method, extra = {}) {
+			/** @author ddj 2026年10月08号 @returns Project mutation result. */
+			const request = () => rpc(method, {
+				workspacePath: path,
+				serverName: name,
+				...extra
+			});
+			/** @author ddj 2026年10月08号 @param result Project mutation result. @description Replace project in the current view. */
+			const commit = (result) => {
+				state.view.projects = state.view.projects.map((project) => project.workspacePath === path ? result.project : project);
+			};
+			return state?.mutate(path + ":" + name, request, commit);
+		}
+		/** @private @author ddj 2026年10月08号 @param ref Mounted controller reference. @returns Global/project card actions sharing a synchronous lock. */
+		function cardActions(ref) {
+			/** @author ddj 2026年10月08号 @param id Global identity. @returns Locked refresh. */
+			const refreshGlobal = (id) => globalAction(ref.current, id, "mcp.refresh", { id });
+			/** @author ddj 2026年10月08号 @param server Current configuration. @returns Locked enable change. */
+			const toggleGlobal = (server) => globalAction(ref.current, server.id, "mcp.toggle", {
+				id: server.id,
+				enabled: !server.enabled
+			});
+			/** @author ddj 2026年10月08号 @param id Global identity from ServerCard. @returns Confirmed locked deletion. */
+			const removeGlobal = (id) => !ref.current?.view.busy && window.confirm("确认删除此 MCP 服务？") && globalAction(ref.current, id, "mcp.remove", { id });
+			/** @author ddj 2026年10月08号 @param project Project. @param server Configuration. @returns Locked refresh. */
+			const refreshProject = (project, server) => projectAction(ref.current, project.workspacePath, server.serverName, "mcp.projectRefresh");
+			/** @author ddj 2026年10月08号 @param project Project. @param server Configuration. @returns Locked enable change. */
+			const toggleProject = (project, server) => projectAction(ref.current, project.workspacePath, server.serverName, "mcp.projectToggle", { enabled: !server.enabled });
+			/** @author ddj 2026年10月08号 @param project Project. @param server Configuration. @returns Confirmed locked deletion. */
+			const removeProject = (project, server) => !ref.current?.view.busy && window.confirm("确认删除此项目的 MCP「" + server.serverName + "」？") && projectAction(ref.current, project.workspacePath, server.serverName, "mcp.projectRemove");
+			return {
+				refreshGlobal,
+				toggleGlobal,
+				removeGlobal,
+				refreshProject,
+				toggleProject,
+				removeProject
+			};
+		}
+		/** @private @author ddj 2026年10月08号 @param state Controller. @param draft Editable fields. @param setDraft Draft setter. @param path Optional project target. @param close Success-only close callback. @returns Locked save, validation included. */
+		function saveDraft(state, draft, setDraft, path, close) {
+			/** @author ddj 2026年10月08号 @returns Validated save result. @throws Malformed arguments/headers. */
+			const request = () => {
+				const config = configOf(draft);
+				return path === null ? rpc("mcp.save", { config }) : rpc("mcp.projectSave", {
+					workspacePath: path,
+					serverName: config.serverName,
+					config
+				});
+			};
+			/** @author ddj 2026年10月08号 @param result Save result. @description Update current view and only then reset/close the form. */
+			const commit = (result) => {
+				if (path !== null) state.view.projects = state.view.projects.map((project) => project.workspacePath === path ? result.project : project);
+				else {
+					const servers = state.view.servers;
+					state.view.servers = servers.some((server) => server.id === result.server.id) ? servers.map((server) => server.id === result.server.id ? result.server : server) : servers.concat(result.server);
+				}
+				setDraft(EMPTY);
+				close();
+			};
+			return state?.mutate(path === null ? "save" : "project-save", request, commit);
+		}
+		/** @public @author ddj 2026年10月08号 @param props Settings integrations. @returns MCP management page with visible-tab-only snapshot polling. */
 		function McpSettings(props) {
 			const openerRegistry = props?.openerRegistry ?? { list: () => [] };
 			const compatSummary = props?.compatSummary ?? (() => []);
 			const getShortcuts = props?.getShortcuts ?? (() => null);
-			const [servers, setServers] = react.default.useState([]);
-			const [projects, setProjects] = react.default.useState([]);
-			const [loading, setLoading] = react.default.useState(true);
-			const [busy, setBusy] = react.default.useState("");
-			const [error, setError] = react.default.useState("");
+			const { ref, view } = useMcpState();
+			const { servers, projects, loading, busy, error } = view;
 			const [tab, setTab] = react.default.useState("general");
 			const [draft, setDraft] = react.default.useState(EMPTY);
-			const loadAll = react.default.useCallback(() => {
-				setLoading(true);
-				setError("");
-				Promise.all([rpc("mcp.list", {}), rpc("mcp.projects", {})]).then(([list, prj]) => {
-					if (!list.ok) throw new Error(list.error);
-					if (!prj.ok) throw new Error(prj.error);
-					setServers(list.servers);
-					setProjects(prj.projects);
-				}).catch((e) => setError(String(e))).finally(() => setLoading(false));
-			}, []);
-			react.default.useEffect(loadAll, [loadAll]);
-			const finish = (result) => {
-				if (!result.ok) throw new Error(result.error);
-				return result;
-			};
-			const action = (label, id, method, args, patch) => {
-				setBusy(id);
-				setError("");
-				return rpc(method, args).then(finish).then((result) => {
-					if (patch) patch(result);
-				}).catch((e) => setError(String(e))).finally(() => setBusy("")).then(() => label);
-			};
-			const refreshGlobal = (id) => action("refresh", id, "mcp.refresh", { id }, (r) => setServers((old) => old.map((s) => s.id === id ? r.server : s)));
-			const toggleGlobal = (s) => action("toggle", s.id, "mcp.toggle", {
-				id: s.id,
-				enabled: !s.enabled
-			}, (r) => setServers((old) => old.map((x) => x.id === s.id ? r.server : x)));
-			const removeGlobal = (s) => window.confirm("确认删除此 MCP 服务？") && action("remove", s.id, "mcp.remove", { id: s.id }, (r) => setServers((old) => old.filter((x) => x.id !== s.id)));
-			const replaceProject = (workspacePath) => (result) => setProjects((old) => old.map((p) => p.workspacePath === workspacePath ? result.project : p));
-			const projectAction = (workspacePath, serverName, method, args, patch) => {
-				setBusy(workspacePath + ":" + serverName);
-				setError("");
-				return rpc(method, args).then(finish).then((result) => {
-					if (patch) patch(result);
-				}).catch((e) => setError(String(e))).finally(() => setBusy(""));
+			/** @author ddj 2026年10月08号 @description Select polling scope and invalidate late responses on tab leave. @returns Tab cleanup. */
+			const selectTab = () => {
+				const state = ref.current;
+				state?.setActive(tab === "mcp");
+				/** @author ddj 2026年10月08号 @description Cancel reads on tab switch. */
+				const cleanup = () => state?.setActive(false);
+				return cleanup;
+			};
+			react.default.useEffect(selectTab, [tab]);
+			const { refreshGlobal, toggleGlobal, removeGlobal, refreshProject, toggleProject, removeProject } = cardActions(ref);
+			/** @author ddj 2026年10月08号 @param close Success-only close callback. @returns Global save completion. */
+			const saveGlobal = (close) => saveDraft(ref.current, draft, setDraft, null, close);
+			/** @author ddj 2026年10月08号 @param path Target project. @param close Success-only close callback. @returns Project save completion. */
+			const saveProject = (path, close) => saveDraft(ref.current, draft, setDraft, path, close);
+			/** @author ddj 2026年10月08号 @param key Draft field. @param value User input. @description Keep draft edits unavailable during a save. */
+			const edit = (key, value) => {
+				if (!ref.current?.view.busy) setDraft((old) => ({
+					...old,
+					[key]: value
+				}));
 			};
-			const refreshProject = (p, s) => projectAction(p.workspacePath, s.serverName, "mcp.projectRefresh", {
-				workspacePath: p.workspacePath,
-				serverName: s.serverName
-			}, replaceProject(p.workspacePath));
-			const toggleProject = (p, s) => projectAction(p.workspacePath, s.serverName, "mcp.projectToggle", {
-				workspacePath: p.workspacePath,
-				serverName: s.serverName,
-				enabled: !s.enabled
-			}, replaceProject(p.workspacePath));
-			const removeProject = (p, s) => window.confirm("确认删除此项目的 MCP「" + s.serverName + "」？") && projectAction(p.workspacePath, s.serverName, "mcp.projectRemove", {
-				workspacePath: p.workspacePath,
-				serverName: s.serverName
-			}, replaceProject(p.workspacePath));
-			/**
-			* 保存全局 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);
-					close();
-				}).catch((e) => setError(String(e))).finally(() => setBusy(""));
+			/** @author ddj 2026年10月08号 @description Reset the draft when no mutation is pending. */
+			const resetDraft = () => {
+				if (!ref.current?.view.busy) setDraft(EMPTY);
 			};
-			/**
-			* 保存项目 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,
-					serverName: config.serverName,
-					config
-				}).then(finish).then((result) => {
-					setProjects((old) => old.map((p) => p.workspacePath === workspacePath ? result.project : p));
-					setDraft(EMPTY);
-					close();
-				}).catch((e) => setError(String(e))).finally(() => setBusy(""));
-			};
-			const edit = (key, value) => setDraft((old) => ({
-				...old,
-				[key]: value
-			}));
-			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, {
@@ -27270,8 +27570,8 @@ window.__ModuleLoader__.load({
 				draft,
 				edit,
 				resetDraft,
-				saveGlobal: (close) => saveGlobal(close),
-				saveProject: (workspacePath, close) => saveProject(workspacePath, close),
+				saveGlobal,
+				saveProject,
 				refreshGlobal,
 				toggleGlobal,
 				removeGlobal,
@@ -27303,28 +27603,36 @@ window.__ModuleLoader__.load({
 				onClick: () => setTab("compat")
 			}, "兼容性")), error && react.default.createElement("div", { className: "vsm-mcp-error vsm-mcp-banner" }, error), body);
 		}
-		/** MCP 新增表单（全局/项目共用）。 */
+		/** @private @author ddj 2026年10月08号 @param props Draft, shared busy lock, edit/save/close callbacks. @returns Lossless argument/header form; failed save stays open. */
 		function McpForm({ title, draft, busy, edit, save, close }) {
+			/** @author ddj 2026年10月08号 @param key Draft field. @returns Short input change callback. */
+			const change = (key) => (event) => edit(key, event.target.value);
+			/** @author ddj 2026年10月08号 @param key Draft field. @param placeholder Input hint. @returns Disabled-while-busy input. */
 			const input = (key, placeholder) => react.default.createElement("input", {
+				disabled: !!busy,
 				value: draft[key],
-				onChange: (e) => edit(key, e.target.value),
+				onChange: change(key),
 				placeholder
 			});
-			const fields = draft.transport === "stdio" ? react.default.createElement(react.default.Fragment, null, react.default.createElement("label", null, "命令", input("command", "npx")), react.default.createElement("label", null, "参数（空格或换行分隔）", react.default.createElement("textarea", {
-				value: draft.args,
-				onChange: (e) => edit("args", e.target.value)
-			})), react.default.createElement("label", null, "工作目录（可选）", input("cwd", ""))) : react.default.createElement(react.default.Fragment, null, react.default.createElement("label", null, "URL", input("url", "http://localhost:3000/mcp")), react.default.createElement("label", null, "请求头（每行 key=value）", react.default.createElement("textarea", {
-				value: draft.headers,
-				onChange: (e) => edit("headers", e.target.value)
-			})));
+			/** @author ddj 2026年10月08号 @param key Draft field. @returns Disabled-while-busy text area. */
+			const textarea = (key) => react.default.createElement("textarea", {
+				disabled: !!busy,
+				value: draft[key],
+				onChange: change(key)
+			});
+			const fields = draft.transport === "stdio" ? react.default.createElement(react.default.Fragment, null, react.default.createElement("label", null, "命令", input("command", "npx")), react.default.createElement("label", null, "参数（JSON string[] 或每行一个；保留空格，空参数用 JSON）", textarea("args")), react.default.createElement("label", null, "工作目录（可选）", input("cwd", ""))) : react.default.createElement(react.default.Fragment, null, react.default.createElement("label", null, "URL", input("url", "http://localhost:3000/mcp")), react.default.createElement("label", null, "请求头（每行 key=value，键不可重复）", textarea("headers")));
 			return react.default.createElement("div", { className: "vsm-mcp-modal" }, react.default.createElement("div", { className: "vsm-mcp-dialog" }, react.default.createElement("h3", null, title), react.default.createElement("label", null, "名称", input("serverName", "例如 codegraph")), react.default.createElement("label", null, "传输方式", react.default.createElement("select", {
+				disabled: !!busy,
 				value: draft.transport,
-				onChange: (e) => edit("transport", e.target.value)
-			}, react.default.createElement("option", { value: "stdio" }, "stdio"), react.default.createElement("option", { value: "streamable-http" }, "streamable-http"))), fields, react.default.createElement("div", { className: "vsm-mcp-dialog-actions" }, react.default.createElement("button", { onClick: close }, "取消"), react.default.createElement("button", {
+				onChange: change("transport")
+			}, react.default.createElement("option", { value: "stdio" }, "stdio"), react.default.createElement("option", { value: "streamable-http" }, "streamable-http"))), fields, react.default.createElement("div", { className: "vsm-mcp-dialog-actions" }, react.default.createElement("button", {
+				disabled: !!busy,
+				onClick: close
+			}, "取消"), react.default.createElement("button", {
 				className: "vsm-primary",
-				disabled: busy === "save" || busy === "project-save",
+				disabled: !!busy,
 				onClick: save
-			}, "保存并连接"))));
+			}, "保存配置"))));
 		}
 		//#endregion
 		//#region src/client/openPathRouter.ts