@lyhue1991/dsh-soup 0.5.5 → 0.5.7

package/lib/client/explorer-data.js

@@ -72,8 +72,9 @@ export function createExplorerData(ctx) {
     async function loadDir(path, attempt) {
       var res = await rpc('list', { path: path, sessionId: getActiveSessionId() })
       // 新会话刚切换时，宿主会话注册表可能尚未纳入其 cwd——稍候重试。
-      if ((!res || !res.ok) && /超出允许范围/.test((res && res.error) || '') && (attempt || 0) < 3) {
-        await new Promise(function (r) { setTimeout(r, 600) })
+      // 会话 attach（含冷会话持久化读取）可能超过 2s，放宽退避至 6 次 × 1s。
+      if ((!res || !res.ok) && /超出允许范围/.test((res && res.error) || '') && (attempt || 0) < 6) {
+        await new Promise(function (r) { setTimeout(r, 1000) })
         return loadDir(path, (attempt || 0) + 1)
       }
       if (!res || !res.ok) {
@@ -230,7 +231,7 @@ export function createExplorerData(ctx) {
       if (!paths.length) return 'idle'
       autoTicking = true
       try {
-        var res = await rpc('mtime', { paths: paths })
+        var res = await rpc('mtime', { paths: paths, sessionId: getActiveSessionId() })
         if (!res || !res.ok) return false
         var mtimes = res.mtimes || {}
         var dirtyDirs = []
@@ -597,6 +598,7 @@ export function createExplorerData(ctx) {
         var b64 = await fileToBase64(blob)
         var args = {
           dir: dir, name: f.name, data: b64,
+          sessionId: getActiveSessionId(),
           chunk: chunked ? c + 1 : undefined,
         }
         var res = await rpc('upload', args)
@@ -635,8 +637,9 @@ export function createExplorerData(ctx) {
     async function downloadFile(path) {
       setState({ menu: null })
       var res = await rpc('download', { path: path, sessionId: getActiveSessionId() })
+      // 下载同样可能落在会话切换空窗：403 时等待宿主 attach 后重试一次。
       if (!res.ok && /超出允许范围/.test(res.error || '')) {
-        await new Promise(function (r) { setTimeout(r, 600) })
+        await new Promise(function (r) { setTimeout(r, 1000) })
         res = await rpc('download', { path: path, sessionId: getActiveSessionId() })
       }
       if (!res || !res.ok) {
@@ -686,9 +689,9 @@ export function createExplorerData(ctx) {
       }
     }
 
-    function onUploadPicker(e) {
+    function onUploadPicker(e, targetDir) {
       var files = Array.from((e.target && e.target.files) || [])
-      uploadFiles(getState().cwd, files)
+      uploadFiles(targetDir || getState().cwd, files)
       e.target.value = ''
     }
 

package/lib/client/explorer-view.js

@@ -17,6 +17,7 @@ export function createExplorerView(ctx) {
   var getLayout = ctx.getLayout
   var visibleRows = ctx.visibleRows
   var uploadInputEl = null
+  var uploadTargetDir = null
   var DETAILS_MIN = 300
   var DETAILS_MAX = 520
   var DETAILS_DEFAULT = 360
@@ -51,6 +52,18 @@ export function createExplorerView(ctx) {
   var trackSession = ctx.trackSession
   var onUploadPicker = ctx.onUploadPicker
   var openFileInTab = ctx.openFileInTab
+
+  function chooseUploadDir(dir) {
+    uploadTargetDir = dir || getState().cwd
+    setState({ menu: null })
+    if (uploadInputEl) uploadInputEl.click()
+  }
+
+  function onUploadInputChange(e) {
+    var targetDir = uploadTargetDir || getState().cwd
+    uploadTargetDir = null
+    onUploadPicker(e, targetDir)
+  }
     // ▓▓ 区域一 · 资源管理器 · 🧅 葱（列表 UI）
     //   NameInput / Row / buildMenuItems / Menu：行渲染、多选、右键菜单、重命名/新建。
     // ------------------------------------------------------------------
@@ -183,7 +196,8 @@ export function createExplorerView(ctx) {
         }
         if (node.type === 'directory') {
           items.push({ key: 'newfile', label: T('menu.newFile'), onClick: function () { startNew(node.path, false) } })
-          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: 'newfolder', label: [create('span', { className: 'expl-menu-ico', dangerouslySetInnerHTML: { __html: ICON_NEW_FOLDER } }), T('menu.newFolder')], onClick: function () { startNew(node.path, true) } })
+          items.push({ key: 'upload', label: T('menu.upload'), onClick: function () { chooseUploadDir(node.path) }, separatorAfter: true })
         }
         items.push({ key: 'copy', label: T('menu.copyPath'), onClick: function () { copyPath(node) } })
         if (node.type !== 'directory') {
@@ -392,7 +406,7 @@ export function createExplorerView(ctx) {
             }, create('span', { className: 'expl-icon', dangerouslySetInnerHTML: { __html: ICON_NEW_FOLDER } })),
             create('button', {
               className: 'expl-btn',
-              onClick: function () { if (uploadInputEl) uploadInputEl.click() },
+              onClick: function () { chooseUploadDir(getState().cwd) },
               title: T('explorer.upload'),
               'aria-label': T('explorer.upload'),
             }, '⬆'),
@@ -431,7 +445,7 @@ export function createExplorerView(ctx) {
             )
           }),
         ) : null,
-        create('input', { type: 'file', multiple: true, style: { display: 'none' }, ref: function (el) { uploadInputEl = el }, onChange: onUploadPicker }),
+        create('input', { type: 'file', multiple: true, style: { display: 'none' }, ref: function (el) { uploadInputEl = el }, onChange: onUploadInputChange }),
         s.error ? create('div', { className: 'expl-error' }, s.error) : null,
         s.notice ? create('div', { className: 'expl-notice' }, s.notice) : null,
         s.selected.size > 1

package/lib/client/i18n.js

@@ -56,6 +56,7 @@ export var DICT = {
     'menu.trashMulti': '🗑 移到废纸篓 ({n} 项)',
     'menu.newFile': '📄 新建文件',
     'menu.newFolder': '新建文件夹',
+    'menu.upload': '⬆ 上传文件',
     'menu.copyPath': '⧉ 复制路径',
     'menu.download': '⬇ 下载',
     'menu.deselect': '取消选择',
@@ -65,6 +66,7 @@ export var DICT = {
     'files.readFail': '读取文件失败',
     'files.reload': '重载',
     'files.reloadTitle': '从磁盘重新读取（刷新预览）',
+    'files.downloadTitle': '下载当前文件',
     'files.binary': '二进制文件（{size}），请在资源管理器中用系统打开',
     'files.imageTooLarge': '图片过大（{size}，上限 {limit}）',
     'files.pdfTooLarge': 'PDF 过大（{size}，上限 {limit}），请用系统打开',
@@ -86,6 +88,7 @@ export var DICT = {
     'files.notEditable': '当前文件类型不支持编辑',
     'files.truncatedEdit': '文件超过 8 MB，已截断，不能编辑保存。',
     'files.jsonFail': 'JSON 解析失败，按纯文本显示',
+    'files.jsonTruncated': 'JSON 文件过大，仅预览前 {n} 个字符；完整内容请用编辑器打开。',
     'files.nbFail': 'ipynb 解析失败，按纯文本显示',
     'files.nbEmpty': '（空笔记本）',
     'files.nbCells': '共 {n} 个单元格',
@@ -143,6 +146,7 @@ export var DICT = {
     'menu.trashMulti': '🗑 Move to trash ({n})',
     'menu.newFile': '📄 New file',
     'menu.newFolder': 'New folder',
+    'menu.upload': '⬆ Upload files',
     'menu.copyPath': '⧉ Copy path',
     'menu.download': '⬇ Download',
     'menu.deselect': 'Clear selection',
@@ -152,6 +156,7 @@ export var DICT = {
     'files.readFail': 'Failed to read file',
     'files.reload': 'Reload',
     'files.reloadTitle': 'Re-read from disk (refresh preview)',
+    'files.downloadTitle': 'Download this file',
     'files.binary': 'Binary file ({size}) — open with the system explorer',
     'files.imageTooLarge': 'Image too large ({size}, limit {limit})',
     'files.pdfTooLarge': 'PDF too large ({size}, limit {limit}) — open with the system viewer',
@@ -173,6 +178,7 @@ export var DICT = {
     'files.notEditable': 'Editing is not supported for this file type',
     'files.truncatedEdit': 'The file exceeds 8 MB and was truncated, so it cannot be safely edited.',
     'files.jsonFail': 'JSON parse failed — shown as plain text',
+    'files.jsonTruncated': 'JSON file is too large — showing the first {n} characters; open the full content in an editor.',
     'files.nbFail': 'ipynb parse failed — shown as plain text',
     'files.nbEmpty': '(empty notebook)',
     'files.nbCells': '{n} cells',
@@ -189,4 +195,3 @@ export var DICT = {
   },
 }
 /** 模块级翻译函数（apply 里由 ctx.locale.bind 填充）。 */
-

package/lib/client/preview-renderers.js

@@ -109,6 +109,7 @@ export function createPreviewRenderers(ctx) {
   var startEditing = ctx.startEditing
   var stopEditing = ctx.stopEditing
   var reloadFile = ctx.reloadFile
+  var downloadFile = ctx.downloadFile
 
   function codeMirrorLanguage(path) {
     var ext = extOfName(path)
@@ -232,6 +233,8 @@ export function createPreviewRenderers(ctx) {
 
   /** 超过该字符数的代码文件不做高亮（Shiki 首次高亮的耗时保护）。 */
   var CODE_HIGHLIGHT_MAX_CHARS = 400000
+  /** 超过该字符数的 JSON 直接按纯文本预览，避免解析和行号 DOM 开销。 */
+  var JSON_PREVIEW_MAX_CHARS = 300000
 
   /** 把 pretty JSON 切成着色 token 数组（纯文本/React 节点，无 innerHTML）。 */
   function jsonColorNodes(pretty) {
@@ -710,11 +713,19 @@ export function createPreviewRenderers(ctx) {
     var text = entry.dirty ? entry.draft : entry.content
     var pk = previewKind(entry.path)
     var view = null
+    var jsonPreviewTruncated = false
     if (pk === 'markdown') view = create(MarkdownPreview, { text: text, baseDir: parentOf(entry.path) })
     else if (pk === 'html') view = create(HtmlPreview, {
       text: text, path: entry.path, sessionId: getActiveSessionId(), title: entry.name,
     })
-    else if (pk === 'json') view = create(CodeWithLines, { text: text }, create(JsonPreview, { text: text }))
+    else if (pk === 'json') {
+      if (text.length > JSON_PREVIEW_MAX_CHARS) {
+        jsonPreviewTruncated = true
+        view = create('pre', { className: 'dfv-json dfv-code' }, text.slice(0, JSON_PREVIEW_MAX_CHARS))
+      } else {
+        view = create(CodeWithLines, { text: text }, create(JsonPreview, { text: text }))
+      }
+    }
     else if (pk === 'notebook') view = create(NotebookPreview, { text: text })
     else if (pk === 'csv' || pk === 'tsv') view = create(DelimitedPreview, { text: text, delim: pk === 'tsv' ? '\t' : ',' })
     else {
@@ -731,6 +742,8 @@ export function createPreviewRenderers(ctx) {
     return create(React.Fragment, null,
       entry.truncated ? create('div', { className: 'dfv-cap' },
         T('files.truncated')) : null,
+      jsonPreviewTruncated ? create('div', { className: 'dfv-cap' },
+        T('files.jsonTruncated', { n: JSON_PREVIEW_MAX_CHARS })) : null,
       view,
     )
   }
@@ -762,6 +775,16 @@ export function createPreviewRenderers(ctx) {
         ))
       }
     }
+    if (active.loaded && !active.editing && !active.dirty && !active.saving) {
+      buttons.push(create('button', {
+        type: 'button',
+        className: 'dfv-btn',
+        title: T('files.downloadTitle'),
+        onClick: function () { downloadFile(active.path) },
+      },
+        T('menu.download'),
+      ))
+    }
     buttons.push(active.loaded ? create('button', {
       type: 'button',
       className: 'dfv-btn',
@@ -799,4 +822,3 @@ export function createPreviewRenderers(ctx) {
 }
 
 if (typeof window !== 'undefined') window.__DSH_SOUP_PREVIEW_RENDERERS__ = { createPreviewRenderers }
-

package/lib/client/speed-badge.js

@@ -1,8 +1,9 @@
 /**
- * 速度徽标组件（区域三 · 🧂 盐）：Deep diving 行内的实时 t/s 吞吐徽标。
+ * 速度徽标组件（区域三 · 🧂 盐）：会话标题旁的实时 t/s 吞吐徽标。
  *
- * 不改 DSH 源码：MutationObserver 定位消息流里的 Deep diving（role=status），
- * 把徽标节点 append 进其行内（inline-flex 同行），实现永远紧贴。
+ * 挂载点：slots 槽位 conversation.session.header.actions（与官方 Agent
+ * 预设标签同槽，order 更大排在其后），React 状态驱动渲染，无 DOM 注入、
+ * 无 MutationObserver——不受消息流内部结构与文案变动影响。
  * timerRef 由 apply 生命周期赋值，经 getTimerRef 包装函数取当前值。
  */
 
@@ -10,23 +11,32 @@
  * @param {object} ctx - { React, T, rpc, getTimerRef }。
  */
 export function createSpeedBadge({ React, T, rpc, getTimerRef }) {
+  var create = React.createElement
+
   function SpeedBadge(props) {
-    var sessionId = props && (props.sessionId || (props.session && (props.session.sessionId || props.session.id)))
+    // Hook 一律无条件调用（条件调用会在重渲染时打破 hook 链，
+    // 触发宿主 React 内部 RangeError 并让整个槽位条目崩溃卸载）。
+    var sessionId = props && props.sessionId
+    var useSessions = props && props.useSessions
+    var fallbackId = useSessions ? useSessions(function (list) {
+      var ids = list && list.ids
+      return ids && ids.length === 1 ? ids[0] : undefined
+    }) : undefined
+    if (!sessionId) sessionId = fallbackId
 
-    // 持有最新状态的最新值的 ref（供 MutationObserver 回调读取）
-    var statusRef = React.useRef(null)
-    var dotsRef = React.useRef(1)
-    var badgeElRef = React.useRef(null)
-    // hostRef：当前挂载的 Deep diving 宿主元素（observer 找到后持有）
-    var hostRef = React.useRef(null)
+    var st = React.useState(function () { return { phase: 'idle' } })
+    var status = st[0]
+    var setStatus = st[1]
+    var dt = React.useState(function () { return { dots: 1 } })
+    var dots = dt[0].dots
+    var setDots = dt[1]
 
-    // 省略号循环
+    // 省略号循环（仅 waiting 阶段有视觉意义）
     React.useEffect(function () {
       var timerRef = getTimerRef()
       if (!timerRef) return
       var stop = timerRef.interval(function () {
-        dotsRef.current = dotsRef.current >= 3 ? 1 : dotsRef.current + 1
-        if (hostRef.current) renderBadge()
+        setDots(function (prev) { return prev >= 3 ? 1 : prev + 1 })
       }, 400)
       return function () { stop() }
     }, [])
@@ -39,10 +49,7 @@ export function createSpeedBadge({ React, T, rpc, getTimerRef }) {
       var cancelled = false
       var poll = function () {
         rpc('speed-status', { sessionId: sessionId }).then(function (res) {
-          if (!cancelled && res && res.ok) {
-            statusRef.current = res
-            if (hostRef.current) renderBadge()
-          }
+          if (!cancelled && res && res.ok) setStatus(res)
         }).catch(function () {})
       }
       poll()
@@ -50,110 +57,63 @@ export function createSpeedBadge({ React, T, rpc, getTimerRef }) {
       return function () { cancelled = true; stop() }
     }, [sessionId])
 
-    // 渲染徽标内容到 badgeEl（由需要时调用；这里用函数声明提升，需放在 effect 外）
-    function renderBadge() {
-      var el = badgeElRef.current
-      if (!el) return
-      var st = statusRef.current
-      // 清空
-      while (el.firstChild) el.removeChild(el.firstChild)
-      if (!st || st.phase === 'idle' || st.phase === 'done') {
-        el.style.display = 'none'
-        return
-      }
-      el.style.display = 'inline-flex'
-      if (st.phase === 'waiting') {
-        // 宿主 .turnStatus 用 background-clip:text + 渐变透明色，内部子元素
-        // 会继承 text-fill-color 而把颜色冲成渐变；必须 important 覆盖。
-        el.style.cssText = 'display:inline-flex;align-items:center;margin-left:10px;font-weight:400;font-size:13px;color:var(--dsw-alias-label-caption);'
-        el.style.setProperty('color', 'var(--dsw-alias-label-caption)', 'important')
-        el.style.setProperty('-webkit-text-fill-color', 'var(--dsw-alias-label-caption)', 'important')
-        el.textContent = T('speed.waiting') + new Array(dotsRef.current + 1).join('.')
-        return
-      }
-      // 流式阶段：token 计数立即显示；瞬时速率窗口未满（tps=0）时先不显示徽标，
-      // 而不是回退到「正在等待模型」（否则短输出全程都显示等待）。
-      var tps = st.tps || 0
-      var bg = tps >= 50 ? '#53b3cb' : tps >= 30 ? '#9bc53d' : tps >= 15 ? '#f9c22e' : '#e01a4f'
-      el.style.cssText = 'display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-weight:400;font-size:11px;color:var(--dsw-alias-label-primary);-webkit-text-fill-color:var(--dsw-alias-label-primary);'
-      var tok = document.createElement('span')
-      tok.style.cssText = 'display:inline-flex;align-items:center;gap:4px;color:var(--dsw-alias-label-caption);-webkit-text-fill-color:var(--dsw-alias-label-caption);'
-      var SVG = 'http://www.w3.org/2000/svg'
-      var svg = document.createElementNS(SVG, 'svg')
-      svg.setAttribute('width', '10'); svg.setAttribute('height', '10'); svg.setAttribute('viewBox', '0 0 10 10')
-      svg.setAttribute('fill', 'none'); svg.setAttribute('stroke', 'currentColor'); svg.setAttribute('stroke-width', '1.2')
-      svg.setAttribute('stroke-linecap', 'round'); svg.setAttribute('stroke-linejoin', 'round')
-      var ln = document.createElementNS(SVG, 'line'); ln.setAttribute('x1', '5'); ln.setAttribute('y1', '1.5'); ln.setAttribute('x2', '5'); ln.setAttribute('y2', '8.5'); svg.appendChild(ln)
-      var poly = document.createElementNS(SVG, 'polyline'); poly.setAttribute('points', '2 6 5 8.5 8 6'); svg.appendChild(poly)
-      tok.appendChild(svg)
-      tok.appendChild(document.createTextNode(String(Math.round(st.tokens))))
-      el.appendChild(tok)
-      if (tps > 0) {
-        var pill = document.createElement('span')
-        pill.style.cssText = 'margin-left:6px;padding:1px 6px;border-radius:4px;background:' + bg + ';color:#fff;-webkit-text-fill-color:#fff;font-size:11px;font-weight:500;'
-        pill.textContent = tps.toFixed(1) + ' t/s'
-        el.appendChild(pill)
-      }
+    // idle/done 不渲染任何可见内容；保留隐藏占位便于 e2e 验证挂载。
+    if (!status || status.phase === 'idle' || status.phase === 'done') {
+      return create('span', { className: 'dsh-soup-speed', style: { display: 'none' }, 'data-phase': 'idle' })
     }
 
-    // MutationObserver：定位 Deep diving 并把 badgeEl 挂进去
-    React.useEffect(function () {
-      if (typeof document === 'undefined' || typeof MutationObserver === 'undefined') return
-      // 初始化徽标 DOM 节点
-      if (badgeElRef.current === null) {
-        badgeElRef.current = document.createElement('span')
-        badgeElRef.current.setAttribute('data-dsh-speed-badge', '')
-        badgeElRef.current.style.display = 'none'
-      }
-      var badge = badgeElRef.current
-
-      function findTurnStatus() {
-        var candidates = document.querySelectorAll('[data-chat-flow] [role="status"], [data-chat-flow] [aria-live="polite"]')
-        for (var i = 0; i < candidates.length; i++) {
-          var text = candidates[i].textContent || ''
-          // DSH i18n（locale chat.deepDiving）：英文 'Deep diving...' / 中文 '深度求索中...'
-          if (text.indexOf('Deep diving') !== -1 || text.indexOf('深度求索') !== -1) return candidates[i]
-        }
-        return null
-      }
-
-      function attach() {
-        // 已挂载且宿主仍在 DOM 中时无需重复查找：徽标内容由 timer/poll 驱动
-        // renderBadge 更新，observer 只负责把徽标挂进/移出宿主元素。
-        if (hostRef.current && hostRef.current.isConnected) {
-          // 若 DSH 在徽标之后又追加了子元素（如 15s 后的 elapsed clock），
-          // 把徽标移到末尾，让它始终紧跟 Deep diving 的计时。
-          if (badge.parentNode !== hostRef.current || hostRef.current.lastElementChild !== badge) {
-            try { hostRef.current.appendChild(badge) } catch (e) {}
-          }
-          return
-        }
-        var target = findTurnStatus()
-        if (target !== null) {
-          hostRef.current = target
-          if (badge.parentNode !== target) { try { target.appendChild(badge) } catch (e) {} }
-          renderBadge()
-        } else if (hostRef.current !== null) {
-          if (badge.parentNode) { try { badge.parentNode.removeChild(badge) } catch (e) {} }
-          hostRef.current = null
-        }
-      }
-
-      var mo = new MutationObserver(function () { attach() })
-      mo.observe(document.body, { childList: true, subtree: true })
-      attach()
-      return function () {
-        mo.disconnect()
-        if (badge.parentNode) { try { badge.parentNode.removeChild(badge) } catch (e) {} }
-        hostRef.current = null
-      }
-    }, [])
+    if (status.phase === 'waiting') {
+      return create('span', {
+        className: 'dsh-soup-speed',
+        style: {
+          display: 'inline-flex', alignItems: 'center',
+          fontSize: '12px', fontWeight: 400,
+          color: 'var(--dsw-alias-label-caption)',
+          whiteSpace: 'nowrap',
+        },
+      }, T('speed.waiting') + '...'.slice(0, dots))
+    }
 
-    return null
+    // 流式阶段：token 计数立即显示；瞬时速率窗口未满（tps=0）时先不显示
+    // 速率药丸，而不是回退到等待文案（否则短输出全程都显示等待）。
+    var tps = status.tps || 0
+    var bg = tps >= 50 ? '#53b3cb' : tps >= 30 ? '#9bc53d' : tps >= 15 ? '#f9c22e' : '#e01a4f'
+    var children = [
+      create('span', {
+        key: 'tok',
+        style: {
+          display: 'inline-flex', alignItems: 'center', gap: '3px',
+          color: 'var(--dsw-alias-label-caption)', fontSize: '11px',
+        },
+      },
+        create('svg', {
+          width: '10', height: '10', viewBox: '0 0 10 10', fill: 'none',
+          stroke: 'currentColor', strokeWidth: '1.2',
+          strokeLinecap: 'round', strokeLinejoin: 'round',
+        },
+          create('line', { x1: '5', y1: '1.5', x2: '5', y2: '8.5' }),
+          create('polyline', { points: '2 6 5 8.5 8 6' }),
+        ),
+        String(Math.round(status.tokens || 0)),
+      ),
+    ]
+    if (tps > 0) {
+      children.push(create('span', {
+        key: 'pill',
+        style: {
+          padding: '1px 6px', borderRadius: '4px',
+          background: bg, color: '#fff',
+          fontSize: '11px', fontWeight: 500,
+        },
+      }, tps.toFixed(1) + ' t/s'))
+    }
+    return create('span', {
+      className: 'dsh-soup-speed',
+      style: { display: 'inline-flex', alignItems: 'center', gap: '6px', whiteSpace: 'nowrap' },
+    }, children)
   }
 
   return SpeedBadge
 }
 
 if (typeof window !== 'undefined') window.__DSH_SOUP_SPEED_BADGE__ = { createSpeedBadge }
-