@lyhue1991/dsh-soup 0.4.9 → 0.4.11

package/README.md

@@ -32,7 +32,7 @@ DSH（DeepSeek Harness）功能很强：会话、工具、轨迹、Goal 一应
 
 ### 🧅 右侧文件树（主打 · 葱 · 提鲜点缀）
 
-一个真正和左侧工作区并列的文件浏览器——不悬浮、不遮挡，配色与宽度都与左侧一致（默认 280px，拖左缘在 264–420px 间调整）。
+一个真正和左侧工作区并列的文件浏览器——不悬浮、不遮挡，配色与宽度都与左侧一致（默认 360px，拖左缘在 300–520px 间调整）。
 
 - **跟随会话**：自动展示当前会话的工作目录，切会话/工作区时跟着走。
 - **右键菜单**：预览、用系统打开、重命名、移到废纸篓、复制完整路径、下载到本机。
@@ -97,7 +97,7 @@ dsh plugin add @lyhue1991/dsh-soup
 
 ## 更新日志
 
-- **0.4.x** — Seti 图标字体（60 种字形覆盖 122 种扩展名）+ 空会话预览浮层（最大化/还原）+ 微信文章兼容 + 文本上限 8 MB + 关闭按钮尺寸修复 + 预览路径 rtl 修复 + i18n 语言适配 + 预览纯阅读模式 + 内部分区重排。
+- **0.4.x** — Seti 图标字体（60 种字形覆盖 122 种扩展名）+ 空会话预览浮层（最大化/还原）+ 微信文章兼容 + 文本上限 8 MB + 关闭按钮尺寸修复 + 预览路径 rtl 修复 + i18n 语言适配 + 预览纯阅读模式 + 内部分区重排 + 预览头部冻结 + details 宽度对齐宿主合同。
 - **0.3.x** — Markdown 相对路径图片内联渲染 + 自动刷新（3s mtime 探测 + 指数退避）+ JupyterLab 风格工具栏图标。
 - **0.2.0** — 改名 `dsh-tree` → `dsh-soup`。
 - **0.1.x** — 只读文件预览系统（md/html/json/csv/pdf/notebook/图片/代码高亮）、大文件流式下载、多行 GoalBar、模型吞吐徽标、空白新会话入口、跨平台 node:fs 文件核心。

package/lib/client.js

@@ -4,7 +4,7 @@
  * 布局：注册进 shell 原生的 `details` 右列（并列网格，非悬浮），
  * 有 Session log 时在它右侧放 📁；空白新会话则在输入框上方、
  * workspace/preset 控件行的右端提供同一入口。
- * 宽度与左侧工作区一致：默认 280px、可拖 264–420px（直接改写 shell 网格
+ * 宽度对齐宿主 details 合同：默认 360px、可拖 300–520px（直接改写 shell 网格
  * 的 details 轨，并用 MutationObserver 在 shell 重渲染后维持宽度）。
  *
  * 与宿主通信：走同源 HTTP 路由 `/api/dsh-soup`（POST JSON），
@@ -151,6 +151,7 @@ window.__ModuleLoader__.load({
     // 纯预览（无编辑）：markdown/html/json/csv 各有专属渲染器。
     var FILEVIEW_CSS =
       '.dfv-root{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--dsw-specific-sidebar-fill);color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);user-select:text;-webkit-user-select:text;}' +
+      '.dfv-header{position:sticky;top:0;z-index:2;flex:none;background:var(--dsw-specific-sidebar-fill);}' +
       '.dfv-tabbar{display:flex;align-items:center;gap:2px;flex:none;overflow-x:auto;padding:6px 10px 0;border-bottom:1px solid var(--dsw-alias-border-l1);scrollbar-width:none;}' +
       '.dfv-tabbar::-webkit-scrollbar{display:none;}' +
       '.dfv-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 8px 5px 10px;border:none;border-radius:8px 8px 0 0;background:transparent;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.4;cursor:pointer;white-space:nowrap;max-width:220px;}' +
@@ -392,6 +393,31 @@ window.__ModuleLoader__.load({
     // while a blank conversation is mounted. Keep late async responses from an
     // older caller from overwriting the current session's shared store.
     var sessionTrackGeneration = 0
+
+    // 目录展开状态按 cwd 隔离。刷新/删除/改名/移动后先重拉根目录，
+    // 再按这些路径递归重拉仍存在的已展开目录；切换项目时才清空。
+    var expandedDirs = new Set()
+    var expandedDirsCwd = null
+
+    function forgetExpandedPaths(paths) {
+      var dropped = paths.map(function (p) { return [p, p + '/'] })
+      expandedDirs = new Set(Array.from(expandedDirs).filter(function (p) {
+        return !dropped.some(function (pair) { return p === pair[0] || p.startsWith(pair[1]) })
+      }))
+    }
+
+    function rekeyExpandedPaths(from, to) {
+      var moved = Array.from(expandedDirs).filter(function (p) {
+        return p === from || p.startsWith(from + '/')
+      }).sort(function (a, b) { return a.length - b.length })
+      if (!moved.length) return
+      var next = new Set(Array.from(expandedDirs).filter(function (p) {
+        return p !== from && !p.startsWith(from + '/')
+      }))
+      moved.forEach(function (p) { next.add(to + p.slice(from.length)) })
+      expandedDirs = next
+    }
+
     function setState(patch) {
       state = Object.assign({}, state, patch)
       listeners.forEach(function (fn) { fn() })
@@ -414,9 +440,9 @@ window.__ModuleLoader__.load({
     var uploadInputEl = null
     var layout = null
 
-    var DETAILS_MIN = 264
-    var DETAILS_MAX = 420
-    var DETAILS_DEFAULT = 280
+    var DETAILS_MIN = 300
+    var DETAILS_MAX = 520
+    var DETAILS_DEFAULT = 360
     function clampW(w) { return Math.max(DETAILS_MIN, Math.min(DETAILS_MAX, w)) }
 
     function pathJoin(dir, name) { return String(dir || '/').replace(/\/+$/, '') + '/' + name }
@@ -484,6 +510,11 @@ window.__ModuleLoader__.load({
       activeSessionId = sessionId || null
       var cwd = await defaultCwd(sessionId, cwdHint)
       if (generation !== sessionTrackGeneration) return
+      // 换项目时展开状态没有跨项目意义；回到同一项目则保留。
+      if (expandedDirsCwd !== cwd) {
+        expandedDirs.clear()
+        expandedDirsCwd = cwd
+      }
       // 会话切换：预览列表按新 cwd 裁剪（范围外自动关闭），并清掉上一路径的旧错误横幅
       var files = pruneFilesToScope(state.files, cwd)
       lastMtimes = {} // 换了目录，旧 mtime 基线全部作废（首轮 tick 重建基线）
@@ -496,7 +527,26 @@ window.__ModuleLoader__.load({
     async function refresh() {
       if (!state.cwd) return
       var items = await loadDir(state.cwd)
-      if (items) setState({ error: '', tree: items })
+      if (!items) return
+      await restoreExpandedChildren(items)
+      setState({ error: '', tree: items })
+    }
+
+    /** 根目录刷新后，按记住的路径递归恢复已展开目录。 */
+    async function restoreExpandedChildren(nodes) {
+      for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i]
+        if (node.type !== 'directory' || !expandedDirs.has(node.path)) continue
+        var items = await loadDir(node.path)
+        if (!items) {
+          expandedDirs.delete(node.path)
+          continue
+        }
+        node.open = true
+        node.children = items
+        items.forEach(function (child) { child.parent = node })
+        await restoreExpandedChildren(items)
+      }
     }
 
     // ------------------------------------------------------------------
@@ -624,23 +674,7 @@ window.__ModuleLoader__.load({
     /** 手动刷新：重拉根目录，已展开的子目录逐个重拉、保持展开不收起。 */
     async function refreshAll() {
       if (!state.cwd) return
-      var expanded = []
-      var walk = function (nodes) {
-        for (var i = 0; i < nodes.length; i++) {
-          var n = nodes[i]
-          if (n.type === 'directory' && n.children != null) {
-            if (n.path !== state.cwd) expanded.push({ path: n.path, open: !!n.open })
-            if (n.open && n.children.length) walk(n.children)
-          }
-        }
-      }
-      walk(state.tree)
       await refresh()
-      for (var j = 0; j < expanded.length; j++) {
-        if (!expanded[j].open) continue
-        var node = findNode(state.tree, expanded[j].path)
-        if (node) await reloadDirNode(node)
-      }
     }
 
     async function toggleNode(node) {
@@ -652,10 +686,16 @@ window.__ModuleLoader__.load({
         node.loading = false
         if (items) items.forEach(function (c) { c.parent = node })
         node.children = items || []
-        node.open = true
+        node.open = !!items
+        if (items) expandedDirs.add(node.path)
+        // 拖拽可能把一个已展开目录移进此前收起的父目录。父目录首次展开时，
+        // 也要立即恢复其中被记住的子目录展开状态。
+        if (items) await restoreExpandedChildren(items)
         setState({ tree: state.tree })
       } else {
         node.open = !node.open
+        if (node.open) expandedDirs.add(node.path)
+        else expandedDirs.delete(node.path)
         setState({ tree: state.tree })
       }
     }
@@ -940,11 +980,14 @@ window.__ModuleLoader__.load({
       var paths = Array.from(state.selected)
       setState({ menu: null })
       var errors = []
+      var trashed = []
       for (var i = 0; i < paths.length; i++) {
         var res = await rpc('trash', { path: paths[i] })
-        if (!res || !res.ok) errors.push(baseName(paths[i]) + ': ' + ((res && res.error) || T('explorer.actionFail')) + ((res && res.hint) ? '（' + res.hint + '）' : ''))
+        if (res && res.ok) trashed.push(paths[i])
+        else errors.push(baseName(paths[i]) + ': ' + ((res && res.error) || T('explorer.actionFail')) + ((res && res.hint) ? '（' + res.hint + '）' : ''))
       }
       if (errors.length) setState({ error: errors.join('；') })
+      forgetExpandedPaths(trashed)
       setState({ selected: new Set(), lastIndex: null })
       await refresh()
     }
@@ -958,12 +1001,18 @@ window.__ModuleLoader__.load({
       }
       var dir = parentOf(path)
       var dest = pathJoin(dir, name)
+      var node = findNode(state.tree, path)
+      var isDir = node && node.type === 'directory'
       var sel = new Set(state.selected)
       if (sel.has(path)) { sel.delete(path); sel.add(dest) }
       setState({ renaming: null, selected: sel })
       ;(async function () {
         var res = await rpc('move', { from: path, to: dest })
-        if (!res || !res.ok) setState({ error: (res && res.error) || T('explorer.renameFail') })
+        if (res && res.ok) {
+          if (isDir) rekeyExpandedPaths(path, dest)
+        } else {
+          setState({ error: (res && res.error) || T('explorer.renameFail') })
+        }
         await refresh()
       })()
     }
@@ -1040,6 +1089,7 @@ window.__ModuleLoader__.load({
 
     async function movePaths(paths, targetDir) {
       var errors = []
+      var moved = []
       for (var i = 0; i < paths.length; i++) {
         var p = paths[i]
         if (p === '/' || !p) continue
@@ -1047,10 +1097,18 @@ window.__ModuleLoader__.load({
         var dest = pathJoin(targetDir, name)
         if (dest === p) continue
         if (targetDir === p || targetDir.startsWith(p + '/')) { errors.push(T('explorer.moveIntoSelf', { path: name })); continue }
+        var node = findNode(state.tree, p)
         var res = await rpc('move', { from: p, to: dest })
-        if (!res || !res.ok) errors.push(name + ': ' + ((res && res.error) || T('explorer.actionFail')))
+        if (res && res.ok) {
+          moved.push({ from: p, to: dest, isDir: node && node.type === 'directory' })
+        } else {
+          errors.push(name + ': ' + ((res && res.error) || T('explorer.actionFail')))
+        }
       }
       setState({ dragPaths: null })
+      moved.forEach(function (item) {
+        if (item.isDir) rekeyExpandedPaths(item.from, item.to)
+      })
       if (errors.length) setState({ error: errors.join('；') })
       await refresh()
     }
@@ -1435,8 +1493,9 @@ window.__ModuleLoader__.load({
               if (isNaN(last) || last <= 1) { setState({ open: false }); return }
               setState({ open: true })
               if (Math.round(last) !== Math.round(widthRef.current)) {
-                parts[parts.length - 1] = Math.round(widthRef.current) + 'px'
-                frame.style.gridTemplateColumns = parts.join(' ')
+                // 宿主是宽度偏好的权威（/native drag/窗口求解都可能改它）。
+                // 插件只同步基准，不能把宿主拖出来的宽度强行拉回旧默认。
+                widthRef.current = last
               }
             } catch (e) {}
           }
@@ -2420,6 +2479,7 @@ window.__ModuleLoader__.load({
         )
       })
 
+      var toolbar = null
       var body = null
       if (!active) {
         body = create('div', { className: 'dfv-empty' },
@@ -2427,33 +2487,36 @@ window.__ModuleLoader__.load({
           T('files.emptyHint'),
         )
       } else {
+        toolbar = create('div', { className: 'dfv-toolbar' },
+          create('span', { className: 'dfv-toolbar-path', title: active.path }, active.path),
+          typeof active.size === 'number' && active.size > 0 ? create('span', null, formatBytes(active.size)) : null,
+          active.loaded ? create('button', {
+            type: 'button',
+            className: 'dfv-btn',
+            title: T('files.reloadTitle'),
+            onClick: function () { reloadFile(active.path) },
+          },
+            create('span', { className: 'expl-icon', dangerouslySetInnerHTML: { __html: ICON_REFRESH } }),
+            T('files.reload'),
+          ) : null,
+          create('button', {
+            type: 'button',
+            className: 'dfv-btn',
+            title: '最大化', 'aria-label': '最大化',
+            onClick: function () { setFiles({ overlay: true, overlayMax: true, overlayReturn: 'tab' }) },
+            dangerouslySetInnerHTML: { __html: EXPAND_SVG },
+          }),
+        )
         body = create('div', { className: 'dfv-body' },
-          create('div', { className: 'dfv-toolbar' },
-            create('span', { className: 'dfv-toolbar-path', title: active.path }, active.path),
-            typeof active.size === 'number' && active.size > 0 ? create('span', null, formatBytes(active.size)) : null,
-            active.loaded ? create('button', {
-              type: 'button',
-              className: 'dfv-btn',
-              title: T('files.reloadTitle'),
-              onClick: function () { reloadFile(active.path) },
-            },
-              create('span', { className: 'expl-icon', dangerouslySetInnerHTML: { __html: ICON_REFRESH } }),
-              T('files.reload'),
-            ) : null,
-            create('button', {
-              type: 'button',
-              className: 'dfv-btn',
-              title: '最大化', 'aria-label': '最大化',
-              onClick: function () { setFiles({ overlay: true, overlayMax: true, overlayReturn: 'tab' }) },
-              dangerouslySetInnerHTML: { __html: EXPAND_SVG },
-            }),
-          ),
           create(FileContent, { key: active.path, entry: active }),
         )
       }
 
       return create('div', { className: 'dfv-root', ref: rootRef },
-        files.list.length > 0 ? create('div', { className: 'dfv-tabbar' }, tabs) : null,
+        files.list.length > 0 ? create('div', { className: 'dfv-header' },
+          create('div', { className: 'dfv-tabbar' }, tabs),
+          toolbar,
+        ) : null,
         body,
       )
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lyhue1991/dsh-soup",
-  "description": "DSH 项目资源管理器：右侧 details 列文件树（并列网格、宽度与左侧工作区一致 264-420px），有 Session log 时在其右侧、空白新会话在输入框上方右端提供 📁 切换按钮；支持多选、双击展开/打开、右键菜单（打开/系统打开/重命名/废纸篓/新建/复制路径）、拖拽移动、上传。文件「打开」在会话区新增「文件」标签页（原生 conversation.view，与对话/轨迹同级）：文本可编辑 ⌘S 保存、图片预览、二进制提示。附带模型吞吐徽标：输入框正上方显示「正在等待模型...」与彩色 t/s 徽标（数据来自 llm/stream 真实流）。附带 GoalBar 多行展示：把原生单行截断 GoalBar 放开为多行完整显示，编辑用 textarea，工具与数据仍走原生 goal。",
-  "version": "0.4.9",
+  "description": "DSH 项目资源管理器：右侧 details 列文件树（并列网格、宽度对齐宿主 details 合同 300-520px），有 Session log 时在其右侧、空白新会话在输入框上方右端提供 📁 切换按钮；支持多选、双击展开/打开、右键菜单（打开/系统打开/重命名/废纸篓/新建/复制路径）、拖拽移动、上传。文件「打开」在会话区新增「文件」标签页（原生 conversation.view，与对话/轨迹同级）：文本可编辑 ⌘S 保存、图片预览、二进制提示。附带模型吞吐徽标：输入框正上方显示「正在等待模型...」与彩色 t/s 徽标（数据来自 llm/stream 真实流）。附带 GoalBar 多行展示：把原生单行截断 GoalBar 放开为多行完整显示，编辑用 textarea，工具与数据仍走原生 goal。",
+  "version": "0.4.11",
   "type": "module",
   "main": "lib/index.js",
   "exports": {