magic-agent 2.1.5 → 2.3.0

package/client-ui/shared/conv/19-attachments.js

@@ -650,6 +650,23 @@ function qaArtNode(it){
   return card;
 }
 
+/** 产物路径的**归一化**（判「是不是同一个文件」的唯一口径）。
+ *
+ *  同一份文件在事件里有三种写法 —— 绝对路径、workspace 相对路径、以及 `t2/cover.png`
+ *  这类不带 `./` 的写法；只按字符串比对就会把它们当成三个文件画三张卡
+ *  （2026-10-22 用户：「子任务产物同一个文件不要重复显示」）。
+ *  相对路径按会话 workspace 拼成绝对路径再比对（拼不出来就保留原串），顺手吃掉
+ *  `./`、重复斜杠与末尾斜杠。 */
+function qaArtCanon(p){
+  let s = String(p == null ? "" : p).trim().replace(/\\/g, "/");
+  if(!s) return "";
+  if(!/^\//.test(s) && !/^[A-Za-z]:\//.test(s)){
+    const base = String(qaArtBase() || "").replace(/\/+$/, "");
+    if(base) s = base + "/" + s.replace(/^\.\//, "");
+  }
+  return s.replace(/\/{2,}/g, "/").replace(/\/\.\//g, "/").replace(/\/+$/, "");
+}
+
 /** 把挑出的产物路径画成一排卡（**只画真的落在盘上的**）。
  *  ⚠️ 存在性问主进程（`desk:path-probe`，一次批量）——渲染层拿不到 fs。
  *     正文里提到的 `app.js`、远端 URL、示例路径都不会被误画成卡。
@@ -657,15 +674,41 @@ function qaArtNode(it){
  *  `opts.label`（2026-10-15）＝ 在这一排卡上面先落一行小标题（「本轮产物」用，见 qaTurnArtsMount）；
  *  `opts.detached` ＝ 允许画进**不在文档树上**的宿主：后台那一轮的画布被整份摘进 holder，
  *     节点还在、只是不在树上（`isConnected` 为假）—— 收尾时往它末尾补产物正是这种情形。
+ *  `opts.skipShown:false` ＝ 不做「已经画过的跳过」（默认做，见 qaTaskArtsShown）。
  *  返回画出来的张数（Promise）：收尾那条链要**等它画完**再落 HTML 快照（见 qaTurnArtsMount）。 */
 function qaArtMount(host, paths, opts){
   const o = opts || {};
   const api = qaDeskFn("pathProbe");
   if(!host || !api || !Array.isArray(paths) || !paths.length) return Promise.resolve(0);
-  const list = paths.slice(0, 12);
+  const dup = new Set();
+  const list = [];
+  paths.forEach((p)=>{
+    const s = qaArtCanon(p);
+    if(!s || dup.has(s)) return;
+    dup.add(s);
+    list.push(String(p).trim());
+  });
+  if(!list.length) return Promise.resolve(0);
   return Promise.resolve(api({ base: qaArtBase(), paths: list })).then((r)=>{
     const items = (r && r.ok && Array.isArray(r.items)) ? r.items : [];
-    const hit = items.filter((x)=> x && x.exists && x.abs);
+    /* 探针回的是**解析后的绝对路径**（相对路径已按 workspace 展开），它才是最终落盘位置 ——
+       归一化去重也以它为准：上面那轮只挡得住「同一批里的重复」，跨两次挂载
+       （子任务产物区 vs 正文 / 本轮产物）的重复要靠这里。 */
+    const shown = new Set();
+    let hit = items.filter((x)=>{
+      if(!x || !x.exists || !x.abs) return false;
+      const k = qaArtCanon(x.abs);
+      if(shown.has(k)) return false;
+      shown.add(k);
+      return true;
+    });
+    /* 已经在本条消息的任务列表下方展示过的文件，别在正文 / 本轮产物里再画一遍
+       （2026-10-22 用户：「子任务产物同一个文件不要重复显示」）——
+       汇总正文末尾常有一份「产物」清单，子任务产物区里也是同一批文件。 */
+    const skip = o.skipShown === false ? null : qaTaskArtsShown(host);
+    if(skip && skip.size){
+      hit = hit.filter((x)=> !skip.has(qaArtCanon(x.abs)));
+    }
     if(!hit.length) return 0;                                // 一个都不存在 → 不画
     if(!o.detached && !host.isConnected) return 0;           // 这条消息已经换掉了 → 不画
     if(o.label){
@@ -695,6 +738,31 @@ function qaArtMount(host, paths, opts){
   }).catch(()=> 0);                                           // 探针失败 = 当作「都不是产物」，正文照旧
 }
 
+/** 这条应答消息里**已经画出来**的产物（规范化绝对路径集合）。
+ *
+ *  为什么要一问一答式地与 qaArtMount 合流（2026-10-22 用户：「子任务产物同一个文件不要
+ *  重复显示」）：同一轮里产物有三条来路 ——
+ *    ① 子任务产物区（任务列表卡下方，core 的 `arts`，最先画出来）;
+ *    ② 工具的「输出」段（结果正文里挑出来的路径）;
+ *    ③ 收尾的「本轮产物」区 + 正文里的产物卡。
+ *  同一份 cover.png 三条来路都会挑到。先画出来的那条留下，后面的跳过 —— 判据取 DOM 上
+ *  真实的 `data-path`（快照恢复后照样成立），不另记内存状态。
+ *  宿主容器不在树上时（后台那一轮被摘进 holder）退回 `host.closest` 拿不到消息 →
+ *  只看 host 自己，宁可少挡一次也不误挡。 */
+function qaTaskArtsShown(host){
+  const out = new Set();
+  if(!host || !host.closest) return out;
+  const msg = (host.classList && host.classList.contains("qa-bd")) ? host : host.closest(".qa-bd");
+  const scope = msg || host;
+  try{
+    scope.querySelectorAll(".qa-task-arts .qa-art[data-path], .qa-arts .qa-art[data-path]").forEach((n)=>{
+      const p = String(n.dataset.path || "").trim();
+      if(p) out.add(qaArtCanon(p));
+    });
+  }catch(e){ /* 取不到就当没画过 —— 顶多多画一张，不会漏 */ }
+  return out;
+}
+
 /* ── 破图收尾（2026-10-20 用户：「是图片不存在吗 不存在的不显示」）────────────
    探针只说「这会儿在盘上」，图却仍可能取不回来：手机连的是另一台/另一个实例、
    快照里存的是换过的旧令牌、文件在渲染后被删。别留一张 alt + 碎图标的空卡：
@@ -821,15 +889,11 @@ function qaTurnArtsMount(run, h){
   const el = h && h.el;
   const host = (el && el.querySelector) ? el.querySelector(".qa-bd") : null;
   if(!host || !paths.length) return Promise.resolve(0);
-  const seen = new Set();
-  const mark = (s)=>{ const t = String(s == null ? "" : s); if(t){ seen.add(t); seen.add(t.split("/").pop()); } };
-  try{
-    el.querySelectorAll(".qa-t .qa-art[data-path]").forEach((n)=> mark(n.dataset.path));
-    el.querySelectorAll(".qa-t .qa-atts img, .qa-t img").forEach((n)=>{ mark(n.getAttribute("src")); mark(n.getAttribute("alt")); });
-  }catch(e){ /* 取不到就当没画过 —— 顶多多画一张，不会漏 */ }
-  const want = paths.filter((p)=>{ const b = String(p).split("/").pop(); return !seen.has(p) && !seen.has(b); });
-  if(!want.length) return Promise.resolve(0);
-  return qaArtMount(host, want, { label: "本轮产物", detached: true });
+  /* 「正文里已经画过的跳过」不再在这里判：qaArtMount 统一按规范化绝对路径比对
+     DOM 上真实的 `data-path`（含子任务产物区），相对 / 绝对 / 带不带 `./` 三种写法
+     都能对上（2026-10-22 用户：「子任务产物同一个文件不要重复显示」）。
+     这里只把「本轮产物」这个标题带下去 —— 一张都画不出来时它自己不会出现。 */
+  return qaArtMount(host, paths, { label: "本轮产物", detached: true });
 }
 /** 回放 / 续传专用（2026-10-20 方案 A）：按**轮**收产物，封口时补挂到这轮消息末尾。
  *

package/client-ui/shared/conv/29-msg-variants.js

@@ -349,6 +349,19 @@ function qaClip(s, n){
   const max = n || 72;
   return t.length > max ? t.slice(0, max) + "…" : t;
 }
+/** 毫秒 → 任务列表行尾的耗时文案（0 / 非数 → ""，不写 "0s" 这种噪音）。
+ *  口径与收尾行「总耗时」一致：<1 分钟按秒、<1 小时按分、再往上按小时。 */
+function qaDur(ms){
+  const v = Number(ms);
+  if(!Number.isFinite(v) || v <= 0) return "";
+  if(v < 60000) return Math.round(v / 1000) + "s";
+  if(v < 3600000){
+    const m = Math.floor(v / 60000), s = Math.round((v % 60000) / 1000);
+    return s ? m + "m" + s + "s" : m + "m";
+  }
+  const h = Math.floor(v / 3600000), m = Math.round((v % 3600000) / 60000);
+  return m ? h + "h" + m + "m" : h + "h";
+}
 function qaBaseName(p){
   const t = String(p || "").replace(/\\/g, "/").replace(/\/+$/, "");
   const i = t.lastIndexOf("/");
@@ -485,8 +498,10 @@ function qaTodoFill(host, rows, opts){
   }
   const sum = document.createElement("span");
   sum.className = "qa-todo-sum";
-  sum.textContent = "待办 " + done + "/" + arr.length
-    + (prog.length ? " · " + qaClip(prog[0].active || prog[0].text, 40) : "");
+  /* 标题栏只报总账（「待办 1/2」），**不再**塞一行「已 41 秒无新输出」：
+     2026-10-22 用户截图 —— 标题栏和任务行同时写着同一句秒数，看着像两件事。
+     每一行各自的进度就在那一行里（见下方 .qa-todo-st）。 */
+  sum.textContent = "待办 " + done + "/" + arr.length;
   hd.appendChild(sum);
   if(o.title){
     /* ⚠️ 开合态只落**类**（.qa-todo-panel 上的 open），不写 data-* / 不写行内样式：
@@ -515,9 +530,39 @@ function qaTodoFill(host, rows, opts){
     else if(t.status === "failed") ico.innerHTML = QA_V_ICONS.alert;
     const txt = document.createElement("span");
     txt.className = "qa-todo-t";
-    txt.textContent = (t.status === "in_progress" && t.active) ? t.active : t.text;
+    /* 标题**永远是标题**（2026-10-22 用户截图：整行只剩「已 41 秒无新输出」，
+       任务叫什么完全看不见了 —— 此前这里是 `in_progress && active` 就把 text 换掉）。 */
+    txt.textContent = t.text;
     r.appendChild(ico);
     r.appendChild(txt);
+    /* 行尾：状态 · 耗时 ·（可选）此刻在干什么 —— 全在一行里，右对齐。
+       2026-10-22 用户：「状态重新显示 应该显示子任务标题和状态耗时」。
+       团队的每一行（running / 已完成 / 失败 / 跳过）都带状态与耗时；待办清单
+       （引擎的 TodoWrite）不带 st，走下面那两档旧形态，形态不变。 */
+    const dur = qaDur(t.ms);
+    if(t.st){
+      const st = document.createElement("span");
+      st.className = "qa-todo-st is-" + t.status;
+      st.textContent = String(t.st);
+      r.appendChild(st);
+      if(dur){
+        const ms = document.createElement("span");
+        ms.className = "qa-todo-dur";
+        ms.textContent = dur;
+        r.appendChild(ms);
+      }
+      /* 状态说明（等授权 / 长时间无输出）接在「状态 耗时」后面 —— 它是**次要**信息，
+         所以排在最后、字更小。只有真正要用户注意的时候 core 才会给 active
+         （等授权 / 静默超 30 秒），平时这一行就只有「标题 … 运行中 41s」。 */
+      if(t.status === "in_progress" && t.active){
+        const ac = document.createElement("span");
+        ac.className = "qa-todo-active";
+        ac.textContent = String(t.active);
+        r.appendChild(ac);
+      }
+      list.appendChild(r);
+      return;
+    }
     /* 行尾标注（可选，`引擎 · 角色`）：只有团队任务列表给这一档，待办清单没有 */
     if(t.meta){
       const mt = document.createElement("span");
@@ -525,6 +570,14 @@ function qaTodoFill(host, rows, opts){
       mt.textContent = String(t.meta);
       r.appendChild(mt);
     }
+    if(t.status === "in_progress" && t.active){
+      const ac = document.createElement("span");
+      ac.className = "qa-todo-active";
+      ac.textContent = String(t.active);
+      const mt = r.querySelector(".qa-todo-meta");
+      if(mt) mt.remove();
+      r.appendChild(ac);
+    }
     list.appendChild(r);
   });
   host.appendChild(list);

package/client-ui/shared/conv/README.md

@@ -145,6 +145,12 @@ node tests/check-conv-shards.mjs --write                               # 按代
     ② **移动端宿主页有了装配冒烟**（`check:conv-comp` 第二段，按打包后的 `shared/` 关系把
        `client-ui-mobile/index.html` 原样跑一遍）：组件挂得上、画布在 `#conv` 里、共用皮肤与
        两个基线令牌都在、零脚本报错。
+       **2026-10-22 补了行为级的那一层**：`npm run check:conv-mobile`
+       （`tests/check-conv-mobile-host.mjs`，21 条）按 `magic-client` 的 `/m/` 路由镜像起服务，
+       真跑 `client-ui-mobile/index.html`（390×844 手机视口），验团队一轮的
+       任务行（标题 + 状态 + 耗时）、`.qa-task-arts` 子任务产物区（缩略图走 `/desk/media`、
+       同一文件去重、重发不叠加），以及**移动端宿主的 `pathProbe` / `mediaUrl` 桥真的装上了**
+       —— 之前只有装配冒烟，桥断掉时内核只是静默不画，闸门全绿。
     ③ [[conv.css]] 里 magic-test 独有的结构件规则**刻意保留**（本壳没有那些节点 → 匹配不到，
        无害；内核里有运行时拼出来的类名，静态删会误判）—— 理由写在文件头。
   - **2026-10-17 修的两个「看得见吗 / 画了吗」问题**（移动端报障：「看不到会话历史」）：

package/client-ui/shared/conv/conv.css

@@ -516,6 +516,10 @@
 
 .qa-arts-cap + .qa-arts{margin-top:4px}
 
+/* 子任务产物区（任务列表卡正下方，见 03-chat-message::mountTaskArts）：
+   与列表卡之间留一点缝，标题跟着卡一起对齐；卡本身沿用 .qa-arts / .qa-art 那一套。 */
+.qa-task-arts{margin:0 0 8px}
+
 .qa-art{border:1px solid var(--line);border-radius:10px;background:#FCFBF9;
   overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}
 
@@ -1645,9 +1649,20 @@
 .qa-todo-row.is-skipped{color:var(--paper-mute)}
 .qa-todo-row.is-skipped .qa-todo-ico{border-style:dashed}
 .qa-todo-row.is-skipped .qa-todo-t{text-decoration:line-through}
-.qa-todo-t{min-width:0}
+.qa-todo-t{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+/* 行尾「状态 · 耗时」：团队的每一行都有（2026-10-22 用户：「应该显示子任务标题和状态耗时」）。
+   标题占满剩余宽度并省略，状态与耗时靠右不换行 —— 一行永远是一行。 */
+.qa-todo-st{flex:none;font-family:var(--mono);font-size:10px;color:var(--paper-mute);white-space:nowrap}
+.qa-todo-st.is-in_progress{color:var(--amber)}
+.qa-todo-st.is-failed{color:var(--cinnabar-hi)}
+.qa-todo-dur{flex:none;font-family:var(--mono);font-size:10px;color:var(--paper-mute);
+  white-space:nowrap;font-variant-numeric:tabular-nums}
 .qa-todo-meta{margin-left:auto;flex:none;max-width:46%;font-family:var(--mono);font-size:10px;
   color:var(--paper-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+/* 行内进度（团队心跳：「等待授权」「已 40 秒无新输出」）：接在「状态 耗时」之后，
+   是这一行里**最次要**的一档（字最小、允许收缩），标题永远优先占宽度。 */
+.qa-todo-active{flex:0 1 auto;min-width:0;max-width:40%;font-size:10px;
+  color:var(--amber);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .qa-todo-panel{min-width:0;margin:0 0 8px;border:1px solid var(--line);
   border-radius:var(--r-md);overflow:hidden;background:var(--panel,#FFF)}
 .qa-todo-panel .qa-todo-hd{gap:7px}

package/client-ui/shared/conversation.css

@@ -161,6 +161,37 @@
 
 .composer{flex:0 0 auto;padding:0 clamp(12px,4vw,20px) 16px}
 
+/* 下一轮建议（2026-10-23）：一轮收尾后出现在**输入框正上方**，点一下直接发送。
+   形制照用户给的参考图：一枚枚圆角描边的短语，贴在输入框外沿、左对齐。
+   · 只占一行，横向滚动（不换行）—— 三条建议在手机上也不会把输入框顶下去；
+   · 宽/居中与 .composer__box、.composer__tools 逐值对齐，左边缘不参差；
+   · 默认 hidden 且**不预留高度**：没有建议时输入框位置一个像素都不动；
+   · ⚠️ display:flex 会盖掉 [hidden] 的 UA 规则，所以显式补一条。 */
+.sugbar{display:flex;align-items:center;gap:8px;max-width:860px;margin:0 auto 8px;
+  overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
+  -webkit-overflow-scrolling:touch;padding:1px 1px 2px}
+.sugbar[hidden]{display:none}
+.sugbar::-webkit-scrollbar{display:none}
+.sugchip{flex:0 0 auto;max-width:min(78vw,320px);height:34px;padding:0 14px;
+  border:1px solid var(--border);border-radius:var(--r-full);background:var(--raised);
+  color:var(--ink);font:13.5px/32px var(--font);white-space:nowrap;overflow:hidden;
+  text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}
+.sugchip:active{background:var(--subtle);border-color:var(--accent)}
+/* 托管中：紧挨着建议行的一枚状态标记（点它 = 暂停托管）。它与第一枚「待发」建议
+   同时出现，用户看到的是「要自动发这句」而不是「又多了几个按钮」。 */
+.sugtag{flex:0 0 auto;height:34px;padding:0 11px;border:1px solid var(--accent);
+  border-radius:var(--r-full);background:transparent;color:var(--accent);
+  font:12px/32px var(--font);white-space:nowrap;letter-spacing:.02em}
+.sugtag::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;
+  border-radius:50%;background:currentColor;vertical-align:1px}
+.sugtag:active{background:var(--subtle)}
+/* 提问卡头的托管标记：卡头只有 9px 高，按建议条那枚 34px 会撑破；缩到 20px，仍保留圆点。 */
+.qa-ask-hd .sugtag{height:20px;padding:0 8px;font:10px/18px var(--font);border-radius:var(--r-full)}
+.qa-ask-hd .sugtag::before{width:5px;height:5px;margin-right:5px;vertical-align:1px}
+/* 第一条建议 = 托管马上要发的那句：给一圈同色描边，别让它和另外两枚看起来一样重。 */
+.sugchip--next{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
+@media (prefers-reduced-motion:no-preference){.sugchip{transition:background .12s,border-color .12s}}
+
 .composer__box{max-width:860px;margin:0 auto;border:1px solid var(--border);border-radius:var(--r-card);
   background:var(--raised);display:flex;flex-direction:column;gap:2px;padding:10px 12px 8px}
 
@@ -212,13 +243,20 @@
 
 /* 排队追问（2026-10-21：会话运行中允许先提交追问，类似 magic-test PC 端）：
    运行中提交的那几条先停在这里，等当前轮收尾后自动发出 —— 不打断、也不画成
-   用户气泡（还没跑，画上去会让人以为已经发出去了）。 */
-.queuebar{display:flex;flex-direction:column;gap:6px;padding:2px 2px 6px;min-width:0}
+   用户气泡（还没跑，画上去会让人以为已经发出去了）。
+   ⚠️ 2026-10-22 用户：「排队的任务列表是挂在对话框外面不是里面」—— 这条**挂在输入框
+   外面**（.composer__box 的上沿之上，DOM 里是它的前一个兄弟），不共享框的底色与描边。
+   所以在框外要自己站得住：宽度/居中与 .composer__box 逐值对齐；胶囊用 --raised 底 +
+   描边（页面底色上的 --subtle 几乎看不见）。出现在框外 → 顶上去的是参数行，框不被撑高。 */
+.queuebar{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:860px;
+  margin:0 auto 6px;padding:0 2px;max-height:132px;overflow-y:auto}
+.queuebar[hidden]{display:none}
 
-.queuebar__cap{font-size:11.5px;line-height:15px;color:var(--muted);padding-left:2px}
+.queuebar__cap{font-size:11.5px;line-height:15px;color:var(--muted);padding-left:4px}
 
 .queuechip{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 6px 5px 10px;
-  border-radius:var(--r-full);background:var(--subtle);color:var(--ink);font-size:12px}
+  border-radius:var(--r-full);background:var(--raised);border:1px solid var(--border);
+  color:var(--ink);font-size:12px}
 
 .queuechip__ico{flex:0 0 auto;color:var(--muted);display:flex}