@lyhue1991/dsh-soup 0.4.10 → 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;}' +
@@ -439,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 }
@@ -1492,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) {}
           }
@@ -2477,6 +2479,7 @@ window.__ModuleLoader__.load({
         )
       })
 
+      var toolbar = null
       var body = null
       if (!active) {
         body = create('div', { className: 'dfv-empty' },
@@ -2484,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.10",
+  "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": {