dsh-agent-crew-handoff-ui 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tushar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.i18n.yaml

@@ -0,0 +1,37 @@
+# Bilingual-pair consistency record for README.md (docs/i18n/README.md): per heading
+# section, a hash of its English and Chinese blocks outside code blocks and generated regions.
+# After editing either side, bring the other along and re-record with:
+#   pnpm run verify-translation-pairing --write packages/experimental/crew-handoff-ui/README.md
+/:
+  en: 71ebec9903cd789c
+  zh: 23b9c2f296b21aa3
+/deepseek-ai-dsh-crew-handoff-ui:
+  en: 17d7e994d0d66e07
+  zh: 5c701b160b2f2f01
+/deepseek-ai-dsh-crew-handoff-ui/summary:
+  en: 860a27dcdde71b12
+  zh: c172bf5ee864f658
+/deepseek-ai-dsh-crew-handoff-ui/table-of-contents:
+  en: d152484eb41ac6b4
+  zh: b00dddf4c88f0a45
+/deepseek-ai-dsh-crew-handoff-ui/use-this-package:
+  en: a3b690da06f69ddb
+  zh: 653b52eb0002219c
+/deepseek-ai-dsh-crew-handoff-ui/understand-the-implementation:
+  en: 09a93104ea754441
+  zh: bdea19ac1f46ee97
+/deepseek-ai-dsh-crew-handoff-ui/further-exploration:
+  en: 768ecd5a100dfffb
+  zh: 838d273c2220b278
+/deepseek-ai-dsh-crew-handoff-ui/model-experience:
+  en: 42ee187cf83f453a
+  zh: c92aa8c2e5489b54
+/deepseek-ai-dsh-crew-handoff-ui/model-experience/kv-cache-effect:
+  en: ca75c51c89c2c9b0
+  zh: 477b768cc9dcda1a
+/deepseek-ai-dsh-crew-handoff-ui/known-limitations-and-deferred-work:
+  en: f259831648ca9f9c
+  zh: 1a521734c3f706c1
+/deepseek-ai-dsh-crew-handoff-ui/known-limitations-and-deferred-work/dev-note:
+  en: e54c807bb0679a66
+  zh: e3bdb70977c87bf4

package/README.md

@@ -1,3 +1,84 @@
-# Temporary Holding Version
+---
+description: "Handoffs tab: agent cards with live state and lanes of the tasks a Session handed to each subagent, shared with other crew pages."
+kind: "package-reference"
+---
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# dsh-agent-crew-handoff-ui
+
+English | [中文](README.zh.md)
+
+## Summary
+
+When a Session delegates, the work moves out of sight. This client plugin adds a **Handoffs** tab to the right panel: one card for the Session and one for each subagent it created, with the crew member's face and name, its preset, whether it is working, waiting on you or idle, and the task it is on. Below the cards, one lane per agent lists every task handed to it, newest first, with the short task label, the first line of the brief, when it was handed off and through which tool. Other crew pages reuse the view through `ctx.crewHandoffs`.
+
+## Table of Contents
+
+- [Use this package](#use-this-package)
+- [Understand the implementation](#understand-the-implementation)
+- [Further Exploration](#further-exploration)
+- [Model Experience](#model-experience)
+- [Known Limitations and Deferred Work](#known-limitations-and-deferred-work)
+- [Dev Note](#dev-note)
+
+-----
+
+<a id="use-this-package"></a>
+## Use this package
+
+The [crew-agents](../crew-agents/README.md) bundle mounts this plugin. Open **Handoffs** from the right panel's guide in any Session; a card opens that agent's Session. The newest item in a lane reads **With** the agent while it works or waits on you, and **Handed back** once it is idle.
+
+-----
+
+<a id="understand-the-implementation"></a>
+## Understand the implementation
+
+<details>
+<summary>Implementation internals — click to expand</summary>
+
+A handoff is a successful tool result whose presentation metadata is `{ kind: 'activation', name }`, which every subagent delegation tool returns; its `tool/call` gives the `description`, `prompt` and `agent_preset` arguments. The tab reads the Session's loaded event window, its `subagentCatalog` projection for the children, and the Session list and status for each card's preset and state.
+
+| Source | Contents |
+|---|---|
+| [`src/client/handoffs.ts`](src/client/handoffs.ts) | Reading handoffs from events |
+| [`src/client/view.ts`](src/client/view.ts) | Cards and lanes |
+| [`src/client/HandoffView.tsx`](src/client/HandoffView.tsx) | View |
+| [`src/client/HandoffTab.tsx`](src/client/HandoffTab.tsx) | Tab body |
+| [`src/client/index.ts`](src/client/index.ts) | Registrations and `ctx.crewHandoffs` |
+| [`tests/`](tests/) | Reading, building and drawing |
+
+</details>
+
+-----
+
+<a id="further-exploration"></a>
+## Further Exploration
+
+- [tool-subagent](../../subagent/tool-subagent/README.md) — the delegation tools.
+- [ui-subagent](../../client/ui-subagent/README.md) — the subagent tree in the Session header.
+
+<a id="model-experience"></a>
+## Model Experience
+
+None, as the package is a browser view that registers nothing model-facing.
+
+#### KV Cache effect
+
+None; this package neither assembles nor sends a provider request.
+
+## Known Limitations and Deferred Work
+
+<a id="known-limitations-and-deferred-work"></a>
+
+- Cost per agent is not shown; dsh records token usage, not prices.
+- Only handoffs in the loaded part of the Session log appear.
+- Handoffs between subagents appear in the delegating subagent's own Session, not the lead's.
+
+<a id="dev-note"></a>
+### Dev Note
+
+<details>
+<summary>Working context for maintainers — click to expand</summary>
+
+Tests read synthetic events with the real event shapes and render the view from a built model.
+
+</details>

package/README.zh.md

@@ -0,0 +1,84 @@
+---
+description: "交接标签页：显示智能体卡片的实时状态，以及 Session 交给每个子智能体的任务列表，并与其他 crew 页面共享。"
+kind: "package-reference"
+---
+
+# dsh-agent-crew-handoff-ui
+
+[English](README.md) | 中文
+
+## 概述
+
+Session 委派工作后，工作就离开了视线。本客户端插件在右侧面板添加 **交接** 标签页：Session 本身和它创建的每个子智能体各一张卡片，显示 crew 成员的头像和名称、预设、是在工作、等待你还是空闲，以及当前任务。卡片下方每个智能体一列，按从新到旧列出交给它的每项任务，包括简短的任务标签、简要说明的第一行、交接时间和所用工具。其他 crew 页面通过 `ctx.crewHandoffs` 复用该视图。
+
+## 目录
+
+- [使用本包](#use-this-package)
+- [实现原理](#understand-the-implementation)
+- [延伸阅读](#further-exploration)
+- [模型体验](#model-experience)
+- [已知限制与后续工作](#known-limitations-and-deferred-work)
+- [开发备注](#dev-note)
+
+-----
+
+<a id="use-this-package"></a>
+## 使用本包
+
+[crew-agents](../crew-agents/README.zh.md) bundle 挂载本插件。在任意 Session 中从右侧面板的指南打开 **交接**；点击卡片会打开该智能体的 Session。列中最新的一项在智能体工作或等待你时显示 **在…处**，空闲后显示 **已交回**。
+
+-----
+
+<a id="understand-the-implementation"></a>
+## 实现原理
+
+<details>
+<summary>实现细节——点击展开</summary>
+
+交接是指展示元数据为 `{ kind: 'activation', name }` 的成功工具结果，每个子智能体委派工具都会返回它；对应的 `tool/call` 提供 `description`、`prompt` 和 `agent_preset` 参数。标签页读取 Session 已加载的事件窗口、用于子智能体的 `subagentCatalog` 投影，以及用于每张卡片预设和状态的 Session 列表与状态。
+
+| 源码 | 内容 |
+|---|---|
+| [`src/client/handoffs.ts`](src/client/handoffs.ts) | 从事件读取交接 |
+| [`src/client/view.ts`](src/client/view.ts) | 卡片与列 |
+| [`src/client/HandoffView.tsx`](src/client/HandoffView.tsx) | 视图 |
+| [`src/client/HandoffTab.tsx`](src/client/HandoffTab.tsx) | 标签页主体 |
+| [`src/client/index.ts`](src/client/index.ts) | 注册与 `ctx.crewHandoffs` |
+| [`tests/`](tests/) | 读取、构建与绘制 |
+
+</details>
+
+-----
+
+<a id="further-exploration"></a>
+## 延伸阅读
+
+- [tool-subagent](../../subagent/tool-subagent/README.zh.md)——委派工具。
+- [ui-subagent](../../client/ui-subagent/README.zh.md)——Session 标题中的子智能体树。
+
+<a id="model-experience"></a>
+## 模型体验
+
+无，本包是浏览器视图，不注册任何面向模型的内容。
+
+#### KV Cache 影响
+
+无；本包既不组装也不发送模型提供方请求。
+
+## 已知限制与后续工作
+
+<a id="known-limitations-and-deferred-work"></a>
+
+- 不显示每个智能体的费用；dsh 记录的是 token 用量而不是价格。
+- 只显示 Session 日志中已加载部分的交接。
+- 子智能体之间的交接显示在委派方子智能体自己的 Session 中，而不是负责人的 Session 中。
+
+<a id="dev-note"></a>
+### 开发备注
+
+<details>
+<summary>维护者工作背景——点击展开</summary>
+
+测试用真实事件结构读取合成事件，并用构建出的模型渲染视图。
+
+</details>

package/lib/client.js

@@ -0,0 +1,551 @@
+window.__ModuleLoader__.load({
+	id: "dsh-agent-crew-handoff-ui",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region ../../util/brand/src/index.ts
+		/**
+		* Apply a compile-time string brand without changing the value.
+		* @param value - string admitted by the domain that owns the target brand.
+		* @returns the same string with the requested compile-time brand.
+		*/
+		function brandString(value) {
+			return value;
+		}
+		//#endregion
+		//#region ../../core/session/src/types.ts
+		/**
+		* Brand a string as a {@link SessionId}.
+		* @param id - the raw session id string.
+		* @returns the same string with the session-id brand.
+		*/
+		function SessionId(id) {
+			return brandString(id);
+		}
+		//#endregion
+		//#region lib/types/client/handoffs.js
+		const MAX_BRIEF = 160;
+		function record(raw) {
+			try {
+				const value = JSON.parse(raw);
+				return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+			} catch {
+				return;
+			}
+		}
+		function text(value) {
+			return typeof value === "string" && value.trim() !== "" ? value.trim() : void 0;
+		}
+		/**
+		* Every successful subagent start in the window, oldest first. A start is a tool result whose presentation metadata is
+		* `{ kind: 'activation', name }`, which every subagent delegation tool returns.
+		* @param entries - the Session's loaded event window.
+		* @returns the handoffs.
+		*/
+		function handoffsOf(entries) {
+			const calls = /* @__PURE__ */ new Map();
+			const handoffs = [];
+			for (const entry of entries) {
+				if (entry.type !== "event") continue;
+				const { event } = entry;
+				if (event.type === "tool/call") {
+					calls.set(String(event.data.callId), {
+						tool: event.data.name,
+						args: record(event.data.arguments)
+					});
+					continue;
+				}
+				if (event.type !== "tool/result" || event.data.message.isError === true) continue;
+				const meta = event.data.meta;
+				if (typeof meta !== "object" || meta === null || Array.isArray(meta)) continue;
+				const child = text(meta["name"]);
+				if (meta["kind"] !== "activation" || child === void 0) continue;
+				const callId = String(event.data.message.source.callId);
+				const call = calls.get(callId);
+				const args = call?.args;
+				const line = text(args?.["prompt"])?.split("\n")[0];
+				const brief = line === void 0 ? void 0 : line.length > MAX_BRIEF ? `${line.slice(0, MAX_BRIEF - 1)}…` : line;
+				const preset = text(args?.["agent_preset"]);
+				handoffs.push({
+					callId,
+					child,
+					task: text(args?.["description"]) ?? child,
+					tool: call?.tool ?? "subagent",
+					time: event.time,
+					...brief === void 0 ? {} : { brief },
+					...preset === void 0 ? {} : { preset }
+				});
+			}
+			return handoffs;
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/tushar/Developer/deepseek-harness-fork/packages/experimental/crew-handoff-ui/src/client/HandoffView.module.css.mjs
+		const css = "[data-state]{--c:var(--dsw-alias-state-idle-primary)}[data-state=working]{--c:var(--dsw-alias-state-business-primary)}[data-state=needs-you]{--c:var(--dsw-alias-state-warn-primary)}[data-state=done]{--c:var(--dsw-alias-state-success-primary)}.dINUDq_root{background:var(--dsw-alias-bg-base);height:100%;color:var(--dsw-alias-label-primary);flex-direction:column;gap:14px;padding:16px;font-size:13px;display:flex;overflow:auto}.dINUDq_head{align-items:flex-start;gap:12px;display:flex}.dINUDq_headText{flex:1;min-width:0}.dINUDq_title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:650;line-height:1.2}.dINUDq_summary{color:var(--dsw-alias-label-tertiary);margin:2px 0 0;font-size:12px}.dINUDq_pill{background:color-mix(in srgb, var(--c) 14%, transparent);color:var(--dsw-alias-label-primary);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:550;display:inline-flex}.dINUDq_pill:before{content:\"\";background:var(--c);border-radius:50%;width:6px;height:6px}.dINUDq_pill[data-state=working]:before{animation:1.6s ease-in-out infinite dINUDq_pulse}@keyframes dINUDq_pulse{50%{opacity:.35}}.dINUDq_hub,.dINUDq_main,.dINUDq_toggle{color:inherit;font:inherit;text-align:left;cursor:pointer;border:0}.dINUDq_hub{border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);align-items:center;gap:12px;width:100%;padding:12px;display:flex}.dINUDq_hub:hover{background:var(--dsw-alias-interactive-bg-hover)}.dINUDq_who{flex-direction:column;flex:1;min-width:0;display:flex}.dINUDq_name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dINUDq_hub .dINUDq_name{font-size:14px}.dINUDq_nameLine{align-items:baseline;gap:6px;min-width:0;display:flex}.dINUDq_preset{color:var(--dsw-alias-label-tertiary);font-family:var(--dsw-font-mono,ui-monospace, monospace);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dINUDq_muted{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.dINUDq_stat{flex-direction:column;align-items:flex-end;display:flex}.dINUDq_stat b{font-family:var(--dsw-font-mono,ui-monospace, monospace);font-size:18px;font-weight:600;line-height:1}.dINUDq_stat span{color:var(--dsw-alias-label-tertiary);font-size:11px}.dINUDq_agents{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dINUDq_agent{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-base);box-shadow:inset 3px 0 0 var(--c);overflow:hidden}.dINUDq_agent[data-state=idle]{box-shadow:none}.dINUDq_agent[data-state=needs-you]{border-color:var(--c)}.dINUDq_row{align-items:stretch;display:flex}.dINUDq_main{background:0 0;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 8px 10px 12px;display:flex}.dINUDq_main:hover,.dINUDq_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.dINUDq_now{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dINUDq_toggle{color:var(--dsw-alias-label-tertiary);background:0 0;flex:none;align-items:center;padding:0 10px;display:flex}.dINUDq_toggle>*{transition:transform .15s}.dINUDq_toggle[aria-expanded=true]>*{transform:rotate(90deg)}.dINUDq_hub:focus-visible,.dINUDq_main:focus-visible,.dINUDq_toggle:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}.dINUDq_lane{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1)}.dINUDq_items{margin:0;padding:4px 12px 12px 22px;list-style:none}.dINUDq_item{flex-direction:column;gap:2px;padding:10px 0 2px 18px;animation:.25s ease-out dINUDq_slide;display:flex;position:relative}.dINUDq_item:before{content:\"\";background:var(--dsw-alias-border-l3);width:1.5px;position:absolute;top:0;bottom:-2px;left:3px}.dINUDq_item:last-child:before{height:16px;bottom:auto}@keyframes dINUDq_slide{0%{opacity:0;transform:translateY(-4px)}}.dINUDq_mark{border:2px solid var(--dsw-alias-bg-layer-1);background:var(--c);border-radius:50%;width:12px;height:12px;position:absolute;top:13px;left:-2px}.dINUDq_mark[data-state=working],.dINUDq_mark[data-state=needs-you]{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 22%, transparent)}.dINUDq_itemTask{overflow-wrap:anywhere;font-weight:550}.dINUDq_brief{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.dINUDq_itemMeta{color:var(--dsw-alias-label-tertiary);flex-wrap:wrap;gap:4px 8px;margin-top:2px;font-size:11px;display:flex}.dINUDq_itemState{color:var(--dsw-alias-label-secondary);font-weight:550}.dINUDq_time{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.dINUDq_item{animation:none}.dINUDq_pill:before{animation:none!important}.dINUDq_toggle>*{transition:none}}";
+		const tagId = "dsh-agent-crew-handoff-ui/HandoffView.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-agent-crew-handoff-ui";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var HandoffView_module_css_default = {
+			"agent": "dINUDq_agent",
+			"agents": "dINUDq_agents",
+			"brief": "dINUDq_brief",
+			"head": "dINUDq_head",
+			"headText": "dINUDq_headText",
+			"hub": "dINUDq_hub",
+			"item": "dINUDq_item",
+			"itemMeta": "dINUDq_itemMeta",
+			"itemState": "dINUDq_itemState",
+			"itemTask": "dINUDq_itemTask",
+			"items": "dINUDq_items",
+			"lane": "dINUDq_lane",
+			"main": "dINUDq_main",
+			"mark": "dINUDq_mark",
+			"muted": "dINUDq_muted",
+			"name": "dINUDq_name",
+			"nameLine": "dINUDq_nameLine",
+			"now": "dINUDq_now",
+			"pill": "dINUDq_pill",
+			"preset": "dINUDq_preset",
+			"pulse": "dINUDq_pulse",
+			"root": "dINUDq_root",
+			"row": "dINUDq_row",
+			"slide": "dINUDq_slide",
+			"stat": "dINUDq_stat",
+			"summary": "dINUDq_summary",
+			"time": "dINUDq_time",
+			"title": "dINUDq_title",
+			"toggle": "dINUDq_toggle",
+			"who": "dINUDq_who"
+		};
+		//#endregion
+		//#region lib/types/client/HandoffView.js
+		/** The lead as a hub card, then one row per agent, most urgent first, each opening into a timeline of what it was handed. */
+		const URGENCY = {
+			"needs-you": 0,
+			working: 1,
+			idle: 2
+		};
+		function time(value) {
+			return new Intl.DateTimeFormat(void 0, {
+				hour: "numeric",
+				minute: "2-digit"
+			}).format(new Date(value));
+		}
+		function Face({ card, props, size }) {
+			const design = props.designOf(card);
+			const { Face: Drawn } = props;
+			return (0, react_jsx_runtime.jsx)(Drawn, {
+				agentId: card.preset ?? card.name,
+				size,
+				mood: card.state === "working" ? "working" : "idle",
+				...design === void 0 ? {} : { design }
+			});
+		}
+		/**
+		* Render the hub, agent rows and their timelines.
+		* @param props - view data, faces, names, navigation and copy.
+		* @returns the view.
+		*/
+		function HandoffView(props) {
+			const { data, t } = props;
+			const [expanded, setExpanded] = (0, react.useState)({});
+			const leadName = props.nameOf(data.lead);
+			const lanes = new Map(data.lanes.map((lane) => [lane.to.sessionId, lane.items]));
+			const agents = [...data.agents].sort((a, b) => URGENCY[a.state] - URGENCY[b.state]);
+			const needsYou = agents.filter((card) => card.state === "needs-you").length;
+			const working = agents.filter((card) => card.state === "working").length;
+			const leadState = t(`state.${data.lead.state}`);
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: HandoffView_module_css_default.root,
+				children: [
+					(0, react_jsx_runtime.jsxs)("header", {
+						className: HandoffView_module_css_default.head,
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: HandoffView_module_css_default.headText,
+							children: [(0, react_jsx_runtime.jsx)("h2", {
+								className: HandoffView_module_css_default.title,
+								children: t("tab.title")
+							}), (0, react_jsx_runtime.jsx)("p", {
+								className: HandoffView_module_css_default.summary,
+								children: t("summary", {
+									agents: agents.length,
+									handoffs: data.lead.handoffs
+								})
+							})]
+						}), needsYou > 0 ? (0, react_jsx_runtime.jsx)("span", {
+							className: HandoffView_module_css_default.pill,
+							"data-state": "needs-you",
+							children: t("summary.needsYou", { count: needsYou })
+						}) : working > 0 && (0, react_jsx_runtime.jsx)("span", {
+							className: HandoffView_module_css_default.pill,
+							"data-state": "working",
+							children: t("summary.working", { count: working })
+						})]
+					}),
+					(0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: HandoffView_module_css_default.hub,
+						"data-state": data.lead.state,
+						onClick: () => {
+							props.open(data.lead.sessionId);
+						},
+						"aria-label": t("card.open", {
+							name: leadName,
+							state: leadState
+						}),
+						children: [
+							(0, react_jsx_runtime.jsx)(Face, {
+								card: data.lead,
+								props,
+								size: 36
+							}),
+							(0, react_jsx_runtime.jsxs)("span", {
+								className: HandoffView_module_css_default.who,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: HandoffView_module_css_default.name,
+									children: leadName
+								}), (0, react_jsx_runtime.jsx)("span", {
+									className: HandoffView_module_css_default.muted,
+									children: data.lead.preset ?? t("lead.role")
+								})]
+							}),
+							(0, react_jsx_runtime.jsxs)("span", {
+								className: HandoffView_module_css_default.stat,
+								children: [(0, react_jsx_runtime.jsx)("b", { children: data.lead.handoffs }), (0, react_jsx_runtime.jsx)("span", { children: t("lead.count") })]
+							})
+						]
+					}),
+					agents.length === 0 && (0, react_jsx_runtime.jsx)("p", {
+						className: HandoffView_module_css_default.muted,
+						children: t("empty")
+					}),
+					(0, react_jsx_runtime.jsx)("ul", {
+						className: HandoffView_module_css_default.agents,
+						children: agents.map((card) => {
+							const name = props.nameOf(card);
+							const state = t(`state.${card.state}`);
+							const items = lanes.get(card.sessionId) ?? [];
+							const isOpen = items.length > 0 && (expanded[card.sessionId] ?? card.state !== "idle");
+							return (0, react_jsx_runtime.jsxs)("li", {
+								className: HandoffView_module_css_default.agent,
+								"data-state": card.state,
+								children: [(0, react_jsx_runtime.jsxs)("div", {
+									className: HandoffView_module_css_default.row,
+									children: [(0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: HandoffView_module_css_default.main,
+										onClick: () => {
+											props.open(card.sessionId);
+										},
+										"aria-label": t("card.open", {
+											name,
+											state
+										}),
+										children: [
+											(0, react_jsx_runtime.jsx)(Face, {
+												card,
+												props,
+												size: 32
+											}),
+											(0, react_jsx_runtime.jsxs)("span", {
+												className: HandoffView_module_css_default.who,
+												children: [(0, react_jsx_runtime.jsxs)("span", {
+													className: HandoffView_module_css_default.nameLine,
+													children: [(0, react_jsx_runtime.jsx)("span", {
+														className: HandoffView_module_css_default.name,
+														children: name
+													}), card.preset !== void 0 && (0, react_jsx_runtime.jsx)("span", {
+														className: HandoffView_module_css_default.preset,
+														children: card.preset
+													})]
+												}), (0, react_jsx_runtime.jsxs)("span", {
+													className: HandoffView_module_css_default.now,
+													children: [card.task === void 0 ? t("card.ready") : t("card.task", { task: card.task }), card.handoffs > 0 && (0, react_jsx_runtime.jsxs)("span", {
+														className: HandoffView_module_css_default.muted,
+														children: [" · ", t("card.count", { count: card.handoffs })]
+													})]
+												})]
+											}),
+											(0, react_jsx_runtime.jsx)("span", {
+												className: HandoffView_module_css_default.pill,
+												"data-state": card.state,
+												children: state
+											})
+										]
+									}), items.length > 0 && (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: HandoffView_module_css_default.toggle,
+										"aria-expanded": isOpen,
+										"aria-label": t("lane.toggle", { name }),
+										onClick: () => {
+											setExpanded((prev) => ({
+												...prev,
+												[card.sessionId]: !isOpen
+											}));
+										},
+										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { size: 14 })
+									})]
+								}), isOpen && (0, react_jsx_runtime.jsx)("section", {
+									className: HandoffView_module_css_default.lane,
+									"aria-label": t("lane.label", {
+										from: leadName,
+										to: name
+									}),
+									children: (0, react_jsx_runtime.jsx)("ol", {
+										className: HandoffView_module_css_default.items,
+										children: items.map((item, index) => {
+											const current = index === 0 && card.state !== "idle";
+											return (0, react_jsx_runtime.jsxs)("li", {
+												className: HandoffView_module_css_default.item,
+												children: [
+													(0, react_jsx_runtime.jsx)("span", {
+														className: HandoffView_module_css_default.mark,
+														"data-state": current ? card.state : "done",
+														"aria-hidden": "true"
+													}),
+													(0, react_jsx_runtime.jsx)("span", {
+														className: HandoffView_module_css_default.itemTask,
+														children: item.task
+													}),
+													item.brief !== void 0 && (0, react_jsx_runtime.jsx)("span", {
+														className: HandoffView_module_css_default.brief,
+														children: item.brief
+													}),
+													(0, react_jsx_runtime.jsxs)("span", {
+														className: HandoffView_module_css_default.itemMeta,
+														children: [
+															(0, react_jsx_runtime.jsx)("span", {
+																className: HandoffView_module_css_default.itemState,
+																children: current ? t("item.with", { name }) : t("item.back")
+															}),
+															(0, react_jsx_runtime.jsx)("span", {
+																className: HandoffView_module_css_default.time,
+																children: t("item.time", { time: time(item.time) })
+															}),
+															(0, react_jsx_runtime.jsx)("span", { children: t("item.via", { tool: item.tool }) })
+														]
+													})
+												]
+											}, item.callId);
+										})
+									})
+								})]
+							}, card.sessionId);
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/view.js
+		function stateOf(id, list, status) {
+			const live = status.get(id);
+			if (live?.pendingInteraction !== void 0) return "needs-you";
+			return (live?.running ?? list.byId[id]?.running) === true ? "working" : "idle";
+		}
+		function presetOf(id, list) {
+			const preset = list.byId[id]?.projectionValues?.agentPreset;
+			return typeof preset === "string" ? preset : void 0;
+		}
+		/**
+		* Build the view for one lead Session.
+		* @param lead - the Session whose handoffs these are.
+		* @param handoffs - its handoffs, oldest first.
+		* @param catalog - its direct children, in creation order.
+		* @param list - the Session list, for presets and running state.
+		* @param status - live Session status, for running and waiting.
+		* @returns cards in creation order and lanes for agents that received work.
+		*/
+		function buildHandoffView(lead, handoffs, catalog, list, status) {
+			const leadPreset = presetOf(lead, list);
+			const leadCard = {
+				sessionId: lead,
+				name: "lead",
+				state: stateOf(lead, list, status),
+				handoffs: handoffs.length,
+				...leadPreset === void 0 ? {} : { preset: leadPreset }
+			};
+			const agents = catalog.map((entry) => {
+				const name = ("name" in entry ? entry.name : void 0) ?? entry.label ?? entry.id;
+				const mine = handoffs.filter((handoff) => handoff.child === name);
+				const latest = mine.at(-1);
+				const preset = presetOf(entry.id, list) ?? mine.findLast((handoff) => handoff.preset !== void 0)?.preset;
+				return {
+					sessionId: entry.id,
+					name,
+					state: stateOf(entry.id, list, status),
+					handoffs: mine.length,
+					...preset === void 0 ? {} : { preset },
+					...latest === void 0 ? {} : { task: latest.task }
+				};
+			});
+			return {
+				lead: leadCard,
+				agents,
+				lanes: agents.flatMap((card) => {
+					const items = handoffs.filter((handoff) => handoff.child === card.name).reverse();
+					return items.length === 0 ? [] : [{
+						to: card,
+						items
+					}];
+				})
+			};
+		}
+		//#endregion
+		//#region lib/types/client/HandoffTab.js
+		/** Right-panel Handoffs tab body: the current Session's agents and handoffs, live. */
+		const EMPTY = {
+			revision: -1,
+			entries: []
+		};
+		/**
+		* Fold the Session's events and catalog into the view.
+		* @param props - standard Session hooks, the event window, view helpers and copy.
+		* @returns the view.
+		*/
+		function HandoffTab({ sessionId, useProjection, useSessions, useSessionStatus, events, t, ...view }) {
+			const window = (0, react.useSyncExternalStore)((listener) => events?.subscribe(listener) ?? (() => {}), () => events?.getSnapshot() ?? EMPTY);
+			return (0, react_jsx_runtime.jsx)(HandoffView, {
+				data: buildHandoffView(sessionId, (0, react.useMemo)(() => handoffsOf(window.entries), [window]), useProjection("subagentCatalog") ?? [], useSessions((state) => state), useSessionStatus((state) => state)),
+				t,
+				...view
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** Handoff view copy. */
+		const en = {
+			"tab.title": "Handoffs",
+			"tab.description": "See which agents this Session handed work to, what each was asked and what they are doing",
+			"lead": "This Session",
+			"state.working": "Working",
+			"state.needs-you": "Needs you",
+			"state.idle": "Idle",
+			"card.open": "Open {name}: {state}",
+			"card.task": "On: {task}",
+			"card.ready": "Ready for a task",
+			"card.count": "{count} handoffs",
+			"lane.label": "Handoffs from {from} to {to}",
+			"lane.toggle": "Show or hide handoffs to {name}",
+			"summary": "{agents} agents · {handoffs} handoffs",
+			"summary.needsYou": "{count} need you",
+			"summary.working": "{count} working",
+			"lead.role": "Hands out the work",
+			"lead.count": "handed off",
+			"item.with": "With {name}",
+			"item.back": "Handed back",
+			"item.time": "Handed off {time}",
+			"item.via": "via {tool}",
+			"empty": "No handoffs yet. When this Session delegates work to a subagent, the agent and the task appear here."
+		};
+		/** Chinese handoff view copy. */
+		const zh = {
+			"tab.title": "交接",
+			"tab.description": "查看本 Session 把工作交给了哪些智能体、各自的任务以及当前状态",
+			"lead": "本 Session",
+			"state.working": "工作中",
+			"state.needs-you": "需要你",
+			"state.idle": "空闲",
+			"card.open": "打开{name}：{state}",
+			"card.task": "正在处理：{task}",
+			"card.ready": "等待任务",
+			"card.count": "{count} 次交接",
+			"lane.label": "从{from}交给{to}的工作",
+			"lane.toggle": "展开或收起交给{name}的工作",
+			"summary": "{agents} 个智能体 · {handoffs} 次交接",
+			"summary.needsYou": "{count} 个需要你",
+			"summary.working": "{count} 个工作中",
+			"lead.role": "分配工作",
+			"lead.count": "次交接",
+			"item.with": "在{name}处",
+			"item.back": "已交回",
+			"item.time": "交接于 {time}",
+			"item.via": "通过 {tool}",
+			"empty": "还没有交接。本 Session 把工作委派给子智能体后，智能体和任务会显示在这里。"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Handoffs tab implementation identity and keyed Slot dispatch key. */
+		const HANDOFF_TAB_ID = "dsh-agent-crew-handoff-ui";
+		/** Services the tab and view read. */
+		const inject = [
+			"slots",
+			"locale",
+			"sessions",
+			"sidebarRightTabs",
+			"uiWorkspace",
+			"crew",
+			"crewFaces"
+		];
+		/**
+		* Register the copy, the tab type, the tab body and the shared view.
+		* @param ctx - Client plugin context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register("crewHandoff", {
+				en,
+				zh
+			}), "crew-handoff-ui: locale");
+			const t = ctx.locale.bind("crewHandoff");
+			const { crew } = ctx;
+			const memberOf = (card) => crew.members.getSnapshot().find((member) => member.id === card.preset)?.id;
+			const helpers = {
+				Face: ctx.crewFaces.Face,
+				nameOf: (card) => {
+					const member = memberOf(card);
+					if (member !== void 0) return card.name === "lead" ? crew.name(member) : `${card.name} · ${crew.name(member)}`;
+					return card.name === "lead" ? t("lead") : card.name;
+				},
+				designOf: (card) => {
+					const member = memberOf(card);
+					return member === void 0 ? void 0 : crew.design(member);
+				},
+				open: (sessionId) => {
+					ctx.uiWorkspace.openSession(sessionId);
+				}
+			};
+			ctx.reflect.provide("crewHandoffs", {
+				View: HandoffView,
+				helpers
+			});
+			ctx.effect(() => ctx.sidebarRightTabs.register({
+				id: HANDOFF_TAB_ID,
+				kind: "crew-handoffs",
+				title: () => t("tab.title"),
+				guide: [{
+					id: "crew-handoffs",
+					order: 62,
+					title: () => t("tab.title"),
+					description: () => t("tab.description")
+				}]
+			}), "crew-handoff-ui: tab type");
+			ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: HANDOFF_TAB_ID,
+				locale: "crewHandoff",
+				inject: (key) => ({
+					...helpers,
+					events: ctx.sessions.binding(SessionId(key))?.eventSource
+				})
+			}, HandoffTab));
+		}
+		//#endregion
+		exports.HANDOFF_TAB_ID = HANDOFF_TAB_ID;
+		exports.HandoffView = HandoffView;
+		exports.apply = apply;
+		exports.buildHandoffView = buildHandoffView;
+		exports.handoffsOf = handoffsOf;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map

package/lib/index.js

@@ -0,0 +1,6 @@
+//#region lib/types/index.js
+/** Browser registration is discovered through the package client declaration; the Host half is crew-handoff-ui. */
+/** Register the browser-only contribution without Host state. */
+function apply() {}
+//#endregion
+export { apply };

package/lib/types/client/HandoffTab.d.ts

@@ -0,0 +1,17 @@
+import type { PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import type { SessionEventSource } from '@deepseek-ai/dsh-api-session-controller/client';
+import { type HandoffViewProps } from './HandoffView.tsx';
+/** What the tab receives from its registration. */
+export interface HandoffTabInjected extends Omit<HandoffViewProps, 'data' | 't'> {
+    /** The Session's event window, or undefined when it is not bound in this client. */
+    readonly events: SessionEventSource | undefined;
+}
+type Props = Pick<PropsRuntime<'sidebar.right.pane.tab'>, 'sessionId' | 'useProjection' | 'useSessions' | 'useSessionStatus'> & PropsLocale<'crewHandoff'> & HandoffTabInjected;
+/**
+ * Fold the Session's events and catalog into the view.
+ * @param props - standard Session hooks, the event window, view helpers and copy.
+ * @returns the view.
+ */
+export declare function HandoffTab({ sessionId, useProjection, useSessions, useSessionStatus, events, t, ...view }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=HandoffTab.d.ts.map

package/lib/types/client/HandoffView.d.ts

@@ -0,0 +1,24 @@
+/** The lead as a hub card, then one row per agent, most urgent first, each opening into a timeline of what it was handed. */
+import { type ComponentType } from 'react';
+import type { TranslateNS } from '@deepseek-ai/dsh-client-ui-slots';
+import type { CrewFaceProps } from 'dsh-agent-crew-faces/client';
+import type { SessionId } from '@deepseek-ai/dsh-session/types';
+import type { AgentCard, HandoffViewData } from './view.ts';
+/** Props of {@link HandoffView}. */
+export interface HandoffViewProps {
+    readonly data: HandoffViewData;
+    readonly Face: ComponentType<CrewFaceProps>;
+    /** Display name for a card: the crew member's name for a crew preset, else the agent's own name. */
+    readonly nameOf: (card: AgentCard) => string;
+    /** Designed face for a crew preset, when the card runs one. */
+    readonly designOf: (card: AgentCard) => CrewFaceProps['design'] | undefined;
+    readonly open: (sessionId: SessionId) => void;
+    readonly t: TranslateNS<'crewHandoff'>;
+}
+/**
+ * Render the hub, agent rows and their timelines.
+ * @param props - view data, faces, names, navigation and copy.
+ * @returns the view.
+ */
+export declare function HandoffView(props: HandoffViewProps): import("react").JSX.Element;
+//# sourceMappingURL=HandoffView.d.ts.map

package/lib/types/client/handoffs.d.ts

@@ -0,0 +1,25 @@
+/** Read handoffs from a Session's loaded events: each subagent start the Session made, with the task it gave. */
+import type { SessionEventLikeEntry } from '@deepseek-ai/dsh-api-session-controller/client';
+/** One task handed from the Session to a subagent. */
+export interface Handoff {
+    readonly callId: string;
+    /** Child name the activation returned; matches the parent catalog entry's `name`. */
+    readonly child: string;
+    /** Short task label the model gave, such as "Draft the reply". */
+    readonly task: string;
+    /** First line of the prompt the child received. */
+    readonly brief?: string;
+    /** Preset the call asked for, when it named one. */
+    readonly preset?: string;
+    /** Delegation tool, such as `ask_research`. */
+    readonly tool: string;
+    readonly time: number;
+}
+/**
+ * Every successful subagent start in the window, oldest first. A start is a tool result whose presentation metadata is
+ * `{ kind: 'activation', name }`, which every subagent delegation tool returns.
+ * @param entries - the Session's loaded event window.
+ * @returns the handoffs.
+ */
+export declare function handoffsOf(entries: readonly SessionEventLikeEntry[]): readonly Handoff[];
+//# sourceMappingURL=handoffs.d.ts.map

package/lib/types/client/index.d.ts

@@ -0,0 +1,35 @@
+/** Register the right-panel Handoffs tab and the handoff view for other crew pages. */
+import type { ComponentType } from 'react';
+import type { Context } from '@deepseek-ai/cordis';
+import { type HandoffViewProps } from './HandoffView.tsx';
+import { type HandoffKey } from './locales.ts';
+export { handoffsOf, type Handoff } from './handoffs.ts';
+export { buildHandoffView, type AgentCard, type AgentState, type HandoffLane, type HandoffViewData } from './view.ts';
+export { HandoffView, type HandoffViewProps } from './HandoffView.tsx';
+declare module '@deepseek-ai/dsh-client-ui-slots' {
+    interface LocaleNamespaceMap {
+        crewHandoff: HandoffKey;
+    }
+}
+/** The handoff view shared with other crew pages, which may not import it directly. */
+export interface CrewHandoffs {
+    readonly View: ComponentType<HandoffViewProps>;
+    /** View helpers bound to the crew roster and faces. */
+    readonly helpers: Omit<HandoffViewProps, 'data' | 't'>;
+}
+declare module '@deepseek-ai/cordis' {
+    interface Context {
+        /** Agent handoff view for other crew pages. */
+        crewHandoffs: CrewHandoffs;
+    }
+}
+/** Handoffs tab implementation identity and keyed Slot dispatch key. */
+export declare const HANDOFF_TAB_ID = "dsh-agent-crew-handoff-ui";
+/** Services the tab and view read. */
+export declare const inject: string[];
+/**
+ * Register the copy, the tab type, the tab body and the shared view.
+ * @param ctx - Client plugin context.
+ */
+export declare function apply(ctx: Context): void;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/client/locales.d.ts

@@ -0,0 +1,30 @@
+/** Handoff view copy. */
+export declare const en: {
+    'tab.title': string;
+    'tab.description': string;
+    lead: string;
+    'state.working': string;
+    'state.needs-you': string;
+    'state.idle': string;
+    'card.open': string;
+    'card.task': string;
+    'card.ready': string;
+    'card.count': string;
+    'lane.label': string;
+    'lane.toggle': string;
+    summary: string;
+    'summary.needsYou': string;
+    'summary.working': string;
+    'lead.role': string;
+    'lead.count': string;
+    'item.with': string;
+    'item.back': string;
+    'item.time': string;
+    'item.via': string;
+    empty: string;
+};
+/** Keys shared by every dictionary. */
+export type HandoffKey = keyof typeof en;
+/** Chinese handoff view copy. */
+export declare const zh: Record<HandoffKey, string>;
+//# sourceMappingURL=locales.d.ts.map

package/lib/types/client/view.d.ts

@@ -0,0 +1,44 @@
+/** Turn handoffs, the parent catalog and live Session state into agent cards and handoff lanes. */
+import type { SessionListState } from '@deepseek-ai/dsh-api-session-controller/client';
+import type { SessionStatusSnapshot } from '@deepseek-ai/dsh-client-ui-session/client';
+import type { SessionId } from '@deepseek-ai/dsh-session/types';
+import type { SubagentCatalogEntry } from '@deepseek-ai/dsh-subagent/client';
+import type { Handoff } from './handoffs.ts';
+/** Live state shown on a card; `needs-you` wins over `working`. */
+export type AgentState = 'working' | 'needs-you' | 'idle';
+/** One agent card. */
+export interface AgentCard {
+    /** Child Session, or the lead Session itself. */
+    readonly sessionId: SessionId;
+    /** Catalog name, or `lead` for the Session itself. */
+    readonly name: string;
+    /** Preset the Session runs, when the Session list reports one. */
+    readonly preset?: string;
+    readonly state: AgentState;
+    /** Task of the newest handoff to this agent. */
+    readonly task?: string;
+    /** Handoffs this agent received; for the lead, handoffs it made. */
+    readonly handoffs: number;
+}
+/** All handoffs from the lead to one agent, newest first. */
+export interface HandoffLane {
+    readonly to: AgentCard;
+    readonly items: readonly Handoff[];
+}
+/** What the view draws. */
+export interface HandoffViewData {
+    readonly lead: AgentCard;
+    readonly agents: readonly AgentCard[];
+    readonly lanes: readonly HandoffLane[];
+}
+/**
+ * Build the view for one lead Session.
+ * @param lead - the Session whose handoffs these are.
+ * @param handoffs - its handoffs, oldest first.
+ * @param catalog - its direct children, in creation order.
+ * @param list - the Session list, for presets and running state.
+ * @param status - live Session status, for running and waiting.
+ * @returns cards in creation order and lanes for agents that received work.
+ */
+export declare function buildHandoffView(lead: SessionId, handoffs: readonly Handoff[], catalog: readonly SubagentCatalogEntry[], list: SessionListState, status: SessionStatusSnapshot): HandoffViewData;
+//# sourceMappingURL=view.d.ts.map

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+/** Browser registration is discovered through the package client declaration; the Host half is crew-handoff-ui. */
+/** Register the browser-only contribution without Host state. */
+export declare function apply(): void;
+//# sourceMappingURL=index.d.ts.map

package/locale/de.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Crew-Übergaben",
+    "description": "Ein Übergaben-Tab, der zeigt, an welche Agenten eine Sitzung Arbeit übergeben hat, worum jeder gebeten wurde und ob er arbeitet, auf dich wartet oder untätig ist."
+  }
+}

package/locale/en.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Crew handoffs",
+    "description": "A Handoffs tab showing which agents a session handed work to, what each was asked and whether it is working, waiting on you or idle."
+  }
+}

package/locale/es.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Traspasos de la crew",
+    "description": "Una pestaña Traspasos que muestra a qué agentes pasó trabajo una sesión, qué se pidió a cada uno y si está trabajando, esperándote o inactivo."
+  }
+}

package/locale/fr.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Passations de la crew",
+    "description": "Un onglet Passations qui montre à quels agents une session a confié du travail, ce qui a été demandé à chacun et s’il travaille, vous attend ou est inactif."
+  }
+}

package/locale/ja.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "クルーの引き継ぎ",
+    "description": "引き継ぎタブに、セッションがどのエージェントに仕事を渡したか、それぞれに何を頼んだか、作業中・あなた待ち・待機中のどれかを表示します。"
+  }
+}

package/locale/pt.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Repasses da crew",
+    "description": "Uma aba Repasses que mostra para quais agentes uma sessão passou trabalho, o que foi pedido a cada um e se está trabalhando, esperando por você ou ocioso."
+  }
+}

package/locale/ru.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Передачи команды",
+    "description": "Вкладка «Передачи» показывает, каким агентам сессия передала работу, что поручено каждому и работает ли он, ждёт вас или простаивает."
+  }
+}

package/locale/zh.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Crew 交接",
+    "description": "交接标签页显示会话把工作交给了哪些智能体、各自的任务，以及它们在工作、等待你还是空闲。"
+  }
+}

package/package.json

@@ -1,6 +1,73 @@
 {
   "name": "dsh-agent-crew-handoff-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "description": "Handoffs tab: agent cards with live state and lanes of the tasks a Session handed to each subagent",
+  "version": "0.1.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tusharcora/dsh-agent-crew.git",
+    "directory": "packages/crew-handoff-ui"
+  },
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./src/*": "./src/*",
+    "./package.json": "./package.json",
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./locale/*.json": "./locale/*.json"
+  },
+  "dsh": {
+    "client": {
+      "platform": "web",
+      "inject": [
+        "@deepseek-ai/dsh-api-session-controller",
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-renderer",
+        "@deepseek-ai/dsh-client-ui-session",
+        "@deepseek-ai/dsh-client-ui-sidebar-right",
+        "@deepseek-ai/dsh-client-ui-workspace",
+        "dsh-agent-crew-agents-ui",
+        "dsh-agent-crew-faces"
+      ]
+    }
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "~4.1.0"
+  },
+  "files": [
+    "locale/*.json",
+    "lib/index.js",
+    "lib/client.js",
+    "lib/types/**/*.d.ts",
+    "LICENSE"
+  ],
+  "peerDependenciesMeta": {
+    "@deepseek-ai/cordis": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "dsh",
+    "dsh-plugin",
+    "deepseek-harness",
+    "deepseek-harness-plugin",
+    "deepseek",
+    "dsh-agent-crew"
+  ],
+  "author": "Tushar (https://github.com/tusharcora)",
+  "homepage": "https://github.com/tusharcora/dsh-agent-crew#readme",
+  "bugs": {
+    "url": "https://github.com/tusharcora/dsh-agent-crew/issues"
+  },
+  "engines": {
+    "dsh": ">=0.2.2-rc.1 <0.3.0"
+  }
+}