dsh-code-ui 1.3.1 → 1.4.0

package/lib/client.js

@@ -80,9 +80,15 @@ window.__ModuleLoader__.load({
       .cdex-sb-expand{width:18px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dsw-alias-label-secondary,#9d9d9d);background:var(--dsw-specific-sidebar-fill,#252526);border-right:1px solid var(--dsw-alias-border-l1,#333333);font-size:15px;user-select:none;}
       .cdex-sb-expand:hover{color:var(--dsw-alias-label-primary,#d4d4d4);background:var(--dsw-alias-interactive-bg-hover,#3a3a41);}
       .cdex-tree{flex:1;overflow:auto;padding:4px;}
-      .cdex-node{display:flex;align-items:center;gap:5px;padding:2px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;color:var(--dsw-alias-label-primary,#cccccc);font-size:13px;}
+      .cdex-node{position:relative;display:flex;align-items:center;gap:5px;padding:2px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;color:var(--dsw-alias-label-primary,#cccccc);font-size:13px;}
       .cdex-node:hover{background:var(--dsw-alias-bg-layer-1,#2a2d2e);}
-      .cdex-node.active{background:var(--dsw-alias-bg-layer-2,#37373d);}
+      /* 选中态：专用令牌（浅色下层级灰几乎隐形），底色 + 左缘强调条双保险（照活动栏做法）。
+         注意勿用 --cdex-accent-bg 当底色：浅色主题下它是近黑、深色下是白，反着给按钮用的。 */
+      /* 选中底色跟随宿主信息蓝令牌（与 dshUI「对话/轨迹」页签同源，宿主换肤自动同步）。
+         本地两套主题变量未定义该令牌，运行时从宿主根继承；#4176e6 为宿主无此令牌时的回退。 */
+      .cdex-node.active{background:var(--dsw-alias-button-info-fill,#4176e6);color:#ffffff;}
+      .cdex-node.active .cdex-arrow,.cdex-node.active .cdex-file,.cdex-node.active .cdex-folder{color:#ffffff;}
+      .cdex-node.active::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:2px;background:#ffffff;border-radius:1px;}
       .cdex-arrow{width:14px;flex:0 0 auto;color:var(--dsw-alias-label-secondary,#888888);text-align:center;font-size:11px;}
       .cdex-folder{color:#dcb67a;}
       .cdex-file{color:var(--dsw-alias-label-primary,#cccccc);}
@@ -126,6 +132,13 @@ window.__ModuleLoader__.load({
       .cdex-menu{position:fixed;z-index:10002;background:var(--dsw-alias-bg-overlay,#252526);border:1px solid var(--dsw-alias-border-l2,#454545);border-radius:6px;padding:4px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.5);max-height:calc(100vh - 24px);overflow-y:auto;}
       .cdex-menu-item{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--dsw-alias-label-primary,#d4d4d4);}
       .cdex-menu-item:hover{background:var(--cdex-accent-bg,#0f1115);color:var(--cdex-accent-fg,#ffffff);}
+      .cdex-menu-item.disabled{opacity:.45;cursor:default;}
+      .cdex-menu-item.disabled:hover{background:transparent;color:var(--dsw-alias-label-primary,#d4d4d4);}
+      .cdex-menu-sep{height:1px;margin:4px 6px;background:var(--dsw-alias-border-l2,#454545);}
+      .cdex-confirm-list{max-height:160px;overflow-y:auto;margin:8px 0 0;display:flex;flex-direction:column;gap:2px;}
+      .cdex-confirm-file{font-size:13px;color:var(--dsw-alias-label-primary,#d4d4d4);padding:2px 0;}
+      .cdex-confirm-more{font-size:12px;color:var(--dsw-alias-label-secondary,#9d9d9d);padding:2px 0;}
+      .cdex-btn-primary{background:var(--dsw-alias-button-info-fill,#4176e6);color:#ffffff;border-color:transparent;}
       .cdex-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:10002;pointer-events:auto;}
       .cdex-modal-box{background:var(--dsw-alias-bg-overlay,#252526);border:1px solid var(--dsw-alias-border-l2,#454545);border-radius:8px;padding:16px;width:560px;max-width:92vw;}
       .cdex-modal-title{font-weight:600;margin-bottom:10px;color:var(--dsw-alias-label-primary,#e8e8e8);word-break:break-all;}
@@ -245,6 +258,7 @@ window.__ModuleLoader__.load({
       nodes: {},
       tabs: [],
       activePath: null,
+      closeConfirm: null, // 关闭未保存确认框：{ paths 待关列表, dirty 脏文件列表, keepActive 批量关闭后应激活的标签 }
       buffers: {},
       savedContent: {},
       dirty: {},
@@ -265,6 +279,9 @@ window.__ModuleLoader__.load({
       toast: null,
       toastKeep: false,
       toastPos: null,
+      sessionId: null,     // 当前会话 id（InputBridge 从 slot kit 捕获；blank 会话头隐藏时由 SessionWatch 兜底）：文件树根按会话解析/记忆
+      rootSessionId: null, // 当前根归属哪个会话（落后于 sessionId 时触发重新解析；手动根由宿主按会话记忆）
+      scrollPos: {},       // 文件路径 -> {top,left}：每个标签记住自己的滚动位置（切换后恢复）
       error: null,
     }
     const listeners = new Set()
@@ -595,6 +612,112 @@ window.__ModuleLoader__.load({
       return out.join('')
     }
 
+    /* ============ §3.5 highlight.js 接线（vendor 资产经宿主路由懒加载；未就绪/失败回退上方自研 tokenizer） ============ */
+    // 主题表：与 tools/vendor-hljs.mjs 的 THEMES、宿主端 SYN_THEME_IDS 一一对应（展示名单点维护）
+    const SYN_THEMES = [
+      ['github', 'GitHub'], ['github-dark', 'GitHub Dark'], ['atom-one-dark', 'Atom One Dark'], ['atom-one-light', 'Atom One Light'],
+      ['monokai', 'Monokai'], ['dracula', 'Dracula'], ['nord', 'Nord'], ['vs', 'VS 浅色'], ['vs2015', 'VS2015 深色'], ['tokyo-night-dark', 'Tokyo Night Dark'],
+    ]
+    const HLJS_VENDOR_BASE = '/dsh-code-ui/vendor/'
+    const HLJS_BIG_CHARS = 512 * 1024 // 超大文件不做 hljs（防卡顿），继续用轻量 tokenizer
+    // langOf 的输出大多是 hljs 语言 id/别名；少数需归一，其余交给 hljs.getLanguage 解析，失败回退 plaintext
+    const HLJS_LANG_FIX = { text: 'plaintext', jsx: 'javascript', tsx: 'typescript', htm: 'xml' }
+    function hljsLangOf(lang) {
+      const hljs = window.hljs
+      if (!hljs || typeof hljs.getLanguage !== 'function') return null
+      const l = HLJS_LANG_FIX[lang] || lang
+      try { if (hljs.getLanguage(l)) return l } catch (e) {}
+      return 'plaintext'
+    }
+    // 懒加载单例：经典 <script>/<link> 注入（切勿在 ModuleLoader factory 内 eval——UMD 会检测到
+    // 假 module/exports 走 CJS 分支，挂到 module.exports 而不是 window.hljs）。
+    // Electron(file://)/断网/路由缺失 → 失败态，永久回退自研 tokenizer（保底可用）。
+    let hljsState = 'idle' // idle | loading | ready | failed
+    let hljsPromise = null
+    let selfVersion = '' // get-self 回填，用作 vendor 资产的 cache-bust query
+    function loadHljs() {
+      if (hljsState === 'ready') return Promise.resolve(true)
+      if (hljsState === 'failed') return Promise.resolve(false)
+      if (hljsPromise) return hljsPromise
+      hljsState = 'loading'
+      hljsPromise = new Promise((resolve) => {
+        const settle = (ok) => {
+          if (hljsState === 'ready') { resolve(true); return }
+          hljsState = ok ? 'ready' : 'failed'
+          if (!ok) hljsPromise = null
+          resolve(ok)
+          emit() // 就绪后重渲染：已打开文件从 tokenizer 输出切到 hljs 输出
+        }
+        try {
+          const v = encodeURIComponent(selfVersion)
+          const q = v ? ('?v=' + v) : ''
+          const link = document.createElement('link')
+          link.rel = 'stylesheet'
+          link.href = HLJS_VENDOR_BASE + 'hljs-themes.css' + q
+          const script = document.createElement('script')
+          script.src = HLJS_VENDOR_BASE + 'highlight.full.min.js' + q
+          script.onload = () => { settle(!!(window.hljs && typeof window.hljs.highlight === 'function')) }
+          script.onerror = () => { settle(false) }
+          // 超时兜底：15s 仍未就绪按失败处理（script 若迟到加载成功，onload 仍会升级为 ready）
+          setTimeout(() => { if (hljsState === 'loading') settle(false) }, 15000)
+          document.head.appendChild(link)
+          document.head.appendChild(script)
+        } catch (e) { settle(false) }
+      })
+      return hljsPromise
+    }
+    // 语法配色偏好：auto(默认,随编辑器明暗 GitHub/GitHub Dark) 或 SYN_THEMES 之一
+    let synThemePref = 'auto'
+    function editorPrefersDark() {
+      if (themeMode === 'dark') return true
+      if (themeMode === 'light') return false
+      if (themeMode === 'system') return systemPrefersDark()
+      return dshPrefersDark()
+    }
+    function synThemeId() {
+      if (synThemePref !== 'auto') return synThemePref
+      return editorPrefersDark() ? 'github-dark' : 'github'
+    }
+    // hljs 结果缓存 + 防抖重高亮：内容未变直接复用；变了先用自研 tokenizer 顶上（同步、有色、
+    // 新敲的字符永远立即可见），停顿 ~60ms 后异步换成 hljs 输出并重渲染。
+    const hljsCache = new Map()   // path -> { content, html }（超 24 个逐出最旧，防内存无界）
+    const hljsPending = new Map() // path -> 取消句柄
+    function hljsDelay(fn, ms) {
+      if (timer && typeof timer.timeout === 'function') return timer.timeout(fn, ms)
+      const t = setTimeout(fn, ms)
+      return () => clearTimeout(t)
+    }
+    function scheduleHljs(p, content, lang) {
+      const prev = hljsPending.get(p)
+      if (prev) { try { prev() } catch (e) {} }
+      const cancel = hljsDelay(() => {
+        hljsPending.delete(p)
+        let html = ''
+        try {
+          html = window.hljs.highlight(content, { language: hljsLangOf(lang) || 'plaintext', ignoreIllegals: true }).value
+        } catch (e) {
+          html = highlight(content, lang) // 单文件异常（不应发生）：退回 tokenizer 输出
+        }
+        // 与 tokenizer 输出保持行数一致：末尾换行补齐（textarea 会渲染最后的空行）
+        if (content.endsWith('\n') && !html.endsWith('\n')) html += '\n'
+        if (hljsCache.size > 24) { const first = hljsCache.keys().next().value; if (first !== undefined) hljsCache.delete(first) }
+        hljsCache.set(p, { content, html })
+        if (store.tabs.some((t) => t.path === p)) emit()
+      }, 60)
+      hljsPending.set(p, cancel)
+    }
+    // 编辑区高亮统一入口：hljs 就绪且文件不大 → hljs（缓存命中直用，否则防抖调度）；
+    // 否则自研 tokenizer 同步渲染（加载中/失败/超大文件的回退面）
+    function renderHighlight(p, content) {
+      const lang = langOf(p)
+      if (hljsState === 'idle') loadHljs() // 首次真正需要高亮时才触发懒加载
+      if (hljsState !== 'ready' || content.length > HLJS_BIG_CHARS) return highlight(content, lang)
+      const cached = hljsCache.get(p)
+      if (cached && cached.content === content) return cached.html
+      scheduleHljs(p, content, lang)
+      return highlight(content, lang) // 间歇帧：tokenizer 顶上，保证字符即时可见有色
+    }
+
     /* ============ §4 RPC 操作层（文件树 / 标签页 / 引用备注） ============ */
     // —— 文件浏览器 ——
     async function browseDir(path) {
@@ -613,7 +736,7 @@ window.__ModuleLoader__.load({
       emit()
       const start = store.browsePath || store.rootPath || null
       if (start) { browseDir(start); return }
-      callHost('get-root').then((r) => {
+      callHost('get-root', store.sessionId ? { sessionId: store.sessionId } : {}).then((r) => {
         if (r && r.root) { browseDir(r.root) }
         else { store.error = '未定位到工作区根，请在输入框粘贴目录或文件路径后回车'; emit() }
       })
@@ -625,9 +748,15 @@ window.__ModuleLoader__.load({
     }
     async function setWorkspaceRoot(path) {
       if (!path) return
-      const res = await callHost('set-root', { path })
+      // sessionId 一并上送：手动根按会话记忆（宿主 sessionRoots），其它会话不受影响
+      const res = await callHost('set-root', { path, sessionId: store.sessionId })
       if (res && res.error) { showToast('设置失败：' + res.error); return }
-      const newRoot = (res && res.root) ? res.root : path
+      store.rootSessionId = store.sessionId // 手动根归属当前会话
+      await applyRoot((res && res.root) ? res.root : path)
+      showToast('工作区根目录：' + store.rootPath)
+    }
+    // 换根并整体重置文件树/标签页/缓冲（自动跟随与手动设置共用）
+    async function applyRoot(newRoot) {
       store.rootPath = newRoot
       store.nodes = {}
       store.tabs = []
@@ -642,19 +771,19 @@ window.__ModuleLoader__.load({
       store.filePickerOpen = false
       emit()
       await toggleExpand(newRoot)
-      showToast('工作区根目录：' + newRoot)
     }
     // —— 文件树 ——
     async function refresh() {
       store.error = null
-      if (!store.rootPath) {
-        const r = await callHost('get-root')
-        store.rootPath = (r && r.root) || null
-        if (!store.rootPath) { store.error = '未找到工作区根目录'; emit(); return }
-        store.nodes = {}
-        store.nodes[store.rootPath] = { name: baseName(store.rootPath), path: store.rootPath, isDir: true, children: [], expanded: true, loaded: false }
-        emit()
-        await toggleExpand(store.rootPath)
+      const sid = store.sessionId
+      // 首次无根、或会话已切换（rootSessionId 落后）都重新解析当前会话的根：
+      // 自动=该会话 cwd；手动=宿主 sessionRoots 里该会话记忆的根
+      if (!store.rootPath || (sid && sid !== store.rootSessionId)) {
+        const r = await callHost('get-root', sid ? { sessionId: sid } : {})
+        const root = (r && r.root) || null
+        if (!root) { store.error = '未找到工作区根目录'; emit(); return }
+        await applyRoot(root)
+        store.rootSessionId = sid
       } else {
         // 修复：刷新不再折叠整棵树，只重载根目录（子目录展开状态保留在 store.nodes）
         await reloadDir(store.rootPath)
@@ -715,6 +844,37 @@ window.__ModuleLoader__.load({
       // 标签关闭：释放 host 端 watcher
       callHost('unwatch-file', { path }).then(() => {})
     }
+    // 统一关闭入口（标签 ✕、右键菜单各关闭项都走这里）：波及脏文件时弹确认框
+    //（方案 A：保存并关闭 / 不保存 / 取消），干净的直接关。关闭已保存项除外——它只关干净的。
+    function requestCloseTabs(paths, keepActive) {
+      const list = (paths || []).filter((p) => store.tabs.some((t) => t.path === p))
+      if (!list.length) return
+      const dirtyList = list.filter((p) => store.dirty[p])
+      if (!dirtyList.length) { closeTabsNow(list, keepActive); return }
+      store.closeConfirm = { paths: list, dirty: dirtyList, keepActive: keepActive || null }
+      emit()
+    }
+    // 立即关闭一批标签（不做脏检查）：顺序复用 closeTab 的邻居激活 + watcher 释放；
+    // keepActive＝「关闭其他/关闭右侧」场景：结束后激活落到触发菜单的标签上
+    function closeTabsNow(list, keepActive) {
+      for (let i = 0; i < list.length; i++) closeTab(list[i])
+      if (keepActive && store.tabs.some((t) => t.path === keepActive)) {
+        store.activePath = keepActive
+        loadNotes(keepActive)
+      }
+      emit()
+    }
+    // 确认框「保存并关闭」：逐个保存；保存失败（dirty 保持 true）的保留打开，其余关闭
+    async function confirmSaveAndClose() {
+      const cc = store.closeConfirm
+      if (!cc) return
+      store.closeConfirm = null
+      emit()
+      for (let i = 0; i < cc.dirty.length; i++) await saveFile(cc.dirty[i])
+      closeTabsNow(cc.paths.filter((p) => !store.dirty[p]), cc.keepActive)
+      const failed = cc.dirty.filter((p) => store.dirty[p])
+      if (failed.length) showToast('有 ' + failed.length + ' 个文件保存失败，已保留打开')
+    }
     // 外部修改同步：从磁盘重读单文件（脏缓冲不被自动覆盖，只有用户点 ⚡ 或确认后才走这里）
     async function reloadFromFile(path) {
       const res = await callHost('read-file', { path })
@@ -786,6 +946,28 @@ window.__ModuleLoader__.load({
       emit()
     }
     function closeMenu() { store.ctxMenu = null; emit() }
+    // 标签页右键菜单：关闭 / 关闭其他 / 关闭右侧 / 关闭已保存 / 关闭全部 + 复制路径。
+    // 智能禁用：单项动作在无对象时置灰；「关闭已保存」只关干净标签、不触发确认框。
+    function onTabContext(e, path) {
+      const idx = store.tabs.findIndex((t) => t.path === path)
+      if (idx < 0) return
+      const savedPaths = store.tabs.filter((t) => !store.dirty[t.path]).map((t) => t.path)
+      const rightPaths = store.tabs.slice(idx + 1).map((t) => t.path)
+      store.ctxMenu = { x: e.clientX, y: e.clientY, items: [
+        { icon: '', label: '关闭', act: () => requestCloseTabs([path]) },
+        { icon: '', label: '关闭其他', disabled: store.tabs.length <= 1,
+          act: () => requestCloseTabs(store.tabs.filter((t) => t.path !== path).map((t) => t.path), path) },
+        { icon: '', label: '关闭右侧标签页', disabled: rightPaths.length === 0,
+          act: () => requestCloseTabs(rightPaths, path) },
+        { icon: '', label: '关闭已保存', disabled: savedPaths.length === 0,
+          act: () => closeTabsNow(savedPaths) },
+        { icon: '', label: '关闭全部', disabled: store.tabs.length === 0,
+          act: () => requestCloseTabs(store.tabs.map((t) => t.path)) },
+        { sep: true },
+        { icon: '📋', label: '复制路径', act: () => { copyText(path); showToast('路径已复制') } },
+      ] }
+      emit()
+    }
     async function doCite(sel) {
       const ref = await callHost('add-reference', { path: sel.path, language: sel.language, lineStart: sel.lineStart, lineEnd: sel.lineEnd, text: sel.text, kind: 'cite' })
       if (ref && ref.reference) { store.references.push(ref.reference); emit() }
@@ -1035,6 +1217,14 @@ window.__ModuleLoader__.load({
           store.inputDraft = inputState.draft
           store.inputPhase = inputState.phase
         }
+        // 捕获当前会话 id：文件树根按会话隔离——切换即解析新会话的根
+        //（自动=该会话 cwd；手动=宿主 sessionRoots 里该会话记忆的根）
+        if (props.sessionId && props.sessionId !== store.sessionId) {
+          store.sessionId = props.sessionId
+          const hasDirty = Object.keys(store.dirty || {}).some((k) => store.dirty[k])
+          if (hasDirty) showToast('会话已切换：有未保存文件，工作区暂不跟随（保存后点 ⟳ 刷新即可）')
+          else refresh()
+        }
         emit()
       })
       // 挂钩 DSH 原生输入条的发送：存在引用时把指针附进草稿再发（整文件=绝对路径）。
@@ -1060,6 +1250,23 @@ window.__ModuleLoader__.load({
       }, [inputActions])
       return null
     }
+    // 常驻会话监视器：空新对话（blank 会话）时宿主隐藏会话头 chrome（hideChrome），
+    // InputBridge 所在的 conversation.session.header.actions slot 不渲染、拿不到会话 id；
+    // 改从 root 作用域标准 props useSessions（ui-session 提供，任意 scope 可用）监听当前
+    // 选中会话——blank 会话也是合法的 current，且宿主侧 agent 在 session/create 时即已
+    // 创建（cwd=所选工作区路径），get-root 上送 blank 会话 id 即可正确解析根目录。
+    function SessionWatch(props) {
+      const useSessions = props.useSessions
+      const sid = typeof useSessions === 'function' ? useSessions((s) => s.current) : undefined
+      React.useEffect(() => {
+        if (!sid || sid === store.sessionId) return
+        store.sessionId = sid
+        const hasDirty = Object.keys(store.dirty || {}).some((k) => store.dirty[k])
+        if (hasDirty) showToast('会话已切换：有未保存文件，工作区暂不跟随（保存后点 ⟳ 刷新即可）')
+        else refresh()
+      }, [sid])
+      return null
+    }
     function AiInput() {
       const st = useStore()
       let taEl = null
@@ -1270,16 +1477,17 @@ window.__ModuleLoader__.load({
       )
     }
     let gutterEl = null
+    let editorTaEl = null // 编辑器 textarea 当前 DOM（用于识别真挂载，避免内联 ref 每次渲染重复触发）
     function syncGutter(ta) {
       if (gutterEl) gutterEl.scrollTop = ta.scrollTop
     }
     function TabBar() {
       const st = useStore()
       return h('div', { className: 'cdex-tabs' },
-        st.tabs.map((t) => h('div', { key: t.path, className: 'cdex-tab' + (st.activePath === t.path ? ' active' : ''), onClick: () => { st.activePath = t.path; loadNotes(t.path); emit() } },
+        st.tabs.map((t) => h('div', { key: t.path, className: 'cdex-tab' + (st.activePath === t.path ? ' active' : ''), onClick: () => { st.activePath = t.path; loadNotes(t.path); emit() }, onContextMenu: (e) => { e.preventDefault(); onTabContext(e, t.path) } },
           h('span', null, (st.externalChanged[t.path] ? '⚡' : '') + t.name + (st.dirty[t.path] ? ' ●' : '')),
           st.externalChanged[t.path] ? h('button', { className: 'cdex-tab-close', title: '文件已在磁盘上被外部修改，点击加载新内容（会覆盖本地未保存的修改）', onClick: (e) => { e.stopPropagation(); reloadFromFile(t.path) } }, '⇩') : null,
-          h('button', { className: 'cdex-tab-close', onClick: (e) => { e.stopPropagation(); closeTab(t.path) } }, '✕'),
+          h('button', { className: 'cdex-tab-close', onClick: (e) => { e.stopPropagation(); requestCloseTabs([t.path]) } }, '✕'),
         )),
         h('div', { className: 'cdex-tab-actions' },
           h('button', { className: 'cdex-btn', title: '保存 (Ctrl+S)', onClick: () => saveFile() }, '保存'),
@@ -1303,8 +1511,8 @@ window.__ModuleLoader__.load({
       const lineCount = content.split('\n').length
       const gutter = []
       for (let i = 1; i <= lineCount; i++) gutter.push(String(i))
-      // 高亮 HTML（overlay 下层展示）
-      const html = highlight(content, langOf(p))
+      // 高亮 HTML（overlay 下层展示）：hljs 就绪走 hljs，否则回退自研 tokenizer
+      const html = renderHighlight(p, content)
       // 滚动同步：把 pre 滚动到与 textarea 相同
       const syncOverlayScroll = (taEl) => {
         if (!taEl) return
@@ -1318,7 +1526,7 @@ window.__ModuleLoader__.load({
         h('div', { className: 'cdex-codearea' },
           h('div', { className: 'cdex-gutter', ref: (el) => { gutterEl = el } }, gutter.join('\n')),
           h('div', { className: 'cdex-code-layer' },
-            h('pre', { className: 'cdex-code-pre', 'aria-hidden': true, dangerouslySetInnerHTML: { __html: html } }),
+            h('pre', { className: 'cdex-code-pre cdex-syn-' + synThemeId(), 'aria-hidden': true, dangerouslySetInnerHTML: { __html: html } }),
             h('textarea', {
               // key 拼上加载序号：内容异步读回后 key 变化触发重挂载，defaultValue 才会生效（否则编辑区空白、与高亮层脱节）
               key: p + ':' + (st.loadSeq[p] || 0),
@@ -1326,7 +1534,24 @@ window.__ModuleLoader__.load({
               defaultValue: content,
               spellCheck: false,
               wrap: 'off',
-              onScroll: (e) => syncOverlayScroll(e.target),
+              ref: (el) => {
+                if (!el) return
+                // 仅在真正挂载时恢复滚动（换标签/内容重挂）；不抢焦点，光标由用户自己点击决定
+                if (el !== editorTaEl) {
+                  editorTaEl = el
+                  const saved = store.scrollPos[p]
+                  if (saved) {
+                    try { el.scrollTop = saved.top || 0; el.scrollLeft = saved.left || 0 } catch (e) {}
+                  }
+                  syncOverlayScroll(el)
+                }
+              },
+              onScroll: (e) => {
+                // 记住本文件的滚动位置（切换标签后可恢复）；不触发重渲染
+                const el = e.target
+                store.scrollPos[p] = { top: el.scrollTop, left: el.scrollLeft }
+                syncOverlayScroll(el)
+              },
               onContextMenu: onEditorContext,
               onChange: (e) => {
                 store.buffers[p] = e.target.value
@@ -1381,9 +1606,11 @@ window.__ModuleLoader__.load({
       } catch (e) {}
       return h('div', { className: 'cdex-menu-backdrop', onClick: closeMenu },
         h('div', { className: 'cdex-menu', style: { left: mx, top: my }, onClick: (e) => e.stopPropagation() },
-          items.map((it, i) => h('div', { key: i, className: 'cdex-menu-item', onClick: () => { try { it.act() } finally { closeMenu() } } },
-            h('span', null, it.icon), h('span', null, it.label),
-          )),
+          items.map((it, i) => it.sep
+            ? h('div', { key: i, className: 'cdex-menu-sep' })
+            : h('div', { key: i, className: 'cdex-menu-item' + (it.disabled ? ' disabled' : ''), onClick: () => { if (it.disabled) return; try { it.act() } finally { closeMenu() } } },
+              h('span', null, it.icon), h('span', null, it.label),
+            )),
         ),
       )
     }
@@ -1451,6 +1678,35 @@ window.__ModuleLoader__.load({
       )
     }
     let noteTa = null
+    // 关闭未保存文件确认（方案 A）：保存并关闭 / 不保存 / 取消（点遮罩＝取消）。
+    // 单文件精简文案；多文件列清单（>5 折叠计数）。保存失败的文件保留打开并 toast。
+    function CloseConfirm() {
+      const st = useStore()
+      const cc = st.closeConfirm
+      if (!cc) return null
+      const cancel = () => { st.closeConfirm = null; emit() }
+      const discard = () => { const c = st.closeConfirm; st.closeConfirm = null; emit(); closeTabsNow(c.paths, c.keepActive) }
+      const n = cc.dirty.length
+      return h('div', { className: 'cdex-modal', onClick: cancel },
+        h('div', { className: 'cdex-modal-box', onClick: (e) => e.stopPropagation() },
+          h('div', { className: 'cdex-modal-title' }, n === 1 ? '未保存的更改' : '未保存的更改（' + n + ' 个文件）'),
+          n === 1
+            ? h('div', { className: 'cdex-confirm-msg' }, '是否保存对 ', h('b', null, baseName(cc.dirty[0])), ' 的更改？')
+            : h('div', { className: 'cdex-confirm-msg' },
+                '以下文件有未保存的更改，关闭前要保存吗？',
+                h('div', { className: 'cdex-confirm-list' },
+                  cc.dirty.slice(0, 5).map((p, i) => h('div', { key: i, className: 'cdex-confirm-file' }, '● ', baseName(p))),
+                  n > 5 ? h('div', { className: 'cdex-confirm-more' }, '…等共 ' + n + ' 个文件') : null,
+                ),
+              ),
+          h('div', { className: 'cdex-modal-actions' },
+            h('button', { className: 'cdex-btn-ghost', onClick: cancel }, '取消'),
+            h('button', { className: 'cdex-btn', onClick: discard }, '不保存'),
+            h('button', { className: 'cdex-btn cdex-btn-primary', onClick: () => { confirmSaveAndClose() } }, '保存并关闭'),
+          ),
+        ),
+      )
+    }
     function NoteEditor() {
       const st = useStore()
       const ne = st.noteEditor
@@ -1520,6 +1776,7 @@ window.__ModuleLoader__.load({
         st.ctxMenu ? h(ContextMenu) : null,
         st.noteEditor ? h(NoteEditor) : null,
         st.nameDialog ? h(NameDialog) : null,
+        st.closeConfirm ? h(CloseConfirm) : null,
         st.confirmBox ? h(ConfirmBox) : null,
         st.toast ? h(Toast) : null,
       )
@@ -1634,6 +1891,7 @@ window.__ModuleLoader__.load({
         st.ctxMenu ? h(ContextMenu) : null,
         st.noteEditor ? h(NoteEditor) : null,
         st.nameDialog ? h(NameDialog) : null,
+        st.closeConfirm ? h(CloseConfirm) : null,
         st.confirmBox ? h(ConfirmBox) : null,
         st.toast ? h(Toast) : null,
       )
@@ -1644,7 +1902,7 @@ window.__ModuleLoader__.load({
     // get-self 失败 / 字段缺失（旧 host）时绝不隐藏编辑器，只有明确 enabled===false 才不挂载。
     let unmountEditorFns = null
     let layoutMode = 'dock'    // dock(右侧停靠,默认) / float(悬浮窗口)：编辑器以哪种布局呈现
-    let toggleStyle = 'header' // header(会话头 ⌨ 按钮,默认) / bar(悬浮模式条)：用哪种按钮切换界面
+    let toggleStyle = 'bar'    // bar(悬浮模式条,默认) / header(会话头 ⌨ 按钮)：用哪种按钮切换界面
     function mountEditor() {
       if (unmountEditorFns) return
       const disposers = []
@@ -1652,6 +1910,12 @@ window.__ModuleLoader__.load({
         { name: 'conversation.session.header.actions', id: 'cdex-input-bridge', order: 9999, label: '' },
         (props) => h(InputBridge, props),
       )))
+      // 常驻会话监视器：root 作用域 shell.overlay，不随会话头 chrome 隐藏而消失
+      //（空新对话 blank 会话时 InputBridge 所在 slot 不渲染，会话 id 由这里兜底捕获）
+      disposers.push(slots.inject('shell.overlay', () => slots.register(
+        { name: 'shell.overlay', id: 'cdex-session-watch', order: 4, label: '' },
+        (props) => h(SessionWatch, props),
+      )))
       // 切换按钮：按用户选择注册（与布局模式解耦，任意组合）
       if (toggleStyle === 'bar') {
         // 悬浮模式条：可拖动横条，两键切换 code UI / dsh UI
@@ -1718,13 +1982,16 @@ window.__ModuleLoader__.load({
       if (v) mountEditor()
       else unmountEditor()
     }
-    // 启动时先查开关/主题/布局/界面模式/切换按钮再挂载（RPC 失败 = 全默认：启用+跟随DSH+停靠+显示+会话头按钮）
+    // 启动时先查开关/主题/布局/界面模式/切换按钮再挂载（新装默认：启用+跟随DSH+停靠+隐藏+悬浮模式条；
+    // RPC 失败回退到「可见+会话头按钮」保证可发现性）
     callHost('get-self').then((r) => {
       if (r && !r.error) {
+        selfVersion = String(r.version || '')
+        synThemePref = (typeof r.synTheme === 'string' && SYN_THEMES.some((x) => x[0] === r.synTheme)) ? r.synTheme : 'auto'
         setThemeMode(r.theme)
         layoutMode = (r.layout === 'float') ? 'float' : 'dock'
-        toggleStyle = (r.toggle === 'bar') ? 'bar' : 'header'
-        applyUiMode(r.uiMode === 'native' ? 'native' : 'codeui')
+        toggleStyle = (r.toggle === 'header') ? 'header' : 'bar'
+        applyUiMode(r.uiMode === 'codeui' ? 'codeui' : 'native')
         applyEnabled(!(r.enabled === false))
       } else {
         setThemeMode('dsh')
@@ -1746,6 +2013,7 @@ window.__ModuleLoader__.load({
       const [theming, setTheming] = React.useState(false)
       const [uishing, setUishing] = React.useState(false)
       const [toggling, setToggling] = React.useState(false)
+      const [synTheming, setSynTheming] = React.useState(false)
       const lastPayloadRef = React.useRef(null)
       const pollDisposeRef = React.useRef(null)
 
@@ -1765,6 +2033,22 @@ window.__ModuleLoader__.load({
         })
       }
 
+      // 语法配色：写 host settings 持久化；成功后立即换主题类
+      function setSynTheme(m) {
+        if (!self || synTheming) return
+        setSynTheming(true)
+        callHost('set-syn-theme', { synTheme: m }).then((r) => {
+          setSynTheming(false)
+          if (r && !r.error) {
+            setSelf(Object.assign({}, self, { synTheme: m }))
+            synThemePref = m
+            showToast('语法配色已切换：' + (m === 'auto' ? '自动（随明暗）' : ((SYN_THEMES.find((x) => x[0] === m) || [null, m])[1])))
+          } else {
+            showToast('切换失败：' + ((r && r.error) || '未知错误'))
+          }
+        })
+      }
+
       // 编辑器界面（三态，合并原「布局模式 × 界面模式」）：
       // dock=右侧停靠 / float=悬浮窗口 / hidden=隐藏(dsh UI，内部记住当前布局，切回原样恢复)
       function setUiShape(v) {
@@ -1943,6 +2227,22 @@ window.__ModuleLoader__.load({
             ),
             h('p', { className: 'cdx-pc-note' }, '「跟随 DSH」随 DSH 整体外观（默认）；「跟随系统」随操作系统浅色/深色实时切换；浅色/深色为强制指定。切换立即生效，仅作用于编辑器界面，选择持久化保存。'),
           ),
+          // 字段：语法配色（highlight.js 主题）
+          h('div', { className: 'cdx-pc-field' },
+            h('div', { className: 'cdx-pc-head' },
+              h('span', { className: 'cdx-pc-label' }, '语法配色'),
+              h('span', { className: 'cdx-pc-head' },
+                [{ id: 'auto', name: '自动' }].concat(SYN_THEMES.map((x) => ({ id: x[0], name: x[1] }))).map((t) => h('button', {
+                  key: t.id,
+                  type: 'button',
+                  className: 'cdx-pc-btn ' + (((self && self.synTheme) || 'auto') === t.id ? 'cdx-pc-btn-primary' : 'cdx-pc-btn-outline'),
+                  disabled: !self || synTheming,
+                  onClick: () => setSynTheme(t.id),
+                }, t.name)),
+              ),
+            ),
+            h('p', { className: 'cdx-pc-note' }, '代码语法高亮的配色（highlight.js，193 种语言）。「自动」（默认）随编辑器明暗在 GitHub / GitHub Dark 间切换；其余为固定主题，可与明暗任意搭配。编辑器底色与界面风格仍由「编辑器主题」管理。切换即时生效，持久化保存。'),
+          ),
           // 字段：编辑器界面（三态，合并原「布局模式 × 界面模式」）
           h('div', { className: 'cdx-pc-field' },
             h('div', { className: 'cdx-pc-head' },
@@ -1971,13 +2271,13 @@ window.__ModuleLoader__.load({
                 ['header', 'bar'].map((m) => h('button', {
                   key: m,
                   type: 'button',
-                  className: 'cdx-pc-btn ' + (((self && self.toggle) || 'header') === m ? 'cdx-pc-btn-primary' : 'cdx-pc-btn-outline'),
+                  className: 'cdx-pc-btn ' + (((self && self.toggle) || 'bar') === m ? 'cdx-pc-btn-primary' : 'cdx-pc-btn-outline'),
                   disabled: !self || toggling,
                   onClick: () => setToggle(m),
                 }, m === 'header' ? '会话头按钮' : '悬浮模式条')),
               ),
             ),
-            h('p', { className: 'cdx-pc-note' }, '选择用哪种按钮在 code UI 与dsh UI 之间切换：「会话头按钮」在会话标题栏显示 ⌨ code UI（默认）；「悬浮模式条」为屏幕上方可拖动的横条（code UI / dsh UI 两键）。与布局模式无关，可任意组合，选择持久化保存。'),
+            h('p', { className: 'cdx-pc-note' }, '选择用哪种按钮在 code UI 与 dsh UI 之间切换：「悬浮模式条」为屏幕上方可拖动的横条（code UI / dsh UI 两键，默认）；「会话头按钮」在会话标题栏显示 ⌨ code UI。与布局模式无关，可任意组合，选择持久化保存。'),
           ),
           // 字段一：在线检查更新
           h('div', { className: 'cdx-pc-field' },