magic-agent 2.1.5 → 2.3.2

package/client-ui/pc/js/93-rail.js

@@ -18,6 +18,11 @@
  */
 
 const QA_RAIL_MAX = 60;             // 一屏最多画多少行（CLI 的登记表可能有几百条）
+/* 运行中那枚**自动**置顶图钉（与移动端/旧左栏同一图形）：行内说明「它凭什么在最前」，
+   跑完状态一变就消失 —— 别让用户以为自己置顶过它。 */
+const QA_RAIL_PIN = '<span class="rail-pin" role="img" aria-label="运行中 · 自动置顶" '
+  + 'title="运行中 · 自动置顶（跑完自动归位）">'
+  + '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M16 9V4h1a1 1 0 000-2H7a1 1 0 000 2h1v5a3 3 0 01-3 3v2h5.97v7l1 1 1-1v-7H19v-2a3 3 0 01-3-3z"/></svg></span>';
 const QA_RAIL_POLL_MS = 30000;      // 有会话在跑时的兜底轮询（其余时候靠「一轮结束」触发）
 const QA_RAIL_TAIL_MS = 2500;       // 打开一条 running 会话时的进度同步间隔（见 qaRailTailStart）
 /* 一条会话「这一轮结束了」的事件名（与 core 的归一化词表同名）。
@@ -66,6 +71,18 @@ function qaRailGroupLabel(s){
   if(st === "interrupted") return "已打断";
   return "已完成";
 }
+/* 运行中的会话**自动临时置顶**（2026-10-22 用户：「运行中的会话自动临时置顶」）：
+   判据与左栏「进行中」同一口径（`qaRailGroup === "live"`，等审批也算 —— 它同样需要被看见），
+   **不改任何数据、不落盘**：只在渲染取行时把它们排到最前，跑完下一次刷新自动归位。
+   为什么 PC 没有「置顶」按钮也要这条：左栏按 CLI 给的顺序平铺（最近活动倒序），
+   一个跑几十分钟的长任务会被后来新建的会话一路压到下面，用户得往下翻才能找到「正在跑的那条」。
+   ⚠️ 稳定分区，不按时间重排 —— CLI 的顺序是既有契约，这里只做「提到最前」，不动同类先后。 */
+function qaRailAutoPinned(s){ return qaRailGroup(s) === "live"; }
+function qaRailOrder(rows){
+  const live = [], rest = [];
+  (rows || []).forEach((s)=>{ (qaRailAutoPinned(s) ? live : rest).push(s); });
+  return live.concat(rest);
+}
 /** 时间列：今天只给 时:分，其余给 月/日（与旧左栏同一口径）。 */
 function qaRailTime(ts){
   const n = Number(ts);
@@ -145,7 +162,9 @@ function qaRailRender(){
       `<span class="n">${counts[k]}</span></button>`;
     tabs.innerHTML = tab("all", "全部") + tab("live", "进行中") + tab("done", "已完成") + tab("failed", "失败");
   }
-  const rows = qaRailAll.filter(qaRailHit).slice(0, QA_RAIL_MAX);
+  /* 取行：**运行中先自动临时置顶**，再截 QA_RAIL_MAX —— 长任务不会被 60 条上限挤掉
+     （除非同时跑着 60 条以上，那种情况本来就只能显示最近这些）。 */
+  const rows = qaRailOrder(qaRailAll.filter(qaRailHit)).slice(0, QA_RAIL_MAX);
   if(!qaRailAll.length){
     box.innerHTML = `<div class="tk-empty" data-testid="rail-empty">${qaRailLoaded
       ? (qaRailErr ? escHtml(qaRailErr) : "还没有会话 —— 在右边直接提问就会开一条")
@@ -167,6 +186,7 @@ function qaRailRender(){
       return `<button class="tk-item${s.id === qaActiveId ? " active" : ""}" data-sid="${escHtml(s.id)}" type="button" title="${escHtml(tip)}" data-testid="rail-item">
         <span class="tico"><i class="rail-dot ${g}" aria-hidden="true"></i></span>
         <span class="tt">${escHtml(title)}</span>
+        ${qaRailAutoPinned(s) ? QA_RAIL_PIN : ""}
         ${noLog(s) ? `<span class="rail-nolog" title="没有可回放的历史">无历史</span>` : ""}
         <span class="tm">${escHtml(qaRailTime(s.ts))}</span>
         <span class="tk-dots" data-rail-menu="${escHtml(s.id)}" role="button" tabindex="-1" data-testid="rail-dots"
@@ -238,7 +258,9 @@ function qaRailApply(ctx, events){
     if(Number.isFinite(sq) && sq > ctx.seq) ctx.seq = sq;
     if(kind === "user"){
       ctx.h = null;
-      qaRenderMine(String(ev.text || ""), []);
+      /* 移动端「会话托管」自动发的提问带 hosted:true：PC 回放同一条历史时也画成
+         「托管发送」，否则同一会话在两端会长成两张脸。 */
+      qaRenderMine(String(ev.text || ""), [], { hosted: !!ev.hosted });
       continue;
     }
     if(!ctx.h){ ctx.h = qaRenderAnswer(); if(!ctx.h) break; }

package/client-ui/shared/conv/03-chat-message.js

@@ -460,9 +460,16 @@ function qaMsgRetry(msg){
   toast("正在重试 · " + escHtml(text.slice(0, 24)) + (text.length > 24 ? "…" : ""));
   qaSend(text, { followup: true, echo: false });
 }
-function qaRenderMine(text, atts){
+/* opts（可选，2026-10-23 只增参数）：
+     · hosted=true —— 这条是「会话托管」自动选的第一条建议，不是用户亲手打的。
+       仍然是右侧的用户轮次（留 `.qa-mine`，排队 / 重试 / 取文都照旧），但头像换成
+       数字分身的机器人、气泡虚线描边，并在正文上方挂一枚「托管发送」小标 ——
+       用户 2026-10-23 报：「是托管发送的要标识 显示时区别于“我”发送」。
+       老调用方一律不传第三参，画出来与以前逐像素一致。 */
+function qaRenderMine(text, atts, opts){
   const s = $("#qa-stream"); if(!s) return;
   s.hidden = false;
+  const hosted = !!(opts && opts.hosted);
   /* 空态那句「还没有事件」得先让位：它只在画布一条都还没有时该在。
      ⚠️ 以前只有**事件流**那条路径会摘它（conversation.js 的 ingest），而用户气泡
         是宿主直接调这里画的、不经过事件流 —— 于是发出第一句之后，画布上同时挂着
@@ -471,8 +478,18 @@ function qaRenderMine(text, atts){
   const empty = s.querySelector(".conv__empty");
   if(empty) empty.remove();
   const div = document.createElement("div");
-  div.className = "qa-msg qa-mine";
-  div.innerHTML = `<div class="qa-ico">${qaAvatarHtml("mine")}</div><div class="qa-bd"><div class="qa-t md-body"></div></div>`;
+  div.className = "qa-msg qa-mine" + (hosted ? " qa-hosted" : "");
+  div.innerHTML = `<div class="qa-ico">${qaAvatarHtml(hosted ? "sim" : "mine")}</div><div class="qa-bd"><div class="qa-t md-body"></div></div>`;
+  /* 小标放在 .qa-t **前面**（正文之外）：取文 / 重试只看 .qa-t，不会把这四个字
+     当成用户说的话再发一遍。 */
+  if(hosted){
+    const bd0 = div.querySelector(".qa-bd");
+    const tag = document.createElement("div");
+    tag.className = "qa-hosted-tag";
+    tag.textContent = "托管发送";
+    tag.title = "会话托管自动选择的第一条建议，不是你亲手输入的";
+    bd0.insertBefore(tag, bd0.firstChild);
+  }
   // 用户消息按 markdown 渲染：marked + DOMPurify（沿用产品文档同一管线，输入是用户可控，
   // 但消毒仍保留以防恶意粘贴）。
   const host = div.querySelector(".qa-t");
@@ -1443,10 +1460,53 @@ function qaRenderAnswer(host){
     }else{
       qaTodoFill(host, rows, { title: "任务列表" });
     }
+    /* 子任务产物的落点（2026-10-22 用户：「主会话产物要显示子任务的产物」）。
+       以前它们只出现在整轮结束那份 result 信封里，主会话画布要等到最后才看得到；
+       现在某个子任务一落定，core 就把它的产物挂到任务行上，这里立刻画出来。
+       复用正文 / 工具输出同一条产物链（19-attachments::qaArtMount）：存在性照样由主进程
+       探针判，探针不可用（纯预览）时一张不画，绝不画出一枚必然裂掉的卡。 */
+    mountTaskArts(host, rows);
     qaScrollIntoView();
     return host;
   }
 
+  /* mountTaskArts 把「这一轮所有子任务交出的产物」画在任务列表卡正下方。
+     · 一次性汇总成一区（不按任务分子标题）：用户要的是「这轮产出了什么」，
+       重复的路径（交接单 / 多个任务引用同一份文件）在这里去重；
+     · 幂等：同一份快照反复到达时把上一块摘掉重画 —— 内存里只记**当前**这份清单，
+       走的是「整块替换」而不是「越叠越多」；
+     · rows 里没带 arts（引擎的 TodoWrite 待办清单 / 老 core）时什么都不做。 */
+  function mountTaskArts(panel, rows){
+    const all = [];
+    const seen = Object.create(null);
+    (Array.isArray(rows) ? rows : []).forEach((r)=>{
+      (r && Array.isArray(r.arts) ? r.arts : []).forEach((p)=>{
+        /* 同一个文件可能被两个子任务共用（交接单 / 引用上游产物），写法还可能是
+           绝对路径或相对路径 —— 按规范化路径判重（qaArtCanon，见 19-attachments）。
+           它是运行时的全局，取不到就退回原串。 */
+        const k = (typeof qaArtCanon === "function") ? qaArtCanon(p) : String(p || "");
+        if(!p || !k || seen[k]) return;
+        seen[k] = 1;
+        all.push(p);
+      });
+    });
+    let box = panel.nextElementSibling;
+    if(!(box && box.classList && box.classList.contains("qa-task-arts"))) box = null;
+    if(!box){
+      if(!all.length) return;
+      box = document.createElement("div");
+      box.className = "qa-task-arts";
+      panel.parentNode.insertBefore(box, panel.nextSibling);
+    }
+    /* 整块替换：快照是**全量**的（每次状态变化都整份重发），产物清单也跟着替换；
+       不 append 才不会越叠越多。上一轮已画好的卡先摘掉，免得探针回包前留着旧图。 */
+    box.innerHTML = "";
+    if(!all.length){ if(box.parentNode) box.parentNode.removeChild(box); return; }
+    /* ⚠️ 取**运行时**的全局：qaArtMount 定义在 19-attachments 分片里，本文件装配在前、
+       直接引用会在定义前求值（typeof 判定为 "undefined"，产物区于是静默变空）。 */
+    if(typeof qaArtMount === "function") qaArtMount(box, all, { label: "子任务产物" });
+  }
+
   /* ===== 「任务耗时」分组：一轮收尾时，把这一轮的**历史过程**并进一枚折叠组 =====
      （2026-10-12 用户：「历史的思考和工具最终又合并在一个任务总耗时的分组里」，形制对齐 TraeWork）
      · 收的是**思考块 + 工具组**（`.qa-think` / `.qa-tools`），正文留在外面 —— 那是结论，过程才是历史；

package/client-ui/shared/conv/06-ask-answer.js

@@ -263,8 +263,13 @@ function qaAskFlush(taskId){
       （主进程 `desk:ask` 是单会话槽）。剩下的等那一轮收尾再放 —— 队列自己就串起来了。
    ⚠️ 提问卡答案优先：qaAskQueue 里还有没发出去的答案时先不发队列消息（那是引擎正等着的
       回答，抢在它前面发会把这一问的上下文冲掉）。
-   ⚠️ 只在**用户正看着这条会话**时发：qaSend 是按 qaActiveId 落笔的（画布只有一份），
-      在别的会话的画布里替它发就是张冠李戴 —— 与 qaAskFlush 同一条判据。切回来即发。
+   ⚠️ 只能在**用户正看着这条会话**时发（画布只有一份）：在别的会话的画布里替它发就是
+      张冠李戴 —— 与 qaAskFlush 同一条判据。切回来即发。
+   ⚠️ 2026-10-23 修（用户：「排队的和自动建议发送串会话了」）：判据只看 qaActiveId **不够** ——
+      `qaTaskSwitch` 已经把 `qaActiveId` 换成新会话，但旧会话那条 `qaMsgFlush(id)` 的入参
+      还是旧的；`qaSend` 内部再读 `qaTaskRunning(qaActiveId)` / `qaActiveId` 落笔，就发进新会话了。
+      改法：`qaMsgFlush` 把**自己那条会话**（`owner`）显式交给 qaSend（`{ sid }`），由 qaSend
+      按 sid 落笔、发现画布已不是它就连一条都不发、把条目原样退回队列（见 qaMsgFlush）。
    ⚠️ 队列条目只存正文（`{ text }`）：处理中贴的图留在**附件条**上（2026-10-19 起处理中
       贴图不再被拦，见 19-attachments 的 askAttBind），收尾后 qaMsgFlush 走 qaSend
       （from = 本实例）时才被取走 —— 贴图与排队的那条一起发出。 */
@@ -336,17 +341,35 @@ function qaMsgEnqueue(taskId, item){
   toast("已排队 · 这一轮结束后自动发送<br><b>" + escHtml((item && item.text) || "") + "</b>", true);
 }
 /** 排队的下一条该不该现在发：这条会话没有一轮在跑 + 用户正看着它 + 没有待发的提问卡答案
- *  （见上面三条 ⚠️）。发一条即返回 —— 剩下的等这一轮收尾再来。 */
+ *  （见上面三条 ⚠️）。发一条即返回 —— 剩下的等这一轮收尾再来。
+ *  返回 true = 已经交出去了（`qaSend` 认了这条），false = 还在队列里没动。
+ *  ⚠️ 「交出去」是**异步**的（qaSend 是 async，且可能因为会话已不可用而把条目退回来）：
+ *  这里按乐观口径先出队，退回由 qaMsgRequeue 放回队首 —— 顺序不会乱，也不会丢。 */
 function qaMsgFlush(taskId){
   const id = taskId || "";
   const q = qaMsgQueue.get(id);
-  if(!q || !q.length || qaTaskRunning(id)) return;
-  if(id !== (qaActiveId || "")) return;
-  if((qaAskQueue.get(id) || []).length) return;
+  if(!q || !q.length || qaTaskRunning(id)) return false;
+  if(id !== (qaActiveId || "")) return false;
+  if((qaAskQueue.get(id) || []).length) return false;
   const item = q.shift();
   if(!q.length) qaMsgQueue.delete(id);
   qaMsgQueueRender(id);
-  qaSend(item.text, { followup: true, from: QA_QUEUE_INSTANCE });
+  /* `sid` = 这条队列自己的会话，**不是** qaActiveId（上面已判过相等，但 qaSend 是 async 的：
+     真要并发切走，判据在 qaSend 里还会按 sid 再核一次 —— 只认这一条，不认调用瞬间的全局）。 */
+  const ret = qaSend(item.text, { followup: true, from: QA_QUEUE_INSTANCE, sid: id });
+  if(ret && typeof ret.then === "function"){
+    ret.then((ok)=>{ if(ok === false) qaMsgRequeue(id, item); }).catch(()=>{ qaMsgRequeue(id, item); });
+  }
+  return true;
+}
+/** 没发出去的那条退回**队首**（qaSend 发现画布已经不是这条会话 / 空正文时回 false）。
+ *  放队首而不是队尾：用户排的先后顺序不能因为一次「发不出去」被打乱。 */
+function qaMsgRequeue(taskId, item){
+  const id = taskId || ""; if(!id || !item) return;
+  const q = qaMsgQueue.get(id) || [];
+  q.unshift(item);
+  qaMsgQueue.set(id, q);
+  qaMsgQueueRender(id);
 }
 /** 会话删了 → 它排的队也没意义了（不留悬挂条目）。 */
 function qaMsgQueueDropFor(taskId){ qaMsgQueue.delete(taskId || ""); qaMsgQueueRender(); }

package/client-ui/shared/conv/09-stream-apply.js

@@ -425,8 +425,24 @@ function qaStreamApplyOne(ev, ctx){
           status: st === "running" ? "in_progress"
             : st === "done" ? "completed"
             : (st === "failed" || st === "skipped") ? st : "pending",
+          /* 行尾「状态 · 耗时」：2026-10-22 用户「应该显示子任务标题和状态耗时」。
+             文案由这里给（与状态同一处映射，免得两端各写一套词），耗时取 core 给的
+             绝对值 runtime_ms（running 行随快照增长、落定后冻结）。 */
+          st: st === "running" ? "运行中"
+            : st === "done" ? "已完成"
+            : st === "failed" ? "失败"
+            : st === "skipped" ? "已跳过" : "等待中",
+          ms: Number(t.runtime_ms) || 0,
+          /* 这一行已经交出来的产物（绝对路径）。画在任务列表卡**下面**那一块
+             「子任务产物」区里（见 03-chat-message 的 todoList），不塞进行里 ——
+             一行里放缩略图会把列表撑垮。 */
+          arts: Array.isArray(t.arts) ? t.arts.filter(x=>typeof x === "string" && x) : [],
           /* 行尾标注「引擎 · 角色」：主会话的任务列表卡要能一眼看出这一行派给了谁 */
           meta: [t.engine, t.role || t.kind].filter(Boolean).join(" · "),
+          /* 行内进度（团队心跳）：core 只给「跑了很久没动静」的那一行挂它，
+             如「已 40 秒无新输出」。2026-10-22 用户：「子任务进度也不需要显示多行
+             在任务列表中显示即可」—— 以前它是主会话里一行行 notice。 */
+          active: st === "running" ? String(t.active || "").trim() : "",
         };
       }).filter(r=>r.text);
       if(typeof h.todoList === "function") h.todoList(rows);

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/27-conv-ledger.js

@@ -313,7 +313,7 @@ function qaSessionPlayer(){
         }catch(e){ /* 收尾失败不影响回放 */ }
         h = null;
       }else if(arts){ arts.flush(null); }        // 没有答复卡的一轮：清掉残留，别串到下一轮
-      qaRenderMine(String(ev.text || ""), []);
+      qaRenderMine(String(ev.text || ""), [], { hosted: !!ev.hosted });
       t0 = atMs(ev);
       continue;
     }

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

@@ -446,6 +446,21 @@
 .qa-msg.qa-mine .qa-bd{padding:10px 14px;
   border:1px solid var(--line);border-radius:var(--qa-bubble-r,14px 5px 14px 14px);
   background:linear-gradient(180deg,#FBF9F7,#F5F1ED)}
+/* 托管自动发送的用户气泡（2026-10-23 用户：「是托管发送的要标识 显示时区别于“我”发送」）：
+   还是右侧的用户轮次，但头像换成数字分身的机器人（qaRenderMine 的 opts.hosted），
+   气泡虚线描边 + 朱砂淡底，正文上方一枚「托管发送」小标 —— 一眼能看出这句不是手打的。 */
+.qa-msg.qa-hosted .qa-bd{border-style:dashed;border-color:var(--cinnabar-hi);
+  background:linear-gradient(180deg,#FFF8F5,#FDF0EA)}
+.qa-msg.qa-hosted .qa-ico{color:var(--cinnabar-hi);--h:var(--halo-c-red)}
+.qa-hosted-tag{display:inline-flex;align-items:center;gap:4px;margin:0 0 6px;
+  padding:2px 7px;border-radius:var(--r-full,999px);
+  background:rgba(240,105,83,.10);color:var(--cinnabar-hi);
+  font-size:10.5px;line-height:15px;font-weight:600;letter-spacing:.02em;
+  user-select:none;white-space:nowrap}
+.qa-hosted-tag::before{content:"";width:4px;height:4px;border-radius:50%;
+  background:currentColor;flex:0 0 auto}
+[data-theme="dark"] .qa-msg.qa-hosted .qa-bd{background:#241B18;border-color:#8A5144}
+[data-theme="dark"] .qa-hosted-tag{background:rgba(240,105,83,.16);color:#F2A08E}
 /* 排队中的用户气泡（`is-queued`）：已经发出去、但还在等前一轮跑完。
    气泡照常可读（用户要能确认自己写的是什么），只把底色压淡 + 虚线边 + 底下补一行
    「排队中 · 上一轮结束后自动发送」—— **不隐藏、不挪走**，否则就是这次报障的
@@ -516,6 +531,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}
 
@@ -1018,6 +1037,8 @@
 [data-theme="dark"] .qa-t.md-body blockquote p{color:#A8A29E}
 
 [data-theme="dark"] .qa-msg.qa-mine .qa-bd{background:#1C1C1E;border-color:#3B3835}
+/* 放在上面那条**之后**：同为 4 个类级选择器，靠后才会赢（托管气泡的暗色底不被盖回灰）。 */
+[data-theme="dark"] .qa-msg.qa-hosted .qa-bd{background:#241B18;border-color:#8A5144}
 
 [data-theme="dark"] .qa-av-txt{background:linear-gradient(180deg,#2B2B2E,#1C1C1E)}
 
@@ -1645,9 +1666,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}