@nanmicoder/dsh-agent-teams 0.1.10 → 0.1.12

package/README.md

@@ -37,6 +37,8 @@ Read the [latest release notes](https://github.com/NanmiCoder/dsh-agent-teams/re
 | **Direct messaging** | Members send durable mailbox messages directly to teammates or the captain—no relay required. |
 | **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. |
 
+The conversation card and activity panel use Harness's official locale service. They follow live language changes between English and Simplified Chinese—including status labels, dynamic summaries, controls, archive markers, and accessibility text—without a page reload or a separate plugin setting.
+
 ## Install
 
 > [!NOTE]
@@ -45,7 +47,7 @@ Read the [latest release notes](https://github.com/NanmiCoder/dsh-agent-teams/re
 ### npm
 
 ```sh
-dsh plugin --profile web add @nanmicoder/dsh-agent-teams
+dsh plugin --profile web add @nanmicoder/dsh-agent-teams@latest
 ```
 
 ### Build from source

package/README_ZH.md

@@ -37,6 +37,8 @@
 | **成员直达消息** | 成员通过持久化邮箱直接联系队友或队长，不需要队长中转。 |
 | **实时活动面板** | Web UI 用分段进度、可折叠成员树和可交互 DAG 展示实时工作；团队结束后仍保留完整成员与任务历史。 |
 
+对话卡片与活动面板接入 Harness 官方多语言服务，会随宿主在简体中文和英文之间实时切换；任务/成员状态、动态摘要、操作按钮、历史归档标识和无障碍文案都会同步更新，无需刷新页面，也不增加插件自己的语言设置。
+
 ## 安装
 
 > [!NOTE]
@@ -45,7 +47,7 @@
 ### npm
 
 ```sh
-dsh plugin --profile web add @nanmicoder/dsh-agent-teams
+dsh plugin --profile web add @nanmicoder/dsh-agent-teams@latest
 ```
 
 ### 从源码构建

package/lib/client/ActivityPanel.js

@@ -73,15 +73,19 @@ function accentOf(id) {
 /** Badge text follows the raw task status (finer than the 4 visual states):
  * claimed/pending/failed/cancelled keep their own labels and colors. */
 const TASK_STATUS_LABEL = {
-    pending: '待领取',
-    claimed: '已认领',
-    in_progress: '进行中',
-    completed: '已完成',
-    failed: '失败',
-    cancelled: '已取消',
+    pending: 'task.status.pending',
+    claimed: 'task.status.claimed',
+    in_progress: 'task.status.inProgress',
+    completed: 'task.status.completed',
+    failed: 'task.status.failed',
+    cancelled: 'task.status.cancelled',
 };
-function taskStatusLabel(status) {
-    return TASK_STATUS_LABEL[status] ?? status;
+function taskStatusLabel(status, t) {
+    const key = TASK_STATUS_LABEL[status];
+    return key === undefined ? status : t(key);
+}
+function formatTaskIds(ids, t) {
+    return ids.join(t('format.listSeparator'));
 }
 /** Badge/bar coloring key: visual state, widened for terminal statuses. */
 function taskTone(state, status) {
@@ -98,78 +102,85 @@ 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-agent-teams-collapsed": true, "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 CollapsedBadge({ count, busy, onClick, t }) {
+    return (_jsxs("button", { type: "button", className: css.badge, "data-agent-teams-collapsed": true, "data-busy": busy, onClick: onClick, "aria-label": t('activity.badgeAria', { count }), children: [_jsx("span", { className: css.badgeDot, "data-busy": busy, "aria-hidden": true }), _jsx("span", { className: css.badgeCount, children: count })] }));
 }
-function memberStateLabel(member, tasks, historic) {
+function memberStateLabel(member, tasks, historic, t) {
     const owned = tasks.filter((task) => task.assignee === member.name);
     if (member.activity === 'working')
-        return '工作中';
+        return t('member.state.working');
     if (owned.some((task) => task.status === 'failed'))
-        return '有失败';
+        return t('member.state.failed');
     if (owned.some((task) => task.state === 'blocked'))
-        return '等待';
+        return t('member.state.waiting');
     if (owned.length > 0 && owned.every((task) => task.status === 'completed'))
-        return '已交付';
+        return t('member.state.delivered');
     if (member.status === 'removed')
-        return historic ? '已离队' : '已移除';
+        return t(historic ? 'member.state.left' : 'member.state.removed');
     if (owned.length > 0)
-        return '待执行';
-    return '待派工';
+        return t('member.state.pending');
+    return t('member.state.unassigned');
 }
-function memberStatusText(member, tasks) {
+function memberStatusText(member, tasks, t) {
     const owned = tasks.filter((task) => task.assignee === member.name);
     const current = owned.find((task) => task.id === member.currentTask);
     const blocked = owned.find((task) => task.state === 'blocked');
     if (member.activity === 'working' && current !== undefined)
-        return `正在执行 ${current.id}`;
+        return t('member.status.executing', { taskId: current.id });
     if (member.activity === 'working')
-        return '正在处理已派任务';
+        return t('member.status.working');
     if (blocked !== undefined) {
         const dependency = tasks.find((task) => blocked.dependencies.includes(task.id) && task.state !== 'completed');
-        if (dependency !== undefined)
-            return `等待 ${dependency.id} · ${dependency.assignee || '待认领'}`;
-        return '等待前置任务';
+        if (dependency !== undefined) {
+            return t('member.status.waitingOn', {
+                taskId: dependency.id,
+                assignee: dependency.assignee || t('task.assignee.unclaimed'),
+            });
+        }
+        return t('member.status.waitingPrerequisite');
     }
     if (member.total === 0)
-        return '等待队长派工';
+        return t('member.status.waitingAssignment');
     if (member.done === member.total)
-        return '任务已交付';
-    return member.activity === 'idle' ? '待继续执行' : '状态未知';
+        return t('member.status.delivered');
+    return t(member.activity === 'idle' ? 'member.status.idle' : 'member.status.unknown');
 }
 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) {
+function taskSummary(team, t) {
     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 '等待队长拆解任务';
+        return t('task.summary.waitingBreakdown');
     if (completed.length === team.tasks.length)
-        return `全部 ${completed.length} 项任务已交付`;
+        return t('task.summary.allDelivered', { count: completed.length });
     if (blocked.length > 0 && running.length > 0) {
-        return `${blocked.slice(0, 3).map((task) => task.id).join('、')}${blocked.length > 3 ? ` 等 ${blocked.length} 项` : ''} 等待前置，其余已开工`;
+        return t('task.summary.blockedAndRunning', {
+            tasks: formatTaskIds(blocked.slice(0, 3).map((task) => task.id), t),
+            more: blocked.length > 3 ? t('task.summary.more', { count: blocked.length - 3 }) : '',
+        });
     }
     if (running.length > 0)
-        return `${running.map((task) => task.id).join('、')} 正在执行`;
+        return t('task.summary.running', { tasks: formatTaskIds(running.map((task) => task.id), t) });
     if (ready.length > 0)
-        return `${ready.map((task) => task.id).join('、')} 已就绪待开工`;
+        return t('task.summary.ready', { tasks: formatTaskIds(ready.map((task) => task.id), t) });
     if (blocked.length > 0)
-        return `${blocked.map((task) => task.id).join('、')} 等待前置`;
-    return '等待下一轮调度';
+        return t('task.summary.blocked', { tasks: formatTaskIds(blocked.map((task) => task.id), t) });
+    return t('task.summary.waitingSchedule');
 }
-function ProgressOverview({ team }) {
+function ProgressOverview({ team, t }) {
     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) })] })] }));
+    return (_jsxs("section", { className: css.progressOverview, "aria-label": t('progress.aria'), "data-progress-summary": true, children: [_jsx("span", { className: css.progressTitle, children: t('progress.title') }), 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: [_jsx("span", { "data-state": "running", children: t('progress.running', { count: running }) }), _jsx("span", { "data-state": "blocked", children: t('progress.blocked', { count: blocked }) }), _jsx("span", { "data-state": "completed", children: t('progress.delivered', { count: completed }) })] }), _jsxs("span", { className: css.progressSummary, "data-state": summaryTone, children: [_jsx("span", { className: css.progressSummaryDot }), _jsx("span", { children: taskSummary(team, t) })] })] }));
 }
-function DependencyMap({ tasks }) {
+function DependencyMap({ tasks, t }) {
     const [open, setOpen] = useState(true);
     const [hoverTaskId, setHoverTaskId] = useState(null);
     const [keyboardTaskId, setKeyboardTaskId] = useState(null);
@@ -213,34 +224,44 @@ function DependencyMap({ tasks }) {
     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) => {
+    return (_jsxs("section", { className: css.dependencySection, "aria-label": t('dependency.aria'), "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, {}), " ", t(parallel ? 'dependency.parallel' : 'dependency.title')] }), _jsx("span", { className: css.sectionHint, children: pinnedTaskId === null
+                            ? t(parallel ? 'dependency.hint.parallel' : 'dependency.hint.chain')
+                            : t('dependency.hint.pinned', { taskId: pinnedTaskId }) })] }), 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'
-                                        ? '已完成并交付'
+                                        : { 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": t('task.runningAria'), 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, t) })] }), _jsxs("span", { className: css.taskDetailLine, children: [detailTask.assignee || t('task.assignee.unclaimed'), " \u00B7 ", detailTask.status === 'completed'
+                                        ? t('task.detail.completed')
                                         : detailTask.dependencies.length === 0
-                                            ? '无前置，可立即开工'
+                                            ? t('task.detail.noPrerequisite')
                                             : waitingOn.length === 0
-                                                ? '前置已就绪，可开工'
-                                                : `等待 ${waitingOn.join('、')}`] }), _jsx("span", { className: css.taskDetailMeta, children: dependents.length === 0 ? '无下游任务' : `完成后解锁 ${dependents.map((task) => task.id).join('、')}` })] })] }))] }));
+                                                ? t('task.detail.ready')
+                                                : t('task.detail.waitingOn', { tasks: formatTaskIds(waitingOn, t) })] }), _jsx("span", { className: css.taskDetailMeta, children: dependents.length === 0
+                                    ? t('task.detail.noDownstream')
+                                    : t('task.detail.unlocks', { tasks: formatTaskIds(dependents.map((task) => task.id), t) }) })] })] }))] }));
 }
-function TeamSection({ team, onNavigate, historic = false }) {
+function TeamSection({ team, onNavigate, t, 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;
-    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) => {
+    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: t('team.ended') }), _jsxs("span", { className: css.teamStats, children: [_jsx("span", { "data-stat": "members", children: t('team.stats.members', { count: team.members.length }) }), _jsx("span", { "data-stat": "tasks", children: t('team.stats.completed', { completed: completedCount, total: team.tasks.length }) }), _jsx("span", { "data-stat": "messages", children: t('team.stats.messages', { count: team.messageCount }) })] })] }), _jsxs("section", { className: css.delegationSection, "aria-label": t('delegation.aria'), "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: t('captain.name') }), _jsx("span", { className: css.captainRole, children: t('captain.role') })] }), _jsx("span", { className: css.captainSummary, children: t('captain.summary', {
+                                            tasks: assignedCount,
+                                            members: team.members.length,
+                                        }) })] }), _jsxs("span", { className: css.captainState, "data-busy": busyCount > 0, children: [_jsx(WorkGlyph, { active: busyCount > 0 }), busyCount > 0
+                                        ? t('captain.state.working', { count: busyCount })
+                                        : t(allCompleted ? 'captain.state.collected' : 'captain.state.waiting')] })] }), _jsx(ProgressOverview, { team: team, t: t }), _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 }), t('members.toggle', { count: team.members.length })] }), _jsx("span", { children: t(membersOpen ? 'members.collapse' : 'members.expand') })] }), membersOpen && _jsxs("div", { className: css.delegationTree, children: [team.members.length === 0 && _jsx("span", { className: css.emptyHint, children: t('members.empty') }), 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(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" })
+                                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(team.captainSessionId, 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, t)] })] }), _jsx("span", { className: css.memberStatusLine, children: memberStatusText(member, team.tasks, t) })] }), _jsxs("span", { className: css.memberCount, children: [member.done, "/", member.total] })] }), _jsxs("div", { className: css.assignmentLine, children: [_jsx("span", { className: css.assignmentLabel, children: t('assignment.label') }), _jsx("span", { className: css.assignmentTasks, children: owned.length === 0
+                                                        ? _jsx("span", { className: css.taskEmpty, children: t('assignment.empty') })
                                                         : 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 })] }));
+                            })] })] }), _jsx(DependencyMap, { tasks: team.tasks, t: t })] }));
 }
 /** Legacy conversation cards may outlive their host archive. Project their
  * durable roster through the same rebuilt panel instead of a second UI. */
@@ -265,17 +286,14 @@ function historicCardTeam(data, owner) {
         captainInbox: [],
     };
 }
-/** The top-right activity floater. Teams follow the current session: live
- * snapshots and historic card summaries are only shown while their captain
- * session is the one currently open. */
-export function ActivityPanel({ sessionsList, openSession }) {
+export function ActivityPanel({ sessionsList, openMember, t }) {
     // Navigating to a member's subagent transcript is an explicit departure:
     // hide the floater immediately instead of waiting out the autocollapse
     // grace, so the panel never lingers over the member session.
-    const navigateToSession = (id) => {
+    const navigateToSession = (parentId, childId) => {
         setOpen(false);
         setWasActive(false);
-        openSession(id);
+        openMember(parentId, childId);
     };
     const [open, setOpen] = useState(false);
     const [openOwner, setOpenOwner] = useState();
@@ -383,13 +401,14 @@ export function ActivityPanel({ sessionsList, openSession }) {
         };
     }, [compact, expanded, geometry.mode, geometry.width]);
     useEffect(() => {
-        // Installing the plugin alone must not touch the state route. A successful
-        // AgentTeams conversation card registers the demand that reaches here.
-        if (currentTargets.length === 0)
+        if (current === undefined)
             return;
-        const controller = startActivityPolling(currentTargets);
+        // Cards keep live teams on the normal cadence. The current-session scope
+        // also performs one cold-start discovery pass so archived/cardless teams
+        // survive a browser or `dsh web` restart.
+        const controller = startActivityPolling(currentTargets, { discoverySessionId: current });
         return () => { controller.stop(); };
-    }, [currentTargets]);
+    }, [current, currentTargets]);
     useEffect(() => {
         const onOpenPanel = (event) => {
             const activeSession = currentRef.current;
@@ -570,18 +589,18 @@ export function ActivityPanel({ sessionsList, openSession }) {
     };
     if (!hasTeams && !expanded)
         return null;
-    return (_jsxs(_Fragment, { children: [!expanded && (_jsx(CollapsedBadge, { count: visibleCount, busy: busy, onClick: () => {
+    return (_jsxs(_Fragment, { children: [!expanded && (_jsx(CollapsedBadge, { count: visibleCount, busy: busy, t: t, onClick: () => {
                     if (current === undefined)
                         return;
                     setOpenOwner(current);
                     setOpen(true);
-                } })), expanded && (_jsxs("aside", { ref: panelRef, className: css.panel, style: panelStyle, "data-agent-teams-activity": true, "data-panel-mode": geometry.mode, "data-height-mode": autoHeight ? 'auto' : 'manual', "data-compact": compact || undefined, "data-dragging": interaction === 'dragging' || undefined, "data-resizing": interaction === 'resizing' || undefined, "aria-label": "AgentTeams \u6D3B\u52A8\u9762\u677F", children: [_jsxs("header", { className: css.panelHead, onPointerDown: beginMove, onPointerMove: updateGesture, onPointerUp: endGesture, onPointerCancel: cancelGesture, "data-drag-handle": !compact || undefined, children: [_jsxs("span", { className: css.panelTitle, children: ["AgentTeams \u6D3B\u52A8", _jsx("span", { className: css.panelDot, "data-busy": busy, "aria-hidden": true })] }), _jsxs("span", { className: css.panelControls, children: [!compact && (_jsx("button", { type: "button", className: css.iconButton, "data-control": "dock", "data-mode": geometry.mode, onClick: toggleDock, "aria-label": geometry.mode === 'docked' ? '切换为浮动面板' : '停靠到右侧', title: geometry.mode === 'docked' ? '切换为浮动面板' : '停靠到右侧', children: _jsx(IconPanelLeftOutline16, {}) })), _jsx("button", { type: "button", className: css.iconButton, "data-control": "collapse", onClick: () => {
+                } })), expanded && (_jsxs("aside", { ref: panelRef, className: css.panel, style: panelStyle, "data-agent-teams-activity": true, "data-panel-mode": geometry.mode, "data-height-mode": autoHeight ? 'auto' : 'manual', "data-compact": compact || undefined, "data-dragging": interaction === 'dragging' || undefined, "data-resizing": interaction === 'resizing' || undefined, "aria-label": t('activity.panelAria'), children: [_jsxs("header", { className: css.panelHead, onPointerDown: beginMove, onPointerMove: updateGesture, onPointerUp: endGesture, onPointerCancel: cancelGesture, "data-drag-handle": !compact || undefined, children: [_jsxs("span", { className: css.panelTitle, children: [t('activity.title'), _jsx("span", { className: css.panelDot, "data-busy": busy, "aria-hidden": true })] }), _jsxs("span", { className: css.panelControls, children: [!compact && (_jsx("button", { type: "button", className: css.iconButton, "data-control": "dock", "data-mode": geometry.mode, onClick: toggleDock, "aria-label": t(geometry.mode === 'docked' ? 'activity.float' : 'activity.dockRight'), title: t(geometry.mode === 'docked' ? 'activity.float' : 'activity.dockRight'), children: _jsx(IconPanelLeftOutline16, {}) })), _jsx("button", { type: "button", className: css.iconButton, "data-control": "collapse", onClick: () => {
                                             setOpen(false);
                                             setOpenOwner(undefined);
-                                        }, "aria-label": "\u6536\u8D77\u6D3B\u52A8\u9762\u677F", title: "\u6536\u8D77\u6D3B\u52A8\u9762\u677F", children: _jsx(IconChevronDownOutline14, {}) })] })] }), _jsx("div", { className: css.teams, children: visibleCount === 0
-                            ? _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 }) => {
+                                        }, "aria-label": t('activity.collapse'), title: t('activity.collapse'), children: _jsx(IconChevronDownOutline14, {}) })] })] }), _jsx("div", { className: css.teams, children: visibleCount === 0
+                            ? _jsx("span", { className: css.emptyHint, children: t('activity.empty') })
+                            : (_jsxs(_Fragment, { children: [visibleTeams.map((team) => (_jsx(TeamSection, { team: team, onNavigate: navigateToSession, t: t }, team.teamId))), visibleArchived.map((team) => (_jsxs("div", { "data-team-id": team.teamId, "data-historic": true, className: css.archivedWrap, children: [_jsx("span", { className: css.archiveLabel, children: t('archive.label') }), _jsx(TeamSection, { team: team, onNavigate: navigateToSession, t: t, historic: true })] }, `${team.captainSessionId}:${team.teamId}`))), visibleHistoric.map(({ data: team, owner }) => {
                                         const teamKey = `${owner}:${team.teamId}`;
-                                        return (_jsx(TeamSection, { team: historicCardTeam(team, owner), onNavigate: navigateToSession, historic: true }, teamKey));
+                                        return (_jsx(TeamSection, { team: historicCardTeam(team, owner), onNavigate: navigateToSession, t: t, historic: true }, teamKey));
                                     })] })) }), !compact && (_jsx("div", { className: css.resizeHandle, "data-resize-edge": "left", onPointerDown: (event) => { beginResize('left', event); }, onPointerMove: updateGesture, onPointerUp: endGesture, onPointerCancel: cancelGesture, "aria-hidden": true })), !compact && geometry.mode === 'floating' && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.resizeHandle, "data-resize-edge": "bottom", onPointerDown: (event) => { beginResize('bottom', event); }, onPointerMove: updateGesture, onPointerUp: endGesture, onPointerCancel: cancelGesture, "aria-hidden": true }), _jsx("div", { className: css.resizeHandle, "data-resize-edge": "corner", onPointerDown: (event) => { beginResize('corner', event); }, onPointerMove: updateGesture, onPointerUp: endGesture, onPointerCancel: cancelGesture, "aria-hidden": true })] }))] }))] }));
 }

package/lib/client/AgentTeamsCard.js

@@ -30,7 +30,7 @@ function openActivityPanel(data) {
     }));
 }
 /** Render one durable team as a compact conversation card. */
-export function AgentTeamsCard({ node, openSession, sessionId }) {
+export function AgentTeamsCard({ node, openMember, sessionId, t }) {
     const data = node.data;
     // `conversation.chat.node` is session-scoped, so its framework-owned id is
     // a stable owner even while another conversation becomes current.
@@ -47,6 +47,8 @@ export function AgentTeamsCard({ node, openSession, sessionId }) {
         teamName: snapshot?.name ?? data.teamName,
         members: snapshot?.members.map((member) => ({ id: member.id, name: member.name, role: member.role })) ?? data.members,
     }), [data, owner, snapshot]);
-    return (_jsxs("section", { className: css.root, "data-agent-teams-card": true, "data-team-id": resolved.teamId, children: [_jsxs("header", { className: css.head, children: [_jsx("img", { className: css.leadAvatar, src: LEAD_ART, alt: "", "aria-hidden": true }), _jsx("span", { className: css.teamName, title: resolved.teamName, children: resolved.teamName }), _jsxs("span", { className: css.memberCount, children: [resolved.members.length, " \u540D\u6210\u5458"] }), _jsx("button", { type: "button", className: css.panelButton, onClick: () => { openActivityPanel(resolved); }, "aria-label": "\u6253\u5F00\u6D3B\u52A8\u9762\u677F", title: "\u6253\u5F00\u6D3B\u52A8\u9762\u677F", children: "\u6D3B\u52A8\u9762\u677F" })] }), resolved.members.length > 0 && (_jsx("div", { className: css.members, children: resolved.members.map((member) => (_jsxs("button", { type: "button", className: css.member, onClick: () => { if (member.id !== '')
-                        openSession(member.id); }, title: member.role === '' ? member.name : `${member.name} · ${member.role}`, 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, children: member.name.trim().slice(0, 1).toUpperCase() || '?' })), _jsx("span", { className: css.memberName, children: member.name })] }, member.id))) }))] }));
+    return (_jsxs("section", { className: css.root, "data-agent-teams-card": true, "data-team-id": resolved.teamId, children: [_jsxs("header", { className: css.head, children: [_jsx("img", { className: css.leadAvatar, src: LEAD_ART, alt: "", "aria-hidden": true }), _jsx("span", { className: css.teamName, title: resolved.teamName, children: resolved.teamName }), _jsx("span", { className: css.memberCount, children: t('card.memberCount', { count: resolved.members.length }) }), _jsx("button", { type: "button", className: css.panelButton, onClick: () => { openActivityPanel(resolved); }, "aria-label": t('action.openActivityPanel'), title: t('action.openActivityPanel'), children: t('activity.panelButton') })] }), resolved.members.length > 0 && (_jsx("div", { className: css.members, children: resolved.members.map((member) => (_jsxs("button", { type: "button", className: css.member, onClick: () => {
+                        if (member.id !== '')
+                            openMember(owner, member.id);
+                    }, title: member.role === '' ? member.name : `${member.name} · ${member.role}`, 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, children: member.name.trim().slice(0, 1).toUpperCase() || '?' })), _jsx("span", { className: css.memberName, children: member.name })] }, member.id))) }))] }));
 }

package/lib/client/activity-monitor.js

@@ -104,12 +104,17 @@ export const ACTIVITY_STATE_URL = '/plugins/dsh-agent-teams/state';
 /**
  * Start the single polling loop for the current session's requested targets.
  *
- * With no targets this is deliberately inert: installing the plugin must not
- * touch the state route. Live state is polled at the normal cadence; archive
- * state is fetched only as a one-time fallback for targets no longer live.
+ * With neither targets nor a discovery session this is deliberately inert.
+ * A discovery session performs one live+archive pass after selection/restart;
+ * it keeps polling only while that captain still owns a live team. This
+ * restores legacy/cardless history without turning every ordinary session
+ * into a permanent one-second filesystem scan. Explicit card targets retain
+ * the normal cadence, and archive state is refreshed when a target or a
+ * previously discovered live team disappears.
  */
 export function startActivityPolling(monitorTargets, runtime = {}) {
-    if (monitorTargets.length === 0) {
+    const discoverySessionId = runtime.discoverySessionId?.trim();
+    if (monitorTargets.length === 0 && (discoverySessionId === undefined || discoverySessionId === '')) {
         return { firstTick: Promise.resolve(), stop: () => { } };
     }
     const fetchState = runtime.fetchState ?? ((url, init) => fetch(url, init));
@@ -119,10 +124,16 @@ export function startActivityPolling(monitorTargets, runtime = {}) {
     const settleTargets = runtime.settleTargets ?? settleActivityMonitorTargets;
     let cancelled = false;
     let inFlight = false;
+    let discoveryComplete = false;
+    let discoveredLiveKeys = new Set();
     let controller;
     const tick = async () => {
         if (inFlight || cancelled)
             return;
+        // A cardless ordinary or archive-only session needs one recovery pass,
+        // then stays dormant until the component is recreated for another session.
+        if (discoveryComplete && monitorTargets.length === 0 && discoveredLiveKeys.size === 0)
+            return;
         inFlight = true;
         controller = new AbortController();
         try {
@@ -137,11 +148,24 @@ export function startActivityPolling(monitorTargets, runtime = {}) {
                 return;
             const liveTeams = body.teams;
             publishSnapshots({ teams: liveTeams });
+            const previousDiscoveredKeys = discoveredLiveKeys;
+            discoveredLiveKeys = new Set(discoverySessionId === undefined || discoverySessionId === ''
+                ? []
+                : liveTeams
+                    .filter((team) => team.captainSessionId === discoverySessionId)
+                    .map((team) => team.teamId));
+            const discoveredTeamArchived = [...previousDiscoveredKeys]
+                .some((teamId) => !discoveredLiveKeys.has(teamId));
             const missing = monitorTargets.filter((target) => !liveTeams.some((team) => team.captainSessionId === target.sessionId && team.teamId === target.teamId));
-            if (missing.length === 0)
+            const needsDiscoveryArchive = discoverySessionId !== undefined
+                && discoverySessionId !== ''
+                && !discoveryComplete;
+            if (missing.length === 0 && !needsDiscoveryArchive && !discoveredTeamArchived)
                 return;
-            // Archives are immutable. A successful fallback retires every missing
-            // target, including legacy cards whose host archive no longer exists.
+            // Archives are immutable per team generation. A successful fallback
+            // retires every missing explicit target, including legacy cards whose
+            // host archive no longer exists; discovery remains available from the
+            // shared snapshot after this controller becomes dormant.
             const archivedResponse = await fetchState(`${ACTIVITY_STATE_URL}?archived=1`, {
                 cache: 'no-store',
                 signal: controller.signal,
@@ -152,6 +176,7 @@ export function startActivityPolling(monitorTargets, runtime = {}) {
             if (cancelled || !Array.isArray(archivedBody.teams))
                 return;
             publishSnapshots({ archivedTeams: archivedBody.teams });
+            discoveryComplete = true;
             settleTargets(new Set(missing.map((target) => target.key)));
         }
         catch (error) {

package/lib/client/index.js

@@ -2,8 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ActivityPanel } from "./ActivityPanel.js";
 import { AgentTeamsCard } from "./AgentTeamsCard.js";
 import { agentTeamsCardDefinition } from "./agent-teams-card-definition.js";
-/** Required services: conversation nodes, slots, and sessions navigation. */
-export const inject = ['conversationEvents', 'slots', 'sessions'];
+import { AGENT_TEAMS_LOCALE_NAMESPACE, en, zh, } from "./locales.js";
+import { openAgentTeamMember } from "./session-navigation.js";
+/** Required services: conversation nodes, slots, sessions navigation, and locale. */
+export const inject = ['conversationEvents', 'slots', 'sessions', 'locale'];
 /** The replayed user message is the canonical transcript entry. */
 function HiddenAgentTeamsCommand() {
     return null;
@@ -14,12 +16,19 @@ function HiddenAgentTeamsCommand() {
  * monitor via a window event — the recovery path for an old session.
  */
 export function apply(ctx) {
-    const Panel = () => _jsx(ActivityPanel, { sessionsList: ctx.sessions.list, openSession: (id) => { ctx.sessions.open(id); } });
+    ctx.effect(() => ctx.locale.register(AGENT_TEAMS_LOCALE_NAMESPACE, { zh, en }), 'agent-teams: dictionaries');
+    const openMember = (parentId, childId) => {
+        void openAgentTeamMember(ctx.sessions, parentId, childId).catch((error) => {
+            console.warn(`agent-teams: failed to open member transcript ${childId}: ${String(error)}`);
+        });
+    };
+    const Panel = ({ t }) => (_jsx(ActivityPanel, { sessionsList: ctx.sessions.list, openMember: openMember, t: t }));
     ctx.slots.inject('shell.overlay', () => ctx.slots.register({
         name: 'shell.overlay',
         id: 'agent-teams-activity',
         order: 80,
         label: 'AgentTeams activity',
+        locale: AGENT_TEAMS_LOCALE_NAMESPACE,
     }, Panel));
     // The host command is only the slash-menu/admission surface. Its input is
     // replayed as the visible user message, so the generic result row would be
@@ -32,8 +41,9 @@ export function apply(ctx) {
     ctx.slots.inject('conversation.chat.node', () => ctx.slots.register({
         name: 'conversation.chat.node',
         key: 'agent-teams',
+        locale: AGENT_TEAMS_LOCALE_NAMESPACE,
         inject: () => ({
-            openSession: (id) => { ctx.sessions.open(id); },
+            openMember,
         }),
     }, AgentTeamsCard));
 }