@nanmicoder/dsh-agent-teams 0.1.5 → 0.1.7

package/README.md

@@ -16,7 +16,7 @@
 
 `dsh-agent-teams` turns the current DeepSeek Harness session into a captain that can assemble durable sub-agents, split a goal into dependency-aware tasks, and coordinate work through direct messages.
 
-Ask in natural language. The plugin provides the team protocol, nine coordination tools, persistent state, and a live Web UI—without requiring a separate workflow engine.
+Ask in natural language. The plugin provides the team protocol, ten coordination tools, persistent state, an automatic shared-task scheduler, and a live Web UI—without requiring a separate workflow engine.
 
 <p align="center">
   <img src="./assets/ui.png" width="100%" alt="DeepSeek Harness conversation with the AgentTeams live activity panel, members, tasks, dependencies, and reports">
@@ -29,8 +29,9 @@ Ask in natural language. The plugin provides the team protocol, nine coordinatio
 | **Captain-led delegation** | The current session creates the team, assigns roles, and consolidates the final result. |
 | **Durable members** | Members are continuable DSH sub-agents that can be woken for focused follow-up turns. |
 | **Dependency-aware tasks** | Tasks move through explicit states and cannot be claimed before their dependencies finish. |
+| **Automatic reuse and safe takeover** | Idle members claim the next ready task; reassignment revokes stale attempts before new work starts, and cold recovery retries stranded open attempts. |
 | **Direct messaging** | Members send durable mailbox messages directly to teammates or the captain—no relay required. |
-| **Live activity panel** | The Web UI shows roles, current work, unread messages, task dependencies, and archived team history. |
+| **Live activity panel** | The Web UI combines segmented progress, a collapsible roster, and an interactive task DAG; completed archives retain their full member and task history. |
 
 ## Install
 
@@ -71,13 +72,13 @@ Then ask for a team directly:
 1. The current session creates a team and becomes its captain.
 2. The captain adds role-specific members backed by continuable sub-agents.
 3. The goal becomes tasks with owners and explicit dependencies.
-4. Claimed tasks are dispatched through durable mailbox messages that wake each member.
-5. Members work, update task state, and report directly to the captain or one another.
+4. The shared scheduler uses real `running / idle / ready` state to atomically claim one ready task per idle member and wake it. If an idle/ready member still owns an open task after an interrupted turn or process restart, the scheduler retries it with a fresh attempt.
+5. Members update with the current `attempt_id`; reassignment or captain takeover revokes the old attempt and waits for the old worker to quiesce before a new attempt starts.
 6. The captain presents the combined result, then archives the complete team record.
 
 Team state is stored under `<workspace>/.agent-teams/`; the Web panel reads that disk truth and combines it with live sub-agent activity.
 
-Member creation is zero-interaction by default: the plugin snapshots the LLM provider, model, and reasoning effort actually used by the captain's current step, and restores that snapshot on later continuations. Only an explicit heterogeneous-team request (for example, “backend on provider A/model X, frontend on provider B/model Y”) supplies a member-specific `provider` + `model`; there is no per-member model or reasoning prompt.
+Member creation is zero-interaction by default: a member on the captain's current LLM route snapshots that provider, model, and reasoning effort, while a member on a requested alternative route snapshots the target model's default effort; later continuations restore the resolved snapshot. Only an explicit heterogeneous-team request (for example, “backend on provider A/model X, frontend on provider B/model Y”) supplies a member-specific `provider` + `model`; there is no per-member model or reasoning prompt.
 
 ## Configuration
 
@@ -93,12 +94,12 @@ Defaults work without extra setup. A trusted profile can override member behavio
     maxMembers: 8
 ```
 
-`memberProvider` is the sub-agent runtime backend (`spawn` / `fork`), not an LLM provider. Cross-LLM-provider routing uses the optional `provider` + `model` fields of `agent_teams_add_member`; `memberModel` is only a model default for all members.
+`memberProvider` is the sub-agent runtime backend (`spawn` / `fork`), not an LLM provider. Cross-LLM-provider routing uses the optional `provider` + `model` fields of `agent_teams_add_member`; `memberModel` is only a model default for all members. A member on the captain's current provider/model inherits the captain's reasoning effort, while a changed provider or model automatically uses the target model's default. To request a particular effort, pass the optional `reasoning_effort` field — one of the target model's supported effort ids, or `"default"` to force the model's own default.
 
 ## Boundaries
 
 - One captain leads one active team at a time.
-- Members act only after they are woken; mail remains durable while a participant is idle.
+- Idle members are automatically reused for ready work; messages that cannot be delivered live remain durable and are retried at a later status boundary.
 - State is file-backed and serialized within one DSH process; concurrent processes editing the same team are not coordinated.
 - The activity panel reports persisted state as-is. Models may occasionally finish work without performing the expected task-state update.
 

package/README_ZH.md

@@ -16,7 +16,7 @@
 
 `dsh-agent-teams` 让当前 DeepSeek Harness 会话成为队长：创建可续聊的子 Agent、把目标拆成有依赖的任务，并通过直达消息协调成员工作。
 
-你只需用自然语言提出目标。插件会提供团队协议、9 个协作工具、持久化状态和实时 Web UI，不需要额外的 Workflow 引擎。
+你只需用自然语言提出目标。插件会提供团队协议、10 个协作工具、持久化状态、自动共享任务调度和实时 Web UI，不需要额外的 Workflow 引擎。
 
 <p align="center">
   <img src="./assets/ui.png" width="100%" alt="DeepSeek Harness 对话与 AgentTeams 实时活动面板，展示成员、任务依赖和回报">
@@ -29,8 +29,9 @@
 | **队长式委派** | 当前会话负责建队、分配角色并汇总最终结果。 |
 | **可续聊成员** | 成员是可持续唤醒的 DSH 子 Agent，可以继续执行聚焦的后续轮次。 |
 | **带依赖的任务** | 任务有明确状态；依赖未完成时不能领取。 |
+| **自动续领与安全接管** | 成员空闲后自动领取下一项就绪任务；转派会撤销旧 attempt，冷恢复会重试遗留任务，迟到结果无法覆盖。 |
 | **成员直达消息** | 成员通过持久化邮箱直接联系队友或队长，不需要队长中转。 |
-| **实时活动面板** | Web UI 展示角色、当前工作、未读消息、任务依赖和归档历史。 |
+| **实时活动面板** | Web UI 用分段进度、可折叠成员树和可交互 DAG 展示实时工作；团队结束后仍保留完整成员与任务历史。 |
 
 ## 安装
 
@@ -71,13 +72,13 @@ dsh web
 1. 当前会话创建团队并成为队长。
 2. 队长按角色添加由可续聊子 Agent 驱动的成员。
 3. 目标被拆成有负责人和显式依赖的任务。
-4. 任务领取后，通过持久化邮箱投递并唤醒对应成员。
-5. 成员执行任务、更新状态，并直接向队长或其他成员汇报。
+4. 共享调度器依据真实 `running / idle / ready` 状态，为每个空闲成员原子领取一项就绪任务并唤醒它；成员在中断或进程重启后仍持有开放任务时，会以新 attempt 自动恢复执行。
+5. 成员携带当前 `attempt_id` 更新任务；转派或队长接管会先撤销旧 attempt、等待原成员安静，再启动新 attempt。
 6. 队长汇总结果，随后归档完整团队记录。
 
 团队状态保存在 `<workspace>/.agent-teams/`；Web 面板读取这份磁盘真相，并与实时子 Agent 活动合并展示。
 
-成员创建默认零交互：插件会快照队长**当前这一步**实际使用的 LLM provider、model 与思考强度，成员后续续跑仍使用这份快照。只有当用户明确提出异构分工（例如“后端用 provider A/model X，前端用 provider B/model Y”）时，队长才会把对应的 `provider` + `model` 传给该成员；不会逐个弹出模型或思考强度选择。
+成员创建默认零交互：成员沿用队长当前 LLM 路由时会快照该 provider、model 与思考强度；用户要求改用其他路由时，则快照目标模型的默认强度，成员后续续跑仍使用最终解析出的快照。只有当用户明确提出异构分工（例如“后端用 provider A/model X，前端用 provider B/model Y”）时，队长才会把对应的 `provider` + `model` 传给该成员；不会逐个弹出模型或思考强度选择。
 
 ## 配置
 
@@ -93,12 +94,12 @@ dsh web
     maxMembers: 8
 ```
 
-这里的 `memberProvider` 指子 Agent 的运行后端（`spawn` / `fork`），不是 LLM provider。跨 LLM provider 由 `agent_teams_add_member` 的可选 `provider` + `model` 参数表达；`memberModel` 只是所有成员的模型默认覆盖。
+这里的 `memberProvider` 指子 Agent 的运行后端（`spawn` / `fork`），不是 LLM provider。跨 LLM provider 由 `agent_teams_add_member` 的可选 `provider` + `model` 参数表达；`memberModel` 只是所有成员的模型默认覆盖。成员沿用队长当前 provider/model 时会继承队长的思考强度；provider 或 model 任一改变时会自动使用目标模型的默认档。需要指定特定强度时，可传入可选的 `reasoning_effort` 参数（目标模型支持的档位 id，或 `"default"` 表示强制使用模型自身默认档）。
 
 ## 使用边界
 
 - 一个队长同一时间只能带一个活动团队。
-- 成员被唤醒后才行动；参与者空闲时，消息会持久保存在邮箱中。
+- 成员空闲后由共享调度器自动续领就绪任务；中断/冷重启遗留的开放任务会生成新 attempt 并重新唤醒原成员；暂时无法实时投递的消息会持久保存在邮箱中并在后续状态边界重投。
 - 状态使用文件持久化，并在单个 DSH 进程内串行操作；多个进程同时修改同一团队不保证一致。
 - 活动面板如实展示持久化状态；模型偶尔可能完成工作却没有按协议更新任务状态。
 

package/lib/client/ActivityPanel.js

@@ -16,8 +16,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @module dsh-agent-teams/client/activity
  */
 import { useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
-import { IconBranchOutline16, IconChevronRightOutline14, IconCloseOutline16, StateDot, } from '@deepseek-ai/dsh-client-ui-primitives';
-import { activityPanelExpandedForSession, dependencyFocusTaskId, relatedTaskIds, taskStages, } from "./activity-model.js";
+import { IconBranchOutline16, IconCloseOutline16, } from '@deepseek-ai/dsh-client-ui-primitives';
+import { activityPanelExpandedForSession, compactDagLayout, COMPACT_DAG_NODE_HEIGHT, COMPACT_DAG_NODE_WIDTH, dependencyFocusTaskId, relatedTaskIds, usesParallelTaskGrid, } from "./activity-model.js";
 import { ACTION_ART, LEAD_ART, memberArtUrl } from "./artwork.js";
 import { OPEN_PANEL_EVENT } from "./AgentTeamsCard.js";
 import css from './ActivityPanel.module.css';
@@ -77,21 +77,17 @@ function taskTone(state, status) {
         return 'cancelled';
     return state;
 }
+function Chevron({ open }) {
+    return (_jsx("svg", { className: css.chevron, "data-open": open, width: "9", height: "9", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": true, children: _jsx("path", { d: "M3.5 2l3 3-3 3" }) }));
+}
+function WorkGlyph({ active }) {
+    return (_jsx("svg", { className: css.workGlyph, "data-active": active, width: "11", height: "11", viewBox: "0 0 11 11", fill: "currentColor", "aria-hidden": true, children: [[0, 0], [4.2, 0], [8.4, 0], [0, 4.2], [4.2, 4.2], [8.4, 4.2]].map(([x, y], index) => (_jsx("rect", { x: x, y: y, width: "2.6", height: "2.6", rx: ".6", style: { animationDelay: `${index * 0.15}s` } }, `${x}:${y}`))) }));
+}
 /** Collapsed badge: an always-visible corner pill while any team exists. */
 function CollapsedBadge({ count, busy, onClick }) {
     return (_jsxs("button", { type: "button", className: css.badge, "data-busy": busy, onClick: onClick, "aria-label": `AgentTeams 活动，${count} 个团队`, children: [_jsx("span", { className: css.badgeDot, "data-busy": busy, "aria-hidden": true }), _jsx("span", { className: css.badgeCount, children: count })] }));
 }
-function memberDotState(member, tasks) {
-    const owned = tasks.filter((task) => task.assignee === member.name);
-    if (member.activity === 'working')
-        return 'ongoing';
-    if (owned.some((task) => task.status === 'failed'))
-        return 'error';
-    if (owned.length > 0 && owned.every((task) => task.status === 'completed'))
-        return 'done';
-    return 'warning';
-}
-function memberStateLabel(member, tasks) {
+function memberStateLabel(member, tasks, historic) {
     const owned = tasks.filter((task) => task.assignee === member.name);
     if (member.activity === 'working')
         return '工作中';
@@ -101,6 +97,8 @@ function memberStateLabel(member, tasks) {
         return '等待';
     if (owned.length > 0 && owned.every((task) => task.status === 'completed'))
         return '已交付';
+    if (member.status === 'removed')
+        return historic ? '已离队' : '已移除';
     if (owned.length > 0)
         return '待执行';
     return '待派工';
@@ -125,25 +123,47 @@ function memberStatusText(member, tasks) {
         return '任务已交付';
     return member.activity === 'idle' ? '待继续执行' : '状态未知';
 }
-function dependencyLabel(task, tasks) {
-    return task.dependencies.map((id) => {
-        const dependency = tasks.find((candidate) => candidate.id === id);
-        return dependency?.assignee ? `${id}·${dependency.assignee}` : id;
-    }).join('、');
+function compactTaskLabel(subject) {
+    const withoutVerb = subject.replace(/^开发\s*/u, '').replace(/^\d+[-_.、\s]*/u, '');
+    const head = withoutVerb.split(/[（(·：:]/u)[0]?.trim() ?? withoutVerb;
+    return head.length > 18 ? `${head.slice(0, 17)}…` : head;
+}
+function taskSummary(team) {
+    const completed = team.tasks.filter((task) => task.status === 'completed');
+    const running = team.tasks.filter((task) => task.state === 'running');
+    const blocked = team.tasks.filter((task) => task.state === 'blocked');
+    const ready = team.tasks.filter((task) => task.state === 'open' && task.status !== 'completed');
+    if (team.tasks.length === 0)
+        return '等待队长拆解任务';
+    if (completed.length === team.tasks.length)
+        return `全部 ${completed.length} 项任务已交付`;
+    if (blocked.length > 0 && running.length > 0) {
+        return `${blocked.slice(0, 3).map((task) => task.id).join('、')}${blocked.length > 3 ? ` 等 ${blocked.length} 项` : ''} 等待前置，其余已开工`;
+    }
+    if (running.length > 0)
+        return `${running.map((task) => task.id).join('、')} 正在执行`;
+    if (ready.length > 0)
+        return `${ready.map((task) => task.id).join('、')} 已就绪待开工`;
+    if (blocked.length > 0)
+        return `${blocked.map((task) => task.id).join('、')} 等待前置`;
+    return '等待下一轮调度';
 }
-function TaskNode({ task, tasks, focused, dimmed, pinned, onPin, onHover, onFocusChange }) {
-    const tone = taskTone(task.state, task.status);
-    return (_jsxs("button", { type: "button", className: css.taskNode, "data-task-id": task.id, "data-state": tone, "data-focused": focused, "data-dimmed": dimmed, "aria-pressed": pinned, title: `${task.id} · ${task.subject}（悬停高亮依赖链 · 点击固定）`, onClick: () => { onPin(task.id); }, onMouseEnter: () => { onHover(task.id); }, onMouseLeave: () => { onHover(null); }, onFocus: () => { onFocusChange(task.id); }, onBlur: () => { onFocusChange(null); }, children: [_jsxs("span", { className: css.taskNodeHead, children: [_jsx("span", { className: css.taskId, children: task.id }), _jsx("span", { className: css.taskBadge, "data-state": tone, children: taskStatusLabel(task.status) })] }), _jsx("span", { className: css.taskSubject, children: task.subject }), _jsxs("span", { className: css.taskRoute, children: [_jsx("span", { className: css.taskOwner, children: task.assignee || '待认领' }), task.dependencies.length === 0
-                        ? _jsx("span", { className: css.taskStart, children: "\u8D77\u70B9" })
-                        : _jsxs("span", { className: css.taskDeps, children: ["\u4F9D\u8D56 ", dependencyLabel(task, tasks)] })] })] }));
+function ProgressOverview({ team }) {
+    const running = team.tasks.filter((task) => task.state === 'running').length;
+    const blocked = team.tasks.filter((task) => task.state === 'blocked').length;
+    const completed = team.tasks.filter((task) => task.status === 'completed').length;
+    const summaryTone = blocked > 0 ? 'warning' : completed === team.tasks.length && team.tasks.length > 0 ? 'completed' : 'running';
+    return (_jsxs("section", { className: css.progressOverview, "aria-label": "\u56E2\u961F\u603B\u8FDB\u5EA6", "data-progress-summary": true, children: [_jsx("span", { className: css.progressTitle, children: "\u603B\u8FDB\u5EA6" }), team.tasks.length > 0 ? (_jsx("span", { className: css.progressSegments, "aria-hidden": true, children: team.tasks.map((task) => _jsx("span", { "data-state": taskTone(task.state, task.status) }, task.id)) })) : _jsx("span", { className: css.progressEmpty }), _jsxs("span", { className: css.progressLegend, children: [_jsxs("span", { "data-state": "running", children: ["\u25A0 \u8FDB\u884C\u4E2D ", running] }), _jsxs("span", { "data-state": "blocked", children: ["\u25A0 \u7B49\u5F85\u4F9D\u8D56 ", blocked] }), _jsxs("span", { "data-state": "completed", children: ["\u25A0 \u5DF2\u4EA4\u4ED8 ", completed] })] }), _jsxs("span", { className: css.progressSummary, "data-state": summaryTone, children: [_jsx("span", { className: css.progressSummaryDot }), _jsx("span", { children: taskSummary(team) })] })] }));
 }
 function DependencyMap({ tasks }) {
+    const [open, setOpen] = useState(true);
     const [hoverTaskId, setHoverTaskId] = useState(null);
     const [keyboardTaskId, setKeyboardTaskId] = useState(null);
     const [pinnedTaskId, setPinnedTaskId] = useState(null);
     const hoverTimer = useRef(null);
     const focusedTaskId = dependencyFocusTaskId(pinnedTaskId, keyboardTaskId, hoverTaskId);
-    const stages = useMemo(() => taskStages(tasks), [tasks]);
+    const layout = useMemo(() => compactDagLayout(tasks), [tasks]);
+    const parallel = useMemo(() => usesParallelTaskGrid(tasks), [tasks]);
     const related = useMemo(() => focusedTaskId === null ? null : relatedTaskIds(focusedTaskId, tasks), [focusedTaskId, tasks]);
     const scheduleHover = (id) => {
         if (hoverTimer.current !== null) {
@@ -173,27 +193,63 @@ function DependencyMap({ tasks }) {
     }, []);
     if (tasks.length === 0)
         return null;
-    return (_jsxs("section", { className: css.dependencySection, "aria-label": "\u4EFB\u52A1\u4F9D\u8D56\u94FE", "data-dependency-map": true, children: [_jsxs("header", { className: css.sectionHead, children: [_jsxs("span", { className: css.sectionTitle, children: [_jsx(IconBranchOutline16, {}), " \u4EFB\u52A1\u4F9D\u8D56"] }), _jsx("span", { className: css.sectionHint, children: pinnedTaskId === null ? '悬停高亮依赖链 · 点击固定' : `${pinnedTaskId} 已固定 · Esc 取消` })] }), _jsx("div", { className: css.stageFlow, children: stages.map((stage, index) => (_jsxs("div", { className: css.stageGroup, "data-depth": stage.depth, children: [index > 0 && (_jsxs("span", { className: css.stageConnector, "aria-hidden": true, children: [_jsx("span", { className: css.stageLine }), _jsx(IconChevronRightOutline14, {})] })), _jsxs("div", { className: css.stageColumn, children: [_jsxs("span", { className: css.stageLabel, children: [stage.depth === 0 ? '起点' : `依赖层 ${stage.depth}`, _jsx("span", { children: stage.tasks.length })] }), _jsx("div", { className: css.stageTasks, children: stage.tasks.map((task) => (_jsx(TaskNode, { task: task, tasks: tasks, focused: related?.has(task.id) ?? false, dimmed: related !== null && !related.has(task.id), pinned: pinnedTaskId === task.id, onPin: (id) => { setPinnedTaskId((current) => current === id ? null : id); }, onHover: scheduleHover, onFocusChange: setKeyboardTaskId }, task.id))) })] })] }, stage.depth))) })] }));
+    const fallbackTask = tasks.find((task) => task.state === 'blocked')
+        ?? tasks.find((task) => task.state === 'running')
+        ?? tasks[0];
+    const detailTask = tasks.find((task) => task.id === focusedTaskId) ?? fallbackTask;
+    const waitingOn = detailTask.dependencies.filter((dependency) => (tasks.find((task) => task.id === dependency)?.status !== 'completed'));
+    const dependents = tasks.filter((task) => task.dependencies.includes(detailTask.id));
+    return (_jsxs("section", { className: css.dependencySection, "aria-label": "\u4EFB\u52A1\u4F9D\u8D56\u94FE", "data-dependency-map": true, children: [_jsxs("header", { className: css.sectionHead, children: [_jsxs("button", { type: "button", className: css.sectionToggleTitle, onClick: () => { setOpen((current) => !current); }, "aria-expanded": open, children: [_jsx(Chevron, { open: open }), _jsx(IconBranchOutline16, {}), " ", parallel ? '并行任务' : '任务依赖'] }), _jsx("span", { className: css.sectionHint, children: pinnedTaskId === null
+                            ? parallel ? '无前后依赖 · 点击查看详情' : '悬停高亮依赖链 · 点击固定'
+                            : `${pinnedTaskId} 已固定 · Esc 取消` })] }), open && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.dagViewport, children: _jsxs("div", { className: css.dagCanvas, "data-layout": parallel ? 'parallel' : 'dependency', style: parallel ? undefined : { width: layout.width, height: layout.height }, children: [!parallel && _jsx("svg", { className: css.dagEdges, width: layout.width, height: layout.height, "aria-hidden": true, children: layout.edges.map((edge) => {
+                                        const active = related !== null && related.has(edge.from) && related.has(edge.to);
+                                        return _jsx("path", { d: edge.path, "data-active": active, "data-dimmed": related !== null && !active }, `${edge.from}:${edge.to}`);
+                                    }) }), layout.nodes.map(({ task, x, y }) => (_jsxs("button", { type: "button", className: css.dagNode, style: parallel
+                                        ? { height: COMPACT_DAG_NODE_HEIGHT }
+                                        : { left: x, top: y, width: COMPACT_DAG_NODE_WIDTH, height: COMPACT_DAG_NODE_HEIGHT }, "data-task-id": task.id, "data-state": taskTone(task.state, task.status), "data-focused": related?.has(task.id) ?? false, "data-dimmed": related !== null && !related.has(task.id), "aria-pressed": pinnedTaskId === task.id, title: `${task.id} · ${task.subject}`, onClick: () => { setPinnedTaskId((current) => current === task.id ? null : task.id); }, onMouseEnter: () => { scheduleHover(task.id); }, onMouseLeave: () => { scheduleHover(null); }, onFocus: () => { setKeyboardTaskId(task.id); }, onBlur: () => { setKeyboardTaskId(null); }, children: [_jsxs("span", { className: css.dagNodeHead, children: [_jsx("span", { className: css.dagNodeDot }), task.id] }), _jsx("span", { className: css.dagNodeLabel, children: compactTaskLabel(task.subject) }), task.state === 'running' && (_jsx("span", { className: css.dagRunningState, "aria-label": "\u8FD0\u884C\u4E2D", children: _jsx(WorkGlyph, { active: true }) }))] }, task.id)))] }) }), _jsxs("section", { className: css.taskDetail, "data-task-detail": detailTask.id, children: [_jsxs("span", { className: css.taskDetailHead, children: [_jsx("span", { className: css.taskDetailId, children: detailTask.id }), _jsx("span", { className: css.taskDetailSubject, title: detailTask.subject, children: detailTask.subject.replace(/^开发\s*/u, '') }), _jsx("span", { className: css.taskDetailBadge, "data-state": taskTone(detailTask.state, detailTask.status), children: taskStatusLabel(detailTask.status) })] }), _jsxs("span", { className: css.taskDetailLine, children: [detailTask.assignee || '待认领', " \u00B7 ", detailTask.status === 'completed'
+                                        ? '已完成并交付'
+                                        : detailTask.dependencies.length === 0
+                                            ? '无前置，可立即开工'
+                                            : waitingOn.length === 0
+                                                ? '前置已就绪，可开工'
+                                                : `等待 ${waitingOn.join('、')}`] }), _jsx("span", { className: css.taskDetailMeta, children: dependents.length === 0 ? '无下游任务' : `完成后解锁 ${dependents.map((task) => task.id).join('、')}` })] })] }))] }));
 }
 function TeamSection({ team, onNavigate, historic = false }) {
+    const [membersOpen, setMembersOpen] = useState(true);
     const busyCount = team.members.filter((member) => member.activity === 'working').length;
     const assignedCount = team.tasks.filter((task) => task.assignee !== '').length;
     const completedCount = team.tasks.filter((task) => task.status === 'completed').length;
     const allCompleted = team.tasks.length > 0 && completedCount === team.tasks.length;
-    const unclaimed = team.tasks.filter((task) => {
-        if (task.status === 'completed' || task.status === 'failed' || task.status === 'cancelled')
-            return false;
-        if (task.assignee === '')
-            return true;
-        return !team.members.some((member) => member.name === task.assignee);
-    });
-    return (_jsxs("section", { className: css.team, "data-team-id": team.teamId, children: [_jsxs("header", { className: css.teamHead, children: [_jsx("span", { className: css.teamName, title: team.name, children: team.name }), historic && _jsx("span", { className: css.historicPill, children: "\u5DF2\u7ED3\u675F" }), _jsxs("span", { className: css.teamStats, children: [_jsxs("span", { "data-stat": "members", children: [team.members.length, " \u6210\u5458"] }), _jsxs("span", { "data-stat": "tasks", children: [completedCount, "/", team.tasks.length, " \u5B8C\u6210"] }), _jsxs("span", { "data-stat": "messages", children: [team.messageCount, " \u6D88\u606F"] })] })] }), _jsxs("section", { className: css.delegationSection, "aria-label": "\u961F\u957F\u6D3E\u5DE5\u5173\u7CFB", "data-delegation-map": true, children: [_jsxs("div", { className: css.captainNode, children: [_jsx("span", { className: css.captainAvatar, children: _jsx("img", { className: css.leadAvatar, src: LEAD_ART, alt: "", "aria-hidden": true }) }), _jsxs("span", { className: css.captainInfo, children: [_jsxs("span", { className: css.captainLine, children: [_jsx("span", { className: css.captainName, children: "\u961F\u957F" }), _jsx("span", { className: css.captainRole, children: "\u62C6\u89E3 \u00B7 \u6D3E\u53D1 \u00B7 \u6C47\u603B" })] }), _jsxs("span", { className: css.captainSummary, children: ["\u5DF2\u6D3E\u53D1 ", assignedCount, " \u9879\u4EFB\u52A1\u7ED9 ", team.members.length, " \u540D\u6210\u5458"] })] }), _jsxs("span", { className: css.captainState, "data-busy": busyCount > 0, children: [_jsx(StateDot, { state: busyCount > 0 ? 'ongoing' : allCompleted ? 'done' : 'warning' }), busyCount > 0 ? `${busyCount} 人执行中` : allCompleted ? '已收齐' : '等待回报'] })] }), _jsxs("div", { className: css.delegationTree, children: [team.members.length === 0 && _jsx("span", { className: css.emptyHint, children: "\u6682\u65E0\u6210\u5458\uFF0C\u7B49\u5F85\u961F\u957F\u7EC4\u5EFA\u56E2\u961F" }), team.members.map((member) => {
+    return (_jsxs("section", { className: css.team, "data-team-id": team.teamId, children: [_jsxs("header", { className: css.teamHead, children: [_jsx("span", { className: css.teamName, title: team.name, children: team.name }), historic && _jsx("span", { className: css.historicPill, children: "\u5DF2\u7ED3\u675F" }), _jsxs("span", { className: css.teamStats, children: [_jsxs("span", { "data-stat": "members", children: [team.members.length, " \u6210\u5458"] }), _jsxs("span", { "data-stat": "tasks", children: [completedCount, "/", team.tasks.length, " \u5B8C\u6210"] }), _jsxs("span", { "data-stat": "messages", children: [team.messageCount, " \u6D88\u606F"] })] })] }), _jsxs("section", { className: css.delegationSection, "aria-label": "\u961F\u957F\u6D3E\u5DE5\u5173\u7CFB", "data-delegation-map": true, children: [_jsxs("div", { className: css.captainNode, children: [_jsx("span", { className: css.captainAvatar, children: _jsx("img", { className: css.leadAvatar, src: LEAD_ART, alt: "", "aria-hidden": true }) }), _jsxs("span", { className: css.captainInfo, children: [_jsxs("span", { className: css.captainLine, children: [_jsx("span", { className: css.captainName, children: "\u961F\u957F" }), _jsx("span", { className: css.captainRole, children: "\u62C6\u89E3 \u00B7 \u6D3E\u53D1 \u00B7 \u6C47\u603B" })] }), _jsxs("span", { className: css.captainSummary, children: ["\u5DF2\u6D3E\u53D1 ", assignedCount, " \u9879\u4EFB\u52A1\u7ED9 ", team.members.length, " \u540D\u6210\u5458"] })] }), _jsxs("span", { className: css.captainState, "data-busy": busyCount > 0, children: [_jsx(WorkGlyph, { active: busyCount > 0 }), busyCount > 0 ? `${busyCount} 人执行中` : allCompleted ? '已收齐' : '等待回报'] })] }), _jsx(ProgressOverview, { team: team }), _jsxs("button", { type: "button", className: css.membersToggle, onClick: () => { setMembersOpen((current) => !current); }, "aria-expanded": membersOpen, "data-members-toggle": true, children: [_jsxs("span", { children: [_jsx(Chevron, { open: membersOpen }), "\u6210\u5458 ", team.members.length] }), _jsx("span", { children: membersOpen ? '收起' : '展开' })] }), membersOpen && _jsxs("div", { className: css.delegationTree, children: [team.members.length === 0 && _jsx("span", { className: css.emptyHint, children: "\u6682\u65E0\u6210\u5458\uFF0C\u7B49\u5F85\u961F\u957F\u7EC4\u5EFA\u56E2\u961F" }), team.members.map((member) => {
                                 const owned = team.tasks.filter((task) => task.assignee === member.name);
                                 return (_jsxs("div", { className: css.memberBlock, "data-activity": member.activity, children: [_jsx("span", { className: css.memberBranch, "aria-hidden": true, children: _jsx("span", {}) }), _jsxs("button", { type: "button", className: css.memberRow, "data-activity": member.activity, onClick: () => { if (member.id !== '')
-                                                onNavigate(member.id); }, children: [_jsxs("span", { className: css.memberAvatar, "data-unread": member.unread > 0, children: [memberArtUrl(member.name, member.role) !== null ? (_jsx("img", { className: css.memberArt, src: memberArtUrl(member.name, member.role) ?? '', alt: "", "aria-hidden": true })) : (_jsx("span", { className: css.memberInitial, style: { background: accentOf(member.id) }, children: memberInitial(member.name) })), _jsx("img", { className: css.stateArt, "data-activity": member.activity, src: ACTION_ART[member.activity], alt: "", "aria-hidden": true })] }), _jsxs("span", { className: css.memberInfo, children: [_jsxs("span", { className: css.memberLine, children: [_jsx("span", { className: css.memberName, children: member.name }), member.role !== '' && _jsx("span", { className: css.memberRole, children: member.role }), _jsxs("span", { className: css.memberState, "data-activity": member.activity, children: [_jsx(StateDot, { state: memberDotState(member, team.tasks) }), memberStateLabel(member, team.tasks)] })] }), _jsx("span", { className: css.memberStatusLine, children: memberStatusText(member, team.tasks) })] }), _jsxs("span", { className: css.memberCount, children: [member.done, "/", member.total] })] }), _jsxs("div", { className: css.assignmentLine, children: [_jsx("span", { className: css.assignmentLabel, children: "\u961F\u957F\u6D3E\u53D1" }), _jsx("span", { className: css.assignmentTasks, children: owned.length === 0
+                                                onNavigate(member.id); }, children: [_jsxs("span", { className: css.memberAvatar, "data-unread": member.unread > 0, children: [memberArtUrl(member.name, member.role) !== null ? (_jsx("img", { className: css.memberArt, src: memberArtUrl(member.name, member.role) ?? '', alt: "", "aria-hidden": true })) : (_jsx("span", { className: css.memberInitial, style: { background: accentOf(member.id) }, children: memberInitial(member.name) })), _jsx("img", { className: css.stateArt, "data-activity": member.activity, src: ACTION_ART[member.activity], alt: "", "aria-hidden": true })] }), _jsxs("span", { className: css.memberInfo, children: [_jsxs("span", { className: css.memberLine, children: [_jsx("span", { className: css.memberName, children: member.name }), member.role !== '' && _jsx("span", { className: css.memberRole, children: member.role }), _jsxs("span", { className: css.memberState, "data-activity": member.activity, children: [_jsx(WorkGlyph, { active: member.activity === 'working' }), memberStateLabel(member, team.tasks, historic)] })] }), _jsx("span", { className: css.memberStatusLine, children: memberStatusText(member, team.tasks) })] }), _jsxs("span", { className: css.memberCount, children: [member.done, "/", member.total] })] }), _jsxs("div", { className: css.assignmentLine, children: [_jsx("span", { className: css.assignmentLabel, children: "\u961F\u957F\u6D3E\u53D1" }), _jsx("span", { className: css.assignmentTasks, children: owned.length === 0
                                                         ? _jsx("span", { className: css.taskEmpty, children: "\u6682\u65E0\u4EFB\u52A1" })
-                                                        : owned.map((task) => (_jsx("span", { className: css.assignmentChip, "data-state": taskTone(task.state, task.status), title: task.subject, children: task.id }, task.id))) }), member.unread > 0 && _jsxs("span", { className: css.unreadPill, children: [member.unread, " \u6761\u6D88\u606F"] })] })] }, member.id));
-                            })] })] }), _jsx(DependencyMap, { tasks: team.tasks }), unclaimed.length > 0 && (_jsxs("section", { className: css.unclaimed, "aria-label": "\u5F85\u8BA4\u9886\u4EFB\u52A1", children: [_jsx("span", { className: css.unclaimedTitle, children: "\u5F85\u961F\u957F\u8BA4\u9886\u6216\u6539\u6D3E" }), _jsx("span", { className: css.assignmentTasks, children: unclaimed.map((task) => (_jsxs("span", { className: css.assignmentChip, "data-state": taskTone(task.state, task.status), title: task.subject, children: [task.id, " \u00B7 ", task.assignee || '未分配'] }, task.id))) })] })), team.captainInbox.length > 0 && (_jsxs("section", { className: css.inbox, "aria-label": "\u6210\u5458\u56DE\u62A5\u961F\u957F", children: [_jsxs("header", { className: css.sectionHead, children: [_jsx("span", { className: css.sectionTitle, children: "\u6210\u5458\u56DE\u62A5" }), _jsx("span", { className: css.sectionHint, children: "\u6D41\u5411\u961F\u957F" })] }), team.captainInbox.slice(-2).map((message, index) => (_jsxs("div", { className: css.inboxRow, children: [_jsxs("span", { className: css.inboxRoute, children: [message.from, _jsx(IconChevronRightOutline14, {}), "\u961F\u957F"] }), _jsx("span", { className: css.inboxContent, title: message.content, children: message.content })] }, index)))] }))] }));
+                                                        : owned.map((task) => (_jsx("span", { className: css.assignmentChip, "data-state": taskTone(task.state, task.status), title: task.subject, children: task.id }, task.id))) })] })] }, member.id));
+                            })] })] }), _jsx(DependencyMap, { tasks: team.tasks })] }));
+}
+/** Legacy conversation cards may outlive their host archive. Project their
+ * durable roster through the same rebuilt panel instead of a second UI. */
+function historicCardTeam(data, owner) {
+    return {
+        workspace: '',
+        teamId: data.teamId,
+        name: data.teamName,
+        captainSessionId: data.captainSessionId || owner,
+        members: data.members.map((member) => ({
+            ...member,
+            status: 'removed',
+            activity: 'idle',
+            progress: 0,
+            done: 0,
+            total: 0,
+            currentTask: '',
+            unread: 0,
+        })),
+        tasks: [],
+        messageCount: 0,
+        captainInbox: [],
+    };
 }
 /** The top-right activity floater. Teams follow the current session: live
  * snapshots and historic card summaries are only shown while their captain
@@ -354,7 +410,6 @@ export function ActivityPanel({ sessionsList, openSession }) {
                             ? _jsx("span", { className: css.emptyHint, children: "\u6682\u65E0\u56E2\u961F\u6D3B\u52A8" })
                             : (_jsxs(_Fragment, { children: [visibleTeams.map((team) => (_jsx(TeamSection, { team: team, onNavigate: navigateToSession }, team.teamId))), visibleArchived.map((team) => (_jsx("div", { "data-team-id": team.teamId, "data-historic": true, className: css.archivedWrap, children: _jsx(TeamSection, { team: team, onNavigate: navigateToSession, historic: true }) }, `${team.captainSessionId}:${team.teamId}`))), visibleHistoric.map(({ data: team, owner }) => {
                                         const teamKey = `${owner}:${team.teamId}`;
-                                        return (_jsxs("section", { className: css.team, "data-team-id": team.teamId, "data-historic": true, children: [_jsxs("header", { className: css.teamHead, children: [_jsxs("span", { className: css.teamName, title: team.teamName, children: [_jsx("img", { className: css.leadAvatar, src: LEAD_ART, alt: "", "aria-hidden": true }), " ", team.teamName] }), _jsx("span", { className: css.historicPill, children: "\u5DF2\u7ED3\u675F" })] }), _jsx("div", { className: css.members, children: team.members.map((member) => (_jsxs("button", { type: "button", className: css.memberRow, "data-activity": "idle", onClick: () => { if (member.id !== '')
-                                                            navigateToSession(member.id); }, children: [_jsx("span", { className: css.memberAvatar, children: memberArtUrl(member.name, member.role) !== null ? (_jsx("img", { className: css.memberArt, src: memberArtUrl(member.name, member.role) ?? '', alt: "", "aria-hidden": true })) : (_jsx("span", { className: css.memberInitial, style: { background: accentOf(member.id) }, children: memberInitial(member.name) })) }), _jsx("span", { className: css.memberInfo, children: _jsxs("span", { className: css.memberLine, children: [_jsx("span", { className: css.memberName, children: member.name }), member.role !== '' && _jsx("span", { className: css.memberRole, children: member.role })] }) })] }, member.id))) })] }, teamKey));
+                                        return (_jsx(TeamSection, { team: historicCardTeam(team, owner), onNavigate: navigateToSession, historic: true }, teamKey));
                                     })] })) })] }))] }));
 }

package/lib/client/activity-model.js

@@ -1,4 +1,16 @@
 /** Pure relationship projections used by the AgentTeams activity panel. */
+/** Reference-panel geometry: narrow nodes with enough room for curved edges. */
+export const COMPACT_DAG_NODE_WIDTH = 92;
+export const COMPACT_DAG_NODE_HEIGHT = 30;
+export const COMPACT_DAG_COLUMN_GAP = 26;
+export const COMPACT_DAG_ROW_GAP = 8;
+/** Use a fill-width grid when the task graph has no real dependency edges. */
+export function usesParallelTaskGrid(tasks) {
+    if (tasks.length === 0)
+        return false;
+    const taskIds = new Set(tasks.map((task) => task.id));
+    return tasks.every((task) => task.dependencies.every((dependency) => !taskIds.has(dependency)));
+}
 /**
  * Whether an expanded activity panel still belongs to the current session.
  *
@@ -36,6 +48,57 @@ export function taskStages(tasks) {
         tasks: stageTasks.slice().sort((left, right) => left.id.localeCompare(right.id, 'en', { numeric: true })),
     }));
 }
+/**
+ * Lay tasks out as the reference panel's compact left-to-right DAG.
+ *
+ * Columns are dependency-depth stages. Rows are stable task-id order within
+ * each stage. Edges use cubic curves so fan-in remains readable without
+ * turning every task into a large card.
+ */
+export function compactDagLayout(tasks) {
+    const stages = taskStages(tasks);
+    const positions = new Map();
+    const nodes = [];
+    for (const [column, stage] of stages.entries()) {
+        for (const [row, task] of stage.tasks.entries()) {
+            const x = column * (COMPACT_DAG_NODE_WIDTH + COMPACT_DAG_COLUMN_GAP);
+            const y = row * (COMPACT_DAG_NODE_HEIGHT + COMPACT_DAG_ROW_GAP);
+            positions.set(task.id, { x, y });
+            nodes.push({ task, x, y });
+        }
+    }
+    const edges = [];
+    for (const task of tasks) {
+        const target = positions.get(task.id);
+        if (target === undefined)
+            continue;
+        for (const dependency of task.dependencies) {
+            const source = positions.get(dependency);
+            if (source === undefined)
+                continue;
+            const x1 = source.x + COMPACT_DAG_NODE_WIDTH;
+            const y1 = source.y + COMPACT_DAG_NODE_HEIGHT / 2;
+            const x2 = target.x;
+            const y2 = target.y + COMPACT_DAG_NODE_HEIGHT / 2;
+            edges.push({
+                from: dependency,
+                to: task.id,
+                path: `M${x1} ${y1}C${x1 + 14} ${y1},${x2 - 14} ${y2},${x2} ${y2}`,
+            });
+        }
+    }
+    const rows = Math.max(1, ...stages.map((stage) => stage.tasks.length));
+    return {
+        width: stages.length === 0
+            ? 0
+            : stages.length * COMPACT_DAG_NODE_WIDTH + (stages.length - 1) * COMPACT_DAG_COLUMN_GAP,
+        height: stages.length === 0
+            ? 0
+            : rows * COMPACT_DAG_NODE_HEIGHT + (rows - 1) * COMPACT_DAG_ROW_GAP,
+        nodes,
+        edges,
+    };
+}
 /**
  * Return the complete upstream/downstream chain around one task.
  *