@lyhue1991/dsh-soup 0.5.0 → 0.5.2

package/README.md

@@ -40,6 +40,7 @@ DSH（DeepSeek Harness）功能很强：会话、工具、轨迹、Goal 一应
 - **类型图标**：按品牌色区分文件类型（notebook 橙、markdown 紫、json 黄、pdf 红…）。
 - **沙箱围栏**：所有文件操作只能落在你的工作区与会话目录内，越界自动拒绝。
 - **自动刷新**：每 3 秒轻量探测一次目录签名（mtime），有变化才重拉——agent 或终端里的文件增删改无需手动刷新即可出现；面板关闭且无预览时零开销；宿主不可达（如 DSH 重启中）自动指数退避（封顶 60s）。
+- **新建文件夹**：顶部 🗂+ 在当前目录创建文件夹；工具栏顺序为 🗂+ 新建、⬆ 上传、⟳ 刷新、✕ 关闭。
 - **一键刷新**：顶部 ⟳ 重拉整个文件树，已展开的子目录保持展开不收起。
 
 ### 🫚 会话内文件预览（主打 · 姜 · 去腥增香）

package/lib/client.js

@@ -98,8 +98,9 @@ window.__ModuleLoader__.load({
       '.expl-confirm-title{font-size:14px;font-weight:600;margin-bottom:10px;}.expl-confirm-text{font-size:13px;line-height:20px;overflow-wrap:anywhere;}.expl-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;}' +
       '.expl-confirm-btn{height:30px;padding:0 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:7px;background:transparent;color:var(--dsw-alias-label-primary);cursor:pointer;font-size:13px;}.expl-confirm-btn:hover{background:var(--dsw-alias-interactive-bg-hover);}.expl-confirm-primary{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-state-business-primary);color:#fff;}' +
       '.expl-menu{position:fixed;z-index:1990;min-width:172px;background:var(--dsw-specific-menu);border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;padding:4px;box-shadow:var(--dsw-shadow-lv3);pointer-events:auto;}' +
-      '.expl-menu-item{display:flex;align-items:center;gap:7px;width:100%;text-align:left;background:transparent;border:none;color:var(--dsw-alias-label-primary);font-size:13px;padding:6px 10px;border-radius:8px;cursor:pointer;line-height:1.4;}' +
-      '.expl-menu-ico{flex:none;display:inline-flex;align-items:center;}.expl-menu-ico svg{width:14px;height:14px;display:block;}' +
+      '.expl-menu-item{display:flex;align-items:center;width:100%;text-align:left;background:transparent;border:none;color:var(--dsw-alias-label-primary);font-size:13px;padding:6px 10px;border-radius:8px;cursor:pointer;line-height:1.4;}' +
+      '.expl-menu-ico,.expl-menu-ico-ph{flex:none;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:7px;}' +
+      '.expl-menu-ico svg{width:14px;height:14px;display:block;}' +
       '.expl-menu-item:hover{background:var(--dsw-alias-interactive-bg-hover);}' +
       '.expl-danger{color:var(--dsw-alias-state-error-primary);} .expl-menu-item.expl-danger:hover{background:var(--dsw-alias-interactive-bg-hover-danger);}' +
       '.expl-menu-sep{height:1px;margin:4px 6px;background:var(--dsw-alias-border-l1);}' +
@@ -119,12 +120,13 @@ window.__ModuleLoader__.load({
     }
 
     // ------------------------------------------------------------------
-    // 工具栏图标：取自 JupyterLab ui-components（BSD-3-Clause，与文件类型
-    // 图标同源的引用方式），fill 改为 currentColor 以跟随 DSH 主题 token。
-    // 注意：只引入刷新图标——ICON_CLOSE / ICON_UPLOAD 与 GoalBar 段的
-    // 同名 React 元素常量冲突（var 提升覆盖），字符样式反而更稳。
+    // 工具栏图标：刷新图标取自 JupyterLab ui-components（BSD-3-Clause）；
+    // fill 改为 currentColor 以跟随 DSH 主题 token。
+    // 注意：ICON_CLOSE / ICON_UPLOAD 与 GoalBar 段的同名 React 元素常量
+    // 冲突（var 提升覆盖），字符样式反而更稳。
     // ------------------------------------------------------------------
     var ICON_REFRESH = '<svg xmlns="http://www.w3.org/2000/svg" width="16" viewBox="0 0 18 18"><path fill="currentColor" d="M9 13.5c-2.49 0-4.5-2.01-4.5-4.5S6.51 4.5 9 4.5c1.24 0 2.36.52 3.17 1.33L10 8h5V3l-1.76 1.76A6 6 0 0 0 9 3C5.69 3 3.01 5.69 3.01 9S5.69 15 9 15a5.98 5.98 0 0 0 5.9-5h-1.52c-.46 2-2.24 3.5-4.38 3.5"/></svg>'
+    var ICON_NEW_FOLDER = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-2 7h-3v3h-2v-3h-3v-2h3V8h2v3h3v2z"/></svg>'
     var ICON_MORE = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><circle cx="3" cy="8" r="1.3" fill="currentColor"/><circle cx="8" cy="8" r="1.3" fill="currentColor"/><circle cx="13" cy="8" r="1.3" fill="currentColor"/></svg>'
     var EXPAND_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg>'
     var SHRINK_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"/></svg>'
@@ -257,10 +259,13 @@ window.__ModuleLoader__.load({
         'explorer.label': '资源管理器',
         'explorer.refresh': '刷新',
         'explorer.refreshTitle': '刷新（保持已展开目录）',
+        'explorer.newFolder': '新建文件夹',
+        'explorer.newFolderTitle': '在当前目录新建文件夹',
         'explorer.upload': '上传文件',
         'explorer.close': '关闭',
         'explorer.closePanel': '关闭资源管理器',
         'explorer.emptyDir': '（空目录）',
+        'explorer.waitCwd': '正在获取会话目录…',
         'explorer.bulkSelected': '已选 {n} 项 · 拖到文件夹可移动',
         'explorer.readFail': '读取失败',
         'explorer.actionFail': '失败',
@@ -291,7 +296,7 @@ window.__ModuleLoader__.load({
         'menu.trash': '🗑 移到废纸篓',
         'menu.trashMulti': '🗑 移到废纸篓 ({n} 项)',
         'menu.newFile': '📄 新建文件',
-        'menu.newFolder': '📁 新建文件夹',
+        'menu.newFolder': '新建文件夹',
         'menu.copyPath': '⧉ 复制路径',
         'menu.download': '⬇ 下载',
         'menu.deselect': '取消选择',
@@ -325,10 +330,13 @@ window.__ModuleLoader__.load({
         'explorer.label': 'Explorer',
         'explorer.refresh': 'Refresh',
         'explorer.refreshTitle': 'Refresh (keeps expanded folders)',
+        'explorer.newFolder': 'New folder',
+        'explorer.newFolderTitle': 'Create a folder in the current directory',
         'explorer.upload': 'Upload files',
         'explorer.close': 'Close',
         'explorer.closePanel': 'Close explorer',
         'explorer.emptyDir': '(empty)',
+        'explorer.waitCwd': 'Waiting for the session directory…',
         'explorer.bulkSelected': '{n} selected · drag onto a folder to move',
         'explorer.readFail': 'Failed to read',
         'explorer.actionFail': 'Failed',
@@ -359,7 +367,7 @@ window.__ModuleLoader__.load({
         'menu.trash': '🗑 Move to trash',
         'menu.trashMulti': '🗑 Move to trash ({n})',
         'menu.newFile': '📄 New file',
-        'menu.newFolder': '📁 New folder',
+        'menu.newFolder': 'New folder',
         'menu.copyPath': '⧉ Copy path',
         'menu.download': '⬇ Download',
         'menu.deselect': 'Clear selection',
@@ -516,9 +524,15 @@ window.__ModuleLoader__.load({
         var res = await rpc('sessionCwd', { sessionId: sessionId })
         if (res && res.ok && res.cwd) return res.cwd
       }
-      // 已知会话但不能确定其工作目录时，回退到文件系统根，而不是"宿主启动目录"——
-      // 后者（root）会让资源管理器误显示与当前会话无关的启动路径。
-      return '/'
+      // 已知会话但尚未拿到 cwd 时不要猜路径：猜测 '/' 正好会撞上桌面端
+      // 工作区围栏（Desktop 主进程通常从用户主目录启动）。等 useSessions
+      // 补上 cwd 后 effect 会重跑。
+      if (sessionId) return undefined
+      // 无当前会话（例如启动时右栏先挂载）回退到宿主 root；它一定在围栏内，
+      // 而文件系统根 '/' 不一定在。
+      var rootRes = await rpc('root')
+      if (rootRes && rootRes.ok && rootRes.root) return rootRes.root
+      return undefined
     }
 
     async function trackSession(sessionId, cwdHint) {
@@ -526,6 +540,10 @@ window.__ModuleLoader__.load({
       activeSessionId = sessionId || null
       var cwd = await defaultCwd(sessionId, cwdHint)
       if (generation !== sessionTrackGeneration) return
+      if (!cwd) {
+        setState({ cwd: '', tree: [], selected: new Set(), renaming: null, newItem: null, menu: null, error: '', notice: '', files: [] })
+        return
+      }
       // 换项目时展开状态没有跨项目意义；回到同一项目则保留。
       if (expandedDirsCwd !== cwd) {
         expandedDirs.clear()
@@ -1407,7 +1425,7 @@ window.__ModuleLoader__.load({
         }
         if (node.type === 'directory') {
           items.push({ key: 'newfile', label: T('menu.newFile'), onClick: function () { startNew(node.path, false) } })
-          items.push({ key: 'newfolder', label: T('menu.newFolder'), onClick: function () { startNew(node.path, true) }, separatorAfter: true })
+          items.push({ key: 'newfolder', label: [create('span', { className: 'expl-menu-ico', dangerouslySetInnerHTML: { __html: ICON_NEW_FOLDER } }), T('menu.newFolder')], onClick: function () { startNew(node.path, true) }, separatorAfter: true })
         }
         items.push({ key: 'copy', label: T('menu.copyPath'), onClick: function () { copyPath(node) } })
         if (node.type !== 'directory') {
@@ -1415,7 +1433,7 @@ window.__ModuleLoader__.load({
         }
       } else {
         items.push({ key: 'newfile', label: T('menu.newFile'), onClick: function () { startNew(state.cwd, false) } })
-        items.push({ key: 'newfolder', label: T('menu.newFolder'), onClick: function () { startNew(state.cwd, true) } })
+        items.push({ key: 'newfolder', label: [create('span', { className: 'expl-menu-ico', dangerouslySetInnerHTML: { __html: ICON_NEW_FOLDER } }), T('menu.newFolder')], onClick: function () { startNew(state.cwd, true) } })
         items.push({ key: 'refresh', label: [create('span', { className: 'expl-menu-ico', dangerouslySetInnerHTML: { __html: ICON_REFRESH } }), T('explorer.refresh')], onClick: refresh, separatorAfter: true })
         if (state.selected.size > 0) items.push({ key: 'none', label: T('menu.deselect'), onClick: function () { setState({ selected: new Set(), lastIndex: null }) } })
       }
@@ -1454,11 +1472,16 @@ window.__ModuleLoader__.load({
       var items = buildMenuItems(menu.node)
       var menuChildren = []
       items.forEach(function (it) {
+        var children = it.label instanceof Array ? it.label : (function () {
+          var match = it.label.match(/^([\u2190-\u2BFF\u{1F000}-\u{1FAFF}])\s*/u)
+          if (match) return [create('span', { className: 'expl-menu-ico' }, match[1]), it.label.slice(match[0].length)]
+          return [create('span', { className: 'expl-menu-ico-ph' }), it.label]
+        })()
         menuChildren.push(create('button', {
           key: it.key,
           className: 'expl-menu-item' + (it.danger ? ' expl-danger' : ''),
           onClick: function () { setState({ menu: null }); it.onClick() },
-        }, it.label))
+        }, children))
         if (it.separatorAfter) menuChildren.push(create('div', { key: it.key + '-sep', className: 'expl-menu-sep' }))
       })
       return create('div', { ref: menuRef, className: 'expl-menu', style: { left: pos.x, top: pos.y } }, menuChildren)
@@ -1485,7 +1508,7 @@ window.__ModuleLoader__.load({
       var widthRef = React.useRef(DETAILS_DEFAULT)
       var dragRef = React.useRef({ startX: 0, startW: 0, active: false })
 
-      React.useEffect(function () { trackSession(sessionId, cwdRef.current) }, [sessionId])
+      React.useEffect(function () { trackSession(sessionId, cwdRef.current) }, [sessionId, liveCwd])
 
       var setFrameWidth = React.useCallback(function (w) {
         var frame = frameRef.current
@@ -1583,7 +1606,8 @@ window.__ModuleLoader__.load({
         ))
       }
       if (s.tree.length === 0 && !(state.newItem && state.newItem.parent === state.cwd)) {
-        bodyChildren.push(create('div', { key: '__empty__', className: 'expl-muted' }, T('explorer.emptyDir')))
+        bodyChildren.push(create('div', { key: '__empty__', className: 'expl-muted' },
+          s.cwd ? T('explorer.emptyDir') : T('explorer.waitCwd')))
       } else {
         s.tree.forEach(function (node) { bodyChildren.push(create(Row, { key: node.path, node: node, depth: 0 })) })
       }
@@ -1604,16 +1628,22 @@ window.__ModuleLoader__.load({
           create('div', { className: 'expl-head-btns' },
             create('button', {
               className: 'expl-btn',
-              onClick: function () { refreshAll() },
-              title: T('explorer.refreshTitle'),
-              'aria-label': T('explorer.refresh'),
-            }, create('span', { className: 'expl-icon', dangerouslySetInnerHTML: { __html: ICON_REFRESH } })),
+              onClick: function () { startNew(state.cwd, true) },
+              title: T('explorer.newFolderTitle'),
+              'aria-label': T('explorer.newFolder'),
+            }, create('span', { className: 'expl-icon', dangerouslySetInnerHTML: { __html: ICON_NEW_FOLDER } })),
             create('button', {
               className: 'expl-btn',
               onClick: function () { if (uploadInputEl) uploadInputEl.click() },
               title: T('explorer.upload'),
               'aria-label': T('explorer.upload'),
             }, '⬆'),
+            create('button', {
+              className: 'expl-btn',
+              onClick: function () { refreshAll() },
+              title: T('explorer.refreshTitle'),
+              'aria-label': T('explorer.refresh'),
+            }, create('span', { className: 'expl-icon', dangerouslySetInnerHTML: { __html: ICON_REFRESH } })),
             create('button', {
               className: 'expl-btn',
               onClick: function (event) {
@@ -1673,7 +1703,7 @@ window.__ModuleLoader__.load({
       }) : undefined
       var cwdRef = React.useRef(liveCwd)
       cwdRef.current = liveCwd || cwdRef.current
-      React.useEffect(function () { trackSession(sessionId, cwdRef.current) }, [sessionId])
+      React.useEffect(function () { trackSession(sessionId, cwdRef.current) }, [sessionId, liveCwd])
       return create('button', {
         type: 'button',
         className: 'expl-toggle expl-tool' + (s.open ? ' expl-active' : ''),
@@ -1707,7 +1737,7 @@ window.__ModuleLoader__.load({
       }) : undefined
       React.useEffect(function () {
         if (blank) trackSession(sessionId, liveCwd)
-      }, [blank, sessionId])
+      }, [blank, sessionId, liveCwd])
       if (!blank) return null
       return create('div', { className: 'expl-hero-dock' },
         create('button', {

package/package.json

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