dsh-plugin-teamflow 0.1.7 → 0.1.9

package/lib/client.js

@@ -51,6 +51,15 @@ window.__ModuleLoader__.load({
 				parameters: [],
 				result: strict
 			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/setLocale",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "setLocale",
+				invocation: { kind: "direct" },
+				parameters: [p("locale")],
+				result: strict
+			},
 			{
 				id: "dsh-plugin-teamflow#teamflow/list",
 				service: "teamflow",
@@ -218,6 +227,60 @@ window.__ModuleLoader__.load({
 					p("sessionId")
 				],
 				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/products",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "products",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/productView",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "productView",
+				invocation: { kind: "direct" },
+				parameters: [p("product")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/productRunDetail",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "productRunDetail",
+				invocation: { kind: "direct" },
+				parameters: [p("product"), p("runId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/productStageDetail",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "productStageDetail",
+				invocation: { kind: "direct" },
+				parameters: [
+					p("product"),
+					p("runId"),
+					p("seq")
+				],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/productItemDetail",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "productItemDetail",
+				invocation: { kind: "direct" },
+				parameters: [
+					p("product"),
+					p("kind"),
+					p("id"),
+					p("sessionId")
+				],
+				result: strict
 			}
 		]);
 		/** client 端 $mount 使用的贡献对象。 */
@@ -226,27 +289,59 @@ window.__ModuleLoader__.load({
 			descriptors: TEAMFLOW_DESCRIPTORS
 		});
 		//#endregion
-		//#region client/index.tsx
+		//#region client/shared.tsx
 		/**
-		* dsh-plugin-teamflow — browser half（v0.7 视觉重构：「精密工程控制台」）。
+		* dsh-plugin-teamflow — browser half 共享展示层（主题 token / 状态词表 / 格式化）。
 		*
-		* 注册 conversation.view tab「🏭 团队工作台」（与 chat / 轨迹并列）：
-		* - 流水线图形工作流：阶段泳道 + 节点卡片（状态/耗时/token/子代理会话）+ 实时轮询
-		* - Backlog 拖拽看板：需求/任务/缺陷三组状态泳道，卡片拖拽流转（原生 HTML5 DnD，零依赖）
-		* - 成本中心：每阶段 token + 总计 + 运行时长
-		* - 人工介入中心：needs-human 项聚合 + 一键终态
-		* - 历史 run 切换
+		* 会话内工作台（index.tsx）与全局面板（panel.tsx）共用：**只放无状态纯展示件**，
+		* 不放任何 Remote 调用或会话上下文逻辑——两边数据来源不同（sessionId / productKey），
+		* 展示语言必须一致。
 		*
-		* 视觉：全部使用 DSH 主题 token（--dsw-alias-*，自动适配深浅色）。
-		* Remote 接入：$mount 后 ctx.get('remote.teamflow') 取全局实例传给组件
-		* （不能 inject 'remote.teamflow'——自挂载自注入会让 fiber 死锁）。
+		* 双语（v0.1.9）：文案统一走宿主 locale 服务（机制说明见 client/locales.ts）。
+		* 组件里能拿到注入的 `t`，但**词表/格式化/折叠件是纯函数**，拿不到 prop，
+		* 故由 `apply()` 调 `setTranslator()` 注入模块级翻译函数：`bind()` 每次调用都读当前语言，
+		* 且宿主在切语言时会重渲染每个 slot outlet（ui-renderer `useLocaleRevision`），
+		* 因此模块级函数不会持有过期语言。
 		*/
-		const inject = [
-			"remote",
-			"slots",
-			"sessions",
-			"locale"
-		];
+		/** 翻译函数（默认恒等：未注入时显示 key 本身，便于发现漏注册）。 */
+		let translate = (key) => key;
+		/** 当前语言 id 的读取器（默认 en）。 */
+		let localeIdOf = () => "en";
+		/**
+		* 注入翻译函数与语言读取器（apply 时调用一次）。
+		* @param fn - `ctx.locale.bind(NS)` 的返回值（调用时读当前语言）。
+		* @param idOf - 返回当前语言 id 的函数（如 `() => ctx.locale.getSnapshot().active`）。
+		*/
+		function setTranslator(fn, idOf) {
+			if (typeof fn === "function") translate = fn;
+			if (typeof idOf === "function") localeIdOf = idOf;
+		}
+		/** 翻译（`{name}` 占位符由宿主替换）。 */
+		const t = (key, params) => translate(key, params);
+		/** 当前语言的 BCP 47 标签（时间格式化用；未知语言回退 en）。 */
+		function localeTag() {
+			let id = "en";
+			try {
+				id = String(localeIdOf() || "en");
+			} catch (e) {}
+			return id === "zh" ? "zh-CN" : id;
+		}
+		/** 词表查表：命中返回译文，未命中回退原始值（未知状态/角色等）。 */
+		function vocab(prefix, raw) {
+			const key = `${prefix}.${raw}`;
+			const hit = t(key);
+			return hit === key ? String(raw === null || raw === void 0 ? "" : raw) : hit;
+		}
+		const stText = (s) => vocab("status", s);
+		const runStatusText = (s) => vocab("runStatus", s);
+		const kindTitle = (k) => vocab("kind", k);
+		const roleName = (r) => vocab("role", r);
+		/** 角色 chip（带图标；未知角色回退「⚙️ <raw>」）。 */
+		function roleChip(r) {
+			const key = `roleChip.${r}`;
+			const hit = t(key);
+			return hit === key ? `⚙️ ${String(r)}` : hit;
+		}
 		const T = {
 			bg: "var(--dsw-alias-bg-base)",
 			layer1: "var(--dsw-alias-bg-layer-1)",
@@ -260,30 +355,7 @@ window.__ModuleLoader__.load({
 			success: "var(--dsw-alias-state-success-primary)",
 			warn: "var(--dsw-alias-state-warn-primary)"
 		};
-		const STATUS_TEXT = {
-			created: "立项",
-			"in-progress": "进行中",
-			"pending-acceptance": "待验收",
-			accepted: "已验收",
-			closed: "已关闭",
-			pending: "待办",
-			running: "开发中",
-			testable: "待测试",
-			testing: "测试中",
-			rework: "打回",
-			"needs-human": "需人工",
-			cancelled: "已关闭",
-			open: "待认领",
-			claimed: "处理中",
-			fixed: "已修复待验",
-			verified: "已关闭",
-			reopened: "重开",
-			done: "已完成",
-			completed: "已完成",
-			failed: "失败",
-			interrupted: "已中断",
-			superseded: "已取代"
-		};
+		/** 状态色表（与语言无关的纯视觉映射）。 */
 		const STATUS_COLOR = {
 			created: T.text2,
 			pending: T.text2,
@@ -308,7 +380,7 @@ window.__ModuleLoader__.load({
 			interrupted: T.warn,
 			superseded: T.text2
 		};
-		/** 阶段英文键 → 图标/中文展示名（2026-09-06 英文化：journal.phase 为英文键，展示名统一走映射——未来 i18n 换表即换语言）。 */
+		/** 阶段英文键 → 图标（2026-09-06 英文化：journal.phase 为英文键，展示名统一走词表——换语言即换表）。 */
 		const PHASE_ICON = {
 			prd: "📋",
 			design: "🎨",
@@ -318,17 +390,6 @@ window.__ModuleLoader__.load({
 			qa: "🧪",
 			acceptance: "✅"
 		};
-		const PHASE_NAME = {
-			prd: "PRD 产品需求",
-			design: "UI/UX 设计",
-			scaffold: "架构规划",
-			tech: "技术方案",
-			dev: "开发",
-			qa: "QA 测试",
-			acceptance: "产品验收"
-		};
-		const phaseNameOf = (p) => PHASE_NAME[p] || p || "—";
-		const phaseIconOf = (p) => PHASE_ICON[p] || "⚙️";
 		/** phase 归一：英文键直通；存量中文映射（防御性——新数据全英文）。 */
 		const phaseKeyOf = (p) => ({
 			"PRD 产品需求": "prd",
@@ -339,15 +400,21 @@ window.__ModuleLoader__.load({
 			"QA 测试": "qa",
 			"产品验收": "acceptance"
 		})[p] || String(p || "");
-		const RUN_STATUS_TEXT = {
-			pending: "等待中",
-			running: "进行中",
-			completed: "已完成",
-			failed: "失败",
-			cancelled: "已取消",
-			interrupted: "已中断",
-			superseded: "已取代"
-		};
+		const phaseNameOf = (p) => vocab("phase", phaseKeyOf(p));
+		const phaseIconOf = (p) => PHASE_ICON[phaseKeyOf(p)] || "⚙️";
+		/**
+		* 阶段的展示名（双语安全的取法）。
+		*
+		* journal 里 `stage.label` 是**持久化中文**（teams.json 配置 + 历史数据），而每个阶段都带
+		* 英文 `phase` 键——所以展示时：任务级阶段（dev 子卡，`taskKey` 有值）保留任务名（LLM 数据，
+		* 不该翻译），其余阶段用 `phase` 键查当前语言词表。**只影响展示，不动数据**：
+		* `__taskKey`/`taskKeyOf` 的任务聚合身份仍走 label 清理（聚合语义不能随语言变）。
+		*/
+		function stageLabelOf(s) {
+			const raw = String(s && s.label || "");
+			if (s && s.taskKey) return raw || String(s.taskKey);
+			return (s && s.phase ? phaseNameOf(s.phase) : "") || raw;
+		}
 		const COLUMNS = {
 			req: [
 				"created",
@@ -377,11 +444,6 @@ window.__ModuleLoader__.load({
 				"needs-human"
 			]
 		};
-		const KIND_TITLE = {
-			req: "需求",
-			task: "任务",
-			bug: "缺陷"
-		};
 		const h = react.default.createElement;
 		const MONO = "ui-monospace, SFMono-Regular, Consolas, \"Cascadia Mono\", monospace";
 		const SANS = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif";
@@ -391,7 +453,7 @@ window.__ModuleLoader__.load({
 			gap: 6,
 			flexWrap: "wrap"
 		};
-		/** 状态徽章：半透明底 + 状态色文字 + 圆角 pill。 */
+		/** 状态徽章：半透明底 + 状态色文字 + 圆角 pill（超宽可省略：窄列/窄卡里不顶破外层）。 */
 		const chip = (text, color, opts = {}) => h("span", { style: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -404,21 +466,25 @@ window.__ModuleLoader__.load({
 			background: `color-mix(in srgb, ${color} 14%, transparent)`,
 			color,
 			whiteSpace: "nowrap",
+			maxWidth: "100%",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
 			...opts.style || {}
 		} }, opts.dot ? h("span", { style: {
 			width: 5,
 			height: 5,
 			borderRadius: 999,
 			background: color,
-			display: "inline-block"
+			display: "inline-block",
+			flex: "0 0 auto"
 		} }) : null, text);
 		/** 可折叠长文本：默认只显示前几行预览，「展开全文」/「收起」双向切换（数据不动，纯展示层——summary/需求原文等富文本不再铺满抽屉）。 */
 		function FoldableText({ text, charLimit = 280, lineLimit = 5, style }) {
 			const [open, setOpen] = react.default.useState(false);
 			if (!text) return null;
-			const t = String(text);
-			const lines = t.split("\n");
-			const compact = lines.length <= lineLimit && t.length <= charLimit;
+			const s = String(text);
+			const lines = s.split("\n");
+			const compact = lines.length <= lineLimit && s.length <= charLimit;
 			const body = (txt) => h("div", { style: {
 				fontSize: 11.5,
 				color: T.text,
@@ -427,10 +493,10 @@ window.__ModuleLoader__.load({
 				wordBreak: "break-word",
 				...style || {}
 			} }, txt);
-			if (compact) return body(t);
-			if (open) return h("div", null, body(t), h("button", {
+			if (compact) return body(s);
+			if (open) return h("div", null, body(s), h("button", {
 				onClick: () => setOpen(false),
-				title: "收起全文",
+				title: t("common.collapseFull"),
 				style: {
 					marginTop: 3,
 					font: "inherit",
@@ -442,12 +508,12 @@ window.__ModuleLoader__.load({
 					padding: 0,
 					cursor: "pointer"
 				}
-			}, "收起"));
-			const pre = lines.length > lineLimit ? lines.slice(0, lineLimit).join("\n") : t.slice(0, charLimit);
-			const more = lines.length > lineLimit ? `… +${lines.length - lineLimit} 行` : "…";
+			}, t("common.collapse")));
+			const pre = lines.length > lineLimit ? lines.slice(0, lineLimit).join("\n") : s.slice(0, charLimit);
+			const more = lines.length > lineLimit ? t("common.moreLines", { n: lines.length - lineLimit }) : "…";
 			return h("div", null, body(pre), h("button", {
 				onClick: () => setOpen(true),
-				title: "点击查看全文",
+				title: t("common.clickToExpand"),
 				style: {
 					marginTop: 3,
 					font: "inherit",
@@ -459,97 +525,2076 @@ window.__ModuleLoader__.load({
 					padding: 0,
 					cursor: "pointer"
 				}
-			}, `展开全文${more}`));
-		}
-		function fmtDur(a, b) {
-			if (!a) return "";
-			const ms = (b || Date.now()) - a;
-			if (ms < 0) return "";
-			const s = Math.floor(ms / 1e3);
-			if (s < 60) return `${s}s`;
-			return `${Math.floor(s / 60)}m${s % 60}s`;
-		}
-		function fmtTokens(n) {
-			if (n === null || n === void 0) return "";
-			if (n >= 1e6) return `${(n / 1e6).toFixed(2)}M`;
-			if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
-			return String(n);
-		}
-		/** 官方口径计费合计（billed input + output）。 */
-		function totalTokens(u) {
-			return (u.input || 0) + (u.cacheRead || 0) + (u.cacheWrite || 0) + (u.output || 0);
+			}, `${t("common.expandFull")}${more}`));
+		}
+		function fmtTime(tm) {
+			if (!tm) return "—";
+			const d = new Date(tm);
+			return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}:${String(d.getSeconds()).padStart(2, "0")}`;
+		}
+		function fmtDur(a, b) {
+			if (!a) return "";
+			const ms = (b || Date.now()) - a;
+			if (ms < 0) return "";
+			const s = Math.floor(ms / 1e3);
+			if (s < 60) return `${s}s`;
+			return `${Math.floor(s / 60)}m${s % 60}s`;
+		}
+		function fmtTokens(n) {
+			if (n === null || n === void 0) return "";
+			if (n >= 1e6) return `${(n / 1e6).toFixed(2)}M`;
+			if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+			return String(n);
+		}
+		/** 官方口径计费合计（billed input + output）。 */
+		function totalTokens(u) {
+			return (u.input || 0) + (u.cacheRead || 0) + (u.cacheWrite || 0) + (u.output || 0);
+		}
+		/** 官方口径工具函数（与 DeepSeek usage 账单对齐，零额外概念）：
+		*  - u.input       : 输入（缓存未命中）
+		*  - u.cacheRead   : 输入（缓存命中）
+		*  - u.cacheWrite  : 输入写入缓存
+		*  - u.output      : 输出
+		*  billed input = input + cacheRead + cacheWrite；命中率 = cacheRead / (input + cacheRead)。
+		*/
+		function hitRate(u) {
+			const total = (u.input || 0) + (u.cacheRead || 0);
+			return total > 0 ? Math.round((u.cacheRead || 0) / total * 100) : null;
+		}
+		function usageDetail(s) {
+			const k = (n) => n === null || n === void 0 ? "—" : fmtTokens(n);
+			if (s.usage) {
+				const u = s.usage;
+				const hit = hitRate(u);
+				return t("token.usageLine", {
+					input: k(u.input),
+					cacheRead: k(u.cacheRead),
+					cacheWrite: k(u.cacheWrite),
+					output: k(u.output),
+					calls: u.calls
+				}) + (hit !== null ? t("token.usageHit", { hit }) : "");
+			}
+			return t("token.usageMissing");
+		}
+		/** 节点卡主 token 行：官方口径 —— 输入(未命中)/输入(命中)/输出 + 缓存命中率。 */
+		function stageUsageLine(s) {
+			const u = s && s.usage;
+			if (u && (u.input || u.cacheRead || u.cacheWrite || u.output)) {
+				const hit = hitRate(u);
+				return `⇅${fmtTokens(u.input)} ⇅${fmtTokens(u.cacheRead)} ⬆${fmtTokens(u.output)}${hit !== null ? ` ·${hit}%` : ""}`;
+			}
+			return null;
+		}
+		const roleUsage = (u) => {
+			if (!u) return "";
+			const hit = hitRate(u);
+			return `⇅${fmtTokens(u.input || 0)}/${fmtTokens(u.cacheRead || 0)}·⬆${fmtTokens(u.output || 0)}${hit !== null ? `·${hit}%` : ""}`;
+		};
+		/** 任务卡按角色累计的真实 token 摘要（官方口径：未命中/命中输入 + 输出 + 命中率）。 */
+		function byRoleLine(task) {
+			const roles = task && task.byRole || {};
+			return Object.keys(roles).filter((k) => roles[k] && roles[k].input + roles[k].output + roles[k].cacheRead + roles[k].cacheWrite > 0).map((k) => `${roleName(k)} ${roleUsage(roles[k])}`).join(" · ");
+		}
+		/** 多阶段 usage 汇总（官方口径）。 */
+		function totalUsage(stages) {
+			const sum = {
+				input: 0,
+				cacheRead: 0,
+				cacheWrite: 0,
+				output: 0,
+				calls: 0
+			};
+			for (const s of stages || []) {
+				const u = s && s.usage;
+				if (!u) continue;
+				sum.input += u.input || 0;
+				sum.cacheRead += u.cacheRead || 0;
+				sum.cacheWrite += u.cacheWrite || 0;
+				sum.output += u.output || 0;
+				sum.calls += u.calls || 0;
+			}
+			return sum;
+		}
+		const stColor = (s) => STATUS_COLOR[s] || T.text2;
+		//#endregion
+		//#region client/locales.ts
+		/**
+		* dsh-plugin-teamflow — 客户端文案词典（zh / en）。
+		*
+		* 机制：走宿主 `ctx.locale`（@deepseek-ai/dsh-client-locale），不自建 i18n：
+		* - `apply()` 里 `ctx.locale.register(NS, { zh, en })` 注册两个词典；
+		* - `ctx.locale.bind(NS)` 取翻译函数（调用时读当前语言，故可常驻模块变量）；
+		* - slot 注册项声明 `locale: NS`，切语言时宿主重渲染每个 outlet
+		*   （ui-renderer `useLocaleRevision`），面板/tab 名称用 thunk `() => t(...)`。
+		*
+		* 约定：
+		* - key 扁平点号命名，按区域前缀分组（common/status/phase/kind/role/stage/…）；
+		* - 占位符用 `{name}`（宿主 `translate` 的替换语法）；
+		* - **zh 与 en 的 key 集合必须完全一致**（en 是兜底语言，缺 key 会直接显示 key 本身；
+		*   由 test/smoke.js 断言守门）；
+		* - 数据面文案（LLM 产出的标题/摘要、teams.json 的团队名、journal 里既有中文 label）不在此表，
+		*   属 host/产物语言层，见 AGENTS §5「客户端面」锚点。
+		*/
+		/** 词典命名空间（宿主 LocaleRuntime 的单占位命名空间）。 */
+		const NS = "teamflow";
+		/** 中文词典（key 为单一事实来源，en 必须与之同形）。 */
+		const zh = {
+			"common.close": "关闭",
+			"common.loading": "加载中…",
+			"common.retry": "重试",
+			"common.collapse": "收起",
+			"common.collapseFull": "收起全文",
+			"common.clickToExpand": "点击查看全文",
+			"common.expandFull": "展开全文",
+			"common.moreLines": "… +{n} 行",
+			"common.none": "无",
+			"common.noneDash": "（暂无）",
+			"common.noSummary": "（无摘要）",
+			"common.failed": "失败",
+			"common.running": "进行中",
+			"common.needsHuman": "需人工介入",
+			"common.unknownError": "未知错误",
+			"common.gotIt": "知道了",
+			"common.remoteNotReady": "remote 未就绪",
+			"common.remoteCallFailed": "{what} 调用失败：{detail}",
+			"common.remoteEmptyResult": "{what} 返回空结果（ok=true 但无 value；原始信封={raw}）",
+			"common.calls": "{n} 次",
+			"common.callsCount": "{n} 次调用",
+			"common.noUsage": "无 token 数据",
+			"status.created": "立项",
+			"status.in-progress": "进行中",
+			"status.pending-acceptance": "待验收",
+			"status.accepted": "已验收",
+			"status.closed": "已关闭",
+			"status.pending": "待办",
+			"status.running": "开发中",
+			"status.testable": "待测试",
+			"status.testing": "测试中",
+			"status.rework": "打回",
+			"status.needs-human": "需人工",
+			"status.cancelled": "已关闭",
+			"status.open": "待认领",
+			"status.claimed": "处理中",
+			"status.fixed": "已修复待验",
+			"status.verified": "已关闭",
+			"status.reopened": "重开",
+			"status.done": "已完成",
+			"status.completed": "已完成",
+			"status.failed": "失败",
+			"status.interrupted": "已中断",
+			"status.superseded": "已取代",
+			"runStatus.pending": "等待中",
+			"runStatus.running": "进行中",
+			"runStatus.completed": "已完成",
+			"runStatus.failed": "失败",
+			"runStatus.cancelled": "已取消",
+			"runStatus.interrupted": "已中断",
+			"runStatus.superseded": "已取代",
+			"phase.prd": "PRD 产品需求",
+			"phase.design": "UI/UX 设计",
+			"phase.scaffold": "架构规划",
+			"phase.tech": "技术方案",
+			"phase.dev": "开发",
+			"phase.qa": "QA 测试",
+			"phase.acceptance": "产品验收",
+			"kind.req": "需求",
+			"kind.task": "任务",
+			"kind.bug": "缺陷",
+			"role.pm": "产品",
+			"role.design": "设计",
+			"role.arch": "架构",
+			"role.tech": "方案",
+			"role.dev": "开发",
+			"role.qa": "测试",
+			"role.acceptance": "验收",
+			"role.other": "其他",
+			"roleChip.pm": "📌 产品",
+			"roleChip.design": "🎨 设计",
+			"roleChip.arch": "🏗 架构",
+			"roleChip.tech": "📐 方案",
+			"roleChip.dev": "👨‍💻 开发",
+			"roleChip.qa": "🧪 QA",
+			"roleChip.acceptance": "✅ 验收",
+			"token.officialTitle": "TOKEN · 官方口径",
+			"token.usageLine": "输入(未命中) {input} / 输入(命中) {cacheRead} / 写缓存 {cacheWrite} / 输出 {output} · {calls} 次调用",
+			"token.usageHit": " · 缓存命中 {hit}%",
+			"token.usageMissing": "无 usage 明细",
+			"token.inputMiss": "输入(未命中) {v}",
+			"token.inputHit": "输入(命中) {v}",
+			"token.cacheWrite": "写缓存 {v}",
+			"token.output": "输出 {v}",
+			"token.total": "合计 {v}",
+			"token.allStagesTip": "输入(未命中)/输入(命中)/输出 全部阶段合计",
+			"token.stageLine": "阶段 token：{v}",
+			"stage.cardTip": "{label} —— 点击查看阶段详情",
+			"stage.retryTip": "重试 {n} 次（共 {m} 次尝试）",
+			"stage.detailTitle": "阶段详情",
+			"stage.summaryFallback": "（该 run 未保存完整正文，展示摘要）\n\n{summary}",
+			"stage.loadFailed": "⚠ 加载失败：{err}",
+			"stage.noOutput": "（无产物正文）",
+			"stage.attemptHistory": "↻ 尝试历史（{n} 次 · 点击查看该次详情）",
+			"stage.attemptDone": "✅ 成功",
+			"stage.attemptFailed": "❌ {outcome}",
+			"stage.attemptRunning": "⏳ 进行中",
+			"stage.childJumpBtn": "🎬 跳转子代理会话",
+			"stage.childJumpTip": "跳转到该阶段子代理会话（完整推理与工具调用轨迹）；跳转后请切换「对话」tab 查看",
+			"stage.childNoneTip": "该阶段无可用子代理会话",
+			"stage.childCrossSessionTip": "该子代理由会话 {sid} 发起，跨会话跳转暂不支持——请打开其发起会话的团队工作台查看",
+			"stage.childCrossSessionNote": "跨会话暂不支持：该子代理由会话 {sid} 发起。如需查看轨迹，请打开其发起会话的团队工作台。",
+			"stage.childJumpNote": "跳转成功后，请切「对话」tab 查看该子代理的完整会话轨迹",
+			"stage.evidenceTitle": "🔬 验证证据",
+			"stage.evidenceMissing": "（缺失——契约未兑现，host 已记警告；可与该 run 的命令日志对照：run 期间在 logs/teamflow/<runId>/，结束后由 host 归档到 $DSH_HOME/teamflow/<workspace>/logs/<runId>/）",
+			"stage.evidenceMissingShort": "（缺失——契约未兑现，host 已记警告）",
+			"stage.artifactsTitle": "📄 阶段性产物",
+			"pipeline.empty": "暂无运行中的流水线——让模型调用 teamflow_start，或在上方输入需求",
+			"pipeline.noNodes": "流水线还没有开始执行节点",
+			"pipeline.zoomOut": "缩小",
+			"pipeline.zoomIn": "放大",
+			"pipeline.fitCanvas": "适应画布",
+			"pipeline.canvasHint": "✥ 拖动画布 · 滚轮缩放",
+			"workbench.title": "团队工作台",
+			"workbench.running": "流水线运行中",
+			"workbench.idle": "空闲",
+			"workbench.refresh": "🔄 刷新",
+			"workbench.resumeTip": "断点续跑 {id}\n当前状态：{status}；跳过已完成阶段，从第一个未完成阶段重跑",
+			"workbench.resuming": "续跑中…",
+			"workbench.resumeBtn": "↻ 从断点重跑 #{id}",
+			"workbench.loadFailed": "⚠ {err}（确认已安装 dsh-plugin-teamflow 且 web 已重启）",
+			"workbench.needsHumanBanner": "⚠ {n} 项需人工介入",
+			"workbench.handle": "处理 {id}",
+			"workbench.manualReason": "人工处理",
+			"workbench.tabPipeline": "🔄 流水线",
+			"workbench.tabBoard": "📋 Backlog 看板",
+			"workbench.workspaceTip": "当前工作区（workspace 级隔离）：{path}",
+			"workbench.noWorkspace": "未连接工作区",
+			"workbench.history": "历史",
+			"workbench.openRightBarTip": "在右侧栏打开该 run 详情（与任务夹产物并排看）",
+			"workbench.openRightBarBtn": "⇥ 右栏打开",
+			"board.empty": "backlog 为空（还没有流水线运行过）",
+			"board.dragReason": "看板拖拽流转",
+			"board.cardTip": "{id} · {status}{summary}（点击查看详情）",
+			"board.assignDevTip": "dev 分配\n{who}",
+			"board.assignQaTip": "qa 分配\n{who}",
+			"board.acceptTip": "验收/汇报人\n{who}",
+			"board.subtaskCount": "📦 {n} 子卡",
+			"board.retries": "重试 {n}",
+			"item.overview": "概览",
+			"item.acceptRow": "✅ 验收",
+			"item.retryRow": "↻ 重试",
+			"item.humanRow": "⚠ 人工介入",
+			"item.updatedAt": "更新于",
+			"item.runSection": "运行",
+			"item.runBtn": "▶ 流水线",
+			"item.jumpRunTip": "跳转到该需求的流水线视图 #{id}",
+			"item.requirement": "需求原文",
+			"item.noRequirement": "（无原文）",
+			"item.runDocs": "任务夹",
+			"item.previewTip": "在右侧栏预览 {path}",
+			"item.subtasks": "关联子卡（{n}）",
+			"item.bugs": "关联缺陷（{n}）",
+			"item.timeline": "流转时间线（{n}）",
+			"team.currentTip": "当前团队：{name}（点击切换）",
+			"team.pick": "选择团队",
+			"team.label": "团队",
+			"team.none": "无团队（直接对话）",
+			"team.noneNote": "不走 teamflow，模型直接工作",
+			"panel.title": "🏭 团队工作台",
+			"panel.subtitle": "全局面板 · 按产品线",
+			"panel.currentSession": "当前会话 {sid}",
+			"panel.noSession": "无当前会话",
+			"panel.reload": "刷新数据",
+			"panel.backToChat": "回到对话",
+			"panel.backToChatTip": "回到对话（再点侧边栏图标即可切回本面板）",
+			"panel.railTitle": "产品线 · {n}",
+			"panel.rescanTip": "重新扫描 $DSH_HOME/teamflow",
+			"panel.refreshing": "刷新中",
+			"panel.refresh": "刷新",
+			"panel.noProducts": "还没有产品线。在某个工作区跑过一次流水线后，这里会出现对应产品线（$DSH_HOME/teamflow/<key>）。",
+			"panel.activeRuns": "运行 {n}",
+			"panel.updated": "更新 {time}",
+			"panel.reading": "读取中…",
+			"panel.verdict": "验收 {v}",
+			"panel.pickProduct": "选择左侧产品线查看 backlog 与 run（首次进入默认选最近更新的产品线）。",
+			"panel.loadingView": "读取产品线数据中…",
+			"panel.runChip": "run {n}",
+			"panel.activeChip": "活跃 {n}",
+			"panel.verdictChip": "验收 {v}",
+			"panel.tabRuns": "🚀 流水线 run · {n}",
+			"panel.tabBacklog": "📋 Backlog · {n}",
+			"panel.pinnedActive": "已置顶进行中 {n}",
+			"panel.showRecent": "只看最近 {n} 条",
+			"panel.showAll": "展开全部 {n} 条",
+			"panel.clearRunFilterTip": "清除 run 状态筛选",
+			"panel.filtered": "筛选中 {sel} 项 · 显示 {shown}/{total} × 清除",
+			"panel.emptyRunFilter": "该筛选下没有 run。",
+			"panel.runHint": "点一行看详情浮层；「去会话右栏」= 跳到该 run 的发起会话并在其右侧栏打开（与任务夹产物并排）",
+			"panel.boardHint": "点状态徽章可筛选（多选）；终态卡片默认收起，筛选时自动显示",
+			"panel.runDetail": "run 详情",
+			"panel.goOwnerSession": "去发起会话",
+			"panel.goOwnerSessionTip": "跳到该 run 的发起会话，并在那个会话的右侧栏打开（与任务夹产物并排看）",
+			"panel.remoteProductsUnavailable": "remote.products 不可用（插件未挂载或版本过旧）",
+			"panel.hintNoAddress": "{label}：host 未生成可打开的地址（可能缺少会话上下文）",
+			"panel.hintRightbarFailed": "右侧栏打开失败（宿主只在对话视图挂载它）：{label}——已在本面板内联显示",
+			"panel.hintSessionGone": "发起会话 {sid}… 不在会话列表里（可能已被清理）——已在本面板展示详情",
+			"panel.hintSwitchedNoRightbar": "已切到发起会话，但右栏没打开（{label}）——可在该会话里用「⇥ 右栏打开」重试",
+			"panel.hintInlineSuffix": "——已在本面板内联显示",
+			"runList.empty": "该产品线还没有 run 记录。",
+			"runList.running": "进行中",
+			"runList.noRequirement": "(无需求描述)",
+			"runList.stageProgress": "阶段 {done}/{total}",
+			"runList.openRightBar": "去会话右栏",
+			"runList.openRightBarTip": "跳到该 run 的发起会话，并在那个会话的右侧栏打开详情（右侧栏是会话级的：挂到无关会话上没有意义）",
+			"runList.callsSuffix": " · {n} 次",
+			"panelBoard.empty": "backlog 为空（该产品线还没有立项卡片）。",
+			"panelBoard.groupCount": "{kind} · {n}",
+			"panelBoard.activeCount": "活动 {n}",
+			"panelBoard.clearFilterTip": "清除本组筛选",
+			"panelBoard.collapseDone": "收起已完成 {n}",
+			"panelBoard.expandDone": "已完成 {n} ▸",
+			"panelBoard.collapseDoneTip": "收起已完成/已关闭卡片",
+			"panelBoard.expandDoneTip": "展开已完成/已关闭卡片",
+			"panelBoard.emptyFiltered": "该筛选下没有卡片。",
+			"panelBoard.filterChipOn": "点击取消该状态筛选",
+			"panelBoard.filterChipOff": "点击只看该状态（可多选）",
+			"panelItem.row.req": "需求",
+			"panelItem.row.owner": "负责人",
+			"panelItem.row.dev": "开发",
+			"panelItem.row.qa": "测试",
+			"panelItem.row.accept": "验收",
+			"panelItem.row.retries": "重试",
+			"panelItem.row.runDocs": "任务夹",
+			"panelItem.defectSection": "缺陷详情（QA 报告导入）",
+			"panelItem.row.defectId": "缺陷编号",
+			"panelItem.row.severity": "严重级",
+			"panelItem.row.module": "功能模块",
+			"panelItem.row.reproduce": "复现步骤",
+			"panelItem.row.expected": "期望行为",
+			"panelItem.row.actual": "实际行为",
+			"panelItem.row.defectAc": "关联验收项",
+			"panelItem.row.defectCheck": "检测命令",
+			"panelItem.row.defectCriterion": "通过判据",
+			"panelItem.noDefectDetail": "（该卡无缺陷描述：登记时 QA 报告只给了三要素，或为旧版本登记的卡；细节见关联 run 的 QA-REPORT.md）",
+			"panelItem.spec": "规格",
+			"panelItem.summary": "结论摘要",
+			"panelItem.artifacts": "任务夹产物 · {n}",
+			"panelItem.artifactTip": "{address}\n（跳到产物所属会话后在该会话右侧栏打开）",
+			"panelItem.noArtifacts": "该条目没有可预览的任务夹产物（或缺少会话上下文，无法生成文件地址）。",
+			"panelItem.subtasks": "子卡 · {n}",
+			"panelItem.bugs": "关联缺陷 · {n}",
+			"panelItem.events": "流转时间线 · 最近 {n} 条",
+			"detail.runMissing": "未找到该 run（可能已被清理，或地址已过期）。",
+			"detail.subagents": "子代理 {n}",
+			"detail.stages": "阶段 · {n}",
+			"detail.stageFailed": "阶段详情读取失败：{err}",
+			"detail.stageTitle": "阶段 #{seq} 详情",
+			"detail.output": "阶段产出",
+			"detail.attempts": "同任务尝试 · {n}",
+			"detail.logs": "日志 · 最近 {n} 条",
+			"detail.endedRunning": "进行中",
+			"detail.subagentChip": "子代理 {id}",
+			"tab.resolveFailed": "无法解析 run 地址：{address}",
+			"tab.readingAddress": "读取 tab 地址中…",
+			"tab.noHook": "宿主 tab 信息钩子不可用（useTabInfo 缺失）",
+			"tab.remoteUnavailable": "remote 不可用（插件未挂载或版本过旧）",
+			"tab.readingRun": "读取 run 详情中…"
+		};
+		/** 英文词典（key 集合必须与 zh 完全一致）。 */
+		const en = {
+			"common.close": "Close",
+			"common.loading": "Loading…",
+			"common.retry": "Retry",
+			"common.collapse": "Collapse",
+			"common.collapseFull": "Collapse",
+			"common.clickToExpand": "Click to expand",
+			"common.expandFull": "Show more",
+			"common.moreLines": "… +{n} lines",
+			"common.none": "none",
+			"common.noneDash": "(none)",
+			"common.noSummary": "(no summary)",
+			"common.failed": "Failed",
+			"common.running": "Running",
+			"common.needsHuman": "needs human intervention",
+			"common.unknownError": "unknown error",
+			"common.gotIt": "Got it",
+			"common.remoteNotReady": "remote not ready",
+			"common.remoteCallFailed": "{what} call failed: {detail}",
+			"common.remoteEmptyResult": "{what} returned an empty result (ok=true but no value; raw envelope={raw})",
+			"common.calls": "{n} calls",
+			"common.callsCount": "{n} calls",
+			"common.noUsage": "no token data",
+			"status.created": "Created",
+			"status.in-progress": "In progress",
+			"status.pending-acceptance": "Pending acceptance",
+			"status.accepted": "Accepted",
+			"status.closed": "Closed",
+			"status.pending": "Todo",
+			"status.running": "Developing",
+			"status.testable": "Ready for test",
+			"status.testing": "Testing",
+			"status.rework": "Rework",
+			"status.needs-human": "Needs human",
+			"status.cancelled": "Closed",
+			"status.open": "Unclaimed",
+			"status.claimed": "In progress",
+			"status.fixed": "Fixed (pending verify)",
+			"status.verified": "Closed",
+			"status.reopened": "Reopened",
+			"status.done": "Done",
+			"status.completed": "Completed",
+			"status.failed": "Failed",
+			"status.interrupted": "Interrupted",
+			"status.superseded": "Superseded",
+			"runStatus.pending": "Queued",
+			"runStatus.running": "Running",
+			"runStatus.completed": "Completed",
+			"runStatus.failed": "Failed",
+			"runStatus.cancelled": "Cancelled",
+			"runStatus.interrupted": "Interrupted",
+			"runStatus.superseded": "Superseded",
+			"phase.prd": "PRD",
+			"phase.design": "UI/UX design",
+			"phase.scaffold": "Architecture",
+			"phase.tech": "Technical design",
+			"phase.dev": "Development",
+			"phase.qa": "QA testing",
+			"phase.acceptance": "Acceptance",
+			"kind.req": "Requirements",
+			"kind.task": "Tasks",
+			"kind.bug": "Defects",
+			"role.pm": "Product",
+			"role.design": "Design",
+			"role.arch": "Architecture",
+			"role.tech": "Tech design",
+			"role.dev": "Dev",
+			"role.qa": "QA",
+			"role.acceptance": "Acceptance",
+			"role.other": "Other",
+			"roleChip.pm": "📌 Product",
+			"roleChip.design": "🎨 Design",
+			"roleChip.arch": "🏗 Architecture",
+			"roleChip.tech": "📐 Tech design",
+			"roleChip.dev": "👨‍💻 Dev",
+			"roleChip.qa": "🧪 QA",
+			"roleChip.acceptance": "✅ Acceptance",
+			"token.officialTitle": "TOKEN · official metering",
+			"token.usageLine": "Input (miss) {input} / Input (hit) {cacheRead} / Cache write {cacheWrite} / Output {output} · {calls} calls",
+			"token.usageHit": " · cache hit {hit}%",
+			"token.usageMissing": "no usage detail",
+			"token.inputMiss": "Input (miss) {v}",
+			"token.inputHit": "Input (hit) {v}",
+			"token.cacheWrite": "Cache write {v}",
+			"token.output": "Output {v}",
+			"token.total": "Total {v}",
+			"token.allStagesTip": "Input (miss) / Input (hit) / Output totals across all stages",
+			"token.stageLine": "Stage tokens: {v}",
+			"stage.cardTip": "{label} — click for stage detail",
+			"stage.retryTip": "Retried {n}× ({m} attempts in total)",
+			"stage.detailTitle": "Stage detail",
+			"stage.summaryFallback": "(Full text was not saved for this run — showing the summary)\n\n{summary}",
+			"stage.loadFailed": "⚠ Load failed: {err}",
+			"stage.noOutput": "(no output text)",
+			"stage.attemptHistory": "↻ Attempt history ({n} · click to inspect one)",
+			"stage.attemptDone": "✅ OK",
+			"stage.attemptFailed": "❌ {outcome}",
+			"stage.attemptRunning": "⏳ Running",
+			"stage.childJumpBtn": "🎬 Open subagent session",
+			"stage.childJumpTip": "Open this stage's subagent session (full reasoning and tool-call trail); then switch to the \"Chat\" tab",
+			"stage.childNoneTip": "No subagent session is available for this stage",
+			"stage.childCrossSessionTip": "This subagent was started by session {sid}; cross-session navigation is not supported yet — open the Team Workbench in its originating session",
+			"stage.childCrossSessionNote": "Cross-session navigation is not supported yet: this subagent was started by session {sid}. Open the Team Workbench in its originating session to see the trail.",
+			"stage.childJumpNote": "After jumping, switch to the \"Chat\" tab to see this subagent's full session trail",
+			"stage.evidenceTitle": "🔬 Verification evidence",
+			"stage.evidenceMissing": "(missing — the contract was not honored and the host logged a warning; cross-check with this run's command logs: logs/teamflow/<runId>/ while the run is live, archived by the host to $DSH_HOME/teamflow/<workspace>/logs/<runId>/ afterwards)",
+			"stage.evidenceMissingShort": "(missing — the contract was not honored and the host logged a warning)",
+			"stage.artifactsTitle": "📄 Stage artifacts",
+			"pipeline.empty": "No active pipeline — ask the model to call teamflow_start, or type a requirement above",
+			"pipeline.noNodes": "The pipeline has not started any stage node yet",
+			"pipeline.zoomOut": "Zoom out",
+			"pipeline.zoomIn": "Zoom in",
+			"pipeline.fitCanvas": "Fit canvas",
+			"pipeline.canvasHint": "✥ Drag to pan · scroll to zoom",
+			"workbench.title": "Team Workbench",
+			"workbench.running": "Pipeline running",
+			"workbench.idle": "Idle",
+			"workbench.refresh": "🔄 Refresh",
+			"workbench.resumeTip": "Resume {id}\nCurrent status: {status}; completed stages are skipped and the run restarts from the first unfinished stage",
+			"workbench.resuming": "Resuming…",
+			"workbench.resumeBtn": "↻ Resume from #{id}",
+			"workbench.loadFailed": "⚠ {err} (make sure dsh-plugin-teamflow is installed and the web host was restarted)",
+			"workbench.needsHumanBanner": "⚠ {n} item(s) need human intervention",
+			"workbench.handle": "Handle {id}",
+			"workbench.manualReason": "manual handling",
+			"workbench.tabPipeline": "🔄 Pipeline",
+			"workbench.tabBoard": "📋 Backlog board",
+			"workbench.workspaceTip": "Current workspace (workspace-level isolation): {path}",
+			"workbench.noWorkspace": "no workspace connected",
+			"workbench.history": "History",
+			"workbench.openRightBarTip": "Open this run's detail in the right sidebar (side by side with task-folder artifacts)",
+			"workbench.openRightBarBtn": "⇥ Open in right bar",
+			"board.empty": "Backlog is empty (no pipeline has run yet)",
+			"board.dragReason": "kanban drag transition",
+			"board.cardTip": "{id} · {status}{summary} (click for details)",
+			"board.assignDevTip": "dev assignee\n{who}",
+			"board.assignQaTip": "qa assignee\n{who}",
+			"board.acceptTip": "acceptance/report owner\n{who}",
+			"board.subtaskCount": "📦 {n} subtasks",
+			"board.retries": "retries {n}",
+			"item.overview": "Overview",
+			"item.acceptRow": "✅ Acceptance",
+			"item.retryRow": "↻ Retries",
+			"item.humanRow": "⚠ Human intervention",
+			"item.updatedAt": "Updated",
+			"item.runSection": "Run",
+			"item.runBtn": "▶ Pipeline",
+			"item.jumpRunTip": "Open this requirement's pipeline view #{id}",
+			"item.requirement": "Raw requirement",
+			"item.noRequirement": "(no raw text)",
+			"item.runDocs": "Task folder",
+			"item.previewTip": "Preview {path} in the right sidebar",
+			"item.subtasks": "Linked subtasks ({n})",
+			"item.bugs": "Linked defects ({n})",
+			"item.timeline": "Transition timeline ({n})",
+			"team.currentTip": "Current team: {name} (click to switch)",
+			"team.pick": "Select team",
+			"team.label": "Team",
+			"team.none": "No team (chat directly)",
+			"team.noneNote": "teamflow is not used; the model works directly",
+			"panel.title": "🏭 Team Workbench",
+			"panel.subtitle": "Global panel · by product line",
+			"panel.currentSession": "Session {sid}",
+			"panel.noSession": "No active session",
+			"panel.reload": "Reload data",
+			"panel.backToChat": "Back to chat",
+			"panel.backToChatTip": "Back to chat (click the sidebar icon again to return to this panel)",
+			"panel.railTitle": "Product lines · {n}",
+			"panel.rescanTip": "Rescan $DSH_HOME/teamflow",
+			"panel.refreshing": "Refreshing",
+			"panel.refresh": "Refresh",
+			"panel.noProducts": "No product lines yet. Once a pipeline has run in a workspace, its product line shows up here ($DSH_HOME/teamflow/<key>).",
+			"panel.activeRuns": "{n} running",
+			"panel.updated": "updated {time}",
+			"panel.reading": "Loading…",
+			"panel.verdict": "acceptance {v}",
+			"panel.pickProduct": "Pick a product line on the left to see its backlog and runs (the most recently updated one is selected on first entry).",
+			"panel.loadingView": "Loading product-line data…",
+			"panel.runChip": "runs {n}",
+			"panel.activeChip": "active {n}",
+			"panel.verdictChip": "acceptance {v}",
+			"panel.tabRuns": "🚀 Pipeline runs · {n}",
+			"panel.tabBacklog": "📋 Backlog · {n}",
+			"panel.pinnedActive": "{n} running pinned",
+			"panel.showRecent": "Show latest {n}",
+			"panel.showAll": "Show all {n}",
+			"panel.clearRunFilterTip": "Clear the run status filter",
+			"panel.filtered": "Filtered {sel} · showing {shown}/{total} × clear",
+			"panel.emptyRunFilter": "No runs match this filter.",
+			"panel.runHint": "Click a row for the detail overlay; \"Open in session right bar\" jumps to the run's originating session and opens the right bar there (side by side with task-folder artifacts)",
+			"panel.boardHint": "Click a status badge to filter (multi-select); terminal cards are collapsed by default and appear automatically while filtering",
+			"panel.runDetail": "Run detail",
+			"panel.goOwnerSession": "Go to originating session",
+			"panel.goOwnerSessionTip": "Jump to the run's originating session and open its right bar there (side by side with task-folder artifacts)",
+			"panel.remoteProductsUnavailable": "remote.products unavailable (plugin not mounted or outdated)",
+			"panel.hintNoAddress": "{label}: the host produced no openable address (session context may be missing)",
+			"panel.hintRightbarFailed": "Failed to open the right sidebar (the host mounts it only in the chat view): {label} — shown inline in this panel instead",
+			"panel.hintSessionGone": "Originating session {sid}… is not in the session list (it may have been cleaned up) — showing the detail in this panel",
+			"panel.hintSwitchedNoRightbar": "Switched to the originating session but the right bar did not open ({label}) — retry with \"⇥ Open in right bar\" in that session",
+			"panel.hintInlineSuffix": " — shown inline in this panel instead",
+			"runList.empty": "No runs recorded for this product line yet.",
+			"runList.running": "Running",
+			"runList.noRequirement": "(no requirement text)",
+			"runList.stageProgress": "Stages {done}/{total}",
+			"runList.openRightBar": "Open in session right bar",
+			"runList.openRightBarTip": "Jump to the run's originating session and open the detail in that session's right bar (the right bar is session-scoped: attaching it to an unrelated session is meaningless)",
+			"runList.callsSuffix": " · {n} calls",
+			"panelBoard.empty": "Backlog is empty (this product line has no cards yet).",
+			"panelBoard.groupCount": "{kind} · {n}",
+			"panelBoard.activeCount": "Active {n}",
+			"panelBoard.clearFilterTip": "Clear this group's filter",
+			"panelBoard.collapseDone": "Hide {n} done",
+			"panelBoard.expandDone": "{n} done ▸",
+			"panelBoard.collapseDoneTip": "Hide done/closed cards",
+			"panelBoard.expandDoneTip": "Show done/closed cards",
+			"panelBoard.emptyFiltered": "No cards match this filter.",
+			"panelBoard.filterChipOn": "Click to clear this status filter",
+			"panelBoard.filterChipOff": "Click to filter by this status only (multi-select)",
+			"panelItem.row.req": "Requirement",
+			"panelItem.row.owner": "Owner",
+			"panelItem.row.dev": "Dev",
+			"panelItem.row.qa": "QA",
+			"panelItem.row.accept": "Acceptance",
+			"panelItem.row.retries": "Retries",
+			"panelItem.row.runDocs": "Task folder",
+			"panelItem.defectSection": "Defect detail (imported from the QA report)",
+			"panelItem.row.defectId": "Defect id",
+			"panelItem.row.severity": "Severity",
+			"panelItem.row.module": "Module",
+			"panelItem.row.reproduce": "Steps to reproduce",
+			"panelItem.row.expected": "Expected",
+			"panelItem.row.actual": "Actual",
+			"panelItem.row.defectAc": "Related AC",
+			"panelItem.row.defectCheck": "Check command",
+			"panelItem.row.defectCriterion": "Pass criterion",
+			"panelItem.noDefectDetail": "(No defect description on this card: the QA report only carried the three key fields when it was registered, or the card predates this version; see QA-REPORT.md in the linked run)",
+			"panelItem.spec": "Spec",
+			"panelItem.summary": "Summary",
+			"panelItem.artifacts": "Task-folder artifacts · {n}",
+			"panelItem.artifactTip": "{address}\n(opens in the right sidebar of the session that owns this artifact)",
+			"panelItem.noArtifacts": "This item has no previewable task-folder artifacts (or no session context to build a file address).",
+			"panelItem.subtasks": "Subtasks · {n}",
+			"panelItem.bugs": "Linked defects · {n}",
+			"panelItem.events": "Transition timeline · last {n}",
+			"detail.runMissing": "Run not found (it may have been cleaned up, or the address is stale).",
+			"detail.subagents": "Subagents {n}",
+			"detail.stages": "Stages · {n}",
+			"detail.stageFailed": "Failed to load stage detail: {err}",
+			"detail.stageTitle": "Stage #{seq} detail",
+			"detail.output": "Stage output",
+			"detail.attempts": "Attempts for this task · {n}",
+			"detail.logs": "Logs · last {n}",
+			"detail.endedRunning": "running",
+			"detail.subagentChip": "Subagent {id}",
+			"tab.resolveFailed": "Cannot parse the run address: {address}",
+			"tab.readingAddress": "Reading the tab address…",
+			"tab.noHook": "Host tab-info hook unavailable (useTabInfo missing)",
+			"tab.remoteUnavailable": "remote unavailable (plugin not mounted or outdated)",
+			"tab.readingRun": "Loading run detail…"
+		};
+		//#endregion
+		//#region client/panel.tsx
+		/**
+		* dsh-plugin-teamflow — 全局面板 + 右栏 run 详情 tab（v0.1.8 ①）。
+		*
+		* 与 conversation.view tab（会话内工作台）的分工：
+		* - 全局面板挂在**应用外壳**的 root slot 上：`sidebar.panellist`（侧边栏图标）+
+		*   `main`（中央主区，keyed，**必须与 panellist 同 id**——宿主 `layout.selectPanel`
+		*   对未注册的 main key 直接抛错）。它没有会话上下文，因此数据面按**产品线 key**
+		*   寻址（`remote.products/productView/...`），跨会话可用。
+		* - 右栏 run 详情 tab：tab 类型进 `ctx.sidebarRightTabs`，正文进 keyed seat
+		*   `sidebar.right.pane.tab`；地址由 host 生成（`dsh-resource://teamflow/run/<产品线>/<runId>`），
+		*   与产物预览同一条原则——client 不拼地址。右侧栏是 AppFrame 级 root slot，
+		*   全局面板占着中央区时它依然挂载（唯一失败态是"没有挂载会话"，此时降级为面板内联详情）。
+		*/
+		const RUN_TAB_ID = "dsh-plugin-teamflow/run";
+		const RUN_TAB_KIND = "teamflow-run";
+		const RUN_TAB_PATTERN = "dsh-resource://teamflow/run/**";
+		/** 解析 host 生成的 run 地址 → { product, runId }（不合法 → null）。 */
+		function parseRunAddress(address) {
+			const m = /^dsh-resource:\/\/teamflow\/run\/([^/]+)\/([^/?#]+)$/.exec(String(address || ""));
+			if (!m) return null;
+			try {
+				return {
+					product: decodeURIComponent(m[1]),
+					runId: decodeURIComponent(m[2])
+				};
+			} catch (e) {
+				return null;
+			}
+		}
+		/** 右栏 tab 类型定义（类型本身；正文在 sidebar.right.pane.tab 的 keyed seat）。 */
+		function runTabDefinition() {
+			return {
+				id: RUN_TAB_ID,
+				kind: RUN_TAB_KIND,
+				priority: "extension",
+				patterns: [RUN_TAB_PATTERN],
+				title: (address) => {
+					const p = parseRunAddress(address);
+					return p ? `TeamFlow · ${p.runId.slice(0, 14)}` : "TeamFlow Run";
+				}
+			};
+		}
+		/** Typert remote 信封解包（与会话内工作台同一约定）。
+		* 空信封（`{ok:true}` 但没有 `value`）是**真实故障态**：host 方法返回了 `undefined` / 结果被丢弃——
+		* 此时不能静默返回 undefined（调用方会把它再包成「未知错误」，丢掉定位信息），故显式报出原始信封。 */
+		function unwrap$1(res, what) {
+			if (!res || !res.ok) {
+				let detail = t("common.unknownError");
+				try {
+					detail = res && res.error && (res.error.message || res.error.code) || JSON.stringify(res) || t("common.unknownError");
+				} catch (e) {}
+				try {
+					console.warn("[teamflow] remote 调用失败", what, res);
+				} catch (e) {}
+				throw new Error(t("common.remoteCallFailed", {
+					what: what || "remote",
+					detail
+				}));
+			}
+			if (res.value === void 0) {
+				try {
+					console.warn("[teamflow] remote 返回空信封（ok 但无 value）", what, res);
+				} catch (e) {}
+				let raw = "";
+				try {
+					raw = JSON.stringify(res);
+				} catch (e) {
+					raw = String(res);
+				}
+				throw new Error(t("common.remoteEmptyResult", {
+					what: what || "remote",
+					raw
+				}));
+			}
+			return res.value;
+		}
+		/** 全局面板图标：三条泳道 + 节点（与工作台「流水线」语义一致），跟随选中态配色。 */
+		function TeamflowPanelIcon({ size = 16, active = false }) {
+			return h("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: active ? "currentColor" : "currentColor",
+				strokeWidth: 1.6,
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				focusable: "false"
+			}, h("rect", {
+				x: 3,
+				y: 4,
+				width: 5.2,
+				height: 4,
+				rx: 1.2,
+				opacity: active ? 1 : .85
+			}), h("rect", {
+				x: 9.4,
+				y: 10,
+				width: 5.2,
+				height: 4,
+				rx: 1.2,
+				opacity: active ? 1 : .85
+			}), h("rect", {
+				x: 3,
+				y: 16,
+				width: 5.2,
+				height: 4,
+				rx: 1.2,
+				opacity: active ? 1 : .85
+			}), h("path", { d: "M8.4 6h3.3a1 1 0 0 1 1 1v3.4" }), h("path", { d: "M8.4 18h3.3a1 1 0 0 0 1-1v-3.4" }), h("path", { d: "M14.6 12h4.4" }));
+		}
+		const panelBtn = {
+			font: "inherit",
+			fontSize: 11,
+			fontWeight: 600,
+			padding: "3px 9px",
+			borderRadius: 7,
+			cursor: "pointer",
+			border: `1px solid ${T.border}`,
+			background: T.layer1,
+			color: T.text,
+			whiteSpace: "nowrap",
+			lineHeight: "16px"
+		};
+		const brandBtn = {
+			...panelBtn,
+			border: `1px solid color-mix(in srgb, ${T.brand} 40%, transparent)`,
+			background: `color-mix(in srgb, ${T.brand} 12%, transparent)`,
+			color: T.brand
+		};
+		const sectionTitle = (text, extra) => h("div", { style: {
+			...flexRow,
+			justifyContent: "space-between",
+			margin: "14px 0 8px"
+		} }, h("div", { style: {
+			fontSize: 12,
+			fontWeight: 700,
+			color: T.text,
+			letterSpacing: ".02em"
+		} }, text), extra || null);
+		const muted = (text, style = {}) => h("div", { style: {
+			fontSize: 11,
+			color: T.text2,
+			lineHeight: 1.6,
+			...style
+		} }, text);
+		const runUsageText = (u) => {
+			if (!u || !(u.input || u.cacheRead || u.cacheWrite || u.output)) return t("common.noUsage");
+			const hit = hitRate(u);
+			return `⇅${fmtTokens(u.input)} ⇅${fmtTokens(u.cacheRead)} ⬆${fmtTokens(u.output)}${hit !== null ? ` ·${hit}%` : ""} · ${t("common.calls", { n: u.calls })}`;
+		};
+		const RUN_PREVIEW = 8;
+		const TERMINAL_STATUSES = [
+			"accepted",
+			"closed",
+			"verified",
+			"cancelled"
+		];
+		function ProductRail({ products, current, loadingKey, onSelect, onRefresh, busy }) {
+			return h("div", { style: {
+				width: 236,
+				flex: "0 0 236px",
+				minHeight: 0,
+				display: "flex",
+				flexDirection: "column",
+				borderRight: `1px solid ${T.border}`,
+				background: `color-mix(in srgb, ${T.layer1} 40%, transparent)`
+			} }, h("div", { style: {
+				...flexRow,
+				justifyContent: "space-between",
+				padding: "10px 12px 8px"
+			} }, h("span", { style: {
+				fontSize: 11.5,
+				fontWeight: 700,
+				color: T.text2
+			} }, t("panel.railTitle", { n: products.length })), h("button", {
+				style: panelBtn,
+				onClick: onRefresh,
+				disabled: busy,
+				title: t("panel.rescanTip")
+			}, busy ? t("panel.refreshing") : t("panel.refresh"))), h("div", { style: {
+				flex: 1,
+				minHeight: 0,
+				overflowY: "auto",
+				padding: "0 8px 12px"
+			} }, products.length === 0 ? muted(t("panel.noProducts"), { padding: "10px 4px" }) : products.map((p) => {
+				const on = p.key === current;
+				return h("div", {
+					key: p.key,
+					onClick: () => onSelect(p.key),
+					title: p.path || p.key,
+					style: {
+						padding: "8px 10px",
+						marginBottom: 6,
+						borderRadius: 9,
+						cursor: "pointer",
+						border: `1px solid ${on ? `color-mix(in srgb, ${T.brand} 45%, transparent)` : T.border}`,
+						background: on ? `color-mix(in srgb, ${T.brand} 10%, ${T.layer1})` : "transparent"
+					}
+				}, h("div", { style: {
+					...flexRow,
+					justifyContent: "space-between"
+				} }, h("span", { style: {
+					fontSize: 12,
+					fontWeight: 600,
+					color: T.text,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				} }, p.title || p.key), p.activeRuns > 0 ? chip(t("panel.activeRuns", { n: p.activeRuns }), T.brand, { dot: true }) : null), h("div", { style: {
+					fontSize: 10,
+					color: T.text2,
+					fontFamily: MONO,
+					marginTop: 2,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				} }, p.key), h("div", { style: {
+					...flexRow,
+					gap: 8,
+					marginTop: 3,
+					fontSize: 10,
+					color: T.text2
+				} }, h("span", null, `run ${p.totalRuns}`), p.updatedAt ? h("span", null, t("panel.updated", { time: fmtTime(p.updatedAt) })) : null, p.key === loadingKey ? h("span", { style: {
+					color: T.brand,
+					fontWeight: 600
+				} }, t("panel.reading")) : null), p.lastRequirement ? h("div", { style: {
+					fontSize: 10.5,
+					color: T.text2,
+					marginTop: 3,
+					lineHeight: 1.45,
+					display: "-webkit-box",
+					WebkitLineClamp: 2,
+					WebkitBoxOrient: "vertical",
+					overflow: "hidden"
+				} }, p.lastRequirement) : null, p.lastVerdict ? h("div", { style: { marginTop: 4 } }, chip(t("panel.verdict", { v: p.lastVerdict }), stColor(p.lastVerdict === "accepted" ? "accepted" : p.lastVerdict))) : null);
+			})));
+		}
+		function RunList({ runs, activeRunId, onOpenRun, onInlineRun }) {
+			if (!runs.length) return muted(t("runList.empty"), { padding: "2px 2px 8px" });
+			return h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 6
+			} }, runs.map((r) => {
+				const on = r.id === activeRunId;
+				const active = r.status === "running" || r.status === "pending";
+				return h("div", {
+					key: r.id,
+					style: {
+						padding: "8px 11px",
+						borderRadius: 9,
+						border: `1px solid ${on ? `color-mix(in srgb, ${T.brand} 45%, transparent)` : T.border}`,
+						borderLeft: `3px solid ${stColor(r.status)}`,
+						background: on ? `color-mix(in srgb, ${T.brand} 8%, ${T.layer1})` : T.layer1,
+						display: "flex",
+						alignItems: "center",
+						gap: 10,
+						cursor: "pointer"
+					},
+					onClick: () => onInlineRun(r)
+				}, h("div", { style: {
+					flex: 1,
+					minWidth: 0
+				} }, h("div", { style: {
+					...flexRow,
+					gap: 6
+				} }, chip(runStatusText(r.status), stColor(r.status), { dot: true }), r.mode ? chip(String(r.mode), T.text2) : null, h("span", { style: {
+					fontFamily: MONO,
+					fontSize: 10,
+					color: T.text2
+				} }, r.id), active ? h("span", { style: {
+					fontSize: 10,
+					color: T.brand
+				} }, t("runList.running")) : null), h("div", { style: {
+					fontSize: 11.5,
+					color: T.text,
+					marginTop: 3,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				} }, r.requirement || t("runList.noRequirement")), h("div", { style: {
+					...flexRow,
+					gap: 10,
+					marginTop: 3,
+					fontSize: 10,
+					color: T.text2,
+					fontFamily: MONO
+				} }, h("span", null, t("runList.stageProgress", {
+					done: r.doneStages,
+					total: r.stageCount
+				})), h("span", null, runUsageText(r.usage)), h("span", null, `${fmtTime(r.startedAt)}${r.endedAt ? ` → ${fmtTime(r.endedAt)}` : ""} ${fmtDur(r.startedAt, r.endedAt)}`))), h("button", {
+					style: brandBtn,
+					title: t("runList.openRightBarTip"),
+					onClick: (e) => {
+						e.stopPropagation();
+						onOpenRun(r);
+					}
+				}, t("runList.openRightBar")));
+			}));
+		}
+		function BacklogCard({ kind, item, onOpen }) {
+			const color = stColor(item.status);
+			return h("div", {
+				onClick: () => onOpen(kind, item.id),
+				style: {
+					padding: "6px 9px",
+					borderRadius: 8,
+					border: `1px solid ${T.border}`,
+					borderLeft: `3px solid ${color}`,
+					background: T.layer1,
+					cursor: "pointer",
+					minWidth: 0,
+					boxSizing: "border-box",
+					maxWidth: "100%",
+					overflow: "hidden"
+				}
+			}, h("div", { style: {
+				...flexRow,
+				gap: 5,
+				minWidth: 0
+			} }, h("span", { style: {
+				fontFamily: MONO,
+				fontSize: 10,
+				color: T.text2,
+				minWidth: 0,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			} }, item.id), chip(stText(item.status), color, { dot: true }), kind === "bug" && item.severity ? chip(String(item.severity), stColor("rework")) : null), h("div", { style: {
+				fontSize: 11.5,
+				color: T.text,
+				marginTop: 3,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			} }, item.title || item.id), (() => {
+				const roles = kind === "task" ? byRoleLine(item) : "";
+				return roles ? h("div", {
+					title: roles,
+					style: {
+						fontSize: 10,
+						color: T.text2,
+						fontFamily: MONO,
+						marginTop: 3,
+						minWidth: 0,
+						overflowWrap: "anywhere",
+						wordBreak: "break-word"
+					}
+				}, roles) : null;
+			})(), h("div", { style: {
+				...flexRow,
+				gap: 6,
+				marginTop: 3,
+				fontSize: 10,
+				color: T.text2
+			} }, item.devAssign ? h("span", null, `dev ${item.devAssign}`) : null, item.qaAssign ? h("span", null, `qa ${item.qaAssign}`) : null, item.acceptBy ? h("span", null, t("panel.verdict", { v: item.acceptBy })) : null, item.retries ? h("span", { style: { color: T.warn } }, t("board.retries", { n: item.retries })) : null, item.humanIntervention ? h("span", { style: { color: T.error } }, t("status.needs-human")) : null));
+		}
+		/** 可点筛选徽章（多选）：单击切换该状态，选中态用状态色实心；再点取消。 */
+		const filterChip = (text, color, on, onToggle) => h("button", {
+			onClick: onToggle,
+			title: on ? t("panelBoard.filterChipOn") : t("panelBoard.filterChipOff"),
+			style: {
+				font: "inherit",
+				fontSize: 11,
+				fontWeight: 600,
+				padding: "1px 8px",
+				borderRadius: 999,
+				cursor: "pointer",
+				lineHeight: "16px",
+				whiteSpace: "nowrap",
+				border: `1px solid ${on ? `color-mix(in srgb, ${color} 55%, transparent)` : T.border}`,
+				background: on ? `color-mix(in srgb, ${color} 26%, transparent)` : "transparent",
+				color: on ? color : T.text2
+			}
+		}, text);
+		/** run 状态展示顺序（可行动的在前）。 */
+		const RUN_STATUS_ORDER = [
+			"running",
+			"pending",
+			"interrupted",
+			"failed",
+			"cancelled",
+			"completed",
+			"superseded"
+		];
+		function BacklogGroups({ backlog, onOpen, productKey }) {
+			const [showDone, setShowDone] = react.default.useState({});
+			const [filters, setFilters] = react.default.useState({});
+			react.default.useEffect(() => {
+				setShowDone({});
+				setFilters({});
+			}, [productKey]);
+			if (!backlog) return null;
+			const groups = [
+				["req", backlog.requirements || []],
+				["task", (backlog.tasks || []).filter((t) => t.type !== "subtask")],
+				["bug", backlog.bugs || []]
+			];
+			if (!groups.reduce((a, [, arr]) => a + arr.length, 0)) return muted(t("panelBoard.empty"), { padding: "2px 2px 8px" });
+			return h("div", null, groups.map(([kind, list]) => {
+				if (!list.length) return null;
+				const done = list.filter((it) => TERMINAL_STATUSES.indexOf(it.status) !== -1 && !it.humanIntervention);
+				const active = list.filter((it) => done.indexOf(it) === -1);
+				const open = showDone[kind] === true;
+				const sel = filters[kind] || [];
+				const selSet = new Set(sel);
+				const filtering = sel.length > 0;
+				const matched = filtering ? list.filter((it) => selSet.has(it.status)) : list;
+				const byStatus = {};
+				for (const it of list) byStatus[it.status] = (byStatus[it.status] || 0) + 1;
+				const toggle = (st) => setFilters((m) => {
+					const cur = new Set(m[kind] || []);
+					if (cur.has(st)) cur.delete(st);
+					else cur.add(st);
+					return {
+						...m,
+						[kind]: [...cur]
+					};
+				});
+				const visible = filtering ? matched : open ? list : active;
+				return h("div", {
+					key: kind,
+					style: { marginBottom: 12 }
+				}, h("div", { style: {
+					...flexRow,
+					gap: 6,
+					marginBottom: 6,
+					minWidth: 0
+				} }, h("span", { style: {
+					fontSize: 11.5,
+					fontWeight: 700,
+					color: T.text,
+					flex: "0 0 auto"
+				} }, t("panelBoard.groupCount", {
+					kind: kindTitle(kind),
+					n: list.length
+				})), h("span", { style: {
+					fontSize: 10,
+					color: T.text2,
+					flex: "0 0 auto"
+				} }, t("panelBoard.activeCount", { n: active.length })), ...Object.keys(byStatus).map((s) => filterChip(`${stText(s)} ${byStatus[s]}`, stColor(s), selSet.has(s), () => toggle(s))), filtering ? h("button", {
+					style: {
+						...panelBtn,
+						marginLeft: "auto",
+						flex: "0 0 auto"
+					},
+					title: t("panelBoard.clearFilterTip"),
+					onClick: () => setFilters((m) => ({
+						...m,
+						[kind]: []
+					}))
+				}, t("panel.filtered", {
+					sel: sel.length,
+					shown: matched.length,
+					total: list.length
+				})) : done.length ? h("button", {
+					style: {
+						...panelBtn,
+						marginLeft: "auto",
+						flex: "0 0 auto"
+					},
+					title: open ? t("panelBoard.collapseDoneTip") : t("panelBoard.expandDoneTip"),
+					onClick: () => setShowDone((m) => ({
+						...m,
+						[kind]: !open
+					}))
+				}, open ? t("panelBoard.collapseDone", { n: done.length }) : t("panelBoard.expandDone", { n: done.length })) : null), visible.length ? h("div", { style: {
+					display: "grid",
+					gridTemplateColumns: "repeat(auto-fill, minmax(228px, 1fr))",
+					gap: 6
+				} }, visible.map((it) => h(BacklogCard, {
+					key: it.id,
+					kind,
+					item: it,
+					onOpen
+				}))) : muted(t("panelBoard.emptyFiltered"), { fontSize: 10.5 }));
+			}));
+		}
+		function ItemDetailPane({ det, openArtifact, onClose }) {
+			if (!det) return null;
+			const row = (k, v) => v === null || v === void 0 || v === "" ? null : h("div", { style: {
+				...flexRow,
+				gap: 6,
+				fontSize: 11
+			} }, h("span", { style: {
+				color: T.text2,
+				flex: "0 0 auto"
+			} }, k), h("span", { style: {
+				color: T.text,
+				minWidth: 0,
+				wordBreak: "break-word"
+			} }, String(v)));
+			return h("div", { style: {
+				padding: "10px 12px",
+				display: "flex",
+				flexDirection: "column",
+				gap: 8,
+				minHeight: 0
+			} }, h("div", { style: {
+				...flexRow,
+				justifyContent: "space-between"
+			} }, h("div", { style: {
+				...flexRow,
+				gap: 6
+			} }, h("span", { style: {
+				fontFamily: MONO,
+				fontSize: 11,
+				color: T.text2
+			} }, det.id), chip(stText(det.status), stColor(det.status), { dot: true }), h("span", { style: {
+				fontSize: 10.5,
+				color: T.text2
+			} }, kindTitle(det.kind))), h("button", {
+				style: panelBtn,
+				onClick: onClose
+			}, t("common.close"))), h("div", { style: {
+				fontSize: 13,
+				fontWeight: 600,
+				color: T.text,
+				lineHeight: 1.45
+			} }, det.title), det.kind === "bug" ? h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 4,
+				padding: "8px 10px",
+				borderRadius: 8,
+				background: T.layer2,
+				border: `1px solid ${T.border}`
+			} }, h("div", { style: {
+				...flexRow,
+				gap: 6
+			} }, h("span", { style: {
+				fontSize: 11,
+				fontWeight: 700,
+				color: T.text
+			} }, t("panelItem.defectSection")), det.severity ? chip(String(det.severity), String(det.severity) === "P0" ? T.error : String(det.severity) === "P1" ? T.warn : T.text2) : null), row(t("panelItem.row.defectId"), det.defectId), row(t("panelItem.row.module"), det.module), row(t("panelItem.row.reproduce"), det.reproduce), row(t("panelItem.row.expected"), det.expected), row(t("panelItem.row.actual"), det.actual), row(t("panelItem.row.defectCheck"), det.defectCheck), row(t("panelItem.row.defectCriterion"), det.defectCriterion), row(t("panelItem.row.defectAc"), det.defectAc), det.reproduce || det.expected || det.actual ? null : h("div", { style: {
+				fontSize: 10.5,
+				color: T.warn,
+				lineHeight: 1.5
+			} }, t("panelItem.noDefectDetail"))) : null, h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 3
+			} }, row(t("panelItem.row.req"), det.reqId), row(t("panelItem.row.owner"), det.owner), row(t("panelItem.row.dev"), det.devAssign), row(t("panelItem.row.qa"), det.qaAssign), row(t("panelItem.row.accept"), det.assignBy), row(t("panelItem.row.retries"), det.retries), row(t("panelItem.row.runDocs"), det.runDocs)), det.spec ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.text2,
+				marginBottom: 3
+			} }, t("panelItem.spec")), h(FoldableText, { text: det.spec })) : null, det.summary ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.text2,
+				marginBottom: 3
+			} }, t("panelItem.summary")), h(FoldableText, { text: det.summary })) : null, det.artifacts && det.artifacts.length ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.text2,
+				marginBottom: 4
+			} }, t("panelItem.artifacts", { n: det.artifacts.length })), h("div", { style: {
+				...flexRow,
+				gap: 5
+			} }, det.artifacts.map((a) => h("button", {
+				key: a.name,
+				style: brandBtn,
+				title: t("panelItem.artifactTip", { address: a.address }),
+				onClick: () => openArtifact && openArtifact(a.address, a.name, det.runInfo && det.runInfo.ownerSession || null)
+			}, a.name)))) : muted(t("panelItem.noArtifacts")), det.subtasks && det.subtasks.length ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.text2,
+				marginBottom: 4
+			} }, t("panelItem.subtasks", { n: det.subtasks.length })), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 4
+			} }, det.subtasks.map((s) => h("div", {
+				key: s.id,
+				style: {
+					...flexRow,
+					gap: 6,
+					fontSize: 11,
+					padding: "4px 7px",
+					borderRadius: 7,
+					background: T.layer1,
+					border: `1px solid ${T.border}`
+				}
+			}, h("span", { style: {
+				fontFamily: MONO,
+				fontSize: 10,
+				color: T.text2
+			} }, s.id), chip(stText(s.status), stColor(s.status)), h("span", { style: {
+				color: T.text,
+				minWidth: 0,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			} }, s.title), s.failed ? chip(t("common.failed"), T.error) : null)))) : null, det.bugs && det.bugs.length ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.text2,
+				marginBottom: 4
+			} }, t("panelItem.bugs", { n: det.bugs.length })), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 4
+			} }, det.bugs.map((b) => h("div", {
+				key: b.id,
+				style: {
+					...flexRow,
+					gap: 6,
+					fontSize: 11,
+					padding: "4px 7px",
+					borderRadius: 7,
+					background: T.layer1,
+					border: `1px solid ${T.border}`
+				}
+			}, h("span", { style: {
+				fontFamily: MONO,
+				fontSize: 10,
+				color: T.text2
+			} }, b.id), b.severity ? chip(String(b.severity), T.warn) : null, chip(stText(b.status), stColor(b.status)), h("span", { style: {
+				color: T.text,
+				minWidth: 0,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			} }, b.title))))) : null, det.events && det.events.length ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.text2,
+				marginBottom: 4
+			} }, t("panelItem.events", { n: Math.min(det.events.length, 30) })), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 3,
+				fontFamily: MONO,
+				fontSize: 10,
+				color: T.text2
+			} }, det.events.slice(-30).map((e, i) => h("div", { key: i }, `${fmtTime(e.at)} ${e.from || "—"} → ${e.to || "—"}${e.by ? ` · ${e.by}` : ""}${e.reason ? ` · ${e.reason}` : ""}`)))) : null);
+		}
+		function RunDetailPane({ snap, product, api }) {
+			const [sel, setSel] = react.default.useState(null);
+			const [err, setErr] = react.default.useState(null);
+			react.default.useEffect(() => {
+				setSel(null);
+				setErr(null);
+			}, [snap && snap.id]);
+			if (!snap) return muted(t("detail.runMissing"), { padding: 12 });
+			const stages = snap.stages || [];
+			const totals = stages.reduce((a, s) => {
+				const u = s.usage;
+				if (u) {
+					a.input += u.input || 0;
+					a.cacheRead += u.cacheRead || 0;
+					a.cacheWrite += u.cacheWrite || 0;
+					a.output += u.output || 0;
+					a.calls += u.calls || 0;
+				}
+				return a;
+			}, {
+				input: 0,
+				cacheRead: 0,
+				cacheWrite: 0,
+				output: 0,
+				calls: 0
+			});
+			const openStage = async (s) => {
+				if (!api) return;
+				try {
+					setSel(await api.stageDetail(snap.id, s.seq));
+					setErr(null);
+				} catch (e) {
+					setErr(String(e && e.message || e));
+				}
+			};
+			const logs = (snap.logs || []).slice(-60);
+			return h("div", { style: {
+				padding: "10px 12px",
+				display: "flex",
+				flexDirection: "column",
+				gap: 10,
+				minHeight: 0,
+				overflowY: "auto"
+			} }, h("div", { style: {
+				...flexRow,
+				gap: 6
+			} }, chip(runStatusText(snap.status), stColor(snap.status), { dot: true }), snap.options && snap.options.mode ? chip(String(snap.options.mode), T.text2) : null, h("span", { style: {
+				fontFamily: MONO,
+				fontSize: 10.5,
+				color: T.text2
+			} }, snap.id), product ? h("span", { style: {
+				fontSize: 10,
+				color: T.text2,
+				fontFamily: MONO
+			} }, product) : null), h("div", { style: {
+				fontSize: 12,
+				color: T.text,
+				lineHeight: 1.5
+			} }, snap.requirement || t("runList.noRequirement")), h("div", { style: {
+				...flexRow,
+				gap: 12,
+				fontSize: 10.5,
+				color: T.text2,
+				fontFamily: MONO
+			} }, h("span", null, `${fmtTime(snap.startedAt)}${snap.endedAt ? ` → ${fmtTime(snap.endedAt)}` : " → " + t("detail.endedRunning")} · ${fmtDur(snap.startedAt, snap.endedAt)}`), h("span", null, t("runList.stageProgress", {
+				done: stages.filter((s) => s.status === "done").length,
+				total: stages.length
+			})), h("span", null, t("detail.subagents", { n: snap.agentsStarted || 0 }))), h("div", { style: {
+				...flexRow,
+				gap: 10,
+				fontSize: 10.5,
+				color: T.text2,
+				fontFamily: MONO,
+				padding: "6px 8px",
+				borderRadius: 8,
+				background: `color-mix(in srgb, ${T.layer2} 60%, transparent)`,
+				border: `1px solid ${T.border}`
+			} }, h("span", null, t("token.inputMiss", { v: fmtTokens(totals.input) || "0" })), h("span", null, t("token.inputHit", { v: fmtTokens(totals.cacheRead) || "0" })), h("span", null, t("token.cacheWrite", { v: fmtTokens(totals.cacheWrite) || "0" })), h("span", null, t("token.output", { v: fmtTokens(totals.output) || "0" })), h("span", null, t("common.callsCount", { n: totals.calls })), h("span", null, t("token.total", { v: fmtTokens(totalTokens(totals)) || "0" }))), sectionTitle(t("detail.stages", { n: stages.length })), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 4
+			} }, stages.map((s) => {
+				const on = sel && Number(sel.seq) === Number(s.seq);
+				const color = stColor(s.status);
+				return h("div", {
+					key: s.seq,
+					onClick: () => openStage(s),
+					style: {
+						padding: "6px 9px",
+						borderRadius: 8,
+						cursor: "pointer",
+						border: `1px solid ${on ? `color-mix(in srgb, ${T.brand} 45%, transparent)` : T.border}`,
+						borderLeft: `3px solid ${color}`,
+						background: on ? `color-mix(in srgb, ${T.brand} 7%, ${T.layer1})` : T.layer1
+					}
+				}, h("div", { style: {
+					...flexRow,
+					gap: 6
+				} }, h("span", { style: {
+					fontFamily: MONO,
+					fontSize: 10,
+					color: T.text2
+				} }, `#${s.seq}`), h("span", null, phaseIconOf(s.phase)), h("span", { style: {
+					fontSize: 11.5,
+					color: T.text,
+					fontWeight: 500
+				} }, stageLabelOf(s)), chip(stText(s.status), color, { dot: true }), s.outcome && s.outcome !== "completed" ? chip(String(s.outcome), stColor(s.outcome)) : null, h("span", { style: {
+					marginLeft: "auto",
+					fontFamily: MONO,
+					fontSize: 10,
+					color: T.text2
+				} }, `${fmtTime(s.startedAt)}${s.endedAt ? ` · ${fmtDur(s.startedAt, s.endedAt)}` : ""}`)), h("div", { style: {
+					...flexRow,
+					gap: 10,
+					marginTop: 3,
+					fontFamily: MONO,
+					fontSize: 10,
+					color: T.text2
+				} }, h("span", null, stageUsageLine(s) || t("common.noUsage")), s.childId ? h("span", { title: s.childId }, t("detail.subagentChip", { id: String(s.childId).slice(0, 14) })) : null), s.summary ? h("div", { style: {
+					fontSize: 10.5,
+					color: T.text2,
+					marginTop: 3,
+					lineHeight: 1.45
+				} }, String(s.summary).slice(0, 200)) : null);
+			})), err ? muted(t("detail.stageFailed", { err }), { color: T.error }) : null, sel ? h("div", { style: {
+				padding: "9px 10px",
+				borderRadius: 9,
+				border: `1px solid ${T.border}`,
+				background: T.layer2,
+				display: "flex",
+				flexDirection: "column",
+				gap: 8
+			} }, h("div", { style: {
+				...flexRow,
+				justifyContent: "space-between"
+			} }, h("div", { style: {
+				...flexRow,
+				gap: 6
+			} }, h("span", { style: {
+				fontSize: 11.5,
+				fontWeight: 700,
+				color: T.text
+			} }, t("detail.stageTitle", { seq: sel.seq })), chip(stText(sel.status), stColor(sel.status))), h("button", {
+				style: panelBtn,
+				onClick: () => setSel(null)
+			}, t("common.collapse"))), h("div", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				fontFamily: MONO
+			} }, t("token.stageLine", { v: stageUsageLine(sel) || t("common.none") })), sel.verifyEvidence ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.success,
+				marginBottom: 3
+			} }, t("stage.evidenceTitle")), h("div", { style: {
+				whiteSpace: "pre-wrap",
+				wordBreak: "break-word",
+				fontSize: 11,
+				lineHeight: 1.6,
+				color: T.text,
+				background: `color-mix(in srgb, ${T.layer1} 70%, transparent)`,
+				border: `1px solid ${T.border}`,
+				borderRadius: 8,
+				padding: "7px 9px",
+				maxHeight: 200,
+				overflowY: "auto",
+				fontFamily: MONO
+			} }, sel.verifyEvidence)) : muted(t("stage.evidenceMissingShort"), { color: T.warn }), sel.output ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.text2,
+				marginBottom: 3
+			} }, t("detail.output")), h(FoldableText, {
+				text: sel.output,
+				charLimit: 400,
+				lineLimit: 8,
+				style: {
+					fontFamily: MONO,
+					fontSize: 11
+				}
+			})) : null, sel.attempts && sel.attempts.length > 1 ? h("div", null, h("div", { style: {
+				fontSize: 11,
+				color: T.text2,
+				marginBottom: 3
+			} }, t("detail.attempts", { n: sel.attempts.length })), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 3
+			} }, sel.attempts.map((a) => h("div", {
+				key: a.seq,
+				style: {
+					...flexRow,
+					gap: 6,
+					fontSize: 10.5,
+					fontFamily: MONO,
+					color: T.text2
+				}
+			}, h("span", null, `#${a.seq}`), chip(stText(a.status), stColor(a.status)), a.outcome ? h("span", null, a.outcome) : null, h("span", { style: { marginLeft: "auto" } }, `${fmtTime(a.startedAt)} · ${fmtDur(a.startedAt, a.endedAt)}`))))) : null) : null, logs.length ? h("div", null, sectionTitle(t("detail.logs", { n: logs.length })), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 2,
+				fontFamily: MONO,
+				fontSize: 10,
+				color: T.text2,
+				maxHeight: 220,
+				overflowY: "auto"
+			} }, logs.map((l, i) => h("div", {
+				key: i,
+				style: { color: l.level === "error" ? T.error : l.level === "warn" ? T.warn : T.text2 }
+			}, `${fmtTime(l.t)} [${l.level}] ${l.message}`)))) : null);
+		}
+		/** 右栏 run 详情 tab 正文（地址来自宿主导航记录；host 只认自己的地址格式）。
+		*
+		* ⚠️ prop 名：宿主渲染器把 slot 的 `hooks: { tabInfo }` 绑成 **`useTabInfo`**（约定 `hooks.<name>` → `use<Name>`；
+		* 官方 `ui-sidebar-documentpreview/TextPreview.tsx` 即用 `useTabInfo`）。2026-09-11 实锤：写成 `tabInfo`
+		* 会恒 undefined → 地址取不到、错误也没设 → 永远停在「读取 run 详情中…」。
+		*/
+		function RunDetailTab(props) {
+			const readTab = props && (typeof props.useTabInfo === "function" ? props.useTabInfo : typeof props.tabInfo === "function" ? props.tabInfo : null);
+			let info = null;
+			try {
+				info = readTab ? readTab() : null;
+			} catch (e) {
+				info = null;
+			}
+			const tab = info && info.tab ? info.tab : null;
+			const address = tab && tab.navigation && tab.navigation.address || tab && tab.contentId || null;
+			const parsed = parseRunAddress(address);
+			const remote = props && props.remote;
+			const [snap, setSnap] = react.default.useState(null);
+			const [err, setErr] = react.default.useState(null);
+			const [nonce, setNonce] = react.default.useState(0);
+			const product = parsed ? parsed.product : null;
+			const runId = parsed ? parsed.runId : null;
+			const api = react.default.useMemo(() => remote && product ? productApi(remote, product) : null, [remote, product]);
+			const [, bump] = react.default.useReducer((n) => n + 1, 0);
+			react.default.useEffect(() => {
+				if (address) return void 0;
+				let tries = 0;
+				const timer = setInterval(() => {
+					tries += 1;
+					bump();
+					if (tries >= 12) clearInterval(timer);
+				}, 150);
+				return () => clearInterval(timer);
+			}, [address]);
+			react.default.useEffect(() => {
+				let alive = true;
+				if (!runId) {
+					setSnap(null);
+					setErr(address ? t("tab.resolveFailed", { address }) : readTab ? t("tab.readingAddress") : t("tab.noHook"));
+					return;
+				}
+				if (!api) {
+					setSnap(null);
+					setErr(t("tab.remoteUnavailable"));
+					return;
+				}
+				api.runDetail(runId).then((v) => {
+					if (alive) {
+						setSnap(v);
+						setErr(null);
+					}
+				}, (e) => {
+					if (alive) setErr(String(e && e.message || e));
+				});
+				const timer = setInterval(() => {
+					api.runDetail(runId).then((v) => {
+						if (!alive) return;
+						setSnap(v);
+						if (!v || !(v.status === "running" || v.status === "pending")) clearInterval(timer);
+					}, () => {});
+				}, 5e3);
+				return () => {
+					alive = false;
+					clearInterval(timer);
+				};
+			}, [
+				api,
+				runId,
+				address,
+				nonce,
+				readTab
+			]);
+			if (err && !snap) {
+				const pending = !address && !!readTab;
+				return h("div", { style: {
+					padding: 12,
+					display: "flex",
+					flexDirection: "column",
+					gap: 8
+				} }, muted(pending ? t("tab.readingAddress") : err, { color: pending ? T.text2 : T.error }), pending ? null : h("button", {
+					style: panelBtn,
+					onClick: () => {
+						setErr(null);
+						setNonce((n) => n + 1);
+					}
+				}, t("common.retry")));
+			}
+			if (!snap) return muted(t("tab.readingRun"), { padding: 12 });
+			return h(RunDetailPane, {
+				snap,
+				product,
+				api
+			});
+		}
+		function productApi(remote, product) {
+			return {
+				view: async () => unwrap$1(await remote.productView(product), "productView"),
+				runDetail: async (runId) => unwrap$1(await remote.productRunDetail(product, runId), "productRunDetail"),
+				stageDetail: async (runId, seq) => unwrap$1(await remote.productStageDetail(product, runId, seq), "productStageDetail"),
+				itemDetail: async (kind, id, sessionId) => unwrap$1(await remote.productItemDetail(product, kind, id, sessionId), "productItemDetail")
+			};
+		}
+		/** 全局面板 props：root scope 标准 props（useSessions 取当前会话）+ 插件注入（remote/打开回调）。 */
+		function GlobalPanel(props) {
+			const remote = props.remote;
+			const useSessions = props.useSessions;
+			const currentSessionId = (() => {
+				try {
+					return useSessions ? useSessions((s) => s.current) : void 0;
+				} catch (e) {
+					return;
+				}
+			})();
+			const [state, setState] = react.default.useState({
+				products: [],
+				current: null,
+				view: null,
+				err: null,
+				busy: false
+			});
+			const [detail, setDetail] = react.default.useState(null);
+			const [hint, setHint] = react.default.useState(null);
+			const [runsExpanded, setRunsExpanded] = react.default.useState(false);
+			const [panelTab, setPanelTab] = react.default.useState("run");
+			const [viewTick, setViewTick] = react.default.useState(0);
+			const [runFilter, setRunFilter] = react.default.useState([]);
+			/**
+			* 右侧栏的**会话内容**宿主只在「对话被选中」时渲染（`RightbarRoot` 门控 `activePanelId === null`），
+			* 而全局面板占着 `main` → seat 不存在 → `ctx.sidebarRight` 没有 binding（抛 `no session surface
+			* is mounted`，2026-09-11 用户实测 tf-mtvrsakj-l2vj5u）。所以：先切回对话，再小步重试
+			* （seat 在切换后的 effect 里才 `bindService`）；彻底失败才降级，并把原因显示在面板里。
+			*/
+			const openInConversationRightbar = (address, label, fallback) => {
+				const attempt = (quiet) => !!(props.openResource && address && props.openResource(address, label, quiet));
+				if (attempt(false)) return;
+				if (!address) {
+					setHint(t("panel.hintNoAddress", { label }));
+					if (fallback) fallback();
+					return;
+				}
+				try {
+					if (props.layout && typeof props.layout.selectPanel === "function") props.layout.selectPanel(null);
+				} catch (e) {}
+				let tries = 0;
+				const tick = () => {
+					tries += 1;
+					if (attempt(true)) return;
+					if (tries < 12) {
+						setTimeout(tick, 120);
+						return;
+					}
+					setHint(t("panel.hintRightbarFailed", { label }) + (fallback ? t("panel.hintInlineSuffix") : ""));
+					if (fallback) fallback();
+				};
+				setTimeout(tick, 140);
+			};
+			/**
+			* **跳到资源所属的会话，再在那个会话的右栏打开**（全局面板的正确语义）。
+			* 右侧栏是会话级的：从全局面板看 tetris 的 run 却把 tab 挂到"用户当前所在会话"上没有意义
+			* （用户 2026-09-11 提出）。所以先 `sessions.open(ownerSession)`，等当前会话真的切过去、
+			* 且对话 seat 挂载 bind 之后再 openResource（两者都要等，故小步重试 + 就绪判据）。
+			* @param target.ownerSession - 资源所属会话（run 的发起会话 / 产物地址里的会话）
+			* @param target.address - host 生成的 dsh-resource 地址
+			* @param target.label - 提示用的名字
+			* @param target.fallback - 没有 ownerSession 或跳转失败时的降级（通常是面板内联详情）
+			*/
+			const goOwnerSessionAndOpen = (target) => {
+				const { ownerSession, address, label, fallback } = target || {};
+				const sessions = props.sessions;
+				if (!ownerSession || !sessions || typeof sessions.open !== "function") {
+					openInConversationRightbar(address, label, fallback);
+					return;
+				}
+				try {
+					sessions.open(ownerSession);
+				} catch (e) {
+					setHint(t("panel.hintSessionGone", { sid: String(ownerSession).slice(0, 8) }));
+					if (fallback) fallback();
+					return;
+				}
+				try {
+					if (props.layout && typeof props.layout.selectPanel === "function") props.layout.selectPanel(null);
+				} catch (e) {}
+				let tries = 0;
+				const tick = () => {
+					tries += 1;
+					let nowCurrent = null;
+					try {
+						nowCurrent = sessions.list && sessions.list.getSnapshot ? sessions.list.getSnapshot().current : null;
+					} catch (e) {
+						nowCurrent = null;
+					}
+					if ((nowCurrent === ownerSession || tries >= 6) && props.openResource && address && props.openResource(address, label, tries < 6)) return;
+					if (tries < 14) {
+						setTimeout(tick, 130);
+						return;
+					}
+					setHint(t("panel.hintSwitchedNoRightbar", { label }));
+				};
+				setTimeout(tick, 140);
+			};
+			const loadProducts = react.default.useCallback(async (preferKey) => {
+				if (!remote || typeof remote.products !== "function") {
+					setState((s) => ({
+						...s,
+						err: t("panel.remoteProductsUnavailable")
+					}));
+					return;
+				}
+				setState((s) => ({
+					...s,
+					busy: true
+				}));
+				try {
+					const v = unwrap$1(await remote.products(currentSessionId || null), "products") || {};
+					const list = v.products || [];
+					const key = preferKey || state.current || (v.current && list.some((p) => p.key === v.current) ? v.current : list[0] && list[0].key || null);
+					setState({
+						products: list,
+						current: key,
+						view: key === state.current ? state.view : null,
+						err: null,
+						busy: false
+					});
+					setViewTick((t) => t + 1);
+				} catch (e) {
+					setState((s) => ({
+						...s,
+						busy: false,
+						err: String(e && e.message || e)
+					}));
+				}
+			}, [
+				remote,
+				currentSessionId,
+				state.current,
+				state.view
+			]);
+			const loadView = react.default.useCallback(async (key, silent) => {
+				if (!remote || !key) return;
+				const api = productApi(remote, key);
+				try {
+					const v = await api.view();
+					setState((s) => ({
+						...s,
+						view: v,
+						err: null
+					}));
+				} catch (e) {
+					if (!silent) setState((s) => ({
+						...s,
+						err: String(e && e.message || e)
+					}));
+				}
+			}, [remote]);
+			/** 选中产品线：**同一个**产品线 = 刷新（保留现有视图，不清空 → 不会卡"读取中"且不闪）；不同产品线 = 清空 + 重新拉。 */
+			const selectProduct = (k) => {
+				closeDetail();
+				setRunsExpanded(false);
+				setRunFilter([]);
+				setState((s) => ({
+					...s,
+					current: k,
+					view: s.current === k ? s.view : null
+				}));
+				setViewTick((t) => t + 1);
+			};
+			/** run 状态筛选开关（多选）。 */
+			const toggleRunStatus = (st) => setRunFilter((cur) => cur.indexOf(st) === -1 ? cur.concat([st]) : cur.filter((x) => x !== st));
+			react.default.useEffect(() => {
+				loadProducts();
+			}, [currentSessionId]);
+			react.default.useEffect(() => {
+				if (state.current) loadView(state.current);
+			}, [
+				state.current,
+				viewTick,
+				loadView
+			]);
+			react.default.useEffect(() => {
+				if (!(state.view && state.view.runs || []).some((r) => r.status === "running" || r.status === "pending") || !state.current) return void 0;
+				const timer = setInterval(() => {
+					loadView(state.current, true);
+				}, 8e3);
+				return () => clearInterval(timer);
+			}, [
+				state.current,
+				state.view,
+				loadView
+			]);
+			const api = state.current && remote ? productApi(remote, state.current) : null;
+			const openItem = async (kind, id) => {
+				if (!api) return;
+				try {
+					setDetail({
+						kind: "item",
+						data: await api.itemDetail(kind, id, currentSessionId || null)
+					});
+				} catch (e) {
+					setState((s) => ({
+						...s,
+						err: String(e && e.message || e)
+					}));
+				}
+			};
+			const showInline = async (r) => {
+				if (!api) return;
+				try {
+					const snap = await api.runDetail(r.id);
+					setDetail({
+						kind: "run",
+						data: snap,
+						run: r
+					});
+				} catch (e) {
+					setState((s) => ({
+						...s,
+						err: String(e && e.message || e)
+					}));
+				}
+			};
+			const closeDetail = () => setDetail(null);
+			const openRun = (r) => {
+				goOwnerSessionAndOpen({
+					ownerSession: r.ownerSession,
+					address: r.address,
+					label: r.id,
+					fallback: () => {
+						showInline(r);
+					}
+				});
+			};
+			const openArtifactInPanel = (address, name, ownerSession) => {
+				goOwnerSessionAndOpen({
+					ownerSession,
+					address,
+					label: name
+				});
+			};
+			const view = state.view;
+			const product = view && view.product;
+			const runs = view && view.runs || [];
+			const detailOpen = !!detail;
+			const runSel = runFilter || [];
+			const runSelSet = new Set(runSel);
+			const runFiltering = runSel.length > 0;
+			const runsMatched = runFiltering ? runs.filter((r) => runSelSet.has(r.status)) : runs;
+			const runStatusCounts = {};
+			for (const r of runs) runStatusCounts[r.status] = (runStatusCounts[r.status] || 0) + 1;
+			const headRuns = runsMatched.slice(0, RUN_PREVIEW);
+			const headIds = new Set(headRuns.map((r) => r.id));
+			const pinnedActive = runsExpanded ? [] : runsMatched.filter((r) => (r.status === "running" || r.status === "pending") && !headIds.has(r.id));
+			const visibleRuns = runsExpanded || runsMatched.length <= RUN_PREVIEW ? runsMatched : pinnedActive.concat(headRuns);
+			const bl = view && view.backlog;
+			const backlogCount = bl ? (bl.requirements || []).length + (bl.tasks || []).filter((t) => t.type !== "subtask").length + (bl.bugs || []).length : 0;
+			/** 主区标签按钮（选中态用品牌色下划线）。 */
+			const panelTabBtn = (key, label) => h("button", {
+				key,
+				onClick: () => setPanelTab(key),
+				style: {
+					font: "inherit",
+					fontSize: 12,
+					fontWeight: panelTab === key ? 700 : 500,
+					padding: "6px 12px",
+					marginBottom: -1,
+					cursor: "pointer",
+					whiteSpace: "nowrap",
+					background: "transparent",
+					border: "none",
+					borderBottom: `2px solid ${panelTab === key ? T.brand : "transparent"}`,
+					color: panelTab === key ? T.text : T.text2
+				}
+			}, label);
+			return h("div", { style: {
+				height: "100%",
+				minHeight: 0,
+				display: "flex",
+				flexDirection: "column",
+				background: T.bg,
+				color: T.text,
+				fontFamily: SANS,
+				fontSize: 12
+			} }, h("div", { style: {
+				...flexRow,
+				justifyContent: "space-between",
+				padding: "10px 14px",
+				borderBottom: `1px solid ${T.border}`
+			} }, h("div", { style: {
+				...flexRow,
+				gap: 8
+			} }, h("span", { style: {
+				fontSize: 13,
+				fontWeight: 700
+			} }, t("panel.title")), h("span", { style: {
+				fontSize: 11,
+				color: T.text2
+			} }, t("panel.subtitle")), currentSessionId ? h("span", { style: {
+				fontSize: 10,
+				color: T.text2,
+				fontFamily: MONO
+			} }, t("panel.currentSession", { sid: String(currentSessionId).slice(0, 8) })) : h("span", { style: {
+				fontSize: 10,
+				color: T.text2
+			} }, t("panel.noSession"))), h("div", { style: {
+				...flexRow,
+				gap: 6
+			} }, product ? h("button", {
+				style: panelBtn,
+				onClick: () => loadView(state.current)
+			}, t("panel.reload")) : null, h("button", {
+				style: panelBtn,
+				title: t("panel.backToChatTip"),
+				onClick: () => {
+					try {
+						const layout = props.layout;
+						if (layout && layout.selectPanel) layout.selectPanel(null);
+					} catch (e) {}
+				}
+			}, t("panel.backToChat")))), state.err ? h("div", { style: {
+				padding: "6px 14px",
+				fontSize: 11,
+				color: T.error,
+				borderBottom: `1px solid ${T.border}`
+			} }, state.err) : null, hint ? h("div", { style: {
+				...flexRow,
+				justifyContent: "space-between",
+				gap: 8,
+				padding: "6px 14px",
+				fontSize: 11,
+				color: T.warn,
+				borderBottom: `1px solid ${T.border}`,
+				background: `color-mix(in srgb, ${T.warn} 8%, transparent)`
+			} }, h("span", null, hint), h("button", {
+				style: panelBtn,
+				onClick: () => setHint(null)
+			}, t("common.gotIt"))) : null, h("div", { style: {
+				flex: 1,
+				minHeight: 0,
+				display: "flex",
+				position: "relative"
+			} }, h(ProductRail, {
+				products: state.products,
+				current: state.current,
+				loadingKey: state.view ? null : state.current,
+				busy: state.busy,
+				onRefresh: () => loadProducts(state.current),
+				onSelect: selectProduct
+			}), h("div", { style: {
+				flex: 1,
+				minWidth: 0,
+				minHeight: 0,
+				display: "flex",
+				flexDirection: "column"
+			} }, !state.current ? h("div", { style: { padding: "12px 14px" } }, muted(t("panel.pickProduct"))) : !view ? h("div", { style: { padding: "12px 14px" } }, muted(t("panel.loadingView"))) : h(react.default.Fragment, null, h("div", { style: {
+				...flexRow,
+				justifyContent: "space-between",
+				gap: 10,
+				padding: "12px 14px 6px"
+			} }, h("div", { style: { minWidth: 0 } }, h("div", { style: {
+				fontSize: 15,
+				fontWeight: 700,
+				color: T.text
+			} }, product.title || product.key), h("div", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				fontFamily: MONO,
+				marginTop: 2,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			} }, product.path || product.key)), h("div", { style: {
+				...flexRow,
+				gap: 6,
+				flex: "0 0 auto"
+			} }, chip(t("panel.runChip", { n: product.totalRuns }), T.text2), product.activeRuns > 0 ? chip(t("panel.activeChip", { n: product.activeRuns }), T.brand, { dot: true }) : null, product.lastVerdict ? chip(t("panel.verdictChip", { v: product.lastVerdict }), stColor("accepted")) : null)), h("div", { style: {
+				display: "flex",
+				alignItems: "flex-end",
+				gap: 2,
+				padding: "0 14px",
+				borderBottom: `1px solid ${T.border}`
+			} }, panelTabBtn("run", t("panel.tabRuns", { n: runs.length })), panelTabBtn("backlog", t("panel.tabBacklog", { n: backlogCount })), h("div", { style: {
+				marginLeft: "auto",
+				...flexRow,
+				gap: 6,
+				paddingBottom: 7
+			} }, panelTab === "run" && !runsExpanded && pinnedActive.length > 0 ? chip(t("panel.pinnedActive", { n: pinnedActive.length }), T.brand, { dot: true }) : null, panelTab === "run" && runsMatched.length > RUN_PREVIEW ? h("button", {
+				style: panelBtn,
+				onClick: () => setRunsExpanded((v) => !v)
+			}, runsExpanded ? t("panel.showRecent", { n: RUN_PREVIEW }) : t("panel.showAll", { n: runsMatched.length })) : null)), h("div", { style: {
+				flex: 1,
+				minHeight: 0,
+				overflowY: "auto",
+				overflowX: "hidden",
+				padding: "12px 14px 18px"
+			} }, panelTab === "run" ? h(react.default.Fragment, null, h("div", { style: {
+				...flexRow,
+				gap: 6,
+				marginBottom: 8
+			} }, ...RUN_STATUS_ORDER.filter((st) => runStatusCounts[st]).map((st) => filterChip(`${runStatusText(st)} ${runStatusCounts[st]}`, stColor(st), runSelSet.has(st), () => toggleRunStatus(st))), runFiltering ? h("button", {
+				style: panelBtn,
+				title: t("panel.clearRunFilterTip"),
+				onClick: () => setRunFilter([])
+			}, t("panel.filtered", {
+				sel: runSel.length,
+				shown: runsMatched.length,
+				total: runs.length
+			})) : null), visibleRuns.length ? h(RunList, {
+				runs: visibleRuns,
+				activeRunId: detail && detail.kind === "run" && detail.run ? detail.run.id : null,
+				onOpenRun: openRun,
+				onInlineRun: showInline
+			}) : muted(t("panel.emptyRunFilter"), { fontSize: 10.5 }), muted(t("panel.runHint"), {
+				fontSize: 10,
+				marginTop: 8
+			})) : h(react.default.Fragment, null, muted(t("panel.boardHint"), {
+				fontSize: 10,
+				marginBottom: 8
+			}), h(BacklogGroups, {
+				backlog: view.backlog,
+				onOpen: openItem,
+				productKey: state.current
+			}))))), detailOpen ? h("div", { style: {
+				position: "absolute",
+				top: 8,
+				right: 12,
+				bottom: 8,
+				width: 440,
+				zIndex: 9,
+				overflowY: "auto",
+				overflowX: "hidden",
+				borderRadius: 12,
+				border: `1px solid ${T.border}`,
+				background: `color-mix(in srgb, ${T.layer1} 96%, transparent)`,
+				backdropFilter: "blur(12px)",
+				boxShadow: "0 14px 44px rgba(0,0,0,.28)"
+			} }, detail && detail.kind === "item" ? h(ItemDetailPane, {
+				det: detail.data,
+				openArtifact: openArtifactInPanel,
+				onClose: closeDetail
+			}) : h("div", null, h("div", { style: {
+				...flexRow,
+				justifyContent: "space-between",
+				padding: "10px 12px 0"
+			} }, h("span", { style: {
+				fontSize: 11.5,
+				fontWeight: 700,
+				color: T.text
+			} }, t("panel.runDetail")), h("div", { style: {
+				...flexRow,
+				gap: 6
+			} }, detail && detail.data && detail.data.address ? h("button", {
+				style: brandBtn,
+				title: t("panel.goOwnerSessionTip"),
+				onClick: () => goOwnerSessionAndOpen({
+					ownerSession: detail.data.ownerSession,
+					address: detail.data.address,
+					label: detail.data.id
+				})
+			}, t("panel.goOwnerSession")) : null, h("button", {
+				style: panelBtn,
+				onClick: closeDetail
+			}, t("common.close")))), h(RunDetailPane, {
+				snap: detail && detail.data,
+				product: state.current,
+				api
+			}))) : null));
 		}
-		/** 官方口径工具函数（与 DeepSeek usage 账单对齐，零额外概念）：
-		*  - u.input       : 输入（缓存未命中）
-		*  - u.cacheRead   : 输入（缓存命中）
-		*  - u.cacheWrite  : 输入写入缓存
-		*  - u.output      : 输出
-		*  billed input = input + cacheRead + cacheWrite；命中率 = cacheRead / (input + cacheRead)。
+		//#endregion
+		//#region client/index.tsx
+		/**
+		* dsh-plugin-teamflow — browser half（v0.7 视觉重构：「精密工程控制台」）。
+		*
+		* 注册 conversation.view tab「🏭 团队工作台」（与 chat / 轨迹并列）：
+		* - 流水线图形工作流：阶段泳道 + 节点卡片（状态/耗时/token/子代理会话）+ 实时轮询
+		* - Backlog 拖拽看板：需求/任务/缺陷三组状态泳道，卡片拖拽流转（原生 HTML5 DnD，零依赖）
+		* - 成本中心：每阶段 token + 总计 + 运行时长
+		* - 人工介入中心：needs-human 项聚合 + 一键终态
+		* - 历史 run 切换
+		*
+		* 视觉：全部使用 DSH 主题 token（--dsw-alias-*，自动适配深浅色）。
+		* Remote 接入：$mount 后 ctx.get('remote.teamflow') 取全局实例传给组件
+		* （不能 inject 'remote.teamflow'——自挂载自注入会让 fiber 死锁）。
 		*/
-		function hitRate(u) {
-			const total = (u.input || 0) + (u.cacheRead || 0);
-			return total > 0 ? Math.round((u.cacheRead || 0) / total * 100) : null;
-		}
-		function usageDetail(s) {
-			const k = (n) => n === null || n === void 0 ? "—" : fmtTokens(n);
-			if (s.usage) {
-				const u = s.usage;
-				const hit = hitRate(u);
-				return `输入(未命中) ${k(u.input)} / 输入(命中) ${k(u.cacheRead)} / 写缓存 ${k(u.cacheWrite)} / 输出 ${k(u.output)} · ${u.calls} 次调用${hit !== null ? ` · 缓存命中 ${hit}%` : ""}`;
-			}
-			return "无 usage 明细";
-		}
-		/** 节点卡主 token 行：官方口径 —— 输入(未命中)/输入(命中)/输出 + 缓存命中率。 */
-		function stageUsageLine(s) {
-			const u = s && s.usage;
-			if (u && (u.input || u.cacheRead || u.cacheWrite || u.output)) {
-				const hit = hitRate(u);
-				return `⇅${fmtTokens(u.input)} ⇅${fmtTokens(u.cacheRead)} ⬆${fmtTokens(u.output)}${hit !== null ? ` ·${hit}%` : ""}`;
-			}
-			return null;
-		}
-		const ROLE_NAME = {
-			pm: "产品",
-			design: "设计",
-			arch: "架构",
-			tech: "方案",
-			dev: "开发",
-			qa: "测试",
-			acceptance: "验收",
-			other: "其他"
-		};
-		const roleUsage = (u) => {
-			if (!u) return "";
-			const hit = hitRate(u);
-			return `⇅${fmtTokens(u.input || 0)}/${fmtTokens(u.cacheRead || 0)}·⬆${fmtTokens(u.output || 0)}${hit !== null ? `·${hit}%` : ""}`;
-		};
-		/** 任务卡按角色累计的真实 token 摘要（官方口径：未命中/命中输入 + 输出 + 命中率）。 */
-		function byRoleLine(task) {
-			const roles = task && task.byRole || {};
-			return Object.keys(roles).filter((k) => roles[k] && roles[k].input + roles[k].output + roles[k].cacheRead + roles[k].cacheWrite > 0).map((k) => `${ROLE_NAME[k] || k} ${roleUsage(roles[k])}`).join(" · ");
-		}
-		/** 多阶段 usage 汇总（官方口径）。 */
-		function totalUsage(stages) {
-			const t = {
-				input: 0,
-				cacheRead: 0,
-				cacheWrite: 0,
-				output: 0,
-				calls: 0
-			};
-			for (const s of stages || []) {
-				const u = s && s.usage;
-				if (!u) continue;
-				t.input += u.input || 0;
-				t.cacheRead += u.cacheRead || 0;
-				t.cacheWrite += u.cacheWrite || 0;
-				t.output += u.output || 0;
-				t.calls += u.calls || 0;
-			}
-			return t;
-		}
-		const stText = (s) => STATUS_TEXT[s] || s;
-		const stColor = (s) => STATUS_COLOR[s] || T.text2;
+		const inject = [
+			"remote",
+			"slots",
+			"sessions",
+			"locale"
+		];
 		const NODE_W = 300;
 		const PHASE_GAP = 88;
 		const WAVE = 56;
@@ -615,7 +2660,7 @@ window.__ModuleLoader__.load({
 			const usage = stageUsageLine(s);
 			return h("div", {
 				key,
-				title: `${s.label} —— 点击查看阶段详情`,
+				title: t("stage.cardTip", { label: stageLabelOf(s) }),
 				onMouseDown: (e) => e.stopPropagation(),
 				onClick: () => onOpen && onOpen(s),
 				style: {
@@ -664,8 +2709,11 @@ window.__ModuleLoader__.load({
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				}
-			}, s.__taskKey || s.label), s.attempts && s.attempts.length > 1 ? h("span", {
-				title: `重试 ${s.attempts.length - 1} 次（共 ${s.attempts.length} 次尝试）`,
+			}, stageLabelOf(s)), s.attempts && s.attempts.length > 1 ? h("span", {
+				title: t("stage.retryTip", {
+					n: s.attempts.length - 1,
+					m: s.attempts.length
+				}),
 				style: {
 					fontFamily: MONO,
 					fontSize: 10,
@@ -812,7 +2860,7 @@ window.__ModuleLoader__.load({
 					});
 				} catch (e) {}
 			};
-			const outText = cur && cur.output ? cur.output : cur && cur.summary ? `（该 run 未保存完整正文，展示摘要）\n\n${cur.summary}` : det.err ? `⚠ 加载失败：${det.err}` : det.loading ? "加载中…" : "（无产物正文）";
+			const outText = cur && cur.output ? cur.output : cur && cur.summary ? t("stage.summaryFallback", { summary: cur.summary }) : det.err ? t("stage.loadFailed", { err: det.err }) : det.loading ? t("common.loading") : t("stage.noOutput");
 			const closeBtn = {
 				font: "inherit",
 				width: 26,
@@ -874,7 +2922,7 @@ window.__ModuleLoader__.load({
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				}
-			}, st ? st.label : "阶段详情"), h("div", { style: {
+			}, st ? stageLabelOf(st) : t("stage.detailTitle")), h("div", { style: {
 				fontSize: 10.5,
 				color: T.text2,
 				marginTop: 1,
@@ -883,7 +2931,7 @@ window.__ModuleLoader__.load({
 			} }, `${st ? `#${st.seq} · ${st.phase}` : ""}${st && (st.startedAt || st.endedAt) ? ` · ${fmtDur(st.startedAt, st.endedAt)}` : ""}`)), st ? chip(stText(st.status), color, { dot: true }) : null, h("button", {
 				onClick: onClose,
 				style: closeBtn,
-				title: "关闭"
+				title: t("common.close")
 			}, "✕")), h("div", { style: {
 				flex: 1,
 				overflowY: "auto",
@@ -900,7 +2948,7 @@ window.__ModuleLoader__.load({
 				fontWeight: 700,
 				color: T.text2,
 				letterSpacing: .3
-			} }, "TOKEN · 官方口径"), h("span", { style: {
+			} }, t("token.officialTitle")), h("span", { style: {
 				fontSize: 11.5,
 				fontFamily: MONO,
 				color: T.text,
@@ -914,7 +2962,7 @@ window.__ModuleLoader__.load({
 				fontWeight: 700,
 				color: T.text2,
 				letterSpacing: .3
-			} }, `↻ 尝试历史（${attempts.length} 次 · 点击查看该次详情）`), h("div", { style: {
+			} }, t("stage.attemptHistory", { n: attempts.length })), h("div", { style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 4
@@ -945,7 +2993,7 @@ window.__ModuleLoader__.load({
 					color: aColor,
 					flex: "0 0 64px",
 					fontWeight: 700
-				} }, a.status === "done" ? "✅ 成功" : a.status === "failed" ? `❌ ${a.outcome || "失败"}` : "⏳ 进行中"), h("span", { style: {
+				} }, a.status === "done" ? t("stage.attemptDone") : a.status === "failed" ? t("stage.attemptFailed", { outcome: a.outcome || t("common.failed") }) : t("stage.attemptRunning")), h("span", { style: {
 					flex: 1,
 					minWidth: 0,
 					fontSize: 10.5,
@@ -953,7 +3001,7 @@ window.__ModuleLoader__.load({
 					overflow: "hidden",
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
-				} }, (a.summary || a.outcome || "（无摘要）").slice(0, 80)), h("span", { style: {
+				} }, (a.summary || a.outcome || t("common.noSummary")).slice(0, 80)), h("span", { style: {
 					fontFamily: MONO,
 					fontSize: 10,
 					color: T.text2,
@@ -971,7 +3019,7 @@ window.__ModuleLoader__.load({
 			} }, h("button", {
 				onClick: openChild,
 				disabled: !hasChild,
-				title: crossSession ? `该子代理由会话 ${ownerSession.slice(-6)} 发起，跨会话跳转暂不支持——请打开其发起会话的团队工作台查看` : hasChild ? "跳转到该阶段子代理会话（完整推理与工具调用轨迹）；跳转后请切换「对话」tab 查看" : "该阶段无可用子代理会话",
+				title: crossSession ? t("stage.childCrossSessionTip", { sid: ownerSession.slice(-6) }) : hasChild ? t("stage.childJumpTip") : t("stage.childNoneTip"),
 				style: {
 					font: "inherit",
 					fontSize: 12,
@@ -988,17 +3036,17 @@ window.__ModuleLoader__.load({
 					color: T.brand,
 					opacity: hasChild ? 1 : .45
 				}
-			}, "🎬 跳转子代理会话"), crossSession ? h("div", { style: {
+			}, t("stage.childJumpBtn")), crossSession ? h("div", { style: {
 				fontSize: 10.5,
 				color: T.text2,
 				textAlign: "center",
 				lineHeight: 1.55
-			} }, `跨会话暂不支持：该子代理由会话 ${ownerSession ? ownerSession.slice(-6) : ""} 发起。如需查看轨迹，请打开其发起会话的团队工作台。`) : hasChild ? h("div", { style: {
+			} }, t("stage.childCrossSessionNote", { sid: ownerSession ? ownerSession.slice(-6) : "" })) : hasChild ? h("div", { style: {
 				fontSize: 10.5,
 				color: T.text2,
 				textAlign: "center",
 				lineHeight: 1.55
-			} }, "跳转成功后，请切「对话」tab 查看该子代理的完整会话轨迹") : null), st && phaseKeyOf(st.phase) === "dev" ? h("div", { style: {
+			} }, t("stage.childJumpNote")) : null), st && phaseKeyOf(st.phase) === "dev" ? h("div", { style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 5
@@ -1007,7 +3055,7 @@ window.__ModuleLoader__.load({
 				fontWeight: 700,
 				color: T.text2,
 				letterSpacing: .3
-			} }, "🔬 验证证据"), cur && cur.verifyEvidence ? h("div", { style: {
+			} }, t("stage.evidenceTitle")), cur && cur.verifyEvidence ? h("div", { style: {
 				whiteSpace: "pre-wrap",
 				wordBreak: "break-word",
 				fontSize: 11.5,
@@ -1028,7 +3076,7 @@ window.__ModuleLoader__.load({
 				borderRadius: 10,
 				padding: "8px 12px",
 				lineHeight: 1.55
-			} }, "（缺失——契约未兑现，host 已记警告；可与 logs/teamflow/<runId>/ 命令输出日志对照）")) : null, h("div", { style: {
+			} }, t("stage.evidenceMissing"))) : null, h("div", { style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 5
@@ -1037,7 +3085,7 @@ window.__ModuleLoader__.load({
 				fontWeight: 700,
 				color: T.text2,
 				letterSpacing: .3
-			} }, "📄 阶段性产物"), h("div", { style: {
+			} }, t("stage.artifactsTitle")), h("div", { style: {
 				whiteSpace: "pre-wrap",
 				wordBreak: "break-word",
 				fontSize: 12,
@@ -1060,7 +3108,7 @@ window.__ModuleLoader__.load({
 			} }, h("div", { style: {
 				fontSize: 28,
 				marginBottom: 8
-			} }, "🏭"), "暂无运行中的流水线——让模型调用 teamflow_start，或在上方输入需求");
+			} }, "🏭"), t("pipeline.empty"));
 			const groups = [];
 			const taskKeyOf = (s) => String(s.taskKey || String(s.label || "").replace(/^开发 · /, "").replace(/（(?:第 \d+ 次重试|补跑)）$/, "").trim());
 			for (const st of active.stages || []) {
@@ -1261,7 +3309,8 @@ window.__ModuleLoader__.load({
 				onMouseLeave: onUp,
 				style: {
 					position: "relative",
-					height: 560,
+					flex: 1,
+					minHeight: 320,
 					borderRadius: 12,
 					overflow: "hidden",
 					touchAction: "none",
@@ -1334,7 +3383,7 @@ window.__ModuleLoader__.load({
 				justifyContent: "center",
 				color: T.text2,
 				fontSize: 13
-			} }, "流水线还没有开始执行节点") : null, h("div", {
+			} }, t("pipeline.noNodes")) : null, h("div", {
 				onMouseDown: (e) => e.stopPropagation(),
 				style: {
 					position: "absolute",
@@ -1352,7 +3401,7 @@ window.__ModuleLoader__.load({
 					boxShadow: "0 6px 20px rgba(0,0,0,.16)"
 				}
 			}, h("button", {
-				title: "缩小",
+				title: t("pipeline.zoomOut"),
 				onClick: () => zoomBy(.86),
 				style: zoomStyle
 			}, "−"), h("span", { style: {
@@ -1362,7 +3411,7 @@ window.__ModuleLoader__.load({
 				minWidth: 34,
 				textAlign: "center"
 			} }, `${Math.round(view.s * 100)}%`), h("button", {
-				title: "放大",
+				title: t("pipeline.zoomIn"),
 				onClick: () => zoomBy(1.16),
 				style: zoomStyle
 			}, "+"), h("span", { style: {
@@ -1370,7 +3419,7 @@ window.__ModuleLoader__.load({
 				height: 14,
 				background: T.border
 			} }), h("button", {
-				title: "适应画布",
+				title: t("pipeline.fitCanvas"),
 				onClick: fitNow,
 				style: {
 					...zoomStyle,
@@ -1385,7 +3434,7 @@ window.__ModuleLoader__.load({
 				color: T.text2,
 				paddingRight: 4,
 				opacity: .85
-			} }, "✥ 拖动画布 · 滚轮缩放")), det ? h(StageDetailDrawer, {
+			} }, t("pipeline.canvasHint"))), det ? h(StageDetailDrawer, {
 				det,
 				onClose: closeDet,
 				sessionId,
@@ -1431,12 +3480,12 @@ window.__ModuleLoader__.load({
 			} }, h("div", { style: {
 				fontSize: 28,
 				marginBottom: 8
-			} }, "📋"), "backlog 为空（还没有流水线运行过）");
+			} }, "📋"), t("board.empty"));
 			const subtaskMap = {};
 			for (const t of backlog.tasks || []) if (t.type === "subtask" && t.id) subtaskMap[t.id] = t;
 			const move = async (kind, id, to) => {
 				try {
-					await api.backlogUpdate(kind, id, to, sessionId, "看板拖拽流转");
+					await api.backlogUpdate(kind, id, to, sessionId, t("board.dragReason"));
 				} catch (e) {}
 				onRefresh();
 			};
@@ -1458,33 +3507,52 @@ window.__ModuleLoader__.load({
 					padding: "7px 9px",
 					cursor: "grab",
 					fontSize: 12,
+					boxSizing: "border-box",
+					minWidth: 0,
+					maxWidth: "100%",
+					overflow: "hidden",
 					opacity: drag && drag.id === item.id ? .35 : 1,
 					transition: "opacity .1s ease, transform .12s ease",
 					boxShadow: "0 1px 2px rgba(0,0,0,.05)"
 				},
-				title: `${item.id} · ${item.status}${item.summary ? "\n" + item.summary : ""}（点击查看详情）`
+				title: t("board.cardTip", {
+					id: item.id,
+					status: item.status,
+					summary: item.summary ? "\n" + item.summary : ""
+				})
 			}, h("div", { style: {
 				display: "flex",
 				alignItems: "center",
-				gap: 4
+				gap: 4,
+				minWidth: 0
 			} }, h("span", { style: {
 				fontFamily: MONO,
 				color: T.text2,
-				fontSize: 10.5
+				fontSize: 10.5,
+				minWidth: 0,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
 			} }, item.id), item.severity ? chip(item.severity, item.severity === "P0" ? T.error : item.severity === "P1" ? T.warn : T.text2) : null, item.owner ? h("span", { style: {
 				marginLeft: "auto",
 				fontSize: 10.5,
-				color: T.text2
+				color: T.text2,
+				minWidth: 0,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
 			} }, `👤 ${item.owner}`) : null), h("div", {
 				title: item.title || void 0,
 				style: {
 					fontWeight: 500,
 					margin: "3px 0 4px",
-					lineHeight: 1.4
+					lineHeight: 1.4,
+					overflowWrap: "anywhere"
 				}
 			}, (item.title || "").slice(0, 30)), h("div", { style: {
 				...flexRow,
-				marginTop: 2
+				marginTop: 2,
+				minWidth: 0
 			} }, chip(stText(item.status), stColor(item.status)), typeof item.retries === "number" && item.retries > 0 ? h("span", { style: {
 				fontSize: 10.5,
 				color: T.warn,
@@ -1498,38 +3566,42 @@ window.__ModuleLoader__.load({
 				marginTop: 3,
 				fontSize: 10.5,
 				color: T.text2,
-				fontFamily: MONO
+				fontFamily: MONO,
+				minWidth: 0
 			} }, item.devAssign ? h("span", {
-				title: `dev 分配\n${item.devAssign}`,
+				title: t("board.assignDevTip", { who: item.devAssign }),
 				style: {
 					display: "inline-flex",
 					alignItems: "center",
 					gap: 3,
 					overflow: "hidden",
 					textOverflow: "ellipsis",
-					maxWidth: 130,
+					maxWidth: "100%",
+					minWidth: 0,
 					whiteSpace: "nowrap"
 				}
 			}, `👨‍💻${item.devAssign}`) : null, item.qaAssign ? h("span", {
-				title: `qa 分配\n${item.qaAssign}`,
+				title: t("board.assignQaTip", { who: item.qaAssign }),
 				style: {
 					display: "inline-flex",
 					alignItems: "center",
 					gap: 3,
 					overflow: "hidden",
 					textOverflow: "ellipsis",
-					maxWidth: 130,
+					maxWidth: "100%",
+					minWidth: 0,
 					whiteSpace: "nowrap"
 				}
 			}, `🧪${item.qaAssign}`) : null, item.acceptBy ? h("span", {
-				title: `验收/汇报人\n${item.acceptBy}`,
+				title: t("board.acceptTip", { who: item.acceptBy }),
 				style: {
 					display: "inline-flex",
 					alignItems: "center",
 					gap: 3,
 					overflow: "hidden",
 					textOverflow: "ellipsis",
-					maxWidth: 130,
+					maxWidth: "100%",
+					minWidth: 0,
 					whiteSpace: "nowrap"
 				}
 			}, `✅${item.acceptBy}`) : null) : null, kind === "task" && byRoleLine(item) ? h("div", { style: {
@@ -1537,8 +3609,21 @@ window.__ModuleLoader__.load({
 				marginTop: 3,
 				fontSize: 10.5,
 				color: T.warn,
-				fontFamily: MONO
-			} }, h("span", { style: { color: T.text2 } }, "⛽"), byRoleLine(item)) : null, kind === "task" && (item.subtaskIds || []).length > 0 ? (() => {
+				fontFamily: MONO,
+				minWidth: 0,
+				maxWidth: "100%"
+			} }, h("span", { style: {
+				color: T.text2,
+				flex: "0 0 auto"
+			} }, "⛽"), h("span", {
+				title: byRoleLine(item),
+				style: {
+					minWidth: 0,
+					flex: "1 1 auto",
+					overflowWrap: "anywhere",
+					wordBreak: "break-word"
+				}
+			}, byRoleLine(item))) : null, kind === "task" && (item.subtaskIds || []).length > 0 ? (() => {
 				const subs = item.subtaskIds.map((id) => subtaskMap[id]).filter(Boolean);
 				if (subs.length === 0) return null;
 				const done = subs.filter((s) => s.status === "done").length;
@@ -1550,7 +3635,7 @@ window.__ModuleLoader__.load({
 					color: T.text2,
 					fontFamily: MONO,
 					marginBottom: 3
-				} }, h("span", null, `📦 ${subs.length} 子卡`), done > 0 ? h("span", { style: { color: T.success } }, `${done}✓`) : null, running > 0 ? h("span", { style: { color: T.brand } }, `${running}⟳`) : null, failed > 0 ? h("span", { style: { color: T.error } }, `${failed}✗`) : null), subs.map((sub) => h("div", {
+				} }, h("span", null, t("board.subtaskCount", { n: subs.length })), done > 0 ? h("span", { style: { color: T.success } }, `${done}✓`) : null, running > 0 ? h("span", { style: { color: T.brand } }, `${running}⟳`) : null, failed > 0 ? h("span", { style: { color: T.error } }, `${failed}✗`) : null), subs.map((sub) => h("div", {
 					key: sub.id,
 					style: {
 						display: "flex",
@@ -1561,29 +3646,33 @@ window.__ModuleLoader__.load({
 						padding: "2px 6px",
 						borderRadius: 4,
 						marginBottom: 2,
+						minWidth: 0,
 						background: sub.status === "failed" ? `color-mix(in srgb, ${T.error} 7%, transparent)` : T.layer2,
 						border: `1px solid ${stColor(sub.status)}30`
 					}
 				}, h("span", { style: {
 					color: stColor(sub.status),
 					fontWeight: 600,
-					minWidth: 12
+					minWidth: 12,
+					flex: "0 0 auto"
 				} }, sub.status === "done" ? "✓" : sub.status === "failed" ? "✗" : sub.status === "running" ? "⟳" : "…"), h("span", {
 					title: sub.title || void 0,
 					style: {
+						flex: "1 1 auto",
+						minWidth: 0,
 						overflow: "hidden",
 						textOverflow: "ellipsis",
-						whiteSpace: "nowrap",
-						maxWidth: 130
+						whiteSpace: "nowrap"
 					}
 				}, (sub.title || "").replace(/^开发 · /, "")), sub.devAssign ? h("span", {
-					title: `dev 分配\n${sub.devAssign}`,
+					title: t("board.assignDevTip", { who: sub.devAssign }),
 					style: {
-						marginLeft: "auto",
+						flex: "0 1 auto",
 						color: T.text2,
 						overflow: "hidden",
 						textOverflow: "ellipsis",
 						maxWidth: 70,
+						minWidth: 0,
 						whiteSpace: "nowrap"
 					}
 				}, sub.devAssign) : null)));
@@ -1603,24 +3692,35 @@ window.__ModuleLoader__.load({
 				}
 			];
 			return h("div", { style: {
+				position: "relative",
+				flex: 1,
+				minHeight: 0,
+				display: "flex",
+				flexDirection: "column"
+			} }, h("div", { style: {
+				flex: 1,
+				minHeight: 0,
+				overflowY: "auto",
 				display: "flex",
 				flexDirection: "column",
 				gap: 14,
-				maxHeight: "72vh",
-				overflowY: "auto",
 				paddingRight: 4
 			} }, groups.map(({ kind, list }) => {
 				const counts = {};
 				for (const s of COLUMNS[kind]) counts[s] = 0;
 				for (const item of list) counts[item.status] = (counts[item.status] || 0) + 1;
 				return h("div", { key: kind }, h("div", { style: {
+					position: "sticky",
+					top: 0,
+					zIndex: 3,
+					background: T.bg,
 					display: "flex",
 					alignItems: "center",
 					gap: 8,
 					fontWeight: 700,
 					fontSize: 13,
-					marginBottom: 8
-				} }, h("span", { style: { fontSize: 14 } }, kind === "req" ? "📌" : kind === "task" ? "🔧" : "🐞"), KIND_TITLE[kind], h("span", { style: {
+					padding: "6px 0 8px"
+				} }, h("span", { style: { fontSize: 14 } }, kind === "req" ? "📌" : kind === "task" ? "🔧" : "🐞"), kindTitle(kind), h("span", { style: {
 					fontSize: 11,
 					fontWeight: 600,
 					color: T.text2,
@@ -1636,6 +3736,7 @@ window.__ModuleLoader__.load({
 				} }, COLUMNS[kind].map((s) => {
 					const isOver = over === `${kind}:${s}`;
 					const color = stColor(s);
+					const colBg = isOver ? `color-mix(in srgb, ${color} 8%, ${T.layer1})` : T.layer2;
 					return h("div", {
 						key: s,
 						onDragOver: (e) => {
@@ -1653,11 +3754,12 @@ window.__ModuleLoader__.load({
 							maxWidth: 172,
 							flex: "0 0 auto",
 							borderRadius: 10,
-							padding: 7,
+							padding: 0,
 							minHeight: 84,
 							maxHeight: 340,
 							overflowY: "auto",
-							background: isOver ? `color-mix(in srgb, ${color} 8%, ${T.layer1})` : T.layer2,
+							overflowX: "hidden",
+							background: colBg,
 							border: `1px dashed ${isOver ? color : T.border}`,
 							transition: "background .12s ease, border-color .12s ease"
 						}
@@ -1666,8 +3768,13 @@ window.__ModuleLoader__.load({
 						fontSize: 11,
 						fontWeight: 600,
 						color,
-						marginBottom: 6,
-						padding: "0 2px"
+						position: "sticky",
+						top: 0,
+						zIndex: 2,
+						background: colBg,
+						padding: "7px 9px 5px",
+						borderTopLeftRadius: 10,
+						borderTopRightRadius: 10
 					} }, h("span", null, stText(s)), h("span", { style: {
 						marginLeft: "auto",
 						fontFamily: MONO,
@@ -1676,10 +3783,12 @@ window.__ModuleLoader__.load({
 					} }, counts[s] || 0)), h("div", { style: {
 						display: "flex",
 						flexDirection: "column",
-						gap: 6
+						gap: 6,
+						padding: "0 7px 7px",
+						minWidth: 0
 					} }, list.filter((item) => item.status === s).map((item) => card(item, kind))));
 				})));
-			}), det ? h(ItemDetailDrawer, {
+			})), det ? h(ItemDetailDrawer, {
 				det,
 				onClose: () => setDet(null),
 				onShowRun,
@@ -1687,7 +3796,7 @@ window.__ModuleLoader__.load({
 			}) : null);
 		}
 		function fmtAt(ts) {
-			return ts ? new Date(ts).toLocaleTimeString("zh-CN", {
+			return ts ? new Date(ts).toLocaleTimeString(localeTag(), {
 				hour: "2-digit",
 				minute: "2-digit"
 			}) : "—";
@@ -1765,7 +3874,7 @@ window.__ModuleLoader__.load({
 				color: T.warn,
 				flex: "0 0 auto"
 			} }, `⛽${fmtTokens((extra.usage.input || 0) + (extra.usage.cacheRead || 0) + (extra.usage.cacheWrite || 0) + (extra.usage.output || 0))}`) : null, extra && extra.assignee ? h("span", {
-				title: `dev 分配\n${extra.assignee}`,
+				title: t("board.assignDevTip", { who: extra.assignee }),
 				style: {
 					display: "inline-flex",
 					alignItems: "center",
@@ -1844,7 +3953,7 @@ window.__ModuleLoader__.load({
 			} }, `${d.id} · ${d.kind}${d.severity ? " · " + d.severity : ""}`) : null), d ? chip(stText(d.status), color, { dot: true }) : null, h("button", {
 				onClick: onClose,
 				style: closeBtn,
-				title: "关闭"
+				title: t("common.close")
 			}, "✕")), h("div", { style: {
 				flex: 1,
 				overflowY: "auto",
@@ -1856,7 +3965,7 @@ window.__ModuleLoader__.load({
 				color: T.text2,
 				fontSize: 12,
 				padding: 12
-			} }, "加载中…") : err ? h("div", { style: {
+			} }, t("common.loading")) : err ? h("div", { style: {
 				color: T.error,
 				fontSize: 12,
 				padding: 12
@@ -1865,7 +3974,7 @@ window.__ModuleLoader__.load({
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
-				} }, secTitle("概览"), d.spec ? h(FoldableText, {
+				} }, secTitle(t("item.overview")), d.spec ? h(FoldableText, {
 					text: d.spec,
 					charLimit: 300,
 					lineLimit: 4,
@@ -1883,7 +3992,28 @@ window.__ModuleLoader__.load({
 					flexDirection: "column",
 					gap: 2,
 					marginTop: 2
-				} }, d.devAssign ? kv("👨‍💻 dev", d.devAssign.slice(0, 26), true) : null, d.qaAssign ? kv("🧪 qa", d.qaAssign.slice(0, 26), true) : null, d.assignBy ? kv("✅ 验收", d.assignBy.slice(0, 26), true) : null, d.owner ? kv("👤 owner", d.owner.slice(0, 26), true) : null, typeof d.retries === "number" && d.retries > 0 ? kv("↻ 重试", String(d.retries)) : null, d.humanIntervention ? kv("⚠ 人工介入", "需人工介入") : null, kv("更新于", fmtAt(d.updatedAt) || "—"))),
+				} }, d.devAssign ? kv("👨‍💻 dev", d.devAssign.slice(0, 26), true) : null, d.qaAssign ? kv("🧪 qa", d.qaAssign.slice(0, 26), true) : null, d.assignBy ? kv(t("item.acceptRow"), d.assignBy.slice(0, 26), true) : null, d.owner ? kv("👤 owner", d.owner.slice(0, 26), true) : null, typeof d.retries === "number" && d.retries > 0 ? kv(t("item.retryRow"), String(d.retries)) : null, d.humanIntervention ? kv(t("item.humanRow"), t("common.needsHuman")) : null, kv(t("item.updatedAt"), fmtAt(d.updatedAt) || "—"))),
+				kind === "bug" ? h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4,
+					padding: "8px 10px",
+					borderRadius: 8,
+					background: T.layer2,
+					border: `1px solid ${T.border}`
+				} }, secTitle(t("panelItem.defectSection")), d.spec ? h(FoldableText, {
+					text: d.spec,
+					charLimit: 300,
+					lineLimit: 4
+				}) : null, h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				} }, d.defectId ? kv(t("panelItem.row.defectId"), String(d.defectId)) : null, d.severity ? kv(t("panelItem.row.severity"), String(d.severity)) : null, d.module ? kv(t("panelItem.row.module"), String(d.module)) : null, d.reproduce ? kv(t("panelItem.row.reproduce"), String(d.reproduce)) : null, d.expected ? kv(t("panelItem.row.expected"), String(d.expected)) : null, d.actual ? kv(t("panelItem.row.actual"), String(d.actual)) : null, d.defectCheck ? kv(t("panelItem.row.defectCheck"), String(d.defectCheck)) : null, d.defectCriterion ? kv(t("panelItem.row.defectCriterion"), String(d.defectCriterion)) : null, d.defectAc ? kv(t("panelItem.row.defectAc"), String(d.defectAc)) : null), d.reproduce || d.expected || d.actual ? null : h("div", { style: {
+					fontSize: 10.5,
+					color: T.warn,
+					lineHeight: 1.5
+				} }, t("panelItem.noDefectDetail"))) : null,
 				d.runInfo ? (() => {
 					const ri = d.runInfo;
 					return h("div", { style: {
@@ -1898,14 +4028,14 @@ window.__ModuleLoader__.load({
 						display: "flex",
 						alignItems: "center",
 						gap: 8
-					} }, secTitle("运行"), h("span", { style: {
+					} }, secTitle(t("item.runSection")), h("span", { style: {
 						fontFamily: MONO,
 						fontSize: 10.5,
 						color: T.text2,
 						whiteSpace: "nowrap"
 					} }, ri.runId), chip(stText(ri.status), stColor(ri.status)), onShowRun ? h("button", {
 						onClick: () => onShowRun(ri.runId),
-						title: `跳转到该需求的流水线视图 #${String(ri.runId).slice(-6)}`,
+						title: t("item.jumpRunTip", { id: String(ri.runId).slice(-6) }),
 						style: {
 							marginLeft: "auto",
 							flex: "0 0 auto",
@@ -1920,7 +4050,7 @@ window.__ModuleLoader__.load({
 							color: T.brand,
 							lineHeight: "16px"
 						}
-					}, "▶ 流水线") : null), ri.startedAt || ri.endedAt ? h("span", { style: {
+					}, t("item.runBtn")) : null), ri.startedAt || ri.endedAt ? h("span", { style: {
 						fontSize: 10.5,
 						color: T.text2,
 						fontFamily: MONO
@@ -1928,8 +4058,8 @@ window.__ModuleLoader__.load({
 						display: "flex",
 						flexDirection: "column",
 						gap: 4
-					} }, secTitle("需求原文"), h(FoldableText, {
-						text: ri.requirement || "（无原文）",
+					} }, secTitle(t("item.requirement")), h(FoldableText, {
+						text: ri.requirement || t("item.noRequirement"),
 						charLimit: 300,
 						lineLimit: 4,
 						style: {
@@ -1943,7 +4073,7 @@ window.__ModuleLoader__.load({
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
-				} }, secTitle("任务夹"), h("div", { style: {
+				} }, secTitle(t("item.runDocs")), h("div", { style: {
 					fontSize: 11.5,
 					fontFamily: MONO,
 					color: T.brand,
@@ -1961,7 +4091,7 @@ window.__ModuleLoader__.load({
 					onClick: () => {
 						if (openArtifact) openArtifact(a.address, a.name);
 					},
-					title: `在右侧栏预览 ${d.runDocs}/${a.name}`,
+					title: t("item.previewTip", { path: `${d.runDocs}/${a.name}` }),
 					style: {
 						fontSize: 10.5,
 						fontWeight: 600,
@@ -1979,7 +4109,7 @@ window.__ModuleLoader__.load({
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
-				} }, secTitle("TOKEN · 官方口径"), h("span", { style: {
+				} }, secTitle(t("token.officialTitle")), h("span", { style: {
 					fontSize: 11.5,
 					fontFamily: MONO,
 					color: T.text,
@@ -1991,7 +4121,7 @@ window.__ModuleLoader__.load({
 					marginTop: 2
 				} }, Object.entries(d.byRole).sort((a, b) => totalTokens(b[1]) - totalTokens(a[1])).map(([role, uRaw]) => {
 					const u = uRaw;
-					const label = role === "dev" ? "👨‍💻 开发" : role === "qa" ? "🧪 QA" : role === "acceptance" ? "✅ 验收" : role === "pm" ? "📌 产品" : role === "design" ? "🎨 设计" : role === "arch" ? "🏗 架构" : "⚙️ " + role;
+					const label = roleChip(role);
 					return h("div", {
 						key: role,
 						style: {
@@ -2002,13 +4132,13 @@ window.__ModuleLoader__.load({
 							fontFamily: MONO,
 							color: T.text2
 						}
-					}, h("span", { style: { flex: "0 0 64px" } }, label), h("span", { style: { color: T.text } }, `⛽${fmtTokens(totalTokens(u))}`), h("span", null, `${fmtTokens(u.input || 0)}i / ${fmtTokens(u.cacheRead || 0)}c / ${fmtTokens(u.output || 0)}o · ${u.calls || 0} 次`));
+					}, h("span", { style: { flex: "0 0 64px" } }, label), h("span", { style: { color: T.text } }, `⛽${fmtTokens(totalTokens(u))}`), h("span", null, `${fmtTokens(u.input || 0)}i / ${fmtTokens(u.cacheRead || 0)}c / ${fmtTokens(u.output || 0)}o · ${t("common.calls", { n: u.calls || 0 })}`));
 				})) : null) : null,
 				d.subtasks && d.subtasks.length > 0 ? h("div", { style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
-				} }, secTitle(`关联子卡（${d.subtasks.length}）`), h("div", { style: {
+				} }, secTitle(t("item.subtasks", { n: d.subtasks.length })), h("div", { style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 5
@@ -2020,7 +4150,7 @@ window.__ModuleLoader__.load({
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
-				} }, secTitle(`关联缺陷（${d.bugs.length}）`), h("div", { style: {
+				} }, secTitle(t("item.bugs", { n: d.bugs.length })), h("div", { style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 5
@@ -2029,7 +4159,7 @@ window.__ModuleLoader__.load({
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
-				} }, secTitle(`流转时间线（${d.events.length}）`), h("div", { style: {
+				} }, secTitle(t("item.timeline", { n: d.events.length })), h("div", { style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 0
@@ -2065,7 +4195,7 @@ window.__ModuleLoader__.load({
 				}, ev.reason || ""))))) : null
 			]));
 		}
-		function TeamSelector({ sessionId, remote }) {
+		function TeamSelector({ sessionId, remote, locale }) {
 			const [teams, setTeams] = react.default.useState([]);
 			const [active, setActive] = react.default.useState(null);
 			const [open, setOpen] = react.default.useState(false);
@@ -2078,7 +4208,11 @@ window.__ModuleLoader__.load({
 					const at = unwrap(await remote.getActiveTeam(sessionId), "getActiveTeam");
 					setActive(at && at.team ? at.team : null);
 				} catch (e) {}
-			}, [remote, sessionId]);
+			}, [
+				remote,
+				sessionId,
+				locale
+			]);
 			react.default.useEffect(() => {
 				load();
 			}, [load]);
@@ -2109,7 +4243,7 @@ window.__ModuleLoader__.load({
 				style: { position: "relative" }
 			}, h("button", {
 				onClick: () => setOpen(!open),
-				title: active ? `当前团队：${active.name}（点击切换）` : "选择团队",
+				title: active ? t("team.currentTip", { name: active.name }) : t("team.pick"),
 				style: {
 					display: "inline-flex",
 					alignItems: "center",
@@ -2126,14 +4260,14 @@ window.__ModuleLoader__.load({
 					transition: "all .12s ease"
 				}
 			}, h("span", { style: { fontSize: 12 } }, active ? active.icon : "🏭"), h("span", {
-				title: active && active.name ? String(active.name) : "团队",
+				title: active && active.name ? String(active.name) : t("team.label"),
 				style: {
 					maxWidth: 80,
 					overflow: "hidden",
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				}
-			}, active ? active.name : "团队"), h("span", { style: {
+			}, active ? active.name : t("team.label")), h("span", { style: {
 				fontSize: 8,
 				opacity: .6
 			} }, open ? "▲" : "▼")), open ? h("div", { style: {
@@ -2153,7 +4287,7 @@ window.__ModuleLoader__.load({
 				fontSize: 10,
 				color: T.text2,
 				borderBottom: `1px solid ${T.border}`
-			} }, "选择团队"), h("button", {
+			} }, t("team.pick")), h("button", {
 				onClick: () => select(null),
 				style: {
 					display: "flex",
@@ -2182,14 +4316,14 @@ window.__ModuleLoader__.load({
 			} }, h("div", { style: {
 				fontWeight: 600,
 				lineHeight: 1.35
-			} }, "无团队（直接对话）"), h("div", { style: {
+			} }, t("team.none")), h("div", { style: {
 				fontSize: 10.5,
 				color: T.text2,
 				marginTop: 3,
 				lineHeight: 1.45,
 				whiteSpace: "normal",
 				wordBreak: "break-word"
-			} }, "不走 teamflow，模型直接工作")), !active ? h("span", { style: {
+			} }, t("team.noneNote"))), !active ? h("span", { style: {
 				marginLeft: "auto",
 				color: T.text2,
 				fontSize: 12,
@@ -2238,7 +4372,10 @@ window.__ModuleLoader__.load({
 		}
 		/** 解包 remote 信封：失败抛错；成功返回 value。 */
 		function unwrap(res, what) {
-			if (!res || !res.ok) throw new Error(`${what || "remote"} 调用失败：${res && res.error && (res.error.message || res.error.code) || "未知错误"}`);
+			if (!res || !res.ok) throw new Error(t("common.remoteCallFailed", {
+				what: what || "remote",
+				detail: res && res.error && (res.error.message || res.error.code) || t("common.unknownError")
+			}));
 			return res.value;
 		}
 		function TeamFlowView(props) {
@@ -2257,7 +4394,7 @@ window.__ModuleLoader__.load({
 				if (!api) {
 					setState((s) => ({
 						...s,
-						err: "remote 未就绪"
+						err: t("common.remoteNotReady")
 					}));
 					return;
 				}
@@ -2360,7 +4497,10 @@ window.__ModuleLoader__.load({
 				display: "flex",
 				flexDirection: "column",
 				gap: 10,
-				padding: "4px 16px"
+				padding: "4px 16px 10px",
+				height: "100%",
+				minHeight: 0,
+				overflow: "hidden"
 			} }, h("div", { style: {
 				display: "flex",
 				alignItems: "center",
@@ -2383,7 +4523,7 @@ window.__ModuleLoader__.load({
 				fontWeight: 700,
 				fontSize: 14,
 				lineHeight: "18px"
-			} }, "团队工作台"), h("span", { style: {
+			} }, t("workbench.title")), h("span", { style: {
 				fontSize: 11,
 				color: T.text2,
 				display: "flex",
@@ -2396,7 +4536,7 @@ window.__ModuleLoader__.load({
 				display: "inline-block",
 				background: anyRunning ? T.success : T.text2,
 				animation: anyRunning ? "tf-pulse 1.6s ease-in-out infinite" : "none"
-			} }), anyRunning ? "流水线运行中" : "空闲")), h("button", {
+			} }), anyRunning ? t("workbench.running") : t("workbench.idle"))), h("button", {
 				onClick: refresh,
 				style: {
 					...btn,
@@ -2405,10 +4545,13 @@ window.__ModuleLoader__.load({
 					alignItems: "center",
 					gap: 5
 				}
-			}, "🔄 刷新"), canResume ? h("button", {
+			}, t("workbench.refresh")), canResume ? h("button", {
 				onClick: onResume,
 				disabled: busy,
-				title: `断点续跑 ${activeRun.id}\n当前状态：${RUN_STATUS_TEXT[activeRun.status] || activeRun.status}；跳过已完成阶段，从第一个未完成阶段重跑`,
+				title: t("workbench.resumeTip", {
+					id: activeRun.id,
+					status: runStatusText(activeRun.status)
+				}),
 				style: {
 					...btn,
 					background: T.error,
@@ -2416,14 +4559,14 @@ window.__ModuleLoader__.load({
 					border: "none",
 					fontWeight: 600
 				}
-			}, busy ? "续跑中…" : `↻ 从断点重跑 #${String(activeRun.id).slice(-6)}`) : null), err ? h("div", { style: {
+			}, busy ? t("workbench.resuming") : t("workbench.resumeBtn", { id: String(activeRun.id).slice(-6) })) : null), err ? h("div", { style: {
 				color: T.error,
 				fontSize: 12,
 				background: `color-mix(in srgb, ${T.error} 8%, transparent)`,
 				border: `1px solid color-mix(in srgb, ${T.error} 30%, transparent)`,
 				borderRadius: 8,
 				padding: "7px 11px"
-			} }, `⚠ ${err}（确认已安装 dsh-plugin-teamflow 且 web 已重启）`) : null, needHuman.length > 0 ? h("div", { style: {
+			} }, t("workbench.loadFailed", { err })) : null, needHuman.length > 0 ? h("div", { style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 10,
@@ -2436,13 +4579,13 @@ window.__ModuleLoader__.load({
 				fontWeight: 700,
 				color: T.warn,
 				fontSize: 12.5
-			} }, `⚠ ${needHuman.length} 项需人工介入`), needHuman.slice(0, 5).map((item) => {
+			} }, t("workbench.needsHumanBanner", { n: needHuman.length })), needHuman.slice(0, 5).map((item) => {
 				const kind = (backlog.requirements || []).some((r) => r.id === item.id) ? "req" : (backlog.tasks || []).some((t) => t.id === item.id) ? "task" : "bug";
 				const fin = kind === "bug" ? "verified" : "accepted";
 				return h("button", {
 					key: item.id,
 					onClick: async () => {
-						await api.backlogUpdate(kind, item.id, fin, props.sessionId, "人工处理");
+						await api.backlogUpdate(kind, item.id, fin, props.sessionId, t("workbench.manualReason"));
 						refresh();
 					},
 					style: {
@@ -2452,7 +4595,7 @@ window.__ModuleLoader__.load({
 						border: "none",
 						fontWeight: 600
 					}
-				}, `处理 ${item.id}`);
+				}, t("workbench.handle", { id: item.id }));
 			})) : null, h("div", { style: {
 				display: "flex",
 				alignItems: "center",
@@ -2461,10 +4604,10 @@ window.__ModuleLoader__.load({
 			} }, h("button", {
 				onClick: () => setTab("pipeline"),
 				style: tabBtn(tab === "pipeline")
-			}, "🔄 流水线"), h("button", {
+			}, t("workbench.tabPipeline")), h("button", {
 				onClick: () => setTab("board"),
 				style: tabBtn(tab === "board")
-			}, "📋 Backlog 看板"), h("div", { style: {
+			}, t("workbench.tabBoard")), h("div", { style: {
 				marginLeft: "auto",
 				display: "flex",
 				alignItems: "center",
@@ -2480,14 +4623,14 @@ window.__ModuleLoader__.load({
 					color: activeRun.status === "interrupted" ? T.warn : T.text2,
 					border: `1px solid ${T.border}`
 				}
-			}, `#${String(activeRun.id).slice(-8)} · ${RUN_STATUS_TEXT[activeRun.status] || activeRun.status}`) : null, total && total.input + total.cacheRead + total.cacheWrite + total.output > 0 ? h("span", {
+			}, `#${String(activeRun.id).slice(-8)} · ${runStatusText(activeRun.status)}`) : null, total && total.input + total.cacheRead + total.cacheWrite + total.output > 0 ? h("span", {
 				style: {
 					fontSize: 11.5,
 					fontFamily: MONO,
 					color: T.text2,
 					cursor: "help"
 				},
-				title: "输入(未命中)/输入(命中)/输出 全部阶段合计"
+				title: t("token.allStagesTip")
 			}, `∑ ⇅${fmtTokens(total.input)}/⇅${fmtTokens(total.cacheRead)}·⬆${fmtTokens(total.output)}`) : null)), h("div", { style: {
 				display: "flex",
 				alignItems: "center",
@@ -2495,7 +4638,7 @@ window.__ModuleLoader__.load({
 				fontSize: 12,
 				flexWrap: "wrap"
 			} }, h("span", {
-				title: `当前工作区（workspace 级隔离）：${workspace && workspace.path || "未连接工作区"}`,
+				title: t("workbench.workspaceTip", { path: workspace && workspace.path || t("workbench.noWorkspace") }),
 				style: {
 					display: "inline-flex",
 					alignItems: "center",
@@ -2520,7 +4663,7 @@ window.__ModuleLoader__.load({
 				display: "flex",
 				alignItems: "center",
 				gap: 5
-			} }, h("span", { style: { color: T.text2 } }, "历史"), runs.length ? runs.map((r) => {
+			} }, h("span", { style: { color: T.text2 } }, t("workbench.history")), runs.length ? runs.map((r) => {
 				const sel = r.id === (runId || runs[0] && runs[0].id);
 				return h("button", {
 					key: r.id,
@@ -2531,7 +4674,18 @@ window.__ModuleLoader__.load({
 			}) : h("span", { style: {
 				color: T.text2,
 				fontSize: 11.5
-			} }, "（暂无）")) : null), tab === "pipeline" ? h(PipelinePanel, {
+			} }, t("common.noneDash"))) : null, tab === "pipeline" && activeRun && activeRun.address ? h("button", {
+				style: chipBtn(false),
+				title: t("workbench.openRightBarTip"),
+				onClick: () => {
+					if (!(props.openResource && props.openResource(activeRun.address, activeRun.id))) console.warn("[teamflow] 右侧栏不可用，run 详情请在画布节点里查看");
+				}
+			}, t("workbench.openRightBarBtn")) : null), h("div", { style: {
+				flex: 1,
+				minHeight: 0,
+				display: "flex",
+				flexDirection: "column"
+			} }, tab === "pipeline" ? h(PipelinePanel, {
 				active,
 				api,
 				runId: activeRun ? activeRun.id : null,
@@ -2547,7 +4701,7 @@ window.__ModuleLoader__.load({
 					setTab("pipeline");
 					setRunId(rid);
 				}
-			}));
+			})));
 		}
 		if (typeof document !== "undefined") {
 			const styleEl = document.createElement("style");
@@ -2557,41 +4711,109 @@ window.__ModuleLoader__.load({
 @keyframes tf-flow { from { stroke-dashoffset: 0 } to { stroke-dashoffset: -28 } }`;
 			document.head.appendChild(styleEl);
 		}
-		/** 注册 conversation.view tab「团队工作台」+ input.right 团队选择按钮。 */
+		/**
+		* 注册三处：
+		* 1. `sidebar.panellist` + `main`（key = 'teamflow'）：**全局面板**——侧边栏图标 + 中央主区。
+		*    两者 id 必须一致：宿主 `layout.selectPanel(id)` 对未注册的 main key 直接抛错。
+		* 2. `conversation.view` tab（会话内工作台）+ `conversation.input.right`（团队选择按钮）。
+		* 3. 右栏 run 详情 tab 类型 + body（`sidebarRightTabs` + `sidebar.right.pane.tab`）。
+		*/
 		async function apply(ctx) {
 			await ctx.remote.$mount(TEAMFLOW_REMOTE_CONTRIBUTION);
 			const teamflow = ctx.get("remote.teamflow");
-			const openArtifact = (address, name) => {
+			const t = ctx.locale.bind(NS);
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "teamflow: dictionaries");
+			ctx.effect(() => ctx.locale.subscribe(() => setTranslator(t, () => ctx.locale.getSnapshot().active)), "teamflow: translator sync");
+			setTranslator(t, () => ctx.locale.getSnapshot().active);
+			const pushLocaleToHost = (active) => {
+				try {
+					if (typeof active !== "string" || !active) return;
+					const p = teamflow.setLocale(active);
+					if (p && typeof p.catch === "function") p.catch(() => {});
+				} catch (e) {}
+			};
+			ctx.effect(() => {
+				pushLocaleToHost(ctx.locale.getSnapshot().active);
+				return ctx.locale.subscribe(() => pushLocaleToHost(ctx.locale.getSnapshot().active));
+			}, "teamflow: host locale push");
+			const openResourceSafe = (address, label, quiet) => {
 				try {
 					const sidebarRight = ctx.get("sidebarRight");
 					if (!sidebarRight || typeof sidebarRight.openResource !== "function") {
-						console.warn("[teamflow] 右侧栏服务不可用，无法预览产物", name);
-						return;
+						if (!quiet) console.warn("[teamflow] 右侧栏服务不可用", label);
+						return false;
 					}
 					sidebarRight.openResource(address);
+					return true;
 				} catch (e) {
-					console.warn("[teamflow] 打开产物失败", name, e && e.message);
+					if (!quiet) console.warn("[teamflow] 打开右侧栏失败", label, e && e.message);
+					return false;
 				}
 			};
+			const openArtifact = (address, name) => {
+				openResourceSafe(address, name);
+			};
+			ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+				name: "sidebar.panellist",
+				id: "teamflow",
+				order: 60,
+				locale: NS,
+				label: () => t("workbench.title")
+			}, TeamflowPanelIcon));
+			ctx.slots.inject("main", () => ctx.slots.register({
+				name: "main",
+				key: "teamflow",
+				locale: NS,
+				inject: () => ({
+					remote: teamflow,
+					sessions: ctx.get("sessions"),
+					layout: ctx.get("layout"),
+					openResource: openResourceSafe,
+					openArtifact
+				})
+			}, GlobalPanel));
+			try {
+				const tabs = ctx.get("sidebarRightTabs");
+				if (tabs && typeof tabs.register === "function") ctx.effect(() => tabs.register(runTabDefinition()), "teamflow: run tab type");
+				else console.warn("[teamflow] sidebarRightTabs 不可用，run 详情右栏 tab 未注册（面板内联详情仍可用）");
+			} catch (e) {
+				console.warn("[teamflow] 注册 run tab 类型失败", e && e.message);
+			}
+			ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: RUN_TAB_ID,
+				locale: NS,
+				inject: () => ({
+					remote: teamflow,
+					openArtifact
+				})
+			}, RunDetailTab));
 			ctx.slots.inject("conversation.view", () => ctx.slots.register({
 				name: "conversation.view",
 				id: "teamflow",
 				order: 20,
-				label: "🏭 团队工作台",
+				locale: NS,
+				label: () => `🏭 ${t("workbench.title")}`,
 				inject: (sessionId) => ({
 					sessionId,
 					remote: teamflow,
 					sessions: ctx.get("sessions"),
-					openArtifact
+					openArtifact,
+					openResource: openResourceSafe
 				})
 			}, TeamFlowView));
 			ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
 				name: "conversation.input.right",
 				id: "teamflow-team-select",
 				order: 5,
+				locale: NS,
 				inject: (sessionId) => ({
 					sessionId,
-					remote: teamflow
+					remote: teamflow,
+					locale: ctx.locale.getSnapshot().active
 				})
 			}, TeamSelector));
 		}