dsh-in-hand 1.7.7 → 1.7.8

package/README.md

@@ -266,6 +266,21 @@ PDF / ZIP / MP4）。这是**按内容识别**，不是"按内容放行" ——
 
 ![子代理入口图标](docs/screenshots/v1.7.7-subagents-icon.png)
 
+### v1.7.8：长会话不再整屏闪、附件信封不再露标签
+
+图片的骨架流光用 `inset:0` 绝对定位，却忘了给 `.md-imgwrap` 定位，包含块一路退到**视口**。
+长会话里总有还没进入视口的懒加载图，它们永远带着 `.loading`，于是整屏多出一条 1.35s
+无限循环的亮带（用户原话「反复闪屏」），`translateX(55%)` 还把页面从 390 撑到 601。现在
+流光被关进图片盒、不吃点击，离屏图也不再挂任何动画：
+
+| 改前（整屏亮带，可横向滚到 601） | 改后（390，静止） |
+| --- | --- |
+| ![改前](docs/screenshots/v1.7.8-flash-before.png) | ![改后](docs/screenshots/v1.7.8-flash-after.png) |
+
+同一轮的第二个修复：DSH 给模型看的 `<path>…</path><type>image</type><content>…</content>`
+信封，以前在手机上原样显示成 XML（某会话第一条消息整条都是它），现在渲染成图片卡，
+拿不到图时仍是那条 36px 提示条。
+
 ### 页面为什么不做整页重建
 
 页面每 3 秒轮询一次，但**数据没变就完全不碰 DOM**，只刷新右上角时间戳。首版是

package/lib/page.html

@@ -1083,7 +1083,7 @@ html,body{overflow-x:clip}
    ② min-height:0：没拿到 intrinsic size 之前**不占位撑高**，加载完再长出来，
       避免"先铺一块 44px 空气、再跳一下"的布局抖动；
    ③ 圆角与边框在图片盒子上，加载失败换成提示条时形状/位置不变。 */
-.md-imgwrap{display:block;width:100%;max-width:100%;min-height:0;padding:0;margin:var(--sp-2) 0;border:0;
+.md-imgwrap{display:block;position:relative;width:100%;max-width:100%;min-height:0;padding:0;margin:var(--sp-2) 0;border:0;
   background:none;text-align:left;border-radius:var(--dsw-radius-md);overflow:hidden}
 .md-img{display:block;width:100%;max-width:100%;height:auto;min-height:0;border:1px solid var(--line);
   border-radius:var(--dsw-radius-md);background:var(--panel2)}
@@ -1240,12 +1240,17 @@ html,body{overflow-x:clip}
 @keyframes nudge{0%,100%{transform:translateX(0)}30%{transform:translateX(-2px)}70%{transform:translateX(2px)}}
 
 /* 图片：先落一块纸纹，显影时轻轻放大一点。注意 .loading 是 JS **之后**才加的 ——
-   JS 不跑时 .md-img 完全可见，绝不留隐形图。 */
+   JS 不跑时 .md-img 完全可见，绝不留隐形图。
+   2026-10-22（v1.7.8）：.md-imgwrap 必须 position:relative —— 否则下面这条
+   `inset:0` 的绝对定位流光会以**视口**为包含块：长会话里只要有一张懒加载图片
+   还没进入视口，它就一直带着 .loading，于是整屏出现一条 1.35s 无限循环的亮带
+   （用户报的"反复闪屏"），还把它自己的 translateX(55%) 算进文档宽度，
+   把 390 的页面撑到 601（横向可滚）。同时流光绝不能吃点击。 */
 .md-img{transition:opacity var(--mo-slow) var(--mo-ease),transform var(--mo-slow) var(--mo-ease)}
 .md-imgwrap.loading .md-img{opacity:0;transform:scale(1.012)}
 .md-imgwrap.done .md-img{opacity:1;transform:none}
 .md-imgwrap.loading::after{
-  content:'';position:absolute;inset:0;
+  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
   background:linear-gradient(100deg,transparent 18%,var(--mo-ink) 42%,transparent 62%);
   animation:sheen 1.35s var(--mo-ease) infinite;
 }
@@ -2436,12 +2441,54 @@ function blocksInto(el, text){
   return el
 }
 
+/* DSH 把「用户贴了一个附件」序列化成一段**信封文本**给模型看：
+     <path>C:\…\a.png</path><type>image</type><content>image/png image, 1398x1542 px, 437517 bytes</content>
+   这段协议在手机上也原样显示过 —— 用户看到的是 XML 标签（2026-10-22 的
+   「Token Router 说明书与印刷 PDF」会话，第一条消息整条都是它）。v1.7.8 解析成
+   真正的图片 / 文件卡（同样走 imgNode 的失败兜底），文本里不再留标签。 */
+var ENVELOPE_RE = /<path>([\s\S]*?)<\/path>\s*<type>\s*(image|file)\s*<\/type>\s*<content>([\s\S]*?)<\/content>/g
+function splitAttachmentEnvelopes(text){
+  var images = [], files = []
+  var clean = String(text == null ? '' : text).replace(ENVELOPE_RE, function(all, p, kind, meta){
+    var path = String(p || '').trim()
+    if (!path) return ''
+    var info = { path:path, meta:String(meta || '').replace(/\s+/g, ' ').trim() }
+    if (kind === 'image') images.push(info)
+    else files.push(info)
+    return ''
+  })
+  return {
+    text: clean.replace(/\n{3,}/g, '\n\n').replace(/^\s+|\s+$/g, ''),
+    images: images,
+    files: files
+  }
+}
+function envelopeAttachmentsNode(env){
+  var wrap = document.createElement('div'); wrap.className = 'message-attachments'
+  var i
+  for (i = 0; i < env.images.length; i++) {
+    var a = env.images[i]
+    var node = imgNode(fileUrlFor(a.path), baseName(a.path))
+    if (a.meta) node.title = (node.title ? node.title + ' · ' : '') + a.meta
+    wrap.appendChild(node)
+  }
+  for (i = 0; i < env.files.length; i++) {
+    var f = env.files[i]
+    wrap.appendChild(fileCard(fileUrlFor(f.path), baseName(f.path), '文件'))
+  }
+  return wrap.children.length ? wrap : null
+}
+
 function bubNode(text, opts){
   var o = opts || {}
   var wrap = document.createElement('div'); wrap.className = 'bubwrap'
   var b = document.createElement('div')
   b.className = 'bub'
   var s = String(text == null ? '' : text)
+  var env = splitAttachmentEnvelopes(s)
+  if (env.images.length || env.files.length) s = env.text
+  var attach = envelopeAttachmentsNode(env)
+  if (attach) b.appendChild(attach)
   var parts = s.split('```')
   if (parts.length > 1) {
     for (var i = 0; i < parts.length; i++) {
@@ -5280,8 +5327,11 @@ window.fetch = function (u, o) {
     }
 
     /* 4c. 图片：没加载完的才标 .loading（骨架流光），加载完 .done 显影。
-           注意 .loading 是这里**加上**的 —— JS 不跑时图片本来就直接可见。 */
+           注意 .loading 是这里**加上**的 —— JS 不跑时图片本来就直接可见。
+           2026-10-22（v1.7.8）：只给**贴着视口**的图挂流光。长会话里几十张懒加载图
+           永远在视口外，以前它们会一直挂着 .loading，流光动画也就永远在跑（闪屏）。 */
     var wraps = doc.querySelectorAll('.md-imgwrap')
+    var vh = window.innerHeight || 800
     for (var j = 0; j < wraps.length; j++) {
       var w = wraps[j]
       if (w.classList.contains('done')) continue
@@ -5291,7 +5341,10 @@ window.fetch = function (u, o) {
         w.classList.remove('loading')
         w.classList.add('done')
       } else {
-        w.classList.add('loading')
+        var wr = w.getBoundingClientRect()
+        var near = wr.bottom > -vh && wr.top < vh * 2
+        if (near) w.classList.add('loading')
+        else w.classList.remove('loading')
       }
     }
 

package/lib/sw.js

@@ -46,7 +46,8 @@ const SHELL = ['/taskwatch', '/taskwatch/icon-192.png', '/taskwatch/icon-512.png
 // 又足以把整站打死。别再加回来。
 // v17（v1.7.7）：页面换了正文图片的兜底渲染（坏图 → 44px 以内提示条）与抽屉图标
 //     （字符字形 → 内联 SVG）。外壳里的 icon-192 也是预缓存的，一起升号清掉旧壳。
-const CACHE = 'taskwatch-v17'
+// v18（v1.7.8）：图片流光的包含块修好（长会话不再整屏闪）+ 附件信封改成图片卡。
+const CACHE = 'taskwatch-v18'
 
 const JSON_HEADERS = { 'content-type': 'application/json; charset=utf-8', 'cache-control': 'no-store' }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-in-hand",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "description": "掌上 DSH：DeepSeek Harness 的手机端，不用装 App——会话、实时对话、交付文件、后台任务与待批准。 / DSH in hand: the phone client for DeepSeek Harness with no app to install.",
   "type": "module",
   "main": "lib/index.js",