@nanmicoder/dsh-agent-teams 0.1.19 → 0.1.21

package/README.md

@@ -25,12 +25,12 @@
 Ask in natural language. The plugin provides the team protocol, 14 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">
+  <img src="./assets/readme/workspace.png" width="100%" alt="AgentTeams native workspace with members, task dependencies, and progress">
 </p>
 
 ## Releases
 
-[v0.1.17](./release-notes/v0.1.17.md) adds automatic light, dark, and system theme support on the npm `latest` channel. Activity panels, conversation cards, and dialog controls follow Harness semantic colors. Recommended host: DeepSeek Harness `0.1.5-rc.1`; the three older supported host targets are retained.
+[v0.1.21](./release-notes/v0.1.21.md) brings teams into the native Harness workspace, restores **View team** in chat, and fixes narrow layouts. This is the npm `latest` release; the recommended host is Harness `0.1.7-rc.2` (its `next` channel). See the exact [support matrix](./compatibility.json).
 
 ## Why AgentTeams?
 
@@ -49,19 +49,20 @@ The conversation card and activity panel use Harness's official locale service.
 
 ## Install and choose versions
 
-**Recommended pair: DeepSeek Harness `0.1.5-rc.1` + AgentTeams `0.1.17`. Harness remains a prerelease.**
+**Recommended pair: DeepSeek Harness `0.1.7-rc.2` + AgentTeams `0.1.21`. Harness remains a prerelease.**
 
 | Use case | DeepSeek Harness | AgentTeams plugin |
 | --- | --- | --- |
-| **Recommended installation** | **`0.1.5-rc.1`** | **`0.1.17`** |
-| Retaining an older RC | `0.1.2-rc.1` | `0.1.17` |
-| Developer Alpha testing | `0.1.2-alpha.5` | `0.1.17` |
-| Retaining an older Alpha | `0.1.2-alpha.2` | `0.1.17` |
+| **Recommended** | **`0.1.7-rc.2`** | **`0.1.21`** |
+| Legacy RC | `0.1.5-rc.1`, `0.1.5-rc.2`, `0.1.5-rc.3` | `0.1.21` |
+| Retaining an older RC | `0.1.2-rc.1` | `0.1.21` |
+| Developer Alpha testing | `0.1.2-alpha.5` | `0.1.21` |
+| Retaining an older Alpha | `0.1.2-alpha.2` | `0.1.21` |
 
 ### 1. Install DeepSeek Harness
 
 ```sh
-npm install --global @deepseek-ai/dsh@0.1.5-rc.1
+npm install --global @deepseek-ai/dsh@0.1.7-rc.2
 dsh --version
 ```
 
@@ -69,15 +70,15 @@ Skip this if you already run this version. Alpha is opt-in: select an exact Alph
 
 ### 2. Install the AgentTeams plugin
 
-Install into the `web` profile. Replace the profile name if needed:
+Install or upgrade from npm (pinned to this `latest` release):
 
 ```sh
-dsh plugin --profile web add --save-exact @nanmicoder/dsh-agent-teams@0.1.17
+dsh plugin --profile web add --save-exact @nanmicoder/dsh-agent-teams@0.1.21
 ```
 
-**After installation, stop and restart Harness for that profile, then refresh the browser.**
+Replace `web` with your active profile. **Stop and restart that profile's Harness process, then refresh the browser.** Installing the plugin does not upgrade Harness; the host and plugin have independent `latest` channels.
 
-The default npm `latest` tag points to `0.1.17`, so `dsh plugin --profile web add @nanmicoder/dsh-agent-teams` installs this version on a fresh profile. Use the exact-version command above to pin it. The recommended Harness version is `0.1.5-rc.1`; installing the plugin does not upgrade the host. See the [source installation guide](./docs/maintenance-workflow.md) and [release verification](./docs/releases/v0.1.17/README.md).
+For source installations, run `pnpm install --frozen-lockfile` and `pnpm build` after pulling, then restart the corresponding Harness process. Updating Git alone does not update local build output. See the [maintenance guide](./docs/maintenance-workflow.md).
 
 > Desktop users must check the app's embedded Harness core; upgrading the global CLI does not upgrade it. For older `0.1.0-*` / `0.1.1-*` or unlisted hosts, keep a working pair and follow the [older-version and diagnostic guide](./docs/maintenance-workflow.md).
 
@@ -87,6 +88,12 @@ Then ask for a team directly:
 
 > Use AgentTeams to review the commits after v0.5.3 from performance, security, and product perspectives. Return one consolidated report.
 
+## View teams in the workspace
+
+Click **View team** in the current chat header or the team card below a reply to open the native **Team collaboration** tab. The entry belongs to its chat, rather than the general workspace start page.
+
+Team and task content starts immediately: wide panes use columns and narrow panes stack them. Select a task to locate its owner; member icons open their conversations. Closing the tab does not stop the team, and its chat can reopen it. Completed teams retain their archives. Older hosts keep the activity panel.
+
 ## How it works
 
 1. For a request to use AgentTeams, the captain follows the core protocol already in its system instructions. It continues an existing team and uses `agent_teams_status` when current state needs checking. When no team exists, the goal becomes a staged plan for review.

package/README_ZH.md

@@ -25,12 +25,12 @@
 你只需用自然语言提出目标。插件会提供精简的固定团队协议、14 个业务工具、持久化状态、自动共享任务调度和实时 Web UI，不需要额外的 Workflow 引擎。
 
 <p align="center">
-  <img src="./assets/ui.png" width="100%" alt="DeepSeek Harness 对话与 AgentTeams 实时活动面板，展示成员、任务依赖和回报">
+  <img src="./assets/readme/workspace.png" width="100%" alt="DeepSeek Harness 对话与 AgentTeams 实时活动面板，展示成员、任务依赖和回报">
 </p>
 
 ## 版本更新
 
-[v0.1.17](./release-notes/v0.1.17.md) 新增浅色、深色和跟随系统的主题适配，作为 npm `latest` 默认安装版本。活动面板、对话卡片与弹窗控件自动继承宿主颜色。推荐 DeepSeek Harness `0.1.5-rc.1`，保留三个旧宿主目标。
+[v0.1.21](./release-notes/v0.1.21.md) 将团队协作移入 Harness 原生工作区，恢复聊天中的「查看团队」入口，并修复窄宽度布局。npm `latest` 对应此版本；推荐搭配 Harness `0.1.7-rc.2`（宿主的 `next` 渠道）。精确支持范围见 [compatibility.json](./compatibility.json)。
 
 ## 为什么需要 AgentTeams？
 
@@ -48,19 +48,20 @@
 
 ## 安装与版本选择
 
-**推荐组合：DeepSeek Harness `0.1.5-rc.1` + AgentTeams `0.1.17`。Harness 仍为预发布版本。**
+**推荐组合：DeepSeek Harness `0.1.7-rc.2` + AgentTeams `0.1.21`。Harness 仍为预发布版本。**
 
 | 使用场景 | DeepSeek Harness | AgentTeams 插件 |
 | --- | --- | --- |
-| **推荐安装** | **`0.1.5-rc.1`** | **`0.1.17`** |
-| 保留旧 RC | `0.1.2-rc.1` | `0.1.17` |
-| 开发者测试 Alpha | `0.1.2-alpha.5` | `0.1.17` |
-| 保留旧 Alpha | `0.1.2-alpha.2` | `0.1.17` |
+| **推荐版本** | **`0.1.7-rc.2`** | **`0.1.21`** |
+| 保留旧 RC | `0.1.5-rc.1`, `0.1.5-rc.2`, `0.1.5-rc.3` | `0.1.21` |
+| 保留旧 RC | `0.1.2-rc.1` | `0.1.21` |
+| 开发者测试 Alpha | `0.1.2-alpha.5` | `0.1.21` |
+| 保留旧 Alpha | `0.1.2-alpha.2` | `0.1.21` |
 
 ### 1. 安装 DeepSeek Harness
 
 ```sh
-npm install --global @deepseek-ai/dsh@0.1.5-rc.1
+npm install --global @deepseek-ai/dsh@0.1.7-rc.2
 dsh --version
 ```
 
@@ -68,15 +69,15 @@ dsh --version
 
 ### 2. 安装 AgentTeams 插件
 
-安装到 `web` profile；使用其他 profile 时替换名称：
+从 npm 安装或升级插件（命令锁定本次 `latest` 的具体版本）：
 
 ```sh
-dsh plugin --profile web add --save-exact @nanmicoder/dsh-agent-teams@0.1.17
+dsh plugin --profile web add --save-exact @nanmicoder/dsh-agent-teams@0.1.21
 ```
 
-**安装后，停止并重新启动该 profile 的 Harness 进程，再刷新浏览器。**
+将 `web` 换成实际使用的 profile。**安装后，停止并重新启动该 profile 的 Harness 进程，再刷新浏览器。** 安装插件不会自动升级宿主；Harness 的 `latest` 与插件的 `latest` 是两个独立渠道。
 
-npm 默认标签 `latest` 现指向 `0.1.17`，因此新 profile 使用 `dsh plugin --profile web add @nanmicoder/dsh-agent-teams` 即可安装本版；需要锁定版本时使用上面的精确版本命令。推荐宿主为 Harness `0.1.5-rc.1`，安装插件不会自动升级宿主。源码安装见[维护指南](./docs/maintenance-workflow.md)，验证范围见[本版验收记录](./docs/releases/v0.1.17/README.md)。
+源码用户拉取代码后需重新运行 `pnpm install --frozen-lockfile` 和 `pnpm build`，再重启对应的 Harness；只更新 Git 不会更新本地构建产物。详见[维护指南](./docs/maintenance-workflow.md)。
 
 > Desktop 用户需核对应用内置的 Harness 核心；全局 CLI 升级不会升级桌面内核。旧 `0.1.0-*` / `0.1.1-*` 或其他未列出的宿主，请先保留已工作的组合，参考[旧版本与诊断指引](./docs/maintenance-workflow.md)。
 
@@ -88,6 +89,12 @@ npm 默认标签 `latest` 现指向 `0.1.17`，因此新 profile 使用 `dsh plu
 
 队长会话从第一轮起保留精简的固定核心协议和原有 14 个业务工具，直接调用，无需额外的加载工具或激活调用。已配置模板的精简目录固定保留。创建、批准、继续或结束团队都不会改写系统提示词和工具 schema，会话压缩或代码模式丢弃工具结果也不会丢失核心规则。成员保留四个团队工具、固定成员说明及普通编程/研究工具。Web 批准后会通知并唤醒队长，后续成员报告会再次唤醒它，无需忙轮询。详见[固定协议与 benchmark 标准](./docs/progressive-loading.md)。
 
+## 在工作区查看团队
+
+从当前聊天标题栏或回复下方的团队卡片点击 **查看团队**，在原生「团队协作」标签页中查看成员分工、任务依赖和执行进度。入口跟随所属聊天，不放在通用工作区开始页。
+
+页面直接呈现团队和任务内容；宽屏并排展示，窄分栏自动堆叠。点击任务可定位负责成员，成员图标可打开对应会话。关闭标签页不会停止团队；回到所属聊天可以再次打开。已完成团队保留归档，旧宿主继续使用活动面板。
+
 ## 工作方式
 
 1. 当前会话创建团队并成为队长。

package/compatibility.json

@@ -1,12 +1,24 @@
 {
   "schemaVersion": 1,
-  "recommendedHost": "0.1.5-rc.1",
+  "recommendedHost": "0.1.7-rc.2",
   "previewTag": "next",
   "supportedHosts": [
     {
-      "version": "0.1.5-rc.1",
+      "version": "0.1.7-rc.2",
       "track": "recommended"
     },
+    {
+      "version": "0.1.5-rc.3",
+      "track": "legacy"
+    },
+    {
+      "version": "0.1.5-rc.2",
+      "track": "legacy"
+    },
+    {
+      "version": "0.1.5-rc.1",
+      "track": "legacy"
+    },
     {
       "version": "0.1.2-rc.1",
       "track": "legacy"

package/lib/capabilities.js

@@ -1,3 +1,5 @@
+/** Stable, agent-scoped presentation. Business authority stays in the tools. */
+import { onAgentReady } from "./harness-compat.js";
 import { readdirSync } from 'node:fs';
 import { join } from 'node:path';
 import { readTeamSync, readRetiredMemberIdsSync } from "./state.js";
@@ -95,7 +97,7 @@ export function installTeamCapabilities(ctx, config) {
             return agent !== undefined && states.get(agent)?.member ? TEAM_MEMBER_PROMPT : captainPrompt;
         },
     });
-    ctx.on('agent/session-start', ({ agent }) => { attach(agent); });
+    onAgentReady(ctx, agent => { attach(agent); });
     ctx.effect(() => () => {
         mounted = false;
         for (const state of [...active])

package/lib/client/ActivityPanel.js

@@ -18,8 +18,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @module dsh-agent-teams/client/activity
  */
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore, } from 'react';
-import { IconBranchOutline16, IconChevronDownOutline14, IconPanelLeftOutline16, IconStopFill16, IconWarningOutline16, Modal, } from '@deepseek-ai/dsh-client-ui-primitives';
-import { activityPanelExpandedForSession, activityPanelShouldAutoExpand, compactDagLayout, compactModelLabel, COMPACT_DAG_NODE_HEIGHT, COMPACT_DAG_NODE_WIDTH, dependencyFocusTaskId, memberRouteLabel, relatedTaskIds, taskModelLabel, teamIsActive, usesParallelTaskGrid, } from "./activity-model.js";
+import { IconBranchOutline16, IconChevronDownOutline14, IconPanelLeftOutline16, IconStopFill16, IconWarningOutline16, } from "./icons.js";
+import { Modal } from '@deepseek-ai/dsh-client-ui-primitives';
+import { currentSessionId } from "./session-navigation.js";
+import { activityPanelExpandedForSession, activityPanelShouldAutoExpand, compactDagLayout, compactModelLabel, COMPACT_DAG_NODE_HEIGHT, COMPACT_DAG_NODE_WIDTH, dependencyFocusTaskId, memberRouteLabel, orderDelegationMembers, relatedTaskIds, taskModelLabel, teamIsActive, usesParallelTaskGrid, } from "./activity-model.js";
 import { ACTIVITY_HALT_URL, getActivityMonitorTargetsSnapshot, getActivitySnapshotsSnapshot, startActivityPolling, subscribeActivityMonitorTargets, subscribeActivitySnapshots, } from "./activity-monitor.js";
 import { ACTION_ART, LEAD_ART, memberArtUrl } from "./artwork.js";
 import { OPEN_PANEL_EVENT } from "./AgentTeamsCard.js";
@@ -158,6 +160,10 @@ function memberStatusText(member, tasks, t) {
         return t('member.status.waitingAssignment');
     if (member.done === member.total)
         return t('member.status.delivered');
+    if (owned.some((task) => task.status === 'failed'))
+        return t('task.detail.failed');
+    if (owned.length > 0 && owned.every((task) => task.status === 'completed' || task.status === 'cancelled'))
+        return t('member.status.settled');
     return t(member.activity === 'idle' ? 'member.status.idle' : 'member.status.unknown');
 }
 function compactTaskLabel(subject) {
@@ -209,17 +215,20 @@ function ProgressOverview({ team, t, discarded = false }) {
     const blocked = discarded ? 0 : team.tasks.filter((task) => task.state === 'blocked').length;
     const completed = discarded ? 0 : team.tasks.filter((task) => task.status === 'completed').length;
     const settled = !discarded && team.tasks.length > 0 && team.tasks.every((task) => (task.status === 'completed' || task.status === 'failed' || task.status === 'cancelled'));
-    const summaryTone = discarded ? 'discarded' : blocked > 0 ? 'warning' : settled ? 'completed' : 'running';
+    const summaryTone = discarded ? 'discarded' : blocked > 0 || team.tasks.some(task => task.status === 'failed' || task.status === 'cancelled') ? 'warning' : settled ? 'completed' : 'running';
     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": discarded ? 'cancelled' : 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, discarded) })] })] }));
 }
-function DependencyMap({ tasks, members, t, discarded = false }) {
+function DependencyMap({ tasks, members, t, discarded = false, workspace = false, onSelectTask }) {
     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 layout = useMemo(() => compactDagLayout(tasks), [tasks]);
+    const nodeWidth = workspace ? 164 : COMPACT_DAG_NODE_WIDTH;
+    const nodeHeight = workspace ? 76 : COMPACT_DAG_NODE_HEIGHT;
+    const layout = useMemo(() => compactDagLayout(tasks, workspace
+        ? { nodeWidth: 164, nodeHeight: 76, columnGap: 36, rowGap: 16 } : undefined), [tasks, workspace]);
     const parallel = useMemo(() => usesParallelTaskGrid(tasks), [tasks]);
     const related = useMemo(() => focusedTaskId === null ? null : relatedTaskIds(focusedTaskId, tasks), [focusedTaskId, tasks]);
     const scheduleHover = (id) => {
@@ -242,12 +251,14 @@ function DependencyMap({ tasks, members, t, discarded = false }) {
     }, []);
     useEffect(() => {
         const onKeyDown = (event) => {
-            if (event.key === 'Escape')
+            if (event.key === 'Escape') {
                 setPinnedTaskId(null);
+                onSelectTask?.(null);
+            }
         };
         window.addEventListener('keydown', onKeyDown);
         return () => { window.removeEventListener('keydown', onKeyDown); };
-    }, []);
+    }, [onSelectTask]);
     if (tasks.length === 0)
         return null;
     const fallbackTask = tasks.find((task) => task.state === 'blocked')
@@ -258,30 +269,35 @@ function DependencyMap({ tasks, members, t, discarded = false }) {
     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": 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(parallel ? 'dependency.hint.parallel' : workspace ? 'workspace.dependencies' : '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 }) => {
                                     const model = taskModelLabel(task, members);
-                                    const shortModel = compactModelLabel(model);
                                     return (_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": discarded ? 'cancelled' : taskTone(task.state, task.status), "data-task-model": model || undefined, "data-focused": related?.has(task.id) ?? false, "data-dimmed": related !== null && !related.has(task.id), "aria-pressed": pinnedTaskId === task.id, title: taskTitle(task, model), 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: task.state === 'running' && shortModel !== '' ? shortModel : compactTaskLabel(task.subject) }), task.state === 'running' && (_jsx("span", { className: css.dagRunningState, "aria-label": t('task.runningAria'), children: _jsx(WorkGlyph, { active: true }) }))] }, task.id));
+                                            ? { height: nodeHeight }
+                                            : { left: x, top: y, width: nodeWidth, height: nodeHeight }, "data-task-id": task.id, "data-state": discarded ? 'cancelled' : taskTone(task.state, task.status), "data-task-model": model || undefined, "data-focused": related?.has(task.id) ?? false, "data-dimmed": related !== null && !related.has(task.id), "aria-pressed": pinnedTaskId === task.id, title: taskTitle(task, model), onClick: () => { const next = pinnedTaskId === task.id ? null : task.id; setPinnedTaskId(next); onSelectTask?.(next); }, 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, workspace && _jsx("span", { className: css.dagOwner, children: task.assignee || t('task.assignee.unclaimed') })] }), _jsx("span", { className: css.dagNodeLabel, children: workspace ? task.subject : 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": discarded ? 'cancelled' : taskTone(detailTask.state, detailTask.status), children: discarded ? t('task.status.notRun') : taskStatusLabel(detailTask.status, t) })] }), _jsxs("span", { className: css.taskDetailLine, children: [detailTask.assignee || t('task.assignee.unclaimed'), " \u00B7 ", discarded
                                         ? t('task.detail.notRun')
                                         : detailTask.status === 'completed'
                                             ? t('task.detail.completed')
-                                            : detailTask.dependencies.length === 0
-                                                ? t('task.detail.noPrerequisite')
-                                                : waitingOn.length === 0
-                                                    ? t('task.detail.ready')
-                                                    : t('task.detail.waitingOn', { tasks: formatTaskIds(waitingOn, t) })] }), detailModel !== '' && (_jsx("span", { className: css.taskDetailModel, "data-task-model": detailModel, children: t('task.model', { model: detailModel }) })), _jsx("span", { className: css.taskDetailMeta, children: dependents.length === 0
+                                            : detailTask.status === 'cancelled'
+                                                ? t('task.detail.cancelled')
+                                                : detailTask.status === 'failed'
+                                                    ? t('task.detail.failed')
+                                                    : detailTask.dependencies.length === 0
+                                                        ? t('task.detail.noPrerequisite')
+                                                        : waitingOn.length === 0
+                                                            ? t('task.detail.ready')
+                                                            : t('task.detail.waitingOn', { tasks: formatTaskIds(waitingOn, t) })] }), detailModel !== '' && (_jsx("span", { className: css.taskDetailModel, "data-task-model": detailModel, children: t('task.model', { model: detailModel }) })), _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, modelDirectory, onContinuePlanning, onDiscarded, onNavigate, t, historic = false }) {
-    const [membersOpen, setMembersOpen] = useState(true);
+export function TeamSection({ team, modelDirectory, onContinuePlanning, onDiscarded, onNavigate, t, historic = false, workspace = false }) {
+    const [selectedTaskId, setSelectedTaskId] = useState(null);
+    const selectedAssignee = team.tasks.find(task => task.id === selectedTaskId)?.assignee;
+    const [membersOpen, setMembersOpen] = useState(workspace);
     const [stopOpen, setStopOpen] = useState(false);
     const [stopping, setStopping] = useState(false);
     const [stopError, setStopError] = useState('');
@@ -329,7 +345,7 @@ function TeamSection({ team, modelDirectory, onContinuePlanning, onDiscarded, on
             setStopping(false);
         }
     };
-    return (_jsxs(_Fragment, { children: [_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(discarded ? 'team.discarded' : 'team.ended') }), stopped && _jsx("span", { className: css.historicPill, children: t('team.stopped') }), _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 }) })] }), canStop && (_jsx("button", { type: "button", className: css.teamStopButton, "aria-label": t('team.stop'), title: t('team.stop'), onClick: () => { setStopError(''); setStopOpen(true); }, children: _jsx(IconStopFill16, {}) }))] }), team.phase === 'staged' && !historic && modelDirectory !== undefined && onContinuePlanning !== undefined && onDiscarded !== undefined && (_jsx(StagingPlanEditor, { team: team, modelDirectory: modelDirectory, onContinuePlanning: onContinuePlanning, onDiscarded: onDiscarded, t: t })), _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: discarded
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { className: css.team, "data-team-id": team.teamId, "data-workspace-team": workspace || undefined, 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(discarded ? 'team.discarded' : 'team.ended') }), stopped && _jsx("span", { className: css.historicPill, children: t('team.stopped') }), _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 }) })] }), canStop && (_jsx("button", { type: "button", className: css.teamStopButton, "aria-label": t('team.stop'), title: t('team.stop'), onClick: () => { setStopError(''); setStopOpen(true); }, children: _jsx(IconStopFill16, {}) }))] }), team.phase === 'staged' && !historic && modelDirectory !== undefined && onContinuePlanning !== undefined && onDiscarded !== undefined && (_jsx(StagingPlanEditor, { team: team, modelDirectory: modelDirectory, onContinuePlanning: onContinuePlanning, onDiscarded: onDiscarded, t: t })), _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: discarded
                                                     ? t('captain.summary.discarded', { tasks: team.tasks.length, members: team.members.length })
                                                     : captainBusy
                                                         ? t('captain.summary.withTakeover', { tasks: assignedCount, captainTasks: captainTaskIds })
@@ -351,44 +367,57 @@ function TeamSection({ team, modelDirectory, onContinuePlanning, onDiscarded, on
                                                                 ? 'captain.state.collected'
                                                                 : allSettled
                                                                     ? 'captain.state.settled'
-                                                                    : 'captain.state.waiting')] })] }), _jsx(ProgressOverview, { team: team, t: t, discarded: discarded }), _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);
-                                        const memberModel = memberRouteLabel(member);
-                                        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 }), memberModel !== '' && (_jsx("span", { className: css.memberModel, role: "img", "data-member-model": memberModel, title: memberModel, "aria-label": memberModel, children: compactModelLabel(memberModel) })), _jsxs("span", { className: css.memberState, "data-activity": member.activity, children: [_jsx(WorkGlyph, { active: member.activity === 'working' }), discarded
-                                                                                    ? t('member.state.notCreated')
+                                                                    : 'captain.state.waiting')] })] }), _jsx(ProgressOverview, { team: team, t: t, discarded: discarded }), (() => {
+                                const orderedMembers = orderDelegationMembers(team.members, team.tasks);
+                                const runningMembers = orderedMembers.filter((member) => (member.activity === 'working' || member.status === 'working'
+                                    || team.tasks.some((task) => task.assignee === member.name
+                                        && (task.status === 'pending' || task.status === 'claimed' || task.status === 'in_progress'))));
+                                const visibleMembers = membersOpen ? orderedMembers : runningMembers;
+                                const hiddenFinishedCount = orderedMembers.length - visibleMembers.length;
+                                const expandLabel = membersOpen
+                                    ? t('members.collapse')
+                                    : hiddenFinishedCount > 0
+                                        ? t('members.expandFinished', { count: hiddenFinishedCount })
+                                        : t('members.expand');
+                                return (_jsxs(_Fragment, { children: [_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: expandLabel })] }), (membersOpen || visibleMembers.length > 0) && _jsxs("div", { className: css.delegationTree, children: [team.members.length === 0 && _jsx("span", { className: css.emptyHint, children: t('members.empty') }), visibleMembers.map((member) => {
+                                                    const owned = team.tasks.filter((task) => task.assignee === member.name);
+                                                    const memberModel = memberRouteLabel(member);
+                                                    return (_jsxs("div", { className: css.memberBlock, "data-activity": member.activity, "data-selected-member": workspace && selectedAssignee === member.name || undefined, 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 }), memberModel !== '' && (_jsx("span", { className: css.memberModel, role: "img", "data-member-model": memberModel, title: memberModel, "aria-label": memberModel, children: compactModelLabel(memberModel) })), _jsxs("span", { className: css.memberState, "data-activity": member.activity, children: [_jsx(WorkGlyph, { active: member.activity === 'working' }), discarded
+                                                                                                ? t('member.state.notCreated')
+                                                                                                : stopped
+                                                                                                    ? t('member.state.stopped')
+                                                                                                    : team.phase === 'staged'
+                                                                                                        ? t('member.state.staged')
+                                                                                                        : memberStateLabel(member, team.tasks, historic, t)] })] }), _jsx("span", { className: css.memberStatusLine, children: discarded
+                                                                                    ? t('member.status.discarded')
                                                                                     : stopped
-                                                                                        ? t('member.state.stopped')
+                                                                                        ? t('member.status.stopped')
                                                                                         : team.phase === 'staged'
-                                                                                            ? t('member.state.staged')
-                                                                                            : memberStateLabel(member, team.tasks, historic, t)] })] }), _jsx("span", { className: css.memberStatusLine, children: discarded
-                                                                        ? t('member.status.discarded')
-                                                                        : stopped
-                                                                            ? t('member.status.stopped')
+                                                                                            ? t('member.status.staged')
+                                                                                            : historic && owned.length > 0 && owned.every((task) => (task.status === 'completed' || task.status === 'failed' || task.status === 'cancelled'))
+                                                                                                ? t('member.status.settled')
+                                                                                                : 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(discarded
+                                                                            ? 'assignment.discarded'
                                                                             : team.phase === 'staged'
-                                                                                ? t('member.status.staged')
-                                                                                : historic && owned.length > 0 && owned.every((task) => (task.status === 'completed' || task.status === 'failed' || task.status === 'cancelled'))
-                                                                                    ? t('member.status.settled')
-                                                                                    : 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(discarded
-                                                                ? 'assignment.discarded'
-                                                                : team.phase === 'staged'
-                                                                    ? 'assignment.staged'
-                                                                    : 'assignment.label') }), _jsx("span", { className: css.assignmentTasks, children: owned.length === 0
-                                                                ? _jsx("span", { className: css.taskEmpty, children: t('assignment.empty') })
-                                                                : owned.map((task) => {
-                                                                    const model = taskModelLabel(task, team.members);
-                                                                    const shortModel = compactModelLabel(model);
-                                                                    return (_jsx("span", { className: css.assignmentChip, "data-state": discarded ? 'cancelled' : taskTone(task.state, task.status), "data-task-model": model || undefined, title: taskTitle(task, model), children: task.state === 'running' && shortModel !== '' ? `${task.id} · ${shortModel}` : task.id }, task.id));
-                                                                }) })] })] }, member.id || member.name));
-                                    })] })] }), _jsx(DependencyMap, { tasks: team.tasks, members: team.members, t: t, discarded: discarded })] }), _jsx(Modal, { open: stopOpen, onClose: () => { if (!stopping)
+                                                                                ? 'assignment.staged'
+                                                                                : 'assignment.label') }), _jsx("span", { className: css.assignmentTasks, children: owned.length === 0
+                                                                            ? _jsx("span", { className: css.taskEmpty, children: t('assignment.empty') })
+                                                                            : owned.map((task) => {
+                                                                                const model = taskModelLabel(task, team.members);
+                                                                                const shortModel = compactModelLabel(model);
+                                                                                return (_jsx("span", { className: css.assignmentChip, "data-state": discarded ? 'cancelled' : taskTone(task.state, task.status), "data-task-model": model || undefined, title: taskTitle(task, model), children: task.state === 'running' && shortModel !== '' ? `${task.id} · ${shortModel}` : task.id }, task.id));
+                                                                            }) })] })] }, member.id || member.name));
+                                                })] })] }));
+                            })()] }), _jsx(DependencyMap, { tasks: team.tasks, members: team.members, t: t, discarded: discarded, workspace: workspace, onSelectTask: setSelectedTaskId })] }), _jsx(Modal, { open: stopOpen, onClose: () => { if (!stopping)
                     setStopOpen(false); }, title: t('team.stopTitle', { team: team.name }), closeLabel: t('plan.cancel'), description: t('team.stopDescription', { tasks: unfinishedCount, members: busyCount }), footer: (_jsxs("span", { className: css.stopModalActions, children: [_jsx("button", { type: "button", disabled: stopping, onClick: () => { setStopOpen(false); }, children: t('team.stopCancel') }), _jsxs("button", { type: "button", "data-danger": true, disabled: stopping, onClick: () => { void stopTeam(); }, children: [_jsx(IconStopFill16, {}), stopping ? t('team.stopping') : t('team.stopConfirm')] })] })), children: stopError !== '' && _jsxs("p", { className: css.stopModalError, role: "alert", children: [_jsx(IconWarningOutline16, {}), stopError] }) })] }));
 }
 /** 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) {
+export function historicCardTeam(data, owner) {
     return {
         workspace: '',
         teamId: data.teamId,
@@ -432,7 +461,7 @@ export function ActivityPanel({ sessionsList, modelDirectories, openMember, t, c
     const gestureRef = useRef(null);
     const frameRef = useRef(null);
     const pendingLayoutRef = useRef(null);
-    const current = useSyncExternalStore(sessionsList.subscribe, sessionsList.getSnapshot).current;
+    const current = currentSessionId(useSyncExternalStore(sessionsList.subscribe, sessionsList.getSnapshot));
     const autoOpenTrackerRef = useRef({ sessionId: current, restoreComplete: false, liveTeamIds: new Set() });
     const monitorTargets = useSyncExternalStore(subscribeActivityMonitorTargets, getActivityMonitorTargetsSnapshot);
     const returnToComposer = () => {

package/lib/client/AgentTeamsCard.js

@@ -16,10 +16,10 @@ import { LEAD_ART, memberArtUrl } from "./artwork.js";
 import css from './AgentTeamsCard.module.css';
 /** Window event name the floater listens for to open itself. */
 export const OPEN_PANEL_EVENT = 'agent-teams:open-panel';
-/** Re-activate the top-right activity panel, carrying this team's summary
+/** Open the matching team view, carrying this team's summary
  * so the panel can show it even when the team no longer exists on disk
  * (historical session review). */
-function openActivityPanel(data) {
+export function openActivityPanel(data) {
     window.dispatchEvent(new CustomEvent(OPEN_PANEL_EVENT, {
         detail: {
             teamId: data.teamId,
@@ -30,8 +30,17 @@ function openActivityPanel(data) {
     }));
 }
 /** Render one durable team as a compact conversation card. */
-export function AgentTeamsCard({ node, openMember, sessionId, t }) {
-    const data = node.data;
+const noWorkspace = () => undefined;
+const noSubscription = () => () => { };
+export function AgentTeamsCard({ node, openMember, sessionId, t, workspaceBridge }) {
+    const native = useSyncExternalStore(workspaceBridge?.subscribe ?? noSubscription, workspaceBridge?.getSnapshot ?? noWorkspace);
+    const location = node.location;
+    // Closed turns render their card through the official, non-folding turn tail.
+    if (native && (location.kind === 'turn' || location.kind === 'step') && location.turn.status === 'closed')
+        return null;
+    return _jsx(AgentTeamsSummary, { data: node.data, openMember: openMember, sessionId: sessionId, t: t });
+}
+export function AgentTeamsSummary({ data, openMember, sessionId, t }) {
     // `conversation.chat.node` is session-scoped, so its framework-owned id is
     // a stable owner even while another conversation becomes current.
     const owner = data.captainSessionId || sessionId;
@@ -47,7 +56,7 @@ export function AgentTeamsCard({ node, openMember, sessionId, t }) {
         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 }), _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: () => {
+    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('workspace.focus'), title: t('workspace.focus'), children: t('workspace.focus') })] }), 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 || member.name))) }))] }));

package/lib/client/TeamChatEntry.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Session-owned entry points: a persistent title action and a durable turn card. */
+import { useSyncExternalStore } from 'react';
+import { AgentTeamsSummary, openActivityPanel } from "./AgentTeamsCard.js";
+import { getActivitySnapshotsSnapshot, subscribeActivitySnapshots } from "./activity-monitor.js";
+import { teamCardsForTurn } from "./agent-teams-card-definition.js";
+import { LEAD_ART } from "./artwork.js";
+import css from './AgentTeamsCard.module.css';
+export function TeamChatEntry({ sessionId, t }) {
+    const { teams, archivedTeams } = useSyncExternalStore(subscribeActivitySnapshots, getActivitySnapshotsSnapshot);
+    const team = [...teams, ...archivedTeams].find(team => team.captainSessionId === sessionId);
+    if (!team)
+        return null;
+    return _jsxs("button", { className: css.chatEntry, "data-team-chat-entry": true, type: "button", title: t('workspace.focus'), onClick: () => openActivityPanel({ teamId: team.teamId, captainSessionId: sessionId, teamName: team.name, members: team.members }), children: [_jsx("img", { src: LEAD_ART, alt: "", "aria-hidden": true }), t('workspace.focus')] });
+}
+export function TeamTurnCard({ sessionId, turn, useChat, t, openMember }) {
+    const nodes = useChat(snapshot => snapshot.nodes);
+    const cards = teamCardsForTurn(nodes.values(), turn.turn);
+    if (turn.status !== 'closed' || cards.length === 0)
+        return null;
+    return _jsx("div", { className: css.turnCards, "data-team-turn-cards": true, children: cards.map(node => _jsx(AgentTeamsSummary, { data: node.data, sessionId: sessionId, t: t, openMember: openMember }, node.key)) });
+}