dsh-vscode-mode 0.1.22 → 0.1.25

package/lib/client.js

@@ -28,8 +28,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		let react = require("react");
 		react = __toESM(react, 1);
+		let react_dom = require("react-dom");
 		//#region \0dsh-css:/home/runner/work/DSH_VsCodeMode/DSH_VsCodeMode/src/client/styles/editor.css.mjs
-		const css$1 = "/* dsh-vscode-mode 编辑区样式（原 ensureEdrvStyles 字符串，落盘为真 .css，由 tsdown CSS-inline 注入） */\n/* 浅色主题（对齐参考图：#f8f8f8 近白底 + 薄荷绿药丸 + 青绿文字 + 三文鱼 undo + 浅灰边框）：\n   在 [data-edrv-view] 作用域内重定义 --dsw-alias-*，级联命中组件内联样式与 CSS。 */\n[data-edrv-view] { box-sizing: border-box; --edrv-tab-h: 34px; --dsw-alias-bg-base: #f8f8f8; --dsw-alias-bg-layer-1: #ffffff; --dsw-alias-bg-layer-2: #f0f4f4; --dsw-alias-bg-overlay: #ffffff; --dsw-alias-label-primary: #1f2933; --dsw-alias-label-secondary: #52606d; --dsw-alias-label-tertiary: #9aa5b1; --dsw-alias-border-l1: #e0e6e8; --dsw-alias-border-l2: #cbd2d9; --dsw-alias-brand-primary: #0f9d58; --dsw-alias-state-success-primary: #0f9d58; --dsw-alias-state-error-primary: #d9534f; --dsw-alias-state-warn-primary: #d97706; --dsw-alias-interactive-bg-hover: rgba(15,157,88,.08); }\n\n[data-edrv-view] .edrv-tabs { display: flex; align-items: center; gap: 2px; padding: 2px 8px 0; background: var(--dsw-alias-bg-layer-1, transparent); overflow-x: auto; scrollbar-width: thin; flex-shrink: 0; }\n[data-edrv-view] .edrv-tab { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px 0 12px; border: none; border-radius: 6px 6px 0 0; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); font-size: 12px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }\n[data-edrv-view] .edrv-tab:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }\n[data-edrv-view] .edrv-tab.edrv-tab-active { background: var(--dsw-alias-bg-base, #111); color: var(--dsw-alias-label-primary, #eee); box-shadow: inset 0 -2px 0 var(--dsw-alias-brand-primary, #4f8cff); }\n[data-edrv-view] .edrv-tab .edrv-tab-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--dsw-alias-brand-primary, #4f8cff); flex-shrink: 0; }\n[data-edrv-view] .edrv-tab .edrv-tab-x { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 4px; color: var(--dsw-alias-label-tertiary, #888); font-size: 11px; }\n[data-edrv-view] .edrv-tab .edrv-tab-x:hover { background: rgba(255,255,255,.12); color: var(--dsw-alias-label-primary, #eee); }\n[data-edrv-view] .edrv-tab-add { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 2px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); font-size: 14px; cursor: pointer; flex-shrink: 0; }\n[data-edrv-view] .edrv-tab-add:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }\n[data-edrv-view] .edrv-pathbar { display: flex; align-items: center; gap: 8px; height: 26px; padding: 0 10px; background: var(--dsw-alias-bg-layer-1, #ffffff); border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); font-size: 12px; flex-shrink: 0; overflow: hidden; }\n[data-edrv-view] .edrv-pathbar .edrv-pb-name { font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); white-space: nowrap; }\n[data-edrv-view] .edrv-pathbar .edrv-pb-full { flex: 1; min-width: 0; color: var(--dsw-alias-label-tertiary, #9aa5b1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; text-align: left; }\n[data-edrv-view] .edrv-pathbar .edrv-pb-meta { flex-shrink: 0; font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-variant-numeric: tabular-nums; }\n[data-edrv-view] .edrv-pathbar .edrv-pb-status { color: var(--dsw-alias-label-secondary, #52606d); }\n[data-edrv-view] .edrv-path-input { flex: 1; min-width: 140px; height: 24px; 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[data-edrv-view] .edrv-search-wrap { position: relative; flex-shrink: 0; display: flex; align-items: center; padding: 2px 8px 2px 4px; }\n[data-edrv-view] .edrv-search { width: 190px; height: 24px; 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[data-edrv-view] .edrv-search:focus { border-color: var(--dsw-alias-brand-primary, #4f8cff); }\n[data-edrv-view] .edrv-search-pop { position: absolute; top: calc(100% + 4px); right: 8px; width: min(460px, calc(100vw - 24px)); max-height: 300px; overflow: auto; background: var(--dsw-alias-bg-overlay, #1c1c1c); border: 1px solid var(--dsw-alias-border-l2, #555); border-radius: 10px; box-shadow: 0 6px 20px rgba(0,0,0,.4); z-index: 60; padding: 4px; }\n[data-edrv-view] .edrv-search-item { display: flex; flex-direction: column; gap: 1px; padding: 5px 8px; border-radius: 6px; cursor: pointer; }\n[data-edrv-view] .edrv-search-item:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.07)); }\n[data-edrv-view] .edrv-search-item .n { color: var(--dsw-alias-label-primary, #eee); font-size: 12px; word-break: break-all; }\n[data-edrv-view] .edrv-search-item .d { color: var(--dsw-alias-label-tertiary, #888); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n[data-edrv-view] .edrv-search-empty { padding: 8px; font-size: 12px; color: var(--dsw-alias-label-tertiary, #888); }\n[data-edrv-view] .edrv-btn-mini { font-size: 11px; padding: 2px 9px; border: none; border-radius: 999px; cursor: pointer; color: #fff; font-weight: 600; white-space: nowrap; }\n[data-edrv-view] .edrv-btn-keep { background: var(--dsw-alias-state-success-primary, #2e9e44); }\n[data-edrv-view] .edrv-btn-undo { background: var(--dsw-alias-state-warn-primary, #d97706); }\n[data-edrv-view] .edrv-btn-mini:disabled { opacity: .45; cursor: default; }\n[data-edrv-view] .edrv-statusbar { display: flex; align-items: center; gap: 10px; padding: 3px 10px; border-top: 1px solid var(--dsw-alias-border-l1, #333); background: var(--dsw-alias-bg-layer-1, transparent); font-size: 11px; color: var(--dsw-alias-label-tertiary, #888); flex-shrink: 0; white-space: nowrap; overflow: hidden; }\n[data-edrv-view] .edrv-statusbar .edrv-sp-path { flex: 1; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-diffchip { font-size: 11px; padding: 2px 10px; border: 1px solid var(--dsw-alias-border-l1, #333); border-radius: 999px; background: var(--dsw-alias-bg-layer-2, transparent); color: var(--dsw-alias-state-warn-primary, #b7791f); cursor: pointer; white-space: nowrap; flex-shrink: 0; }\n[data-edrv-view] .edrv-chip-btn { font-size: 12px; padding: 2px 6px; border: none; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); cursor: pointer; border-radius: 4px; flex-shrink: 0; }\n[data-edrv-view] .edrv-chip-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }\n[data-edrv-view] .edrv-mn-add-line { background: rgba(15,157,88,.10); }\n[data-edrv-view] .edrv-mn-gutter-add { color: #0f9d58 !important; font-weight: 700; display: flex !important; align-items: center; justify-content: center; }\n[data-edrv-view] .edrv-mn-gutter-add::before { content: \"+\"; }\n[data-edrv-view] .edrv-del-zone { background: #fdeaea; border-top: 1px solid rgba(217,83,79,.35); border-bottom: 1px solid rgba(217,83,79,.35); box-shadow: inset 0 0 0 1px rgba(217,83,79,.12); }\n[data-edrv-view] .edrv-del-row { white-space: pre; font-family: var(--ds-font-family-code, ui-monospace, monospace); font-size: 12.5px; line-height: 20px; color: #c0392b; }\n[data-edrv-view] .edrv-del-text { display: inline-block; white-space: pre; }\n[data-edrv-view] .edrv-minus-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 100%; overflow: visible; pointer-events: none; z-index: 6; }\n[data-edrv-view] .edrv-minus-item { position: absolute; box-sizing: border-box; max-width: 100%; overflow: hidden; }\n[data-edrv-view] .edrv-minus-item::before { content: ''; position: absolute; left: 4px; top: 50%; width: 8px; height: 2px; transform: translateY(-50%); border-radius: 2px; background: #d9534f; }\n[data-edrv-view] .edrv-monaco-host { flex: 1 1 auto; min-width: 0; min-height: 0; position: relative; overflow: hidden; }\n[data-edrv-view] .edrv-monaco-host > div { position: absolute; inset: 0; min-width: 0; min-height: 0; }\n[data-edrv-view] .edrv-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 100%; color: var(--dsw-alias-label-tertiary, #777); font-size: 13px; }\n[data-edrv-view] .edrv-diffbar { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; z-index: 25; width: fit-content; max-width: calc(100% - 20px); border-radius: 12px; background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-2, #f0f4f4)); border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); box-shadow: none; overflow: visible; display: flex; flex-direction: column; }\n[data-edrv-view] .edrv-editor-area > .edrv-diffbar { max-height: calc(100% - 20px); }\n[data-edrv-view] .edrv-diffbar-row { display: flex; align-items: center; gap: 6px; height: 36px; padding: 4px 5px 4px 12px; flex-wrap: nowrap; }\n[data-edrv-view] .edrv-diffbar-count { font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); min-width: 42px; text-align: center; white-space: nowrap; cursor: pointer; }\n[data-edrv-view] .edrv-diffbar-count.edrv-count-file { min-width: 64px; cursor: default; }\n[data-edrv-view] .edrv-diffbar-file { flex: 1; min-width: 0; font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n[data-edrv-view] .edrv-pill { font-size: 11px; padding: 3px 10px; border: none; border-radius: 999px; cursor: pointer; white-space: nowrap; font-weight: 600; }\n[data-edrv-view] .edrv-pill-keep { background: #e8f8e8; color: #0f7a45; border: 1px solid rgba(15,157,88,.4); }\n[data-edrv-view] .edrv-pill-undo { background: #fdeaea; color: #c0392b; border: 1px solid rgba(217,83,79,.4); }\n[data-edrv-view] .edrv-pill-ghost { background: #ffffff; color: var(--dsw-alias-label-secondary, #52606d); border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-pill:disabled { opacity: .45; cursor: default; }\n[data-edrv-view] .edrv-diffbar-menu { position: absolute; right: 8px; bottom: calc(100% + 6px); z-index: 45; min-width: 160px; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 6px 20px rgba(31,41,51,.16); padding: 4px; display: flex; flex-direction: column; gap: 2px; }\n[data-edrv-view] .edrv-diffmenu-item { display: flex; align-items: center; gap: 8px; font-size: 12px; padding: 6px 10px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; text-align: left; }\n[data-edrv-view] .edrv-diffmenu-item:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-diffmenu-item.danger { color: var(--dsw-alias-state-error-primary, #d9534f); }\n[data-edrv-view] .edrv-diffmenu-sep { height: 1px; margin: 2px 4px; background: var(--dsw-alias-border-l1, #e0e6e8); }\n/* 编辑区 / Tab 右键菜单（添加文件/选中内容到对话） */\n[data-edrv-view] .edrv-ctxmenu { position: fixed; z-index: 71; min-width: 200px; max-width: 320px; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 8px 26px rgba(31,41,51,.2); padding: 4px; display: flex; flex-direction: column; gap: 1px; }\n[data-edrv-view] .edrv-ctxmenu-item { display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 18px; padding: 7px 10px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-ctxmenu-item:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-ctxmenu-item.edrv-ctxmenu-danger { color: var(--dsw-alias-state-error-primary, #d9534f); }\n[data-edrv-view] .edrv-ctxmenu-item:disabled,\n[data-edrv-view] .edrv-ctxmenu-item.edrv-ctxmenu-disabled { color: var(--dsw-alias-label-disabled, #b0b7c0); cursor: default; background: transparent; }\n[data-edrv-view] .edrv-ctxmenu-sep { height: 1px; margin: 3px 4px; background: var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-diffbar-body { max-height: 130px; max-width: min(560px, calc(100vw - 40px)); overflow: auto; padding: 4px 8px 8px; display: flex; flex-direction: column; gap: 4px; border-top: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-diffrow { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); border-radius: 6px; background: var(--dsw-alias-bg-layer-2, #f0f4f4); cursor: pointer; flex-wrap: wrap; }\n[data-edrv-view] .edrv-diffrow:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-diffrow-l { font-size: 11px; color: var(--dsw-alias-label-primary, #1f2933); min-width: 74px; font-family: var(--ds-font-family-code, ui-monospace, monospace); }\n[data-edrv-view] .edrv-diffrow-o { font-size: 11px; color: var(--dsw-alias-state-error-primary, #d9534f); font-family: var(--ds-font-family-code, ui-monospace, monospace); }\n[data-edrv-view] .edrv-diffrow-n { font-size: 11px; color: var(--dsw-alias-state-success-primary, #0f9d58); font-family: var(--ds-font-family-code, ui-monospace, monospace); }\n[data-edrv-view] .edrv-diffrow-tag { font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); }\n[data-edrv-view] .edrv-diffrow-stale { border-color: rgba(217,119,6,.5); cursor: default; }\n[data-edrv-view] .edrv-diffbox-others { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 4px 2px 0; border-top: 1px solid var(--dsw-alias-border-l1, #e0e6e8); margin-top: 2px; }\n[data-edrv-view] .edrv-diffrow-file { font-size: 11px; padding: 2px 10px; border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); border-radius: 999px; background: var(--dsw-alias-bg-layer-2, #f0f4f4); color: var(--dsw-alias-label-secondary, #52606d); cursor: pointer; white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-diffrow-file:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); color: var(--dsw-alias-label-primary, #1f2933); }\n/* 编辑区 hover 差异块的 Keep/Undo 浮层 */\n[data-edrv-view] .edrv-hoveract { position: absolute; z-index: 30; display: flex; align-items: center; gap: 4px; padding: 2px 6px; border-radius: 8px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 4px 14px rgba(31,41,51,.14); }\n[data-edrv-view] .edrv-launch { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 40; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #1c1c1c); border: 1px solid var(--dsw-alias-border-l2, #555); box-shadow: 0 6px 24px rgba(0,0,0,.5); display: flex; flex-direction: column; max-height: 60%; overflow: hidden; }\n[data-edrv-view] .edrv-launch-head { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-bottom: 1px solid var(--dsw-alias-border-l1, #333); }\n[data-edrv-view] .edrv-launch-tab { font-size: 12px; padding: 3px 12px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); cursor: pointer; }\n[data-edrv-view] .edrv-launch-tab.on { background: var(--dsw-alias-bg-layer-2, transparent); color: var(--dsw-alias-label-primary, #eee); font-weight: 600; }\n[data-edrv-view] .edrv-launch-body { flex: 1; min-height: 0; overflow: auto; padding: 6px 8px; display: flex; flex-direction: column; gap: 4px; }\n[data-edrv-view] .edrv-launch-row { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border: 1px solid var(--dsw-alias-border-l1, #333); border-radius: 6px; cursor: pointer; flex-wrap: wrap; }\n[data-edrv-view] .edrv-launch-row:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }\n[data-edrv-view] .edrv-launch-path { flex: 1; min-width: 0; font-size: 12px; color: var(--dsw-alias-label-primary, #eee); word-break: break-all; }\n[data-edrv-view] .edrv-launch-cnt { font-size: 11px; color: var(--dsw-alias-label-tertiary, #888); white-space: nowrap; }\n[data-edrv-view] .edrv-launch-arch { display: flex; flex-direction: column; gap: 6px; }\n[data-edrv-view] .monaco-editor { overflow: hidden !important; }\n[data-edrv-view] .monaco-editor .sticky-widget { z-index: 30 !important; background: var(--dsw-alias-bg-base, #f8f8f8) !important; }\n[data-edrv-view] .monaco-editor .sticky-widget .sticky-line-content,\n[data-edrv-view] .monaco-editor .sticky-widget .sticky-line-number { background: var(--dsw-alias-bg-base, #f8f8f8) !important; }\n[data-edrv-view] .monaco-editor, [data-edrv-view] .monaco-editor .margin, [data-edrv-view] .monaco-editor-background { background: transparent !important; }\n[data-edrv-view] .monaco-editor .scrollbar .slider { background: rgba(128,128,128,.3) !important; }\n[data-edrv-view] .edrv-loading { gap: 8px; padding: 20px; }\n[data-edrv-view] .edrv-loading-title { color: var(--dsw-alias-label-primary, #1f2933); font-size: 13px; }\n[data-edrv-view] .edrv-progress { width: min(360px, 72%); height: 6px; overflow: hidden; border-radius: 999px; background: var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-progress-value { height: 100%; border-radius: inherit; background: var(--dsw-alias-brand-primary, #0f9d58); transition: width .24s ease; }\n[data-edrv-view] .edrv-loading-percent { color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; font-variant-numeric: tabular-nums; }\n@media (prefers-reduced-motion: reduce) {\n  [data-edrv-view] .edrv-progress-value { transition: none; }\n}\n\n/* ===== 唯一会话级差异 dock（遵循 DSH todo/queue 原生布局） ===== */\n[data-edrv-diff-dock-shell] {\n  box-sizing: border-box;\n  width: calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));\n  max-width: calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));\n  margin: 0 auto;\n  padding: 0;\n  flex: none;\n  border: 1px solid var(--dsw-alias-border-l1, #e0e6e8);\n  border-radius: 12px;\n  background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-2, transparent));\n  box-shadow: none;\n  overflow: hidden;\n}\n[data-edrv-diff-dock-shell] .edrv-diffbar-dock {\n  box-sizing: border-box;\n  position: relative;\n  left: auto;\n  right: auto;\n  bottom: auto;\n  z-index: auto;\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  border: none;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  overflow: visible;\n}\n[data-edrv-diff-dock-shell] .edrv-diffbar-row { min-height: 36px; padding: 6px 12px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-dock-row { min-height: 36px; padding: 6px 12px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-body { max-height: 180px; overflow: auto; padding: 6px 12px 10px; border-top: 1px solid var(--dsw-alias-border-l1); }\n[data-edrv-diff-dock-shell] .edrv-diffbar-dock-button { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 24px; border: none; border-radius: 8px; padding: 0 12px; background: transparent; color: var(--dsw-alias-label-primary); font-size: 13px; font-weight: 500; line-height: 24px; text-align: center; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-dock-button:hover { background: var(--dsw-alias-interactive-bg-hover); }\n[data-edrv-diff-dock-shell] .edrv-diffbar-count { display: inline-flex; align-items: center; color: var(--dsw-alias-label-primary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 500; line-height: 24px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-file { display: inline-flex; align-items: center; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-editor-row { display: flex; align-items: center; height: 36px; min-height: 36px; padding: 4px 12px; overflow-x: auto; scrollbar-width: thin; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-editor-content { display: flex; align-items: center; gap: 10px; width: 100%; min-width: max-content; min-height: 28px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-nav,\n[data-edrv-diff-dock-shell] .edrv-diffbar-files,\n[data-edrv-diff-dock-shell] .edrv-diffbar-actions { display: flex; align-items: center; gap: 6px; flex: none; height: 28px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-actions { margin-left: auto; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-details-toggle { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-width: 28px; padding: 0; font-size: 13px; line-height: 24px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-details-toggle svg { width: 14px; height: 14px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-files { min-width: 0; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-files .edrv-diffbar-file { min-width: 72px; max-width: 240px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-progress { min-width: 0; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; font-variant-numeric: tabular-nums; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-summary { min-width: 0; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; }\n[data-edrv-diff-dock-shell] .edrv-pill { box-sizing: border-box; height: 28px; padding: 0 9px; border: none; border-radius: 999px; cursor: pointer; white-space: nowrap; font-size: 11px; line-height: 26px; font-weight: 600; }\n[data-edrv-diff-dock-shell] .edrv-pill-keep { background: var(--dsw-alias-state-success-tertiary); color: var(--dsw-alias-state-success-primary); border: 1px solid var(--dsw-alias-state-success-secondary); }\n[data-edrv-diff-dock-shell] .edrv-pill-undo { background: var(--dsw-alias-state-error-tertiary); color: var(--dsw-alias-state-error-primary); border: 1px solid var(--dsw-alias-state-error-secondary); }\n[data-edrv-diff-dock-shell] .edrv-pill-ghost { background: transparent; color: var(--dsw-alias-label-secondary); border: 1px solid var(--dsw-alias-border-l1); }\n[data-edrv-diff-dock-shell] .edrv-pill:hover:not(:disabled) { background-color: var(--dsw-alias-interactive-bg-hover); }\n[data-edrv-diff-dock-shell] .edrv-pill:focus-visible { outline: 2px solid var(--dsw-alias-label-tertiary); outline-offset: -2px; }\n[data-edrv-diff-dock-shell] .edrv-pill:disabled { opacity: .45; cursor: default; }\n[data-edrv-diff-dock-shell] .edrv-diffrow { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 6px; background: transparent; cursor: pointer; flex-wrap: wrap; }\n[data-edrv-diff-dock-shell] .edrv-diffrow:hover { background: var(--dsw-alias-interactive-bg-hover); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-l { color: var(--dsw-alias-label-primary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-o { color: var(--dsw-alias-state-error-primary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-n { color: var(--dsw-alias-state-success-primary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-tag { color: var(--dsw-alias-label-tertiary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-stale { border-color: var(--dsw-alias-state-warn-secondary); cursor: default; }\n[data-edrv-diff-dock-shell] .edrv-diffbox-others { border-top: 1px solid var(--dsw-alias-border-l1); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-file { border-color: var(--dsw-alias-border-l1); background: transparent; color: var(--dsw-alias-label-secondary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-file:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }\n[data-edrv-diff-dock-shell] .edrv-diff-details { display: flex; flex-direction: column; gap: 2px; padding: 6px 12px 8px; border-top: 1px solid var(--dsw-alias-border-l1); }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item { display: flex; align-items: center; width: 100%; min-height: 28px; gap: 8px; padding: 4px 8px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary); cursor: pointer; text-align: left; font-size: 12px; line-height: 20px; }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item.danger { color: var(--dsw-alias-state-error-primary); }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item:disabled { opacity: .45; cursor: default; }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-sep { height: 1px; margin: 2px 4px; background: var(--dsw-alias-border-l1); }\n@media (max-width: 620px) {\n  [data-edrv-diff-dock-shell] .edrv-diffbar-editor-content { width: max-content; }\n  [data-edrv-diff-dock-shell] .edrv-diffbar-files .edrv-diffbar-file { max-width: 160px; }\n}\n\n/* ===== 侧边栏（活动栏 + 面板区 + 文件树） ===== */\n[data-edrv-view] .edrv-editor-row { display: flex; flex: 1 1 auto; min-width: 0; min-height: 0; overflow: hidden; }\n[data-edrv-view] .edrv-main-col { box-sizing: border-box; min-width: 0; min-height: 0; overflow: hidden; }\n[data-edrv-view] .edrv-main-col > .edrv-pathbar,\n[data-edrv-view] .edrv-main-col > .edrv-tabs { flex: 0 0 auto; }\n[data-edrv-view] .edrv-editor-area { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }\n[data-edrv-view] .edrv-sidebar { display: flex; flex-direction: row; flex-shrink: 0; min-width: 0; height: 100%; background: var(--dsw-alias-bg-layer-1, #ffffff); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); overflow: hidden; }\n[data-edrv-view] .edrv-rail { display: flex; flex-direction: column; align-items: center; width: 44px; flex-shrink: 0; padding: 6px 0; background: var(--dsw-alias-bg-layer-2, #f0f4f4); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); gap: 4px; }\n[data-edrv-view] .edrv-rail-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; border-radius: 8px; background: transparent; color: var(--dsw-alias-label-secondary, #52606d); cursor: pointer; flex-shrink: 0; }\n[data-edrv-view] .edrv-rail-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-rail-btn.edrv-rail-on { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.12)); color: var(--dsw-alias-label-primary, #1f2933); box-shadow: inset 2px 0 0 var(--dsw-alias-brand-primary, #0f9d58); }\n[data-edrv-view] .edrv-rail-icon { font-size: 15px; line-height: 1; }\n[data-edrv-view] .edrv-rail-badge { position: absolute; top: 2px; right: 2px; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 999px; background: var(--dsw-alias-brand-primary, #0f9d58); color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; }\n[data-edrv-view] .edrv-side-body { flex: 1; min-width: 0; min-height: 0; display: flex; overflow: hidden; }\n[data-edrv-view] .edrv-side-panel { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; position: relative; }\n[data-edrv-view] .edrv-side-head { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px 0 12px; border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); flex-shrink: 0; }\n[data-edrv-view] .edrv-side-title { font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); white-space: nowrap; }\n[data-edrv-view] .edrv-side-root { font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-side-btn { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #52606d); font-size: 12px; cursor: pointer; flex-shrink: 0; }\n[data-edrv-view] .edrv-side-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-tree { flex: 1; min-height: 0; overflow: auto; padding: 4px 6px 12px; font-size: 12px; }\n[data-edrv-view] .edrv-tree-row { display: flex; align-items: center; gap: 4px; height: 22px; padding-right: 6px; border-radius: 5px; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; white-space: nowrap; }\n[data-edrv-view] .edrv-tree-row:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-tree-row.edrv-tree-active { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.14)); }\n[data-edrv-view] .edrv-tree-chev { width: 12px; flex-shrink: 0; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 10px; text-align: center; }\n[data-edrv-view] .edrv-tree-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-tree-name.edrv-tree-dim { color: var(--dsw-alias-label-tertiary, #9aa5b1); }\n[data-edrv-view] .edrv-tree-badge { min-width: 14px; height: 14px; padding: 0 4px; border-radius: 999px; background: var(--dsw-alias-state-warn-primary, #d97706); color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; flex-shrink: 0; }\n[data-edrv-view] .edrv-tree-loading { height: 22px; line-height: 22px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; }\n[data-edrv-view] .edrv-tree-error { display: flex; align-items: center; gap: 8px; margin: 4px 2px 6px; padding: 6px 8px; border: 1px solid rgba(217,83,79,.4); border-radius: 6px; background: #fdeaea; color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; }\n/* 大纲面板：kind 字形 / detail / 行号 */\n[data-edrv-view] .edrv-outline-kind { display: inline-flex; align-items: center; justify-content: center; width: 14px; flex-shrink: 0; font-size: 12px; font-weight: 600; text-align: center; }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-func { color: var(--dsw-alias-brand-primary, #0f9d58); }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-type { color: var(--dsw-alias-label-primary, #1f2933); }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-data { color: var(--dsw-alias-state-warn-primary, #d97706); }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-ns { color: var(--dsw-alias-label-secondary, #52606d); }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-key { color: var(--dsw-alias-label-tertiary, #9aa5b1); }\n[data-edrv-view] .edrv-outline-detail { flex-shrink: 0; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; }\n[data-edrv-view] .edrv-outline-ln { flex-shrink: 0; padding-right: 2px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 10px; font-variant-numeric: tabular-nums; }\n[data-edrv-view] .edrv-side-resize { width: 5px; flex-shrink: 0; cursor: col-resize; background: transparent; }\n[data-edrv-view] .edrv-side-resize:hover { background: var(--dsw-alias-brand-primary, #0f9d58); opacity: .35; }\n[data-edrv-view] .edrv-chip-btn.edrv-chip-on { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.12)); color: var(--dsw-alias-label-primary, #1f2933); }\n\n";
+		const css$1 = "/* dsh-vscode-mode 编辑区样式（原 ensureEdrvStyles 字符串，落盘为真 .css，由 tsdown CSS-inline 注入） */\n/* 浅色主题（对齐参考图：#f8f8f8 近白底 + 薄荷绿药丸 + 青绿文字 + 三文鱼 undo + 浅灰边框）：\n   在 [data-edrv-view] 作用域内重定义 --dsw-alias-*，级联命中组件内联样式与 CSS。 */\n[data-edrv-view] { box-sizing: border-box; --edrv-tab-h: 34px; --dsw-alias-bg-base: #f8f8f8; --dsw-alias-bg-layer-1: #ffffff; --dsw-alias-bg-layer-2: #f0f4f4; --dsw-alias-bg-overlay: #ffffff; --dsw-alias-label-primary: #1f2933; --dsw-alias-label-secondary: #52606d; --dsw-alias-label-tertiary: #9aa5b1; --dsw-alias-border-l1: #e0e6e8; --dsw-alias-border-l2: #cbd2d9; --dsw-alias-brand-primary: #0f9d58; --dsw-alias-state-success-primary: #0f9d58; --dsw-alias-state-error-primary: #d9534f; --dsw-alias-state-warn-primary: #d97706; --dsw-alias-interactive-bg-hover: rgba(15,157,88,.08); }\n\n[data-edrv-view] .edrv-tabs { display: flex; align-items: center; gap: 2px; padding: 2px 8px 0; background: var(--dsw-alias-bg-layer-1, transparent); overflow-x: auto; scrollbar-width: thin; flex-shrink: 0; }\n[data-edrv-view] .edrv-tab { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px 0 12px; border: none; border-radius: 6px 6px 0 0; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); font-size: 12px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }\n[data-edrv-view] .edrv-tab:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }\n[data-edrv-view] .edrv-tab.edrv-tab-active { background: var(--dsw-alias-bg-base, #111); color: var(--dsw-alias-label-primary, #eee); box-shadow: inset 0 -2px 0 var(--dsw-alias-brand-primary, #4f8cff); }\n[data-edrv-view] .edrv-tab .edrv-tab-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--dsw-alias-brand-primary, #4f8cff); flex-shrink: 0; }\n[data-edrv-view] .edrv-tab .edrv-tab-x { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 4px; color: var(--dsw-alias-label-tertiary, #888); font-size: 11px; }\n[data-edrv-view] .edrv-tab .edrv-tab-x:hover { background: rgba(255,255,255,.12); color: var(--dsw-alias-label-primary, #eee); }\n[data-edrv-view] .edrv-tab-add { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 2px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); font-size: 14px; cursor: pointer; flex-shrink: 0; }\n[data-edrv-view] .edrv-tab-add:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }\n[data-edrv-view] .edrv-pathbar { display: flex; align-items: center; gap: 8px; height: 26px; padding: 0 10px; background: var(--dsw-alias-bg-layer-1, #ffffff); border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); font-size: 12px; flex-shrink: 0; overflow: hidden; }\n[data-edrv-view] .edrv-pathbar .edrv-pb-name { font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); white-space: nowrap; }\n[data-edrv-view] .edrv-pathbar .edrv-pb-full { flex: 1; min-width: 0; color: var(--dsw-alias-label-tertiary, #9aa5b1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; text-align: left; }\n[data-edrv-view] .edrv-pathbar .edrv-pb-meta { flex-shrink: 0; font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-variant-numeric: tabular-nums; }\n[data-edrv-view] .edrv-pathbar .edrv-pb-status { color: var(--dsw-alias-label-secondary, #52606d); }\n[data-edrv-view] .edrv-path-input { flex: 1; min-width: 140px; height: 24px; 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[data-edrv-view] .edrv-search-wrap { position: relative; flex-shrink: 0; display: flex; align-items: center; padding: 2px 8px 2px 4px; }\n[data-edrv-view] .edrv-search { width: 190px; height: 24px; 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[data-edrv-view] .edrv-search:focus { border-color: var(--dsw-alias-brand-primary, #4f8cff); }\n[data-edrv-view] .edrv-search-pop { position: absolute; top: calc(100% + 4px); right: 8px; width: min(460px, calc(100vw - 24px)); max-height: 300px; overflow: auto; background: var(--dsw-alias-bg-overlay, #1c1c1c); border: 1px solid var(--dsw-alias-border-l2, #555); border-radius: 10px; box-shadow: 0 6px 20px rgba(0,0,0,.4); z-index: 60; padding: 4px; }\n[data-edrv-view] .edrv-search-item { display: flex; flex-direction: column; gap: 1px; padding: 5px 8px; border-radius: 6px; cursor: pointer; }\n[data-edrv-view] .edrv-search-item:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.07)); }\n[data-edrv-view] .edrv-search-item .n { color: var(--dsw-alias-label-primary, #eee); font-size: 12px; word-break: break-all; }\n[data-edrv-view] .edrv-search-item .d { color: var(--dsw-alias-label-tertiary, #888); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n[data-edrv-view] .edrv-search-empty { padding: 8px; font-size: 12px; color: var(--dsw-alias-label-tertiary, #888); }\n[data-edrv-view] .edrv-btn-mini { font-size: 11px; padding: 2px 9px; border: none; border-radius: 999px; cursor: pointer; color: #fff; font-weight: 600; white-space: nowrap; }\n[data-edrv-view] .edrv-btn-keep { background: var(--dsw-alias-state-success-primary, #2e9e44); }\n[data-edrv-view] .edrv-btn-undo { background: var(--dsw-alias-state-warn-primary, #d97706); }\n[data-edrv-view] .edrv-btn-mini:disabled { opacity: .45; cursor: default; }\n[data-edrv-view] .edrv-statusbar { display: flex; align-items: center; gap: 10px; padding: 3px 10px; border-top: 1px solid var(--dsw-alias-border-l1, #333); background: var(--dsw-alias-bg-layer-1, transparent); font-size: 11px; color: var(--dsw-alias-label-tertiary, #888); flex-shrink: 0; white-space: nowrap; overflow: hidden; }\n[data-edrv-view] .edrv-statusbar .edrv-sp-path { flex: 1; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-diffchip { font-size: 11px; padding: 2px 10px; border: 1px solid var(--dsw-alias-border-l1, #333); border-radius: 999px; background: var(--dsw-alias-bg-layer-2, transparent); color: var(--dsw-alias-state-warn-primary, #b7791f); cursor: pointer; white-space: nowrap; flex-shrink: 0; }\n[data-edrv-view] .edrv-chip-btn { font-size: 12px; padding: 2px 6px; border: none; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); cursor: pointer; border-radius: 4px; flex-shrink: 0; }\n[data-edrv-view] .edrv-chip-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }\n[data-edrv-view] .edrv-mn-add-line { background: rgba(15,157,88,.10); }\n[data-edrv-view] .edrv-mn-gutter-add { color: #0f9d58 !important; font-weight: 700; display: flex !important; align-items: center; justify-content: center; }\n[data-edrv-view] .edrv-mn-gutter-add::before { content: \"+\"; }\n[data-edrv-view] .edrv-del-zone { background: #fdeaea; border-top: 1px solid rgba(217,83,79,.35); border-bottom: 1px solid rgba(217,83,79,.35); box-shadow: inset 0 0 0 1px rgba(217,83,79,.12); }\n[data-edrv-view] .edrv-del-row { white-space: pre; font-family: var(--ds-font-family-code, ui-monospace, monospace); font-size: 12.5px; line-height: 20px; color: #c0392b; }\n[data-edrv-view] .edrv-del-text { display: inline-block; white-space: pre; }\n[data-edrv-view] .edrv-minus-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 100%; overflow: visible; pointer-events: none; z-index: 6; }\n[data-edrv-view] .edrv-minus-item { position: absolute; box-sizing: border-box; max-width: 100%; overflow: hidden; }\n[data-edrv-view] .edrv-minus-item::before { content: ''; position: absolute; left: 4px; top: 50%; width: 8px; height: 2px; transform: translateY(-50%); border-radius: 2px; background: #d9534f; }\n[data-edrv-view] .edrv-monaco-host { flex: 1 1 auto; min-width: 0; min-height: 0; position: relative; overflow: hidden; }\n[data-edrv-view] .edrv-monaco-host > div { position: absolute; inset: 0; min-width: 0; min-height: 0; }\n[data-edrv-view] .edrv-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 100%; color: var(--dsw-alias-label-tertiary, #777); font-size: 13px; }\n[data-edrv-view] .edrv-diffbar { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; z-index: 25; width: fit-content; max-width: calc(100% - 20px); border-radius: 12px; background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-2, #f0f4f4)); border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); box-shadow: none; overflow: visible; display: flex; flex-direction: column; }\n[data-edrv-view] .edrv-editor-area > .edrv-diffbar { max-height: calc(100% - 20px); }\n[data-edrv-view] .edrv-diffbar-row { display: flex; align-items: center; gap: 6px; height: 36px; padding: 4px 5px 4px 12px; flex-wrap: nowrap; }\n[data-edrv-view] .edrv-diffbar-count { font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); min-width: 42px; text-align: center; white-space: nowrap; cursor: pointer; }\n[data-edrv-view] .edrv-diffbar-count.edrv-count-file { min-width: 64px; cursor: default; }\n[data-edrv-view] .edrv-diffbar-file { flex: 1; min-width: 0; font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n[data-edrv-view] .edrv-pill { font-size: 11px; padding: 3px 10px; border: none; border-radius: 999px; cursor: pointer; white-space: nowrap; font-weight: 600; }\n[data-edrv-view] .edrv-pill-keep { background: #e8f8e8; color: #0f7a45; border: 1px solid rgba(15,157,88,.4); }\n[data-edrv-view] .edrv-pill-undo { background: #fdeaea; color: #c0392b; border: 1px solid rgba(217,83,79,.4); }\n[data-edrv-view] .edrv-pill-ghost { background: #ffffff; color: var(--dsw-alias-label-secondary, #52606d); border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-pill:disabled { opacity: .45; cursor: default; }\n[data-edrv-view] .edrv-diffbar-menu { position: absolute; right: 8px; bottom: calc(100% + 6px); z-index: 45; min-width: 160px; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 6px 20px rgba(31,41,51,.16); padding: 4px; display: flex; flex-direction: column; gap: 2px; }\n[data-edrv-view] .edrv-diffmenu-item { display: flex; align-items: center; gap: 8px; font-size: 12px; padding: 6px 10px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; text-align: left; }\n[data-edrv-view] .edrv-diffmenu-item:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-diffmenu-item.danger { color: var(--dsw-alias-state-error-primary, #d9534f); }\n[data-edrv-view] .edrv-diffmenu-sep { height: 1px; margin: 2px 4px; background: var(--dsw-alias-border-l1, #e0e6e8); }\n/* 编辑区 / Tab 右键菜单（添加文件/选中内容到对话） */\n[data-edrv-view] .edrv-ctxmenu { position: fixed; z-index: 71; min-width: 200px; max-width: 320px; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 8px 26px rgba(31,41,51,.2); padding: 4px; display: flex; flex-direction: column; gap: 1px; }\n[data-edrv-view] .edrv-ctxmenu-item { display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 18px; padding: 7px 10px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-ctxmenu-item:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-ctxmenu-item.edrv-ctxmenu-danger { color: var(--dsw-alias-state-error-primary, #d9534f); }\n[data-edrv-view] .edrv-ctxmenu-item:disabled,\n[data-edrv-view] .edrv-ctxmenu-item.edrv-ctxmenu-disabled { color: var(--dsw-alias-label-disabled, #b0b7c0); cursor: default; background: transparent; }\n[data-edrv-view] .edrv-ctxmenu-sep { height: 1px; margin: 3px 4px; background: var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-diffbar-body { max-height: 130px; max-width: min(560px, calc(100vw - 40px)); overflow: auto; padding: 4px 8px 8px; display: flex; flex-direction: column; gap: 4px; border-top: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-diffrow { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); border-radius: 6px; background: var(--dsw-alias-bg-layer-2, #f0f4f4); cursor: pointer; flex-wrap: wrap; }\n[data-edrv-view] .edrv-diffrow:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-diffrow-l { font-size: 11px; color: var(--dsw-alias-label-primary, #1f2933); min-width: 74px; font-family: var(--ds-font-family-code, ui-monospace, monospace); }\n[data-edrv-view] .edrv-diffrow-o { font-size: 11px; color: var(--dsw-alias-state-error-primary, #d9534f); font-family: var(--ds-font-family-code, ui-monospace, monospace); }\n[data-edrv-view] .edrv-diffrow-n { font-size: 11px; color: var(--dsw-alias-state-success-primary, #0f9d58); font-family: var(--ds-font-family-code, ui-monospace, monospace); }\n[data-edrv-view] .edrv-diffrow-tag { font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); }\n[data-edrv-view] .edrv-diffrow-stale { border-color: rgba(217,119,6,.5); cursor: default; }\n[data-edrv-view] .edrv-diffbox-others { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 4px 2px 0; border-top: 1px solid var(--dsw-alias-border-l1, #e0e6e8); margin-top: 2px; }\n[data-edrv-view] .edrv-diffrow-file { font-size: 11px; padding: 2px 10px; border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); border-radius: 999px; background: var(--dsw-alias-bg-layer-2, #f0f4f4); color: var(--dsw-alias-label-secondary, #52606d); cursor: pointer; white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-diffrow-file:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); color: var(--dsw-alias-label-primary, #1f2933); }\n/* 编辑区 hover 差异块的 Keep/Undo 浮层 */\n[data-edrv-view] .edrv-hoveract { position: absolute; z-index: 30; display: flex; align-items: center; gap: 4px; padding: 2px 6px; border-radius: 8px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 4px 14px rgba(31,41,51,.14); }\n[data-edrv-view] .edrv-launch { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 40; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #1c1c1c); border: 1px solid var(--dsw-alias-border-l2, #555); box-shadow: 0 6px 24px rgba(0,0,0,.5); display: flex; flex-direction: column; max-height: 60%; overflow: hidden; }\n[data-edrv-view] .edrv-launch-head { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-bottom: 1px solid var(--dsw-alias-border-l1, #333); }\n[data-edrv-view] .edrv-launch-tab { font-size: 12px; padding: 3px 12px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); cursor: pointer; }\n[data-edrv-view] .edrv-launch-tab.on { background: var(--dsw-alias-bg-layer-2, transparent); color: var(--dsw-alias-label-primary, #eee); font-weight: 600; }\n[data-edrv-view] .edrv-launch-body { flex: 1; min-height: 0; overflow: auto; padding: 6px 8px; display: flex; flex-direction: column; gap: 4px; }\n[data-edrv-view] .edrv-launch-row { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border: 1px solid var(--dsw-alias-border-l1, #333); border-radius: 6px; cursor: pointer; flex-wrap: wrap; }\n[data-edrv-view] .edrv-launch-row:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }\n[data-edrv-view] .edrv-launch-path { flex: 1; min-width: 0; font-size: 12px; color: var(--dsw-alias-label-primary, #eee); word-break: break-all; }\n[data-edrv-view] .edrv-launch-cnt { font-size: 11px; color: var(--dsw-alias-label-tertiary, #888); white-space: nowrap; }\n[data-edrv-view] .edrv-launch-arch { display: flex; flex-direction: column; gap: 6px; }\n[data-edrv-view] .monaco-editor { overflow: hidden !important; }\n[data-edrv-view] .monaco-editor .sticky-widget { z-index: 30 !important; background: var(--dsw-alias-bg-base, #f8f8f8) !important; }\n[data-edrv-view] .monaco-editor .sticky-widget .sticky-line-content,\n[data-edrv-view] .monaco-editor .sticky-widget .sticky-line-number { background: var(--dsw-alias-bg-base, #f8f8f8) !important; }\n[data-edrv-view] .monaco-editor, [data-edrv-view] .monaco-editor .margin, [data-edrv-view] .monaco-editor-background { background: transparent !important; }\n[data-edrv-view] .monaco-editor .scrollbar .slider { background: rgba(128,128,128,.3) !important; }\n[data-edrv-view] .edrv-loading { gap: 8px; padding: 20px; }\n[data-edrv-view] .edrv-loading-title { color: var(--dsw-alias-label-primary, #1f2933); font-size: 13px; }\n[data-edrv-view] .edrv-progress { width: min(360px, 72%); height: 6px; overflow: hidden; border-radius: 999px; background: var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-progress-value { height: 100%; border-radius: inherit; background: var(--dsw-alias-brand-primary, #0f9d58); transition: width .24s ease; }\n[data-edrv-view] .edrv-loading-percent { color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; font-variant-numeric: tabular-nums; }\n@media (prefers-reduced-motion: reduce) {\n  [data-edrv-view] .edrv-progress-value { transition: none; }\n}\n\n/* ===== 唯一会话级差异 dock（遵循 DSH todo/queue 原生布局） ===== */\n[data-edrv-diff-dock-shell] {\n  box-sizing: border-box;\n  width: calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));\n  max-width: calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));\n  margin: 0 auto;\n  padding: 0;\n  flex: none;\n  border: 1px solid var(--dsw-alias-border-l1, #e0e6e8);\n  border-radius: 12px;\n  background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-2, transparent));\n  box-shadow: none;\n  overflow: hidden;\n}\n[data-edrv-diff-dock-shell] .edrv-diffbar-dock {\n  box-sizing: border-box;\n  position: relative;\n  left: auto;\n  right: auto;\n  bottom: auto;\n  z-index: auto;\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  border: none;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  overflow: visible;\n}\n[data-edrv-diff-dock-shell] .edrv-diffbar-row { min-height: 36px; padding: 6px 12px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-dock-row { min-height: 36px; padding: 6px 12px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-body { max-height: 180px; overflow: auto; padding: 6px 12px 10px; border-top: 1px solid var(--dsw-alias-border-l1); }\n[data-edrv-diff-dock-shell] .edrv-diffbar-dock-button { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 24px; border: none; border-radius: 8px; padding: 0 12px; background: transparent; color: var(--dsw-alias-label-primary); font-size: 13px; font-weight: 500; line-height: 24px; text-align: center; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-dock-button:hover { background: var(--dsw-alias-interactive-bg-hover); }\n[data-edrv-diff-dock-shell] .edrv-diffbar-count { display: inline-flex; align-items: center; color: var(--dsw-alias-label-primary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 500; line-height: 24px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-file { display: inline-flex; align-items: center; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-editor-row { display: flex; align-items: center; height: 36px; min-height: 36px; padding: 4px 12px; overflow-x: auto; scrollbar-width: thin; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-editor-content { display: flex; align-items: center; gap: 10px; width: 100%; min-width: max-content; min-height: 28px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-nav,\n[data-edrv-diff-dock-shell] .edrv-diffbar-files,\n[data-edrv-diff-dock-shell] .edrv-diffbar-actions { display: flex; align-items: center; gap: 6px; flex: none; height: 28px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-actions { margin-left: auto; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-details-toggle { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-width: 28px; padding: 0; font-size: 13px; line-height: 24px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-details-toggle svg { width: 14px; height: 14px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-files { min-width: 0; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-files .edrv-diffbar-file { min-width: 72px; max-width: 240px; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-progress { min-width: 0; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; font-variant-numeric: tabular-nums; }\n[data-edrv-diff-dock-shell] .edrv-diffbar-summary { min-width: 0; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; }\n[data-edrv-diff-dock-shell] .edrv-pill { box-sizing: border-box; height: 28px; padding: 0 9px; border: none; border-radius: 999px; cursor: pointer; white-space: nowrap; font-size: 11px; line-height: 26px; font-weight: 600; }\n[data-edrv-diff-dock-shell] .edrv-pill-keep { background: var(--dsw-alias-state-success-tertiary); color: var(--dsw-alias-state-success-primary); border: 1px solid var(--dsw-alias-state-success-secondary); }\n[data-edrv-diff-dock-shell] .edrv-pill-undo { background: var(--dsw-alias-state-error-tertiary); color: var(--dsw-alias-state-error-primary); border: 1px solid var(--dsw-alias-state-error-secondary); }\n[data-edrv-diff-dock-shell] .edrv-pill-ghost { background: transparent; color: var(--dsw-alias-label-secondary); border: 1px solid var(--dsw-alias-border-l1); }\n[data-edrv-diff-dock-shell] .edrv-pill:hover:not(:disabled) { background-color: var(--dsw-alias-interactive-bg-hover); }\n[data-edrv-diff-dock-shell] .edrv-pill:focus-visible { outline: 2px solid var(--dsw-alias-label-tertiary); outline-offset: -2px; }\n[data-edrv-diff-dock-shell] .edrv-pill:disabled { opacity: .45; cursor: default; }\n[data-edrv-diff-dock-shell] .edrv-diffrow { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 6px; background: transparent; cursor: pointer; flex-wrap: wrap; }\n[data-edrv-diff-dock-shell] .edrv-diffrow:hover { background: var(--dsw-alias-interactive-bg-hover); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-l { color: var(--dsw-alias-label-primary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-o { color: var(--dsw-alias-state-error-primary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-n { color: var(--dsw-alias-state-success-primary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-tag { color: var(--dsw-alias-label-tertiary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-stale { border-color: var(--dsw-alias-state-warn-secondary); cursor: default; }\n[data-edrv-diff-dock-shell] .edrv-diffbox-others { border-top: 1px solid var(--dsw-alias-border-l1); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-file { border-color: var(--dsw-alias-border-l1); background: transparent; color: var(--dsw-alias-label-secondary); }\n[data-edrv-diff-dock-shell] .edrv-diffrow-file:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }\n[data-edrv-diff-dock-shell] .edrv-diff-details { display: flex; flex-direction: column; gap: 2px; padding: 6px 12px 8px; border-top: 1px solid var(--dsw-alias-border-l1); }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item { display: flex; align-items: center; width: 100%; min-height: 28px; gap: 8px; padding: 4px 8px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary); cursor: pointer; text-align: left; font-size: 12px; line-height: 20px; }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item.danger { color: var(--dsw-alias-state-error-primary); }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item:disabled { opacity: .45; cursor: default; }\n[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-sep { height: 1px; margin: 2px 4px; background: var(--dsw-alias-border-l1); }\n@media (max-width: 620px) {\n  [data-edrv-diff-dock-shell] .edrv-diffbar-editor-content { width: max-content; }\n  [data-edrv-diff-dock-shell] .edrv-diffbar-files .edrv-diffbar-file { max-width: 160px; }\n}\n\n/* ===== 侧边栏（活动栏 + 面板区 + 文件树） ===== */\n[data-edrv-view] .edrv-editor-row { display: flex; flex: 1 1 auto; min-width: 0; min-height: 0; overflow: hidden; }\n[data-edrv-view] .edrv-main-col { box-sizing: border-box; min-width: 0; min-height: 0; overflow: hidden; }\n[data-edrv-view] .edrv-main-col > .edrv-pathbar,\n[data-edrv-view] .edrv-main-col > .edrv-tabs { flex: 0 0 auto; }\n[data-edrv-view] .edrv-editor-area { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }\n[data-edrv-view] .edrv-sidebar { display: flex; flex-direction: row; flex-shrink: 0; min-width: 0; height: 100%; background: var(--dsw-alias-bg-layer-1, #ffffff); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); overflow: hidden; }\n[data-edrv-view] .edrv-rail { display: flex; flex-direction: column; align-items: center; width: 44px; flex-shrink: 0; padding: 6px 0; background: var(--dsw-alias-bg-layer-2, #f0f4f4); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); gap: 4px; }\n[data-edrv-view] .edrv-rail-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; border-radius: 8px; background: transparent; color: var(--dsw-alias-label-secondary, #52606d); cursor: pointer; flex-shrink: 0; }\n[data-edrv-view] .edrv-rail-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-rail-btn.edrv-rail-on { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.12)); color: var(--dsw-alias-label-primary, #1f2933); box-shadow: inset 2px 0 0 var(--dsw-alias-brand-primary, #0f9d58); }\n[data-edrv-view] .edrv-rail-icon { font-size: 15px; line-height: 1; }\n[data-edrv-view] .edrv-rail-badge { position: absolute; top: 2px; right: 2px; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 999px; background: var(--dsw-alias-brand-primary, #0f9d58); color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; }\n[data-edrv-view] .edrv-side-body { flex: 1; min-width: 0; min-height: 0; display: flex; overflow: hidden; }\n[data-edrv-view] .edrv-side-panel { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; position: relative; }\n[data-edrv-view] .edrv-side-head { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px 0 12px; border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); flex-shrink: 0; }\n[data-edrv-view] .edrv-side-title { font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); white-space: nowrap; }\n[data-edrv-view] .edrv-side-root { font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-side-btn { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #52606d); font-size: 12px; cursor: pointer; flex-shrink: 0; }\n[data-edrv-view] .edrv-side-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-tree { flex: 1; min-height: 0; overflow: auto; padding: 4px 6px 12px; font-size: 12px; }\n[data-edrv-view] .edrv-tree-row { display: flex; align-items: center; gap: 4px; height: 22px; padding-right: 6px; border-radius: 5px; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; white-space: nowrap; }\n[data-edrv-view] .edrv-tree-row:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }\n[data-edrv-view] .edrv-tree-row.edrv-tree-active { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.14)); }\n[data-edrv-view] .edrv-tree-row.edrv-tree-context { box-shadow: inset 0 0 0 1px var(--dsw-alias-brand-primary, #0f9d58); background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.12)); }\n[data-edrv-view] .edrv-tree-chev { width: 12px; flex-shrink: 0; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 10px; text-align: center; }\n[data-edrv-view] .edrv-tree-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n[data-edrv-view] .edrv-tree-name.edrv-tree-dim { color: var(--dsw-alias-label-tertiary, #9aa5b1); }\n[data-edrv-view] .edrv-tree-badge { min-width: 14px; height: 14px; padding: 0 4px; border-radius: 999px; background: var(--dsw-alias-state-warn-primary, #d97706); color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; flex-shrink: 0; }\n[data-edrv-view] .edrv-tree-loading { height: 22px; line-height: 22px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; }\n[data-edrv-view] .edrv-tree-error { display: flex; align-items: center; gap: 8px; margin: 4px 2px 6px; padding: 6px 8px; border: 1px solid rgba(217,83,79,.4); border-radius: 6px; background: #fdeaea; color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; }\n/* 大纲面板：kind 字形 / detail / 行号 */\n[data-edrv-view] .edrv-outline-kind { display: inline-flex; align-items: center; justify-content: center; width: 14px; flex-shrink: 0; font-size: 12px; font-weight: 600; text-align: center; }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-func { color: var(--dsw-alias-brand-primary, #0f9d58); }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-type { color: var(--dsw-alias-label-primary, #1f2933); }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-data { color: var(--dsw-alias-state-warn-primary, #d97706); }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-ns { color: var(--dsw-alias-label-secondary, #52606d); }\n[data-edrv-view] .edrv-outline-kind.edrv-ol-key { color: var(--dsw-alias-label-tertiary, #9aa5b1); }\n[data-edrv-view] .edrv-outline-detail { flex-shrink: 0; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; }\n[data-edrv-view] .edrv-outline-ln { flex-shrink: 0; padding-right: 2px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 10px; font-variant-numeric: tabular-nums; }\n[data-edrv-view] .edrv-side-resize { width: 5px; flex-shrink: 0; cursor: col-resize; background: transparent; }\n[data-edrv-view] .edrv-side-resize:hover { background: var(--dsw-alias-brand-primary, #0f9d58); opacity: .35; }\n[data-edrv-view] .edrv-chip-btn.edrv-chip-on { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.12)); color: var(--dsw-alias-label-primary, #1f2933); }\n\n/* ===== 侧栏形态（betterSidebar 面板内编辑区） ===== */\n[data-edrv-view][data-edrv-layout='side'] { box-sizing: border-box; height: 100%; }\n\n/* ===== 侧边栏引导条（旧页签形态、未装 betterSidebar 时） ===== */\n[data-edrv-view] .edrv-side-hint { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; flex-wrap: wrap; padding: 6px 12px; font-size: 12px; color: var(--dsw-alias-label-secondary, #52606d); background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-2, #f0f4f4)); border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }\n[data-edrv-view] .edrv-side-hint-text { white-space: nowrap; }\n[data-edrv-view] .edrv-side-hint-cmd { font-size: 11px; padding: 2px 6px; border-radius: 6px; background: var(--dsw-alias-bg-layer-1, #ffffff); border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); color: var(--dsw-alias-label-primary, #1f2933); white-space: nowrap; }\n[data-edrv-view] .edrv-side-hint-close { margin-left: auto; border: none; background: transparent; color: var(--dsw-alias-label-tertiary, #9aa5b1); cursor: pointer; font-size: 14px; line-height: 1; padding: 2px 6px; border-radius: 6px; flex-shrink: 0; }\n[data-edrv-view] .edrv-side-hint-close:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); color: var(--dsw-alias-label-primary, #1f2933); }\n\n";
 		const tagId$1 = "dsh-vscode-mode/editor.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -75,14 +76,251 @@ window.__ModuleLoader__.load({
 			} catch (e) {}
 		}
 		//#endregion
+		//#region src/client/sidebarBridge.ts
+		/**
+		* dsh-vscode-mode client — 侧边栏编辑区桥：可选探测 dsh-better-sidebar 的
+		* ctx.betterSidebar 服务，并注册「文件编辑」Tab（单实例）。
+		* 可选依赖模式：服务缺失时调用方回退到中央页签形态；本模块不注册任何东西。
+		* 纯逻辑（探测/初始打开解析/角标计数）可单测，DOM/事件仅存在于 install 路径。
+		* 作者 ddj 2026年08月25号
+		*/
+		/** betterSidebar 服务名（ctx.get 用；不要加进 inject——缺失会让插件停靠等待）。 */
+		const BETTER_SIDEBAR_SERVICE = "betterSidebar";
+		/** 本插件在侧边栏注册的 Tab 类型 id（亦是 SidebarTab.type）。 */
+		const SIDE_TAB_ID = "edrv-editor";
+		/** 侧边栏 Tab 标题。 */
+		const SIDE_TAB_TITLE = "文件编辑";
+		/** 推荐安装命令（提示条/兼容性报告共用）。 */
+		const SIDEBAR_INSTALL_CMD = "dsh plugin --profile web add dsh-better-sidebar";
+		/**
+		* 解析 Tab 挂载时的初始打开请求（创建路径读 tab.path/meta，聚焦路径走窗口事件）。
+		* @author ddj 2026年08月25号
+		* @param tab 侧边栏 Tab（path/meta 为可选字段）
+		* @returns 待打开路径与是否聚焦差异
+		*/
+		function resolveInitialOpen(tab) {
+			const meta = tab?.meta ?? {};
+			return {
+				path: (typeof tab?.path === "string" && tab.path ? tab.path : typeof meta?.openPath === "string" ? meta.openPath : null) || null,
+				focusDiff: meta?.focusDiff === true
+			};
+		}
+		/** 会话级待处理差异文件数缓存（Tab 角标同步读取；EditorView 侧栏形态写入）。 */
+		const sidePending = /* @__PURE__ */ new Map();
+		/**
+		* 写入会话的待处理差异文件数（0 视为清除，不显示角标）。
+		* @author ddj 2026年08月25号
+		* @param sessionId 会话 id
+		* @param count 待处理差异文件数
+		*/
+		function setSidePending(sessionId, count) {
+			if (!sessionId) return;
+			const value = Number.isFinite(count) ? Math.max(0, Math.floor(count)) : 0;
+			if (value > 0) sidePending.set(sessionId, value);
+			else sidePending.delete(sessionId);
+		}
+		/**
+		* 读取会话的待处理差异文件数（角标用）。
+		* @author ddj 2026年08月25号
+		* @param sessionId 会话 id
+		* @returns 非负计数
+		*/
+		function getSidePending(sessionId) {
+			if (!sessionId) return 0;
+			return sidePending.get(sessionId) ?? 0;
+		}
+		/** 模块级侧栏打开路由（events.ts 优先走它；未注册 = 旧页签形态）。 */
+		let ensureSideEditor = null;
+		/** 待消费的初始打开（Tab 组件尚未挂载时暂存；按会话匹配，挂载时取走）。 */
+		let pendingOpen = null;
+		/** Tab 组件当前是否有挂载实例（有则直接投递窗口事件，无则暂存待消费）。 */
+		let sideEditorMounted = false;
+		/**
+		* 注册/撤销侧栏打开路由。
+		* @author ddj 2026年08月25号
+		* @param fn 路由函数或 null
+		*/
+		function setEnsureSideEditor(fn) {
+			ensureSideEditor = fn;
+		}
+		/**
+		* 标记侧栏编辑器组件挂载状态（SideEditorTab 挂载/卸载时调用）。
+		* @author ddj 2026年08月25号
+		* @param mounted 是否已挂载
+		*/
+		function setSideEditorMounted(mounted) {
+			sideEditorMounted = mounted;
+		}
+		/**
+		* 暂存指定会话的待消费初始打开（Tab 组件未挂载时由 install 路径调用）。
+		* @author ddj 2026年08月25号
+		* @param sessionId 会话 id
+		* @param path 待打开路径（可空）
+		* @param focusDiff 是否聚焦首个差异
+		*/
+		function stagePendingSideOpen(sessionId, path, focusDiff) {
+			if (!sessionId) return;
+			pendingOpen = {
+				sessionId,
+				path: path || null,
+				focusDiff: focusDiff === true
+			};
+		}
+		/**
+		* 取走指定会话的待消费初始打开（SideEditorTab 挂载时读取；不存在返回 null）。
+		* @author ddj 2026年08月25号
+		* @param sessionId 会话 id
+		* @returns 待打开请求或 null
+		*/
+		function takePendingSideOpen(sessionId) {
+			if (!pendingOpen || !sessionId || pendingOpen.sessionId !== sessionId) return null;
+			const value = {
+				path: pendingOpen.path,
+				focusDiff: pendingOpen.focusDiff
+			};
+			pendingOpen = null;
+			return value;
+		}
+		/**
+		* 打开/聚焦侧栏编辑器（打开路径可选；返回是否已被侧栏形态接管）。
+		* @author ddj 2026年08月25号
+		* @param path 待打开路径（可空）
+		* @param focusDiff 是否聚焦首个差异
+		* @returns 是否路由成功
+		*/
+		function routeSideEditor(path, focusDiff) {
+			if (typeof ensureSideEditor !== "function") return false;
+			try {
+				return ensureSideEditor(path, focusDiff) === true;
+			} catch (error) {
+				console.warn("[dsh-vscode-mode] 侧栏编辑器打开失败（" + String(error) + "），已回退");
+				return false;
+			}
+		}
+		/**
+		* 结构化探测 betterSidebar 服务（可选依赖：缺失/降级返回 undefined）。
+		* @author ddj 2026年08月25号
+		* @param ctx 客户端服务上下文
+		* @returns 服务结构面或 undefined
+		*/
+		function detectSidebarService(ctx) {
+			try {
+				const service = ctx.get(BETTER_SIDEBAR_SERVICE);
+				if (!service || typeof service.registerTab !== "function" || typeof service.openTab !== "function") return void 0;
+				return service;
+			} catch {
+				return;
+			}
+		}
+		/**
+		* 注册侧边栏「文件编辑」Tab 并接管打开路由。
+		* Tab 被用户在 better-sidebar 设置里禁用时，打开路由降级为回退回调（中央页签）。
+		* @author ddj 2026年08月25号
+		* @param options 装配参数（组件依赖 + 活动会话解析 + 回退注册）
+		* @returns 卸载器（反注册 Tab + 撤销路由）
+		*/
+		function installSideEditor(options) {
+			const { service, renderTab, activeSession, registerLegacyFallback } = options;
+			let fallbackInstalled = false;
+			const open = (path, focusDiff) => {
+				if (typeof service.isTabEnabled === "function" && !service.isTabEnabled("edrv-editor")) {
+					if (!fallbackInstalled) {
+						fallbackInstalled = true;
+						try {
+							registerLegacyFallback();
+						} catch (error) {
+							console.warn("[dsh-vscode-mode] 回退注册失败（" + String(error) + "）");
+						}
+					}
+					return false;
+				}
+				const scope = activeSession();
+				const sessionId = scope?.sessionId;
+				if (!sessionId) return false;
+				try {
+					service.openTab({
+						type: SIDE_TAB_ID,
+						title: SIDE_TAB_TITLE,
+						...path ? { path } : {},
+						meta: {
+							openPath: path || void 0,
+							focusDiff
+						}
+					}, {
+						sessionId,
+						cwd: scope?.cwd
+					});
+				} catch (error) {
+					console.warn("[dsh-vscode-mode] openTab 失败（" + String(error) + "）");
+					return false;
+				}
+				if (sideEditorMounted) window.dispatchEvent(new CustomEvent("edrv:open-editor", { detail: {
+					path,
+					focusDiff
+				} }));
+				else stagePendingSideOpen(sessionId, path, focusDiff);
+				return true;
+			};
+			let tabDisposer = null;
+			try {
+				tabDisposer = service.registerTab({
+					id: SIDE_TAB_ID,
+					title: SIDE_TAB_TITLE,
+					icon: codeIcon,
+					single: true,
+					badge: (_ctx, scope) => getSidePending(scope?.sessionId) || null,
+					component: renderTab
+				});
+			} catch (error) {
+				console.warn("[dsh-vscode-mode] 侧边栏 Tab 注册失败（" + String(error) + "）");
+				if (!fallbackInstalled) {
+					fallbackInstalled = true;
+					try {
+						registerLegacyFallback();
+					} catch (inner) {
+						console.warn("[dsh-vscode-mode] 回退注册失败（" + String(inner) + "）");
+					}
+				}
+				return () => {};
+			}
+			setEnsureSideEditor(open);
+			return () => {
+				if (typeof tabDisposer === "function") tabDisposer();
+				setEnsureSideEditor(null);
+			};
+		}
+		/**
+		* 侧边栏 Tab 图标（内联 SVG 代码括号，不依赖图标包）。
+		* @author ddj 2026年08月25号
+		* @param size 边长（px）
+		* @returns 图标元素
+		*/
+		function codeIcon(size) {
+			return react.default.createElement("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": true,
+				focusable: false
+			}, react.default.createElement("path", {
+				d: "M5.5 4.5 2.5 8l3 3.5M10.5 4.5 13.5 8l-3 3.5",
+				stroke: "currentColor",
+				strokeWidth: 1.4,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}));
+		}
+		//#endregion
 		//#region src/client/events.ts
 		/**
 		* dsh-vscode-mode client — 跨组件/跨 slot 的窗口事件助手。
-		* 迁移自原 src/client/index.ts 的 openEditorView 与事件派发，语义不改。
+		* 迁移自原 src/client/index.ts 的 openEditorView 与事件派发，语义不改；
+		* 侧边栏形态（sidebarBridge 已注册路由）优先，否则回退 DOM 页签点击。
 		* 作者 ddj 2026-08-20
 		*/
 		/**
-		* 选择中央「文件编辑」页签（DOM 级，无需 store actions）。
+		* 选择中央「文件编辑」页签（DOM 级，无需 store actions）。仅旧页签形态使用。
 		* @author ddj 2026年08月26号
 		*/
 		function selectEditorTab() {
@@ -93,11 +331,12 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/**
-		* 打开中央「文件编辑」页签。
+		* 打开「文件编辑」：侧边栏形态路由优先，旧形态回退中央页签。
 		* @author ddj 2026年08月26号
 		* @param path 要打开的路径（可空）
 		*/
 		function openEditorView(path) {
+			if (routeSideEditor(path ?? null, false)) return;
 			selectEditorTab();
 			const target = path ?? null;
 			setTimeout(() => {
@@ -105,11 +344,12 @@ window.__ModuleLoader__.load({
 			}, 80);
 		}
 		/**
-		* 打开文件编辑页并聚焦指定文件的首个差异。
+		* 打开文件编辑页并聚焦指定文件的首个差异（侧边栏形态自动展开面板）。
 		* @author ddj 2026年08月26号
 		* @param path 待聚焦的差异文件路径
 		*/
 		function openDiffView(path) {
+			if (routeSideEditor(path, true)) return;
 			selectEditorTab();
 			setTimeout(() => {
 				window.dispatchEvent(new CustomEvent("edrv:open-editor", { detail: {
@@ -291,7 +531,7 @@ window.__ModuleLoader__.load({
 					if (document.querySelector("script[data-edrv-monaco-loader]")) boot();
 					else {
 						const s = document.createElement("script");
-						s.src = "/edrv/vendor/monaco/vs/loader.js";
+						s.src = MONACO_BASE + "/loader.js";
 						s.dataset.edrvMonacoLoader = "1";
 						s.onload = boot;
 						s.onerror = () => fail(/* @__PURE__ */ new Error("Monaco loader 加载失败"));
@@ -323,6 +563,7 @@ window.__ModuleLoader__.load({
 			* @param sessionId 会话 id
 			*/
 			const render = (monaco, editor, pendingRegions, sessionId) => {
+				if (!pendingRegions.length && viewZoneIds.length === 0 && decorations.length === 0) return;
 				const renderT0 = Date.now();
 				const callIdAttr = (callId, idx) => String(callId) + ":" + String(idx);
 				log(sessionId, "[diff-render] begin regs=" + pendingRegions.length + " " + pendingRegions.map((r) => callIdAttr(r.callId, r.idx) + "@" + (r.start ?? "?") + "-" + (r.end ?? "?") + "(-" + (r.oldLines ? r.oldLines.length : 0) + "/+" + (r.newLines ? r.newLines.length : 0) + ")").join("|"));
@@ -1374,11 +1615,15 @@ window.__ModuleLoader__.load({
 		* 底部差异条（DiffBox/空态）+ 全局差异下拉（DiffLauncher）+ 状态栏。
 		* @param props.sessionId 会话 id
 		* @param props.schedule 延时调度（ctx.timeout）
+		* @param props.layout 布局形态：'tab'（中央页签，默认）| 'side'（侧边栏面板）
+		* @param props.sideHint 旧页签形态下显示侧边栏引导（安装命令）
 		*/
 		function EditorView(props) {
 			const sessionId = props?.sessionId;
 			const schedule = props.schedule;
 			const addToConversation = props.addToConversation;
+			const layout = props?.layout === "side" ? "side" : "tab";
+			const sideHint = props?.sideHint;
 			const [monaco, setMonaco] = react.default.useState(null);
 			const [monacoErr, setMonacoErr] = react.default.useState(null);
 			const [records, setRecords] = react.default.useState({});
@@ -1403,10 +1648,17 @@ window.__ModuleLoader__.load({
 			const [diffIdx, setDiffIdx] = react.default.useState(0);
 			const [fileIdx, setFileIdx] = react.default.useState(0);
 			const [tabMenu, setTabMenu] = react.default.useState(null);
-			const [sidebarOn, setSidebarOn] = react.default.useState(true);
+			const [sidebarOn, setSidebarOn] = react.default.useState(layout !== "side");
 			const [sidebarW, setSidebarW] = react.default.useState(240);
 			const [activePanel, setActivePanel] = react.default.useState("explorer");
 			const [focusRequest, setFocusRequest] = react.default.useState(0);
+			const [hintDismissed, setHintDismissed] = react.default.useState(() => {
+				try {
+					return localStorage.getItem("edrv.side-hint-dismissed") === "1";
+				} catch {
+					return false;
+				}
+			});
 			const editorRef = react.default.useRef(null);
 			const viewRootRef = react.default.useRef(null);
 			const monacoRef = react.default.useRef(null);
@@ -1427,6 +1679,8 @@ window.__ModuleLoader__.load({
 			const batchBusyRef = react.default.useRef(false);
 			const menuHandlersRef = react.default.useRef(null);
 			const diffRendererRef = react.default.useRef(null);
+			const layoutRef = react.default.useRef(layout);
+			layoutRef.current = layout;
 			if (!diffRendererRef.current) diffRendererRef.current = createDiffRenderer((sid, t) => dbg(sid, t));
 			const currentRecords = react.default.useMemo(() => {
 				const list = [];
@@ -1470,6 +1724,24 @@ window.__ModuleLoader__.load({
 					return next;
 				});
 			};
+			/**
+			* 轮询去重：前后记录内容一致时返回原引用，React 跳过重渲染，
+			* 阻断 5s 轮询 → memo 链 → diff 重渲染/日志 的空转。
+			* @author ddj 2026年08月26号
+			* @param prev 当前 records
+			* @param next 轮询新结果
+			* @returns 内容一致返回 true
+			*/
+			const sameRecords = (prev, next) => {
+				const pk = Object.keys(prev);
+				const nk = Object.keys(next);
+				if (pk.length !== nk.length) return false;
+				for (const k of pk) {
+					if (!(k in next)) return false;
+					if (JSON.stringify(prev[k]) !== JSON.stringify(next[k])) return false;
+				}
+				return true;
+			};
 			const refreshRecords = (skipStale) => {
 				if (!sessionId) return;
 				rpc("edrv.list", {
@@ -1482,7 +1754,7 @@ window.__ModuleLoader__.load({
 						if (r.archived === true) continue;
 						map[r.callId] = r;
 					}
-					setRecords(map);
+					setRecords((prev) => sameRecords(prev, map) ? prev : map);
 				}).catch((e) => setError("list异常:" + String(e)));
 			};
 			const loadContent = (path, sid) => {
@@ -1556,8 +1828,12 @@ window.__ModuleLoader__.load({
 				};
 			}, [sessionId]);
 			const dockSourceRef = react.default.useRef({});
-			react.default.useEffect(() => () => clearDiffDock(sessionId, dockSourceRef.current), [sessionId]);
+			react.default.useEffect(() => () => {
+				clearDiffDock(sessionId, dockSourceRef.current);
+				if (layout === "side") setSidePending(sessionId, 0);
+			}, [sessionId]);
 			react.default.useLayoutEffect(() => {
+				if (layout === "side") return;
 				const root = viewRootRef.current;
 				const scroll = root?.closest?.("[data-conversation-scroll]");
 				if (!root || !scroll) return;
@@ -1606,7 +1882,7 @@ window.__ModuleLoader__.load({
 					window.removeEventListener("resize", scheduleUpdate);
 					root.style.removeProperty("--edrv-editor-height");
 				};
-			}, [sessionId]);
+			}, [sessionId, layout]);
 			react.default.useEffect(() => {
 				if (bootRef.current || !sessionId) return;
 				bootRef.current = true;
@@ -1634,10 +1910,11 @@ window.__ModuleLoader__.load({
 				active,
 				sessionId
 			]);
+			const sidebarKey = "edrv.sidebar." + (layout === "side" ? "side." : "") + String(sessionId);
 			react.default.useEffect(() => {
 				if (!sessionId) return;
 				try {
-					const raw = localStorage.getItem("edrv.sidebar." + String(sessionId));
+					const raw = localStorage.getItem(sidebarKey);
 					if (raw) {
 						const saved = JSON.parse(raw);
 						if (typeof saved.on === "boolean") setSidebarOn(saved.on);
@@ -1645,11 +1922,11 @@ window.__ModuleLoader__.load({
 						if (typeof saved.panel === "string") setActivePanel(saved.panel);
 					}
 				} catch (e) {}
-			}, [sessionId]);
+			}, [sessionId, sidebarKey]);
 			react.default.useEffect(() => {
 				if (!sessionId) return;
 				try {
-					localStorage.setItem("edrv.sidebar." + String(sessionId), JSON.stringify({
+					localStorage.setItem(sidebarKey, JSON.stringify({
 						on: sidebarOn,
 						width: sidebarW,
 						panel: activePanel
@@ -1659,7 +1936,8 @@ window.__ModuleLoader__.load({
 				sidebarOn,
 				sidebarW,
 				activePanel,
-				sessionId
+				sessionId,
+				sidebarKey
 			]);
 			react.default.useEffect(() => {
 				const onKey = (e) => {
@@ -1825,6 +2103,7 @@ window.__ModuleLoader__.load({
 				}
 				if (editorRef.current || !monacoRef.current) return;
 				const m = monacoRef.current;
+				const side = layoutRef.current === "side";
 				const ed = m.editor.create(node, {
 					value: "",
 					language: "plaintext",
@@ -1833,7 +2112,7 @@ window.__ModuleLoader__.load({
 					fontSize: 13,
 					lineHeight: 20,
 					minimap: {
-						enabled: true,
+						enabled: !side,
 						scale: 1
 					},
 					glyphMargin: true,
@@ -1845,7 +2124,7 @@ window.__ModuleLoader__.load({
 					renderWhitespace: "selection",
 					smoothScrolling: true,
 					cursorBlinking: "smooth",
-					padding: { top: 8 }
+					padding: { top: side ? 6 : 8 }
 				});
 				ed.addCommand(m.KeyMod.CtrlCmd | m.KeyCode.KeyS, () => {
 					flushSave();
@@ -2434,39 +2713,42 @@ window.__ModuleLoader__.load({
 					actHunk(hoverAct.region, true);
 				}
 			}, "↩ Undo")) : null;
+			/** 组装差异 dock 快照（发布给 conversation.input.dock 的唯一 DiffBox 实例）。 */
+			const buildDockSnapshot = () => ({
+				mode: editorDockMode(active),
+				pendingRegions,
+				staleRegions,
+				onAct: actHunk,
+				onAcceptFile: acceptFile,
+				onUndoFile: undoFile,
+				onAcceptAllFiles: acceptAllFiles,
+				onUndoAllFiles: undoAllFiles,
+				allPendingCount: allPending.length,
+				onRollback: rollbackFile,
+				onJump: jumpTo,
+				otherFiles,
+				onOpenOther: (path) => openFile(path, true),
+				onOpenLauncher: (tab) => {
+					setLauncherTab(tab || "pending");
+					setLauncherOpen(true);
+				},
+				onRefresh: reloadFile,
+				activePath: active,
+				diffIdx: contentReady ? diffIdx : 0,
+				diffTotal: displayDiffTotal(contentReady, pendingRegions.length, sum.files.find((file) => file.path === active)?.pending ?? 0),
+				fileIdx,
+				fileTotal: sum.pendingFiles.length,
+				onPrevDiff: () => gotoDiff(-1),
+				onNextDiff: () => gotoDiff(1),
+				onPrevFile: () => gotoFile(-1),
+				onNextFile: () => gotoFile(1),
+				onOpenNextFile: openNextFile
+			});
 			react.default.useEffect(() => {
 				if (!sessionId) return;
-				const mode = editorDockMode(active);
-				publishDiffDock(sessionId, {
-					mode,
-					pendingRegions,
-					staleRegions,
-					onAct: actHunk,
-					onAcceptFile: acceptFile,
-					onUndoFile: undoFile,
-					onAcceptAllFiles: acceptAllFiles,
-					onUndoAllFiles: undoAllFiles,
-					allPendingCount: allPending.length,
-					onRollback: rollbackFile,
-					onJump: jumpTo,
-					otherFiles,
-					onOpenOther: (path) => openFile(path, true),
-					onOpenLauncher: (tab) => {
-						setLauncherTab(tab || "pending");
-						setLauncherOpen(true);
-					},
-					onRefresh: reloadFile,
-					activePath: active,
-					diffIdx: contentReady ? diffIdx : 0,
-					diffTotal: displayDiffTotal(contentReady, pendingRegions.length, sum.files.find((file) => file.path === active)?.pending ?? 0),
-					fileIdx,
-					fileTotal: sum.pendingFiles.length,
-					onPrevDiff: () => gotoDiff(-1),
-					onNextDiff: () => gotoDiff(1),
-					onPrevFile: () => gotoFile(-1),
-					onNextFile: () => gotoFile(1),
-					onOpenNextFile: openNextFile
-				}, dockSourceRef.current);
+				publishDiffDock(sessionId, buildDockSnapshot(), dockSourceRef.current);
+				if (layout === "side") setSidePending(sessionId, sum.totalFiles);
+				else setSidePending(sessionId, 0);
 			});
 			const overlay = launcherOpen ? react.default.createElement(react.default.Fragment, null, react.default.createElement("div", {
 				style: {
@@ -2538,6 +2820,25 @@ window.__ModuleLoader__.load({
 				notify: (message) => setStatus(message)
 			};
 			const editorArea = react.default.createElement("div", { className: "edrv-editor-area" }, body, hoverEl, overlay);
+			const dismissHint = () => {
+				setHintDismissed(true);
+				try {
+					localStorage.setItem("edrv.side-hint-dismissed", "1");
+				} catch (e) {}
+			};
+			const copyInstallCmd = () => {
+				if (navigator.clipboard?.writeText) navigator.clipboard.writeText(SIDEBAR_INSTALL_CMD).catch(() => {});
+			};
+			const sideHintEl = layout === "tab" && sideHint && !hintDismissed ? react.default.createElement("div", { className: "edrv-side-hint" }, react.default.createElement("span", { className: "edrv-side-hint-text" }, "安装 dsh-better-sidebar 后可启用侧边栏编辑（对话+编辑同屏）："), react.default.createElement("code", { className: "edrv-side-hint-cmd" }, SIDEBAR_INSTALL_CMD), react.default.createElement("button", {
+				className: "edrv-pill edrv-pill-ghost",
+				title: "复制安装命令",
+				onClick: copyInstallCmd
+			}, "复制命令"), react.default.createElement("button", {
+				className: "edrv-side-hint-close",
+				title: "关闭提示",
+				"aria-label": "关闭提示",
+				onClick: dismissHint
+			}, "×")) : null;
 			const mainCol = react.default.createElement("div", {
 				className: "edrv-main-col",
 				style: {
@@ -2548,7 +2849,7 @@ window.__ModuleLoader__.load({
 					flexDirection: "column",
 					overflow: "hidden"
 				}
-			}, pathBar, tabRow, editorArea);
+			}, pathBar, tabRow, sideHintEl, editorArea);
 			const editorRow = react.default.createElement("div", { className: "edrv-editor-row" }, sidebarOn && sidebarPanels ? react.default.createElement(SidebarView, {
 				registry: sidebarPanels,
 				ctx: sidebarCtx,
@@ -2558,18 +2859,26 @@ window.__ModuleLoader__.load({
 				onWidth: setSidebarW,
 				onHide: () => setSidebarOn(false)
 			}) : null, mainCol);
-			return react.default.createElement("div", {
+			const baseStyle = {
+				minHeight: 0,
+				display: "flex",
+				flexDirection: "column",
+				background: "var(--dsw-alias-bg-base,transparent)",
+				overflow: "hidden"
+			};
+			return layout === "side" ? react.default.createElement("div", {
 				ref: viewRootRef,
 				"data-edrv-view": "1",
-				style: {
+				"data-edrv-layout": "side",
+				className: "edrv-view-side",
+				style: Object.assign({}, baseStyle, { height: "100%" })
+			}, editorRow, menuBackdrop, tabMenuEl) : react.default.createElement("div", {
+				ref: viewRootRef,
+				"data-edrv-view": "1",
+				style: Object.assign({}, baseStyle, {
 					height: "var(--edrv-editor-height, 100%)",
-					maxHeight: "var(--edrv-editor-height, 100%)",
-					minHeight: 0,
-					display: "flex",
-					flexDirection: "column",
-					background: "var(--dsw-alias-bg-base,transparent)",
-					overflow: "hidden"
-				}
+					maxHeight: "var(--edrv-editor-height, 100%)"
+				})
 			}, editorRow, menuBackdrop, tabMenuEl);
 		}
 		//#endregion
@@ -2584,14 +2893,14 @@ window.__ModuleLoader__.load({
 		*/
 		function DiffBadge(props) {
 			const sessionId = props?.sessionId;
-			const [n, setN] = react.default.useState(0);
+			const [summary, setSummary] = react.default.useState(null);
 			const seq = react.default.useRef(0);
 			const load = react.default.useCallback(() => {
 				if (!sessionId) return;
 				const s = ++seq.current;
 				rpc("edrv.list", { sessionId }).then((res) => {
 					if (s !== seq.current || !res || !res.ok || !Array.isArray(res.records)) return;
-					setN(summarize(res.records).totalFiles);
+					setSummary(summarize(res.records));
 				}).catch(() => {});
 			}, [sessionId]);
 			react.default.useEffect(() => {
@@ -2604,9 +2913,10 @@ window.__ModuleLoader__.load({
 					window.removeEventListener("edrv:refresh", onRefresh);
 				};
 			}, [load]);
+			const n = summary?.totalFiles ?? 0;
 			if (!n) return null;
 			const click = () => {
-				openEditorView(null);
+				openEditorView(summary?.pendingFiles?.[0]?.path ?? null);
 				setTimeout(() => {
 					emitShowLauncher();
 				}, 120);
@@ -3597,6 +3907,51 @@ window.__ModuleLoader__.load({
 			return typeof value === "string" && value.trim() ? value.trim() : AUTO_OPEN_TOOL;
 		}
 		//#endregion
+		//#region src/client/ui/SideEditorTab.ts
+		/**
+		* dsh-vscode-mode client — SideEditorTab：betterSidebar「文件编辑」Tab 的组件包装。
+		* 把 TabComponentProps（scope/tab/visible）映射为 EditorView 侧栏形态 props，
+		* 并按会话 key 保证切会话状态干净重建；创建种子的初始打开在挂载后投递一次。
+		* 作者 ddj 2026年08月25号
+		*/
+		/**
+		* 侧边栏 Tab 组件（TabDescriptor.component 装配）。
+		* @param props TabComponentProps（scope.sessionId、tab.path/meta 等）
+		* @returns EditorView 侧栏形态
+		*/
+		function SideEditorTab(props) {
+			const sessionId = props?.scope?.sessionId;
+			const initial = react.default.useMemo(() => resolveInitialOpen(props?.tab), [props?.tab]);
+			const dispatchedRef = react.default.useRef(false);
+			react.default.useEffect(() => {
+				setSideEditorMounted(true);
+				return () => setSideEditorMounted(false);
+			}, []);
+			react.default.useEffect(() => {
+				if (dispatchedRef.current) return;
+				dispatchedRef.current = true;
+				const request = takePendingSideOpen(sessionId) ?? initial;
+				window.dispatchEvent(new CustomEvent("edrv:open-editor", { detail: {
+					path: request?.path ?? null,
+					focusDiff: request?.focusDiff === true
+				} }));
+			}, [
+				initial.path,
+				initial.focusDiff,
+				sessionId
+			]);
+			return react.default.createElement(EditorView, {
+				key: sessionId,
+				sessionId,
+				layout: "side",
+				schedule: props?.schedule,
+				addToConversation: props?.addToConversation,
+				sidebarPanels: props?.sidebarPanels,
+				outlineSources: props?.outlineSources,
+				fileMenuItems: props?.fileMenuItems
+			});
+		}
+		//#endregion
 		//#region src/client/addToConversation.ts
 		/** DSH reference source 名（dsh-client-ui-reference 注册的 @file/@session 统一源）。 */
 		const REF_SOURCE = "reference";
@@ -3775,10 +4130,50 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/ui/menuPosition.ts
+		/**
+		* 将菜单坐标限制在 viewport 内。
+		* @author ddj 2026年08月28号
+		* @param x 期望的 viewport x 坐标
+		* @param y 期望的 viewport y 坐标
+		* @param viewportWidth viewport 宽度
+		* @param viewportHeight viewport 高度
+		* @param menuWidth 菜单估算宽度
+		* @param menuHeight 菜单估算高度
+		* @returns 限制后的菜单位置
+		*/
+		function clampMenuPosition(x, y, viewportWidth, viewportHeight, menuWidth, menuHeight) {
+			const maxLeft = Math.max(4, viewportWidth - menuWidth);
+			const maxTop = Math.max(4, viewportHeight - menuHeight);
+			return {
+				left: Math.max(4, Math.min(x, maxLeft)),
+				top: Math.max(4, Math.min(y, maxTop))
+			};
+		}
+		/**
+		* 将文件树行右键菜单锚定到目标行右侧；无法测量时回退到鼠标坐标。
+		* @author ddj 2026年08月28号
+		* @param rect 目标行的布局矩形
+		* @param fallbackX 鼠标 viewport x 坐标
+		* @param fallbackY 鼠标 viewport y 坐标
+		* @returns 菜单初始位置
+		*/
+		function rowMenuPosition(rect, fallbackX, fallbackY) {
+			if (!rect || rect.width <= 0 || rect.height <= 0) return {
+				left: fallbackX,
+				top: fallbackY
+			};
+			return {
+				left: rect.right + 4,
+				top: rect.top
+			};
+		}
+		//#endregion
 		//#region src/client/ui/ContextMenu.ts
 		/**
 		* dsh-vscode-mode client — 通用浮动右键菜单（createElement 风格、类型化）。
-		* 全屏 backdrop（点击/右键/Esc 关闭）+ 固定定位（viewport clamp 防越界），
+		* 非阻塞式关闭：window capture 监听（点击菜单外/右键菜单外/Esc 关闭），
+		* 不拦截菜单外事件，允许同一事件内由发起方切换/重开菜单。
 		* 条目支持 danger/disabled/separator，复用既有 edrv-ctxmenu* 样式类。
 		* 作者 ddj 2026-08-27
 		*/
@@ -3794,15 +4189,30 @@ window.__ModuleLoader__.load({
 		*/
 		function ContextMenu(props) {
 			const { x, y, entries, onClose } = props;
+			const menuRef = react.default.useRef(null);
 			react.default.useEffect(() => {
 				const onKey = (e) => {
 					if (e.key === "Escape") onClose();
 				};
+				const onPointerDown = (e) => {
+					if (e.button !== 0) return;
+					if (menuRef.current && menuRef.current.contains(e.target)) return;
+					onClose();
+				};
+				const onContextMenu = (e) => {
+					if (menuRef.current && menuRef.current.contains(e.target)) e.preventDefault();
+					onClose();
+				};
 				window.addEventListener("keydown", onKey, true);
-				return () => window.removeEventListener("keydown", onKey, true);
+				window.addEventListener("pointerdown", onPointerDown, true);
+				window.addEventListener("contextmenu", onContextMenu, true);
+				return () => {
+					window.removeEventListener("keydown", onKey, true);
+					window.removeEventListener("pointerdown", onPointerDown, true);
+					window.removeEventListener("contextmenu", onContextMenu, true);
+				};
 			}, [onClose]);
-			const left = Math.max(4, Math.min(x, (window.innerWidth || 800) - MENU_W));
-			const top = Math.max(4, Math.min(y, (window.innerHeight || 600) - MENU_H));
+			const position = clampMenuPosition(Number.isFinite(x) ? x : 4, Number.isFinite(y) ? y : 4, window.innerWidth || 800, window.innerHeight || 600, MENU_W, MENU_H);
 			const children = [];
 			for (const entry of entries) {
 				if (entry.separator) {
@@ -3825,25 +4235,12 @@ window.__ModuleLoader__.load({
 					}
 				}, entry.label));
 			}
-			return react.default.createElement(react.default.Fragment, null, react.default.createElement("div", {
-				className: "edrv-ctxmenu-backdrop",
-				style: {
-					position: "fixed",
-					inset: 0,
-					zIndex: 70
-				},
-				onClick: onClose,
-				onContextMenu: (e) => {
-					e.preventDefault();
-					onClose();
-				}
-			}), react.default.createElement("div", {
+			const overlay = react.default.createElement("div", { "data-edrv-view": "1" }, react.default.createElement("div", {
 				className: "edrv-ctxmenu",
-				style: {
-					left,
-					top
-				}
+				ref: menuRef,
+				style: position
 			}, ...children));
+			return typeof document === "undefined" ? overlay : (0, react_dom.createPortal)(overlay, document.body);
 		}
 		//#endregion
 		//#region src/client/sidebar/contextMenu.ts
@@ -3966,6 +4363,7 @@ window.__ModuleLoader__.load({
 			const refresh = () => {
 				const keep = Object.keys(expandedRef.current).filter((k) => expandedRef.current[k] === true);
 				tokensRef.current = {};
+				setMenu(null);
 				setDirs({});
 				setLoading({});
 				setError(null);
@@ -3983,6 +4381,7 @@ window.__ModuleLoader__.load({
 				setExpanded({});
 				setLoading({});
 				setError(null);
+				setMenu(null);
 				setRoot(null);
 				loadDir("");
 			}, [sessionId]);
@@ -3995,10 +4394,11 @@ window.__ModuleLoader__.load({
 			const rowEl = (e, depth, isDir, isOpen) => {
 				const pending = isDir ? 0 : pendingByPath[e.path] ?? 0;
 				const active = !isDir && e.path === activePath;
+				const contextTarget = Boolean(menu && menuEntries.length && menu.target.path === e.path);
 				const dim = e.type === "other";
 				return react.default.createElement("div", {
 					key: e.path,
-					className: "edrv-tree-row" + (active ? " edrv-tree-active" : ""),
+					className: "edrv-tree-row" + (active ? " edrv-tree-active" : "") + (contextTarget ? " edrv-tree-context" : ""),
 					title: e.path,
 					style: { paddingLeft: 6 + depth * 14 },
 					onClick: () => {
@@ -4008,9 +4408,11 @@ window.__ModuleLoader__.load({
 					onContextMenu: (ev) => {
 						ev.preventDefault();
 						ev.stopPropagation();
+						const rect = ev.currentTarget?.getBoundingClientRect?.();
+						const position = rowMenuPosition(rect, ev.clientX, ev.clientY);
 						setMenu({
-							x: ev.clientX,
-							y: ev.clientY,
+							x: position.left,
+							y: position.top,
 							target: {
 								path: e.path,
 								type: e.type
@@ -4044,6 +4446,8 @@ window.__ModuleLoader__.load({
 			};
 			const onPanelContext = (ev) => {
 				ev.preventDefault();
+				ev.stopPropagation();
+				if (!ev.currentTarget.contains(ev.target)) return;
 				setMenu({
 					x: ev.clientX,
 					y: ev.clientY,
@@ -4862,7 +5266,8 @@ window.__ModuleLoader__.load({
 		//#region src/client/index.ts
 		/**
 		* dsh-vscode-mode client — 浏览器半入口：slot 注册 + 装配。
-		* 挂点：conversation.view「文件编辑」页签（中央 Monaco 编辑器）+ conversation.input.dock 差异条 + header 差异角标。
+		* 挂点：betterSidebar「文件编辑」Tab（侧边栏形态，对话+编辑同屏；未装 dsh-better-sidebar 时
+		* 回退 conversation.view 中央页签）+ conversation.input.dock 差异条 + header 差异角标。
 		* 与 Host 通信：同源 fetch('/edrv/rpc')（shared/rpc 契约）。
 		*
 		* ⚠️ 跨版本 slot 装配（2026-08-21）：新版 DSH 的 slots 系统要求 slot 必须由父 entry
@@ -4915,6 +5320,8 @@ window.__ModuleLoader__.load({
 			const binder = pickSettingsBinder(ctx);
 			const settings = binder.scope;
 			let selected = autoValue("auto");
+			/** 可选探测 betterSidebar 服务（不进 inject：缺失会让插件停靠等待，杀死回退路径）。 */
+			const sideService = detectSidebarService(ctx);
 			/** 「添加到对话」动作集：编辑区/Tab 右键菜单注入文件引用与代码块（conversation 服务缺失时各动作安全降级）。 */
 			const addToConversation = createAddToConversation(ctx);
 			/** 客户端侧兼容摘要（与 host 报告合并展示；惰性求值保证 HMR 后仍新鲜）。 */
@@ -4933,6 +5340,11 @@ window.__ModuleLoader__.load({
 					name: "侧边栏打开器（dsh-better-sidebar）",
 					active: registry.get(SIDEBAR_PLUGIN) !== void 0,
 					note: registry.get("dsh-better-sidebar") !== void 0 ? "已注册（优先级 80）" : "未检测到侧边栏打开能力"
+				},
+				{
+					name: "侧边栏编辑区（dsh-better-sidebar）",
+					active: sideService !== void 0,
+					note: sideService !== void 0 ? "编辑区=侧边栏 Tab（对话+编辑同屏）" : "未检测到；安装 dsh-better-sidebar 后刷新启用侧边栏形态（" + SIDEBAR_INSTALL_CMD + "）"
 				}
 			];
 			ctx.provide("fileOpeners", registry);
@@ -4982,19 +5394,47 @@ window.__ModuleLoader__.load({
 				},
 				logger: (message) => console.warn("[dsh-vscode-mode] " + message)
 			}), "vscode-mode: file link routing");
-			registerSlotSafely(ctx, {
-				name: "conversation.view",
-				id: "edrv-editor",
-				order: 5,
-				label: "文件编辑",
-				inject: (sessionId) => ({ sessionId })
-			}, (props) => react.default.createElement(EditorView, Object.assign({}, props, {
-				schedule,
-				addToConversation,
-				sidebarPanels,
-				outlineSources,
-				fileMenuItems
-			})));
+			const registerLegacyTab = () => {
+				registerSlotSafely(ctx, {
+					name: "conversation.view",
+					id: "edrv-editor",
+					order: 5,
+					label: "文件编辑",
+					inject: (sessionId) => ({ sessionId })
+				}, (props) => react.default.createElement(EditorView, Object.assign({}, props, {
+					layout: "tab",
+					sideHint: SIDEBAR_INSTALL_CMD,
+					schedule,
+					addToConversation,
+					sidebarPanels,
+					outlineSources,
+					fileMenuItems
+				})));
+			};
+			if (sideService) ctx.effect(() => installSideEditor({
+				service: sideService,
+				renderTab: (props) => react.default.createElement(SideEditorTab, Object.assign({}, props, {
+					schedule,
+					addToConversation,
+					sidebarPanels,
+					outlineSources,
+					fileMenuItems
+				})),
+				activeSession: () => {
+					const snapshot = sessions?.list?.getSnapshot?.();
+					const sessionId = snapshot?.current;
+					if (!sessionId) return void 0;
+					return {
+						sessionId,
+						cwd: snapshot?.byId?.[sessionId]?.cwd
+					};
+				},
+				registerLegacyFallback: registerLegacyTab
+			}), "vscode-mode: sidebar editor tab");
+			else {
+				setEnsureSideEditor(null);
+				registerLegacyTab();
+			}
 			registerSlotSafely(ctx, {
 				name: "conversation.input.dock",
 				id: "edrv-diff-dock",