dsh-project-room 0.2.0 → 0.2.2

package/client.js

@@ -387,15 +387,44 @@ window.__ModuleLoader__.load({
 }
 .pr-loose-msg { font-size: 10px; color: var(--dsw-alias-label-secondary); padding: 0 6px 6px; line-height: 1.5; flex: 0 0 auto; }
 
-/* 运行中快捷栏（对齐 AI-Agent-Hub）：一行可折行的 pill，完成未读排在前面 */
-.pr-runbar { display: flex; flex-wrap: wrap; gap: 3px; padding: 2px 4px 6px; flex: 0 0 auto; }
+/* 运行中快捷栏（对齐 AI-Agent-Hub）：两段竖排 —— 上「运行中」、下「完成未读」 */
+.pr-runbar { display: flex; flex-direction: column; gap: 4px; padding: 2px 4px 6px; flex: 0 0 auto; min-width: 0; }
+/* 2026-11-11 用户令「快捷栏正在运行和完成未读的分开放」：
+   每段 = 一行小标题（色点/✓ + 文案 + 计数）+ 可折行的 pill 区，段间用极细线分隔。 */
+.pr-runbar-sec { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+.pr-runbar-sec + .pr-runbar-sec {
+  border-top: 1px solid var(--dsw-alias-border-l1);
+  padding-top: 3px;
+}
+.pr-runbar-sec-title {
+  display: flex; align-items: center; gap: 4px; min-width: 0;
+  padding: 0 2px; font-size: 9px; line-height: 1.4;
+  color: var(--dsw-alias-label-secondary); letter-spacing: .03em;
+}
+.pr-runbar-sec[data-kind="done"] .pr-runbar-sec-title { color: var(--dsw-alias-brand-primary); }
+.pr-runbar-sec-dot {
+  width: 5px; height: 5px; border-radius: 50%; flex: 0 0 auto;
+  background: var(--dsw-alias-state-success-primary);
+}
+.pr-runbar-sec-check {
+  width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto;
+  display: inline-flex; align-items: center; justify-content: center;
+  background: var(--dsw-alias-brand-primary); color: #fff;
+  font-size: 8px; font-weight: 700; line-height: 1;
+}
+.pr-runbar-sec-label { flex: 0 0 auto; white-space: nowrap; }
+.pr-runbar-sec-count {
+  flex: 0 0 auto; font-variant-numeric: tabular-nums; opacity: .75;
+}
+.pr-runbar-sec-body { display: flex; flex-wrap: wrap; gap: 3px; min-width: 0; }
 /* 快捷栏 pill 也显示分身：每个 pill 变成「按钮 + 树状子行」的竖排小单元，
    子行样式与侧栏芯片的 pr-clone-row / pr-tree-rail 完全一致。 */
 .pr-run-wrap { display: inline-flex; flex-direction: column; gap: 1px; align-items: flex-start; }
 .pr-run-clones { display: flex; flex-direction: column; gap: 1px; padding-left: 6px; margin: 0 0 1px; }
 .pr-run-clones .pr-clone-row { font-size: 9px; line-height: 1.4; }
 .pr-readall {
-  flex: 0 0 auto; margin: 0 2px 0 0; padding: 1px 6px; border-radius: 8px;
+  /* 2026-11-11：一键已读搬进「完成未读」区的小标题里，靠右对齐 */
+  flex: 0 0 auto; margin: 0 0 0 auto; padding: 1px 6px; border-radius: 8px;
   border: 1px solid var(--dsw-alias-border-l1); background: transparent;
   color: var(--dsw-alias-brand-primary); font-size: 9.5px; line-height: 1.4;
   white-space: nowrap; cursor: pointer;
@@ -819,23 +848,40 @@ function summarizeMessage(raw) {
         return () => { cancelled = true; clearInterval(timer); };
 
       }, []);
-      // 磁盘活会话白名单：侧栏里有些条目只存在于前端快照（磁盘目录早已消失），
-      // 归档必然报 no such session（实测 25/25 全失败）。这类幽灵无法删除，只能不显示。
-      const [aliveIds, setAliveIds] = React.useState(null);
-      React.useEffect(() => {
-        let cancelled = false;
-        const load = async () => {
+      // ── 幽灵会话「事后隐藏」（2026-11-10 用户令：白名单改事后隐藏）──────────────
+      // 背景：曾经用「磁盘活会话白名单」全量过滤（每 120s 拉 /project-room/alive，
+      // 不在白名单里的会话直接不显示）。它确实能藏住「前端快照有、磁盘目录没了」的幽灵
+      // （归档必报 no such session，DSH 又没有删除 API），但代价是**新建会话要等下一次
+      // 轮询才认识** —— 分诊分身只活 30 秒，正好卡在两次轮询之间，侧栏从来没显示过它。
+      //
+      // 用户 2026-11-10 明确选了「事后隐藏」：默认**不过滤任何会话**，只有真的点归档且
+      // 失败时，才把那个 id 记进 localStorage 的隐藏集，下次渲染跳过它。
+      // 好处：新会话零延迟显示；幽灵删一次之后就消失。
+      const HIDDEN_KEY = 'project-room:hidden-sessions';
+      const bareId = (v) => String(v || '').replace(/^session-/, '').toLowerCase();
+      const [hiddenIds, setHiddenIds] = React.useState(() => {
+        try {
+          const raw = window.localStorage.getItem(HIDDEN_KEY);
+          const arr = raw ? JSON.parse(raw) : [];
+          return new Set(Array.isArray(arr) ? arr.map(bareId) : []);
+        } catch (error) { return new Set(); }
+      });
+      const hideSession = React.useCallback((id) => {
+        const bare = bareId(id);
+        if (!bare) return;
+        setHiddenIds((prev) => {
+          if (prev.has(bare)) return prev;
+          const next = new Set(prev);
+          next.add(bare);
           try {
-            const res = await fetch(`${API}/alive`);
-            const data = await res.json();
-            if (!cancelled && data && data.ok && Array.isArray(data.ids)) {
-              setAliveIds(new Set(data.ids.map((v) => String(v).toLowerCase())));
-            }
-          } catch { /* 拿不到白名单就不过滤 */ }
-        };
-        load();
-        const timer = setInterval(load, 120000);
-        return () => { cancelled = true; clearInterval(timer); };
+            window.localStorage.setItem(HIDDEN_KEY, JSON.stringify([...next]));
+          } catch (error) { /* 存不下也不影响本次隐藏 */ }
+          return next;
+        });
+      }, []);
+      const unhideAll = React.useCallback(() => {
+        setHiddenIds(new Set());
+        try { window.localStorage.removeItem(HIDDEN_KEY); } catch (error) { /* ignore */ }
       }, []);
 
       // 1s 心跳：驱动「今日运行时长」与相对时间
@@ -853,10 +899,9 @@ function summarizeMessage(raw) {
         for (const [id, session] of Object.entries(byId)) {
           if (!session || session.blank) continue;
           if (archived.has(String(id))) continue;
-        // 2026-11-10 用户报「自测乙 / 权限自测 一直删不掉」：这类条目只活在前端快照里，
-        // 磁盘会话目录早已消失 → 归档必然报 no such session，永远清不掉。
-        // 「未分组」区早已按 alive 白名单过滤（见 looseMembers），项目分组这里漏了，补上。
-        if (aliveIds && !aliveIds.has(String(id).replace(/^session-/, '').toLowerCase())) continue;
+          // 2026-11-10（用户令）：白名单改「事后隐藏」——只跳过**归档失败过**的会话，
+          // 不再用磁盘白名单全量过滤（那样会让新建会话因轮询延迟而整段生命期不可见）。
+          if (hiddenIds.has(bareId(id))) continue;
           const parsed = projectOfTitle(session.displayTitle || session.title);
           const project = parsed ? parsed.project : LOOSE_GROUP;
           const member = parsed ? parsed.member : (session.displayTitle || session.title || String(id).slice(-6));
@@ -878,7 +923,7 @@ function summarizeMessage(raw) {
           });
         }
         return map;
-      }, [byId, archived, aliveIds]);
+      }, [byId, archived, hiddenIds]);
 
       // 空闲时长补全（2026-11-09）：对还没有 lastActive 的会话拉 /hub/session-events?limit=1
     // 取最后一条事件的 time。分身（标题带｜）优先——用户最常盯的就是分身行。
@@ -999,10 +1044,9 @@ function summarizeMessage(raw) {
       // 「未分组」= 标题里没有分隔符的会话（历史测试/一次性对话）。
       // 默认不显示，避免一大坨散落会话把项目列表挤下去；需要时点头部按钮展开。
       const looseAll = groups.get(LOOSE_GROUP) || [];
-      // 有白名单时丢掉磁盘上已不存在的幽灵条目（它们永远归档不了）
-      const looseMembers = aliveIds
-        ? looseAll.filter((m) => aliveIds.has(String(m.id).replace(/^session-/, '').toLowerCase()))
-        : looseAll;
+      // 2026-11-10（用户令）：白名单改「事后隐藏」后，groups 里已经按 hiddenIds 过滤过了，
+      // 这里不再二次过滤（否则又回到「新建会话要等白名单」的老问题）。
+      const looseMembers = looseAll;
       const shownProjects = React.useMemo(
         () => projectNames.filter((name) => showLoose || name !== LOOSE_GROUP),
         [projectNames, showLoose],
@@ -1063,8 +1107,13 @@ function summarizeMessage(raw) {
         });
       }, [groups, unreadMap]);
 
+      // 2026-11-11 用户令「快捷栏正在运行和完成未读的分开放」：
+      // 原来两种 pill 混在一个 flex 行里（完成未读还置顶排最前），用户扫一眼分不清谁在跑。
+      // 现在拆成两个区、各带标题；渲染顺序按用户第二次要求 = **完成未读在上、运行中在下**。
+      const runningGroups = runGroups.filter((group) => group.mode === 'running');
+      const doneUnreadGroups = runGroups.filter((group) => group.mode === 'done');
       // 完成未读的组数（决定是否显示「全部已读」按钮）
-      const doneGroups = runGroups.filter((group) => group.mode === 'done').length;
+      const doneGroups = doneUnreadGroups.length;
 
       const setPin = (name) => {
         const next = pinned.includes(name) ? pinned.filter((n) => n !== name) : [...pinned, name];
@@ -1090,11 +1139,25 @@ function summarizeMessage(raw) {
       const bodyIds = group.members.filter((m) => !m.isClone).map((m) => String(m.id));
       const isCurrent = Boolean(cursorSessionId) && bodyIds.includes(String(cursorSessionId));
       const done = group.mode === 'done';
-      const runMember = (group.running.length ? group.running : group.members)
-        .slice()
+      // 2026-11-11 修「本体没有运行、快捷栏还在显示计时，而侧边栏正常」（用户截图）：
+      // 这个 pill 代表的是**本体**——名字取 group.name（本体名）、点击开本体、data-session-ids
+      // 也只有本体。所以绿点与已运行时长必须来自**本体自己的 running**。
+      // 原实现取 `group.running` 里最近活跃的那个成员：分身还在跑时，那一项就是分身，
+      // 于是分身的已运行时长被画到本体 pill 上（截图里 pill 的 2m29s 与分身子行的 2m29s
+      // 完全相等，而侧栏本体芯片没有时长 = 本体当时是空闲的）。
+      // 侧栏一直是对的：本体芯片按 m.running 判、分身行按 c.running 判，两条各算各的。
+      // 分身的运行状态由下面 .pr-run-clones 子行自己显示，信息不丢。
+      // 孤儿分身组（本体已归档/改名，group.name 就是分身名）没有本体可参照 → 仍用组内运行成员。
+      const bodyMemberOfGroup = (() => {
+        const list = (groups && typeof groups.get === 'function') ? (groups.get(group.project) || []) : [];
+        return list.find((m) => !m.isClone && m.name === group.name) || null;
+      })();
+      const runMember = (bodyMemberOfGroup ? [bodyMemberOfGroup] : (group.running.length ? group.running : group.members))
+        .filter((m) => m && m.running)
         .sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0))[0];
+      const bodyRunning = Boolean(runMember);
         const startedAt = runMember ? runStartRef.current.get(runMember.id) : undefined;
-        const elapsed = !done && runMember && startedAt ? formatDuration(tick - startedAt) : '';
+        const elapsed = !done && bodyRunning && startedAt ? formatDuration(tick - startedAt) : '';
         const emoji = avatars && typeof avatars[group.name] === 'string' ? avatars[group.name].trim() : '';
         const hue = hashHue(group.project || group.name);
     return h('div', { className: 'pr-run-wrap', key: 'wrap-' + group.key }, h('button', {
@@ -1106,7 +1169,9 @@ function summarizeMessage(raw) {
                 // 原来放全组成员 → 点分身时 pill（代表本体）也一起高亮。
                 'data-session-ids': group.members.filter((mb) => !mb.isClone).map((mb) => String(mb.id)).join(','),
           title: `${group.project ? group.project + ' · ' : ''}${group.name}`
-            + (done ? ' · 完成待查看' : (elapsed ? ` · 运行中 ${elapsed}` : ' · 运行中'))
+            // 2026-11-11：不再对空闲的本体谎称「运行中」——本体没跑时 pill 只报「分身运行中」。
+            + (done ? ' · 完成待查看'
+              : (bodyRunning ? (elapsed ? ` · 运行中 ${elapsed}` : ' · 运行中') : ' · 本体空闲（分身运行中）'))
             + (group.extra ? `（含 ${group.extra} 个分身）` : ''),
           onClick: (event) => {
             event.stopPropagation();
@@ -1153,7 +1218,9 @@ function summarizeMessage(raw) {
         group.extra > 0 ? h('span', { className: 'pr-run-badge', title: `${group.extra} 个分身` }, `+${group.extra}`) : null,
         done
           ? h('span', { className: 'pr-run-done', title: '已完成，点开查看' }, h('span', { className: 'pr-run-check' }, '✓'), '完成')
-          : h('span', { className: 'pr-running-dot', title: '运行中' }),
+          // 2026-11-11：绿点也只跟本体走——本体空闲、只剩分身在跑时不给本体挂绿点
+          // （分身子行自己有 pr-clone-dot.on，不丢状态）。
+          : (bodyRunning ? h('span', { className: 'pr-running-dot', title: '运行中' }) : null),
         elapsed ? h('span', { className: 'pr-run-elapsed' }, elapsed) : null,
     ),
     group.clones && group.clones.length
@@ -1217,8 +1284,12 @@ function summarizeMessage(raw) {
           });
           const data = await res.json();
           if (data && data.ok) {
-            const failNote = Array.isArray(data.failed) && data.failed.length
-              ? `，失败 ${data.failed.length}（${String((data.failed[0] && data.failed[0].error) || '').slice(0, 60)}）`
+            // 2026-11-10（用户令「事后隐藏」）：归档失败 = 磁盘上根本没这个会话（幽灵）。
+            // 既然删不掉，就记进隐藏集，下次渲染跳过它。
+            const failedList = Array.isArray(data.failed) ? data.failed : [];
+            for (const f of failedList) hideSession(f && f.id);
+            const failNote = failedList.length
+              ? `，失败 ${failedList.length}（${String((failedList[0] && failedList[0].error) || '').slice(0, 60)}；已隐藏）`
               : '';
             setClearMsg(`已归档 ${data.archived}/${data.total}${failNote}`);
             console.log('[project-room] archive result', data);
@@ -1260,8 +1331,20 @@ function summarizeMessage(raw) {
                 body: JSON.stringify({ sessionIds: [menu.id] }),
               });
               const data = await res.json();
-              setMenuMsg(data && data.ok && data.archived ? '已归档' : `失败：${(data && data.failed && data.failed[0] && data.failed[0].error) || (data && data.error) || '未知'}`.slice(0, 80));
-            } catch (error) { setMenuMsg(`失败：${String((error && error.message) || error)}`.slice(0, 80)); }
+              const okArchived = Boolean(data && data.ok && data.archived);
+              if (okArchived) {
+                setMenuMsg('已归档');
+              } else {
+                // 2026-11-10（用户令「事后隐藏」）：单个归档失败 = 幽灵会话，记进隐藏集。
+                hideSession(menu.id);
+                const reason = (data && data.failed && data.failed[0] && data.failed[0].error)
+                  || (data && data.error) || '未知';
+                setMenuMsg(`失败：${reason}（已隐藏）`.slice(0, 90));
+              }
+            } catch (error) {
+              hideSession(menu.id);
+              setMenuMsg(`失败：${String((error && error.message) || error)}（已隐藏）`.slice(0, 90));
+            }
           },
         }, '归档这个会话'),
         h('button', { className: 'pr-menu-item', onClick: () => { copy(menu.id, ' sessionId'); } }, '复制 sessionId'),
@@ -1296,6 +1379,24 @@ function summarizeMessage(raw) {
               '注意：这只影响本插件的排序与默认名。若要让「管理者协议注入」也认这个名字，'
               + '还需要改 hub-desktop-ui 里的 MANAGER_NAMES（那是另一个插件的硬编码）。'),
             settings.msg ? h('div', { className: 'pr-err' }, settings.msg) : null,
+      // 2026-11-10（用户令「事后隐藏」）：归档失败过的会话被记进 localStorage 隐藏集，
+      // 这里提供恢复入口，免得误隐藏之后找不回来。
+      h('div', { className: 'pr-hint', style: { marginTop: '10px' } },
+        `已隐藏的会话：${hiddenIds.size} 个`),
+      h('button', {
+        type: 'button',
+        disabled: hiddenIds.size === 0,
+        style: {
+          marginTop: '4px', padding: '4px 10px', borderRadius: '6px', fontSize: '11px',
+          border: '1px solid var(--dsw-alias-border-secondary, #3a3a42)',
+          background: 'transparent', color: 'inherit',
+          cursor: hiddenIds.size === 0 ? 'default' : 'pointer',
+          opacity: hiddenIds.size === 0 ? 0.45 : 1,
+        },
+        onClick: () => { unhideAll(); setSettings({ ...settings, msg: '已恢复全部隐藏的会话' }); },
+      }, '恢复全部隐藏的会话'),
+      h('div', { className: 'pr-hint', style: { fontSize: '10px' } },
+        '（这些是归档时报 no such session 的幽灵会话，磁盘上已不存在；恢复后会重新出现在侧栏）'),
       h('div', { className: 'pr-hint', style: { marginTop: '10px' } }, '显示'),
       h('label', { style: { display: 'flex', alignItems: 'center', gap: '6px', fontSize: '11px', cursor: 'pointer', padding: '3px 0' } },
         h('input', {
@@ -1427,19 +1528,37 @@ function summarizeMessage(raw) {
         renderNewProject(),
         renderSettings(),
         h('div', { className: 'pr-runbar' },
-          // 一键已读：仅当存在「✓完成」pill 时出现，点一下清空未读表（等价逐个点开）
-          doneGroups > 0
-            ? h('button', {
-              className: 'pr-readall',
-              title: `全部已读（清掉 ${doneGroups} 个完成待查看）`,
-              onClick: (event) => {
-                event.stopPropagation();
-                saveJson('projectRoom.unread', {});
-                setUnread({});
-              },
-            }, '全部已读')
+          // ── 区①：完成未读（2026-11-11 用户令：这一区排在运行中前面；一键已读只清这一区）──
+          doneUnreadGroups.length
+            ? h('div', { className: 'pr-runbar-sec', 'data-kind': 'done' },
+              h('div', { className: 'pr-runbar-sec-title' },
+                h('span', { className: 'pr-runbar-sec-check' }, '✓'),
+                h('span', { className: 'pr-runbar-sec-label' }, '完成未读'),
+                h('span', { className: 'pr-runbar-sec-count' }, String(doneUnreadGroups.length)),
+                h('button', {
+                  className: 'pr-readall',
+                  title: `全部已读（清掉 ${doneGroups} 个完成待查看）`,
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    saveJson('projectRoom.unread', {});
+                    setUnread({});
+                  },
+                }, '全部已读'),
+              ),
+              h('div', { className: 'pr-runbar-sec-body' }, doneUnreadGroups.map(renderRunPill)),
+            )
+            : null,
+          // ── 区②：运行中 ──
+          runningGroups.length
+            ? h('div', { className: 'pr-runbar-sec', 'data-kind': 'running' },
+              h('div', { className: 'pr-runbar-sec-title' },
+                h('span', { className: 'pr-runbar-sec-dot', title: '有 agent 正在运行' }),
+                h('span', { className: 'pr-runbar-sec-label' }, '运行中'),
+                h('span', { className: 'pr-runbar-sec-count' }, String(runningGroups.length)),
+              ),
+              h('div', { className: 'pr-runbar-sec-body' }, runningGroups.map(renderRunPill)),
+            )
             : null,
-          runGroups.map(renderRunPill),
         ),
         h('div', { className: 'pr-head' },
           h('span', { className: 'pr-head-title' }, 'Projects'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-project-room",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "description": "Project rooms for DeepSeek Harness: group sessions into projects, see per-project runtime, and open a room with a shared board, task list, todo queue and message delivery to member sessions.",
   "main": "index.js",