dsh-plugin-teamflow 0.1.0

package/lib/client.js

@@ -0,0 +1,2412 @@
+window.__ModuleLoader__.load({
+	id: "dsh-plugin-teamflow",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		//#region \0rolldown/runtime.js
+		var __create = Object.create;
+		var __defProp = Object.defineProperty;
+		var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+		var __getOwnPropNames = Object.getOwnPropertyNames;
+		var __getProtoOf = Object.getPrototypeOf;
+		var __hasOwnProp = Object.prototype.hasOwnProperty;
+		var __copyProps = (to, from, except, desc) => {
+			if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+				key = keys[i];
+				if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+			return to;
+		};
+		var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+			value: mod,
+			enumerable: true
+		}) : target, mod));
+		//#endregion
+		let react = require("react");
+		react = __toESM(react, 1);
+		//#region descriptors.ts
+		/** 统一 strict codec（本插件所有参数/结果均为自由 JSON）。 */
+		const strict = {
+			mode: "strict",
+			typeSymbol: "dsh-plugin-teamflow/types#Json",
+			schema: { parse: (value) => value }
+		};
+		const p = (name) => ({
+			name,
+			wire: name,
+			source: "json",
+			codec: strict
+		});
+		const TEAMFLOW_DESCRIPTORS = Object.freeze([
+			{
+				id: "dsh-plugin-teamflow#teamflow/ping",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "ping",
+				invocation: { kind: "direct" },
+				parameters: [],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/list",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "list",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/snapshot",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "snapshot",
+				invocation: { kind: "direct" },
+				parameters: [p("runId"), p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/start",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "start",
+				invocation: { kind: "direct" },
+				parameters: [
+					p("sessionId"),
+					p("requirement"),
+					p("options")
+				],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/cancel",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "cancel",
+				invocation: { kind: "direct" },
+				parameters: [p("runId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/backlog",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "backlog",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/backlogUpdate",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "backlogUpdate",
+				invocation: { kind: "direct" },
+				parameters: [
+					p("kind"),
+					p("id"),
+					p("to"),
+					p("sessionId"),
+					p("reason")
+				],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/assign",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "assign",
+				invocation: { kind: "direct" },
+				parameters: [
+					p("kind"),
+					p("id"),
+					p("role"),
+					p("assignee"),
+					p("sessionId")
+				],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/pause",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "pause",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/resumeSession",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "resumeSession",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/listTeams",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "listTeams",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/selectTeam",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "selectTeam",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId"), p("teamId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/getActiveTeam",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "getActiveTeam",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/clearTeam",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "clearTeam",
+				invocation: { kind: "direct" },
+				parameters: [p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/resume",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "resume",
+				invocation: { kind: "direct" },
+				parameters: [p("runId"), p("sessionId")],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/stageDetail",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "stageDetail",
+				invocation: { kind: "direct" },
+				parameters: [
+					p("runId"),
+					p("seq"),
+					p("sessionId")
+				],
+				result: strict
+			},
+			{
+				id: "dsh-plugin-teamflow#teamflow/itemDetail",
+				service: "teamflow",
+				namespace: "teamflow",
+				method: "itemDetail",
+				invocation: { kind: "direct" },
+				parameters: [
+					p("kind"),
+					p("id"),
+					p("sessionId")
+				],
+				result: strict
+			}
+		]);
+		/** client 端 $mount 使用的贡献对象。 */
+		const TEAMFLOW_REMOTE_CONTRIBUTION = Object.freeze({
+			package: "dsh-plugin-teamflow",
+			descriptors: TEAMFLOW_DESCRIPTORS
+		});
+		//#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 死锁）。
+		*/
+		const inject = [
+			"remote",
+			"slots",
+			"sessions",
+			"locale"
+		];
+		const T = {
+			bg: "var(--dsw-alias-bg-base)",
+			layer1: "var(--dsw-alias-bg-layer-1)",
+			layer2: "var(--dsw-alias-bg-layer-2)",
+			border: "var(--dsw-alias-border-l1)",
+			border2: "var(--dsw-alias-border-l2)",
+			brand: "var(--dsw-alias-brand-primary)",
+			text: "var(--dsw-alias-label-primary)",
+			text2: "var(--dsw-alias-label-secondary)",
+			error: "var(--dsw-alias-state-error-primary)",
+			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,
+			open: T.text2,
+			"in-progress": T.brand,
+			running: T.brand,
+			claimed: T.brand,
+			testing: T.brand,
+			fixed: T.brand,
+			reopened: "#8250df",
+			"pending-acceptance": T.warn,
+			testable: T.warn,
+			accepted: T.success,
+			verified: T.success,
+			completed: T.success,
+			done: T.success,
+			rework: T.error,
+			failed: T.error,
+			"needs-human": T.error,
+			cancelled: T.text2,
+			closed: T.text2,
+			interrupted: T.warn,
+			superseded: T.text2
+		};
+		const PHASE_ICON = {
+			"PRD 产品需求": "📋",
+			"UI/UX 设计": "🎨",
+			"架构规划": "🏗️",
+			"技术方案": "📐",
+			开发: "💻",
+			"QA 测试": "🧪",
+			"产品验收": "✅"
+		};
+		const RUN_STATUS_TEXT = {
+			pending: "等待中",
+			running: "进行中",
+			completed: "已完成",
+			failed: "失败",
+			cancelled: "已取消",
+			interrupted: "已中断",
+			superseded: "已取代"
+		};
+		const COLUMNS = {
+			req: [
+				"created",
+				"in-progress",
+				"pending-acceptance",
+				"accepted",
+				"closed",
+				"needs-human"
+			],
+			task: [
+				"pending",
+				"running",
+				"testable",
+				"testing",
+				"pending-acceptance",
+				"accepted",
+				"rework",
+				"needs-human",
+				"cancelled"
+			],
+			bug: [
+				"open",
+				"claimed",
+				"fixed",
+				"verified",
+				"reopened",
+				"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";
+		const flexRow = {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			flexWrap: "wrap"
+		};
+		/** 状态徽章：半透明底 + 状态色文字 + 圆角 pill。 */
+		const chip = (text, color, opts = {}) => h("span", { style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 4,
+			padding: "1px 8px",
+			borderRadius: 999,
+			fontSize: 11,
+			fontWeight: 500,
+			lineHeight: "16px",
+			background: `color-mix(in srgb, ${color} 14%, transparent)`,
+			color,
+			whiteSpace: "nowrap",
+			...opts.style || {}
+		} }, opts.dot ? h("span", { style: {
+			width: 5,
+			height: 5,
+			borderRadius: 999,
+			background: color,
+			display: "inline-block"
+		} }) : 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 body = (txt) => h("div", { style: {
+				fontSize: 11.5,
+				color: T.text,
+				lineHeight: 1.6,
+				whiteSpace: "pre-wrap",
+				wordBreak: "break-word",
+				...style || {}
+			} }, txt);
+			if (compact) return body(t);
+			if (open) return h("div", null, body(t), h("button", {
+				onClick: () => setOpen(false),
+				title: "收起全文",
+				style: {
+					marginTop: 3,
+					font: "inherit",
+					fontSize: 10.5,
+					fontWeight: 600,
+					color: T.text2,
+					background: "transparent",
+					border: "none",
+					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} 行` : "…";
+			return h("div", null, body(pre), h("button", {
+				onClick: () => setOpen(true),
+				title: "点击查看全文",
+				style: {
+					marginTop: 3,
+					font: "inherit",
+					fontSize: 10.5,
+					fontWeight: 600,
+					color: T.brand,
+					background: "transparent",
+					border: "none",
+					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);
+		}
+		/** 官方口径工具函数（与 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 `输入(未命中) ${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 NODE_W = 300;
+		const PHASE_GAP = 88;
+		const WAVE = 56;
+		const CARD_H = 54;
+		const CARD_H_RUN = 64;
+		const HEAD_H = 38;
+		const PAD_L = 46;
+		const PAD_R = 72;
+		const PAD_B = 46;
+		const cardH = (s) => s.status === "running" ? CARD_H_RUN : CARD_H;
+		/** 横向布局：相位从左至右一排，上下轻微波浪错位（弧线自然成形）+ 绝对定位节点 + 连接锚点。
+		*  返回 nodes/conns/worldW/worldH。 */
+		function layoutFlow(groups, viewW) {
+			const nodes = [];
+			const conns = [];
+			let maxH = 0;
+			groups.forEach((g, i) => {
+				const anyRun = g.stages.some((s) => s.status === "running");
+				const anyFail = g.stages.some((s) => s.status === "failed" || s.status === "needs-human" || s.status === "cancelled");
+				const allDone = g.stages.length > 0 && g.stages.every((s) => s.status === "done");
+				const headColor = anyRun ? T.brand : anyFail ? T.error : allDone ? T.success : T.text2;
+				const h = 48 + g.stages.reduce((a, s) => a + cardH(s), 0) + Math.max(0, g.stages.length - 1) * 7;
+				maxH = Math.max(maxH, h);
+				nodes.push({
+					i,
+					phase: g.phase,
+					stages: g.stages,
+					left: PAD_L + i * 388,
+					h,
+					headColor
+				});
+			});
+			const axisY = 70 + maxH / 2;
+			nodes.forEach((n) => {
+				n.top = axisY + (n.i % 2 === 0 ? -1 : 1) * (WAVE / 2) - n.h / 2;
+				n.centerY = n.top + n.h / 2;
+			});
+			for (let i = 1; i < nodes.length; i++) {
+				const p = nodes[i - 1], n = nodes[i];
+				conns.push({
+					x1: p.left + NODE_W,
+					y1: p.centerY,
+					x2: n.left,
+					y2: n.centerY,
+					color: n.headColor
+				});
+			}
+			return {
+				nodes,
+				conns,
+				worldW: PAD_L + nodes.length * 388 - PHASE_GAP + PAD_R,
+				worldH: 98 + maxH + PAD_B
+			};
+		}
+		/** S 形弧线路径（从左至右，前后锚点沿水平方向缓进出、垂直方向呈现波浪弧）。 */
+		function connPath(c) {
+			const dx = Math.max(48, (c.x2 - c.x1) / 2);
+			return `M ${c.x1} ${c.y1} C ${c.x1 + dx} ${c.y1}, ${c.x2 - dx} ${c.y2}, ${c.x2} ${c.y2}`;
+		}
+		function FlowStageCard(s, key, onOpen) {
+			const color = stColor(s.status);
+			const running = s.status === "running";
+			const usage = stageUsageLine(s);
+			return h("div", {
+				key,
+				title: `${s.label} —— 点击查看阶段详情`,
+				onMouseDown: (e) => e.stopPropagation(),
+				onClick: () => onOpen && onOpen(s),
+				style: {
+					boxSizing: "border-box",
+					height: cardH(s),
+					borderRadius: 10,
+					position: "relative",
+					overflow: "hidden",
+					display: "flex",
+					flexDirection: "column",
+					justifyContent: "center",
+					gap: 3,
+					padding: "6px 11px 6px 13px",
+					background: `linear-gradient(135deg, color-mix(in srgb, ${color} 8%, ${T.layer1}), ${T.layer1} 64%)`,
+					border: `1px solid ${T.border}`,
+					borderLeft: `3px solid ${color}`,
+					opacity: s.status === "pending" ? .56 : 1,
+					cursor: "pointer",
+					transition: "transform .12s ease, box-shadow .12s ease, border-color .12s ease",
+					boxShadow: running ? `0 0 0 1px color-mix(in srgb, ${color} 32%, transparent), 0 6px 18px color-mix(in srgb, ${color} 15%, transparent)` : "0 1px 2px rgba(0,0,0,.05)"
+				}
+			}, h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 6
+			} }, running ? h("span", { style: {
+				width: 7,
+				height: 7,
+				borderRadius: 999,
+				background: color,
+				animation: "tf-pulse 1.15s ease-in-out infinite"
+			} }) : h("span", { style: {
+				width: 6,
+				height: 6,
+				borderRadius: 2,
+				background: color
+			} }), h("span", {
+				title: s.label,
+				style: {
+					flex: 1,
+					minWidth: 0,
+					fontSize: 12,
+					fontWeight: 600,
+					color: T.text,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				}
+			}, s.label), chip(stText(s.status), color, { dot: true }), h("span", { style: {
+				color: T.text2,
+				fontSize: 11,
+				opacity: .5
+			} }, "↗")), h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				paddingLeft: 13,
+				fontSize: 10.5,
+				color: T.text2,
+				fontFamily: MONO,
+				fontVariantNumeric: "tabular-nums"
+			} }, s.startedAt ? h("span", {}, fmtDur(s.startedAt, s.endedAt)) : h("span", {}, "—"), usage ? h("span", {
+				title: usageDetail(s),
+				style: {
+					marginLeft: "auto",
+					color
+				}
+			}, usage) : null), running ? h("div", { style: {
+				position: "absolute",
+				left: 5,
+				right: 5,
+				bottom: 3,
+				height: 2,
+				borderRadius: 2,
+				overflow: "hidden",
+				background: `color-mix(in srgb, ${color} 20%, transparent)`
+			} }, h("div", { style: {
+				height: "100%",
+				width: "42%",
+				borderRadius: 2,
+				background: color,
+				animation: "tf-shimmer 1.1s linear infinite"
+			} })) : null);
+		}
+		function FlowNode(node, onOpen) {
+			const g = node;
+			const running = g.stages.some((s) => s.status === "running");
+			return h("div", {
+				key: "n" + g.i,
+				style: {
+					position: "absolute",
+					left: g.left,
+					top: g.top,
+					width: NODE_W,
+					height: g.h,
+					boxSizing: "border-box",
+					display: "flex",
+					flexDirection: "column"
+				}
+			}, h("div", { style: {
+				position: "absolute",
+				top: -8,
+				left: 12,
+				width: 22,
+				height: 22,
+				borderRadius: 7,
+				zIndex: 2,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				fontFamily: MONO,
+				fontSize: 10.5,
+				fontWeight: 800,
+				color: g.headColor,
+				background: `color-mix(in srgb, ${g.headColor} 16%, ${T.layer1})`,
+				border: `1px solid color-mix(in srgb, ${g.headColor} 36%, transparent)`,
+				boxShadow: "0 2px 8px rgba(0,0,0,.14)"
+			} }, String(g.i + 1).padStart(2, "0")), h("div", { style: {
+				height: HEAD_H,
+				boxSizing: "border-box",
+				borderRadius: 11,
+				padding: "0 11px",
+				display: "flex",
+				alignItems: "center",
+				gap: 7,
+				color: g.headColor,
+				fontSize: 12.5,
+				fontWeight: 700,
+				background: `linear-gradient(90deg, color-mix(in srgb, ${g.headColor} 13%, transparent), color-mix(in srgb, ${g.headColor} 5%, transparent))`,
+				border: `1px solid color-mix(in srgb, ${g.headColor} 30%, transparent)`
+			} }, h("span", { style: { fontSize: 13.5 } }, PHASE_ICON[g.phase] || "⚙️"), h("span", { style: {
+				flex: 1,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			} }, g.phase), g.stages.length > 1 ? h("span", { style: {
+				fontFamily: MONO,
+				fontSize: 10,
+				fontWeight: 800,
+				background: `color-mix(in srgb, ${g.headColor} 16%, transparent)`,
+				borderRadius: 999,
+				padding: "0 7px",
+				lineHeight: "16px"
+			} }, `×${g.stages.length}`) : null, running ? h("span", { style: {
+				width: 8,
+				height: 8,
+				borderRadius: 999,
+				background: g.headColor,
+				animation: "tf-pulse 1.4s ease-in-out infinite"
+			} }) : null), h("div", { style: {
+				flex: 1,
+				minHeight: 0,
+				display: "flex",
+				flexDirection: "column",
+				gap: 7,
+				paddingTop: 10
+			} }, g.stages.map((s) => FlowStageCard(s, s.seq, onOpen))));
+		}
+		/** 阶段详情抽屉（卡片点击打开；浮于画布右侧，不参与拖动/缩放）。 */
+		function StageDetailDrawer({ det, onClose, sessionId, sessions }) {
+			const st = det.stage;
+			const d = det.data;
+			const color = st && st.status ? stColor(st.status) : T.text2;
+			const ownerSession = d && d.ownerSession ? String(d.ownerSession) : null;
+			const mySession = sessionId ? String(sessionId) : null;
+			const crossSession = !!ownerSession && !!mySession && ownerSession !== mySession;
+			const hasChild = !!(!crossSession && d && d.childId && sessions && typeof sessions.openSubagent === "function");
+			const openChild = () => {
+				if (crossSession || !hasChild) return;
+				try {
+					sessions.openSubagent({
+						parentSessionId: ownerSession || sessionId,
+						childSessionId: d.childId,
+						mode: "one-shot"
+					});
+				} catch (e) {}
+			};
+			const outText = d && d.output ? d.output : d && d.summary ? `（该 run 未保存完整正文，展示摘要）\n\n${d.summary}` : det.err ? `⚠ 加载失败：${det.err}` : det.loading ? "加载中…" : "（无产物正文）";
+			const closeBtn = {
+				font: "inherit",
+				width: 26,
+				height: 26,
+				borderRadius: 8,
+				cursor: "pointer",
+				border: `1px solid ${T.border}`,
+				background: "transparent",
+				color: T.text2,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				fontSize: 13,
+				lineHeight: 1
+			};
+			const pRef = react.default.useRef(null);
+			react.default.useEffect(() => {
+				const el = pRef.current;
+				if (!el) return;
+				const stop = (e) => e.stopPropagation();
+				el.addEventListener("wheel", stop, { passive: true });
+				return () => el.removeEventListener("wheel", stop);
+			}, []);
+			return h("div", {
+				ref: pRef,
+				style: {
+					position: "absolute",
+					top: 10,
+					right: 12,
+					bottom: 10,
+					width: 384,
+					zIndex: 8,
+					borderRadius: 14,
+					overflow: "hidden",
+					display: "flex",
+					flexDirection: "column",
+					border: `1px solid ${T.border}`,
+					background: `color-mix(in srgb, ${T.layer1} 90%, transparent)`,
+					backdropFilter: "blur(14px)",
+					boxShadow: "0 14px 48px rgba(0,0,0,.30)"
+				}
+			}, h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 9,
+				padding: "12px 14px",
+				borderBottom: `1px solid ${T.border}`,
+				background: `linear-gradient(135deg, color-mix(in srgb, ${color} 14%, transparent), transparent 62%)`
+			} }, h("span", { style: { fontSize: 17 } }, PHASE_ICON[st && st.phase] || "⚙️"), h("div", { style: {
+				flex: 1,
+				minWidth: 0
+			} }, h("div", {
+				title: st ? st.label : void 0,
+				style: {
+					fontSize: 12.5,
+					fontWeight: 700,
+					color: T.text,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				}
+			}, st ? st.label : "阶段详情"), h("div", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				marginTop: 1,
+				fontFamily: MONO,
+				fontVariantNumeric: "tabular-nums"
+			} }, `${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: "关闭"
+			}, "✕")), h("div", { style: {
+				flex: 1,
+				overflowY: "auto",
+				padding: "12px 14px",
+				display: "flex",
+				flexDirection: "column",
+				gap: 11
+			} }, h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 4
+			} }, h("span", { style: {
+				fontSize: 10.5,
+				fontWeight: 700,
+				color: T.text2,
+				letterSpacing: .3
+			} }, "TOKEN · 官方口径"), h("span", { style: {
+				fontSize: 11.5,
+				fontFamily: MONO,
+				color: T.text,
+				lineHeight: 1.65
+			} }, usageDetail(d || st || {}))), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 5
+			} }, h("button", {
+				onClick: openChild,
+				disabled: !hasChild,
+				title: crossSession ? `该子代理由会话 ${ownerSession.slice(-6)} 发起，跨会话跳转暂不支持——请打开其发起会话的团队工作台查看` : hasChild ? "跳转到该阶段子代理会话（完整推理与工具调用轨迹）；跳转后请切换「对话」tab 查看" : "该阶段无可用子代理会话",
+				style: {
+					font: "inherit",
+					fontSize: 12,
+					fontWeight: 600,
+					padding: "8px 12px",
+					borderRadius: 9,
+					cursor: "pointer",
+					display: "flex",
+					alignItems: "center",
+					gap: 6,
+					justifyContent: "center",
+					border: `1px solid color-mix(in srgb, ${T.brand} 40%, transparent)`,
+					background: `color-mix(in srgb, ${T.brand} 12%, transparent)`,
+					color: T.brand,
+					opacity: hasChild ? 1 : .45
+				}
+			}, "🎬 跳转子代理会话"), crossSession ? h("div", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				textAlign: "center",
+				lineHeight: 1.55
+			} }, `跨会话暂不支持：该子代理由会话 ${ownerSession ? ownerSession.slice(-6) : ""} 发起。如需查看轨迹，请打开其发起会话的团队工作台。`) : hasChild ? h("div", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				textAlign: "center",
+				lineHeight: 1.55
+			} }, "跳转成功后，请切「对话」tab 查看该子代理的完整会话轨迹") : null), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 5
+			} }, h("span", { style: {
+				fontSize: 10.5,
+				fontWeight: 700,
+				color: T.text2,
+				letterSpacing: .3
+			} }, "📄 阶段性产物"), h("div", { style: {
+				whiteSpace: "pre-wrap",
+				wordBreak: "break-word",
+				fontSize: 12,
+				lineHeight: 1.62,
+				color: T.text,
+				background: `color-mix(in srgb, ${T.layer2} 55%, transparent)`,
+				border: `1px solid ${T.border}`,
+				borderRadius: 10,
+				padding: "10px 12px",
+				maxHeight: 240,
+				overflowY: "auto"
+			} }, outText))));
+		}
+		function PipelinePanel({ active, api, runId, sessionId, sessions }) {
+			if (!active) return h("div", { style: {
+				color: T.text2,
+				fontSize: 13,
+				padding: "28px 20px",
+				textAlign: "center"
+			} }, h("div", { style: {
+				fontSize: 28,
+				marginBottom: 8
+			} }, "🏭"), "暂无运行中的流水线——让模型调用 teamflow_start，或在上方输入需求");
+			const groups = [];
+			for (const st of active.stages || []) {
+				let g = groups.length ? groups[groups.length - 1] : null;
+				if (!g || g.phase !== st.phase) {
+					g = {
+						phase: st.phase,
+						stages: []
+					};
+					groups.push(g);
+				}
+				g.stages.push(st);
+			}
+			const wrapRef = react.default.useRef(null);
+			const [vw, setVw] = react.default.useState(900);
+			const [view, setView] = react.default.useState({
+				x: 0,
+				y: 44,
+				s: 1
+			});
+			const [grabbing, setGrabbing] = react.default.useState(false);
+			const dragRef = react.default.useRef(null);
+			const fittedRef = react.default.useRef(false);
+			const [det, setDet] = react.default.useState(null);
+			react.default.useEffect(() => {
+				const el = wrapRef.current;
+				if (!el) return;
+				const doFit = () => {
+					const W = el.clientWidth, H = el.clientHeight;
+					if (W <= 0) return;
+					if (W !== vw) setVw(W);
+					if (!fittedRef.current) {
+						const lay = layoutFlow(groups, W);
+						const raw = Math.min((H - 46) / lay.worldH, (W - 40) / lay.worldW, 1);
+						const s = Math.max(.5, raw);
+						setView({
+							x: (W - lay.worldW * s) / 2,
+							y: (H - lay.worldH * s) / 2,
+							s
+						});
+						fittedRef.current = true;
+					}
+				};
+				doFit();
+				const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(doFit) : null;
+				if (ro) ro.observe(el);
+				return () => {
+					if (ro) ro.disconnect();
+				};
+			}, [active]);
+			react.default.useEffect(() => {
+				const el = wrapRef.current;
+				if (!el) return;
+				const onWheel = (e) => {
+					e.preventDefault();
+					const rect = el.getBoundingClientRect();
+					const px = e.clientX - rect.left, py = e.clientY - rect.top;
+					setView((v) => {
+						const ns = Math.min(1.65, Math.max(.5, v.s * (e.deltaY < 0 ? 1.12 : .89)));
+						const k = ns / v.s;
+						return {
+							s: ns,
+							x: px - (px - v.x) * k,
+							y: py - (py - v.y) * k
+						};
+					});
+				};
+				el.addEventListener("wheel", onWheel, { passive: false });
+				return () => el.removeEventListener("wheel", onWheel);
+			}, []);
+			react.default.useEffect(() => {
+				setDet(null);
+			}, [active && active.id, runId]);
+			const openDetail = async (s) => {
+				if (!api || !runId) return;
+				setDet({
+					seq: s.seq,
+					stage: s,
+					loading: true,
+					data: null,
+					err: null
+				});
+				try {
+					const d = await api.stageDetail(runId, s.seq, sessionId);
+					setDet({
+						seq: s.seq,
+						stage: s,
+						loading: false,
+						data: unwrap(d, "stageDetail") || null,
+						err: null
+					});
+				} catch (e) {
+					setDet({
+						seq: s.seq,
+						stage: s,
+						loading: false,
+						data: null,
+						err: String(e && e.message || e)
+					});
+				}
+			};
+			const closeDet = () => setDet(null);
+			const layout = layoutFlow(groups, vw);
+			const fitNow = () => {
+				const el = wrapRef.current;
+				if (!el) return;
+				const W = el.clientWidth, H = el.clientHeight;
+				const raw = Math.min((H - 46) / layout.worldH, (W - 40) / layout.worldW, 1);
+				const s = Math.max(.5, raw);
+				setView({
+					x: (W - layout.worldW * s) / 2,
+					y: (H - layout.worldH * s) / 2,
+					s
+				});
+			};
+			const zoomBy = (f) => {
+				setView((v) => {
+					const ns = Math.min(1.65, Math.max(.5, v.s * f));
+					const k = ns / v.s;
+					const el = wrapRef.current;
+					const px = el ? el.clientWidth / 2 : layout.worldW / 2;
+					const py = el ? el.clientHeight / 2 : 64;
+					return {
+						s: ns,
+						x: px - (px - v.x) * k,
+						y: py - (py - v.y) * k
+					};
+				});
+			};
+			const zoomStyle = {
+				font: "inherit",
+				fontSize: 13,
+				width: 26,
+				height: 24,
+				borderRadius: 7,
+				cursor: "pointer",
+				border: `1px solid ${T.border}`,
+				background: T.layer1,
+				color: T.text,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				lineHeight: 1
+			};
+			const onDown = (e) => {
+				if (e.button !== 0) return;
+				dragRef.current = {
+					sx: e.clientX,
+					sy: e.clientY,
+					ox: view.x,
+					oy: view.y
+				};
+				setGrabbing(true);
+				e.preventDefault();
+			};
+			const onMove = (e) => {
+				const d = dragRef.current;
+				if (!d) return;
+				setView((v) => ({
+					...v,
+					x: d.ox + (e.clientX - d.sx),
+					y: d.oy + (e.clientY - d.sy)
+				}));
+			};
+			const onUp = () => {
+				dragRef.current = null;
+				setGrabbing(false);
+			};
+			return h("div", {
+				ref: wrapRef,
+				onMouseDown: onDown,
+				onMouseMove: onMove,
+				onMouseUp: onUp,
+				onMouseLeave: onUp,
+				style: {
+					position: "relative",
+					height: 560,
+					borderRadius: 12,
+					overflow: "hidden",
+					touchAction: "none",
+					border: `1px solid ${T.border}`,
+					userSelect: "none",
+					cursor: grabbing ? "grabbing" : "grab",
+					background: `radial-gradient(circle, ${T.border2} 1px, transparent 1px) 0 0 / 24px 24px, ${T.layer1}`,
+					backgroundBlendMode: "overlay"
+				}
+			}, h("div", { style: {
+				position: "absolute",
+				left: 0,
+				top: 0,
+				width: layout.worldW,
+				height: layout.worldH,
+				transform: `translate(${view.x}px, ${view.y}px) scale(${view.s})`,
+				transformOrigin: "0 0"
+			} }, h("svg", {
+				width: layout.worldW,
+				height: layout.worldH,
+				style: {
+					position: "absolute",
+					left: 0,
+					top: 0,
+					overflow: "visible",
+					zIndex: 0
+				}
+			}, h("defs", {}, layout.conns.map((c) => h("marker", {
+				key: "m" + c.x1 + "-" + c.y1,
+				id: "tfm-" + c.x1 + "-" + c.y1,
+				viewBox: "0 0 10 10",
+				refX: 8,
+				refY: 5,
+				markerWidth: 7,
+				markerHeight: 7,
+				orient: "auto-start-reverse"
+			}, h("path", {
+				d: "M 0 0 L 10 5 L 0 10 z",
+				fill: c.color
+			})))), layout.conns.map((c) => h("g", { key: "c" + c.x1 + "-" + c.y1 }, h("path", {
+				d: connPath(c),
+				fill: "none",
+				stroke: `color-mix(in srgb, ${c.color} 12%, transparent)`,
+				strokeWidth: 7,
+				strokeLinecap: "round"
+			}), h("path", {
+				d: connPath(c),
+				fill: "none",
+				stroke: `color-mix(in srgb, ${c.color} 45%, transparent)`,
+				strokeWidth: 2.5,
+				markerEnd: `url(#tfm-${c.x1}-${c.y1})`
+			}), h("path", {
+				d: connPath(c),
+				fill: "none",
+				stroke: c.color,
+				strokeWidth: 2,
+				strokeLinecap: "round",
+				strokeDasharray: "5 9",
+				animation: "tf-flow .75s linear infinite"
+			})))), h("div", { style: {
+				position: "absolute",
+				left: 0,
+				top: 0,
+				zIndex: 1
+			} }, layout.nodes.map((n) => FlowNode(n, openDetail)))), layout.nodes.length === 0 ? h("div", { style: {
+				position: "absolute",
+				inset: 0,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				color: T.text2,
+				fontSize: 13
+			} }, "流水线还没有开始执行节点") : null, h("div", {
+				onMouseDown: (e) => e.stopPropagation(),
+				style: {
+					position: "absolute",
+					top: 10,
+					right: 12,
+					zIndex: 6,
+					display: "flex",
+					alignItems: "center",
+					gap: 6,
+					padding: 5,
+					borderRadius: 11,
+					border: `1px solid ${T.border}`,
+					background: `color-mix(in srgb, ${T.layer1} 82%, transparent)`,
+					backdropFilter: "blur(8px)",
+					boxShadow: "0 6px 20px rgba(0,0,0,.16)"
+				}
+			}, h("button", {
+				title: "缩小",
+				onClick: () => zoomBy(.86),
+				style: zoomStyle
+			}, "−"), h("span", { style: {
+				fontFamily: MONO,
+				fontSize: 10.5,
+				color: T.text2,
+				minWidth: 34,
+				textAlign: "center"
+			} }, `${Math.round(view.s * 100)}%`), h("button", {
+				title: "放大",
+				onClick: () => zoomBy(1.16),
+				style: zoomStyle
+			}, "+"), h("span", { style: {
+				width: 1,
+				height: 14,
+				background: T.border
+			} }), h("button", {
+				title: "适应画布",
+				onClick: fitNow,
+				style: {
+					...zoomStyle,
+					fontSize: 13
+				}
+			}, "⤢"), h("span", { style: {
+				width: 1,
+				height: 14,
+				background: T.border
+			} }), h("span", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				paddingRight: 4,
+				opacity: .85
+			} }, "✥ 拖动画布 · 滚轮缩放")), det ? h(StageDetailDrawer, {
+				det,
+				onClose: closeDet,
+				sessionId,
+				sessions
+			}) : null);
+		}
+		function BoardPanel({ backlog, api, onRefresh, sessionId, onShowRun }) {
+			const [drag, setDrag] = react.default.useState(null);
+			const [over, setOver] = react.default.useState(null);
+			const [det, setDet] = react.default.useState(null);
+			const openItem = async (kind, id) => {
+				setDet({
+					kind,
+					id,
+					loading: true,
+					data: null,
+					err: null
+				});
+				try {
+					const d = unwrap(await api.itemDetail(kind, id, sessionId), "itemDetail");
+					setDet({
+						kind,
+						id,
+						loading: false,
+						data: d,
+						err: null
+					});
+				} catch (e) {
+					setDet({
+						kind,
+						id,
+						loading: false,
+						data: null,
+						err: String(e && e.message || e)
+					});
+				}
+			};
+			if (!backlog) return h("div", { style: {
+				color: T.text2,
+				fontSize: 13,
+				padding: "28px 20px",
+				textAlign: "center"
+			} }, h("div", { style: {
+				fontSize: 28,
+				marginBottom: 8
+			} }, "📋"), "backlog 为空（还没有流水线运行过）");
+			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, "看板拖拽流转");
+				} catch (e) {}
+				onRefresh();
+			};
+			const card = (item, kind) => h("div", {
+				key: item.id,
+				draggable: true,
+				onClick: () => openItem(kind, item.id),
+				onDragStart: () => setDrag({
+					kind,
+					id: item.id,
+					from: item.status
+				}),
+				onDragEnd: () => setDrag(null),
+				style: {
+					background: item.humanIntervention || item.status === "needs-human" ? `color-mix(in srgb, ${T.error} 7%, ${T.layer1})` : T.layer1,
+					border: `1px solid ${T.border}`,
+					borderLeft: `3px solid ${stColor(item.status)}`,
+					borderRadius: 8,
+					padding: "7px 9px",
+					cursor: "grab",
+					fontSize: 12,
+					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 : ""}（点击查看详情）`
+			}, h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4
+			} }, h("span", { style: {
+				fontFamily: MONO,
+				color: T.text2,
+				fontSize: 10.5
+			} }, 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
+			} }, `👤 ${item.owner}`) : null), h("div", {
+				title: item.title || void 0,
+				style: {
+					fontWeight: 500,
+					margin: "3px 0 4px",
+					lineHeight: 1.4
+				}
+			}, (item.title || "").slice(0, 30)), h("div", { style: {
+				...flexRow,
+				marginTop: 2
+			} }, chip(stText(item.status), stColor(item.status)), typeof item.retries === "number" && item.retries > 0 ? h("span", { style: {
+				fontSize: 10.5,
+				color: T.warn,
+				fontFamily: MONO
+			} }, `↻${item.retries}`) : null, item.humanIntervention || item.status === "needs-human" ? h("span", { style: {
+				fontSize: 10.5,
+				color: T.error,
+				fontWeight: 700
+			} }, "⚠") : null), kind === "task" && (item.devAssign || item.qaAssign || item.acceptBy) ? h("div", { style: {
+				...flexRow,
+				marginTop: 3,
+				fontSize: 10.5,
+				color: T.text2,
+				fontFamily: MONO
+			} }, item.devAssign ? h("span", {
+				title: `dev 分配\n${item.devAssign}`,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 3,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					maxWidth: 130,
+					whiteSpace: "nowrap"
+				}
+			}, `👨‍💻${item.devAssign}`) : null, item.qaAssign ? h("span", {
+				title: `qa 分配\n${item.qaAssign}`,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 3,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					maxWidth: 130,
+					whiteSpace: "nowrap"
+				}
+			}, `🧪${item.qaAssign}`) : null, item.acceptBy ? h("span", {
+				title: `验收/汇报人\n${item.acceptBy}`,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 3,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					maxWidth: 130,
+					whiteSpace: "nowrap"
+				}
+			}, `✅${item.acceptBy}`) : null) : null, kind === "task" && byRoleLine(item) ? h("div", { style: {
+				...flexRow,
+				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 ? (() => {
+				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;
+				const failed = subs.filter((s) => s.status === "failed").length;
+				const running = subs.filter((s) => s.status === "running").length;
+				return h("div", { style: { marginTop: 5 } }, h("div", { style: {
+					...flexRow,
+					fontSize: 10.5,
+					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", {
+					key: sub.id,
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 4,
+						fontSize: 10.5,
+						fontFamily: MONO,
+						padding: "2px 6px",
+						borderRadius: 4,
+						marginBottom: 2,
+						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
+				} }, sub.status === "done" ? "✓" : sub.status === "failed" ? "✗" : sub.status === "running" ? "⟳" : "…"), h("span", {
+					title: sub.title || void 0,
+					style: {
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap",
+						maxWidth: 130
+					}
+				}, (sub.title || "").replace(/^开发 · /, "")), sub.devAssign ? h("span", {
+					title: `dev 分配\n${sub.devAssign}`,
+					style: {
+						marginLeft: "auto",
+						color: T.text2,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						maxWidth: 70,
+						whiteSpace: "nowrap"
+					}
+				}, sub.devAssign) : null)));
+			})() : null);
+			const groups = [
+				{
+					kind: "req",
+					list: backlog.requirements || []
+				},
+				{
+					kind: "task",
+					list: (backlog.tasks || []).filter((t) => t.type !== "subtask")
+				},
+				{
+					kind: "bug",
+					list: backlog.bugs || []
+				}
+			];
+			return h("div", { style: {
+				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: {
+					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: {
+					fontSize: 11,
+					fontWeight: 600,
+					color: T.text2,
+					background: T.layer2,
+					borderRadius: 999,
+					padding: "0 8px",
+					lineHeight: "18px"
+				} }, String(list.length))), h("div", { style: {
+					display: "flex",
+					gap: 8,
+					overflowX: "auto",
+					paddingBottom: 6
+				} }, COLUMNS[kind].map((s) => {
+					const isOver = over === `${kind}:${s}`;
+					const color = stColor(s);
+					return h("div", {
+						key: s,
+						onDragOver: (e) => {
+							e.preventDefault();
+							setOver(`${kind}:${s}`);
+						},
+						onDragLeave: () => setOver((o) => o === `${kind}:${s}` ? null : o),
+						onDrop: async () => {
+							if (drag && drag.kind === kind && drag.from !== s) await move(kind, drag.id, s);
+							setDrag(null);
+							setOver(null);
+						},
+						style: {
+							minWidth: 140,
+							maxWidth: 172,
+							flex: "0 0 auto",
+							borderRadius: 10,
+							padding: 7,
+							minHeight: 84,
+							maxHeight: 340,
+							overflowY: "auto",
+							background: isOver ? `color-mix(in srgb, ${color} 8%, ${T.layer1})` : T.layer2,
+							border: `1px dashed ${isOver ? color : T.border}`,
+							transition: "background .12s ease, border-color .12s ease"
+						}
+					}, h("div", { style: {
+						...flexRow,
+						fontSize: 11,
+						fontWeight: 600,
+						color,
+						marginBottom: 6,
+						padding: "0 2px"
+					} }, h("span", null, stText(s)), h("span", { style: {
+						marginLeft: "auto",
+						fontFamily: MONO,
+						fontSize: 10,
+						opacity: .75
+					} }, counts[s] || 0)), h("div", { style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 6
+					} }, list.filter((item) => item.status === s).map((item) => card(item, kind))));
+				})));
+			}), det ? h(ItemDetailDrawer, {
+				det,
+				onClose: () => setDet(null),
+				onShowRun
+			}) : null);
+		}
+		function fmtAt(ts) {
+			return ts ? new Date(ts).toLocaleTimeString("zh-CN", {
+				hour: "2-digit",
+				minute: "2-digit"
+			}) : "—";
+		}
+		function ItemDetailDrawer({ det, onClose, onShowRun }) {
+			const d = det && det.data;
+			const loading = det && det.loading;
+			const err = det && det.err;
+			const kind = det && det.kind;
+			const icon = kind === "req" ? "📌" : kind === "task" ? "🔧" : "🐞";
+			const color = d ? stColor(d.status) : T.text2;
+			const closeBtn = {
+				font: "inherit",
+				width: 26,
+				height: 26,
+				borderRadius: 8,
+				cursor: "pointer",
+				border: `1px solid ${T.border}`,
+				background: "transparent",
+				color: T.text2,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				fontSize: 13,
+				lineHeight: 1
+			};
+			const secTitle = (label) => h("span", { style: {
+				fontSize: 10.5,
+				fontWeight: 700,
+				color: T.text2,
+				letterSpacing: .3
+			} }, label);
+			const kv = (k, v, mono) => h("div", { style: {
+				display: "flex",
+				gap: 8,
+				fontSize: 11.5,
+				lineHeight: 1.6
+			} }, h("span", { style: {
+				flex: "0 0 72px",
+				color: T.text2
+			} }, k), h("span", {
+				title: v === null || v === void 0 ? void 0 : String(v),
+				style: {
+					flex: 1,
+					minWidth: 0,
+					fontFamily: mono ? MONO : void 0,
+					color: T.text,
+					wordBreak: "break-all",
+					textOverflow: "ellipsis"
+				}
+			}, v === null || v === void 0 ? "—" : String(v)));
+			const linkRow = (it, extra) => h("div", {
+				key: it.id,
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2,
+					padding: "5px 8px",
+					borderRadius: 7,
+					background: T.layer2,
+					fontSize: 11.5
+				}
+			}, h("div", { style: {
+				display: "flex",
+				gap: 7,
+				alignItems: "center"
+			} }, h("span", { style: {
+				fontFamily: MONO,
+				fontSize: 10.5,
+				color: T.text2,
+				flex: "0 0 auto"
+			} }, it.id), it.severity ? chip(it.severity, it.severity === "P0" ? T.error : it.severity === "P1" ? T.warn : T.text2) : null, chip(stText(it.status), stColor(it.status)), extra && extra.usage ? h("span", { style: {
+				fontSize: 10,
+				fontFamily: MONO,
+				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}`,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 2,
+					fontSize: 10,
+					fontFamily: MONO,
+					color: T.text2,
+					flex: "0 0 auto",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					maxWidth: 90,
+					whiteSpace: "nowrap"
+				}
+			}, `👨‍💻${String(extra.assignee).slice(0, 14)}`) : null, h("span", {
+				title: it.title || void 0,
+				style: {
+					flex: 1,
+					minWidth: 0,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					color: T.text
+				}
+			}, (it.title || "").slice(0, 44))), it.summary ? h("div", {
+				title: it.summary,
+				style: {
+					fontSize: 10.5,
+					color: T.text2,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					maxWidth: "100%"
+				}
+			}, it.summary) : null);
+			return h("div", { style: {
+				position: "absolute",
+				top: 10,
+				right: 12,
+				bottom: 10,
+				width: 400,
+				zIndex: 9,
+				borderRadius: 14,
+				overflow: "hidden",
+				display: "flex",
+				flexDirection: "column",
+				border: `1px solid ${T.border}`,
+				background: `color-mix(in srgb, ${T.layer1} 92%, transparent)`,
+				backdropFilter: "blur(14px)",
+				boxShadow: "0 14px 48px rgba(0,0,0,.30)"
+			} }, h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 9,
+				padding: "12px 14px",
+				borderBottom: `1px solid ${T.border}`,
+				background: `linear-gradient(135deg, color-mix(in srgb, ${color} 14%, transparent), transparent 62%)`
+			} }, h("span", { style: { fontSize: 17 } }, icon), h("div", { style: {
+				flex: 1,
+				minWidth: 0
+			} }, h("div", {
+				style: {
+					fontSize: 12.5,
+					fontWeight: 700,
+					color: T.text,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				title: d ? d.title || d.id : void 0
+			}, d ? d.title || d.id : `${det.kind} · ${det.id}`), d ? h("div", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				marginTop: 1,
+				fontFamily: MONO,
+				fontVariantNumeric: "tabular-nums"
+			} }, `${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: "关闭"
+			}, "✕")), h("div", { style: {
+				flex: 1,
+				overflowY: "auto",
+				padding: "12px 14px",
+				display: "flex",
+				flexDirection: "column",
+				gap: 13
+			} }, loading ? h("div", { style: {
+				color: T.text2,
+				fontSize: 12,
+				padding: 12
+			} }, "加载中…") : err ? h("div", { style: {
+				color: T.error,
+				fontSize: 12,
+				padding: 12
+			} }, "⚠ " + err) : !d ? null : [
+				h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				} }, secTitle("概览"), d.spec ? h(FoldableText, {
+					text: d.spec,
+					charLimit: 300,
+					lineLimit: 4,
+					style: {
+						background: T.layer2,
+						borderRadius: 8,
+						padding: "8px 10px"
+					}
+				}) : null, h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				} }, d.summary ? h(FoldableText, { text: d.summary }) : null), h("div", { style: {
+					display: "flex",
+					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.runInfo ? (() => {
+					const ri = d.runInfo;
+					return h("div", { style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 6
+					} }, h("div", { style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 3
+					} }, h("div", { style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8
+					} }, secTitle("运行"), 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)}`,
+						style: {
+							marginLeft: "auto",
+							flex: "0 0 auto",
+							whiteSpace: "nowrap",
+							fontSize: 10.5,
+							fontWeight: 600,
+							padding: "2px 9px",
+							borderRadius: 6,
+							cursor: "pointer",
+							border: `1px solid color-mix(in srgb, ${T.brand} 38%, transparent)`,
+							background: `color-mix(in srgb, ${T.brand} 10%, transparent)`,
+							color: T.brand,
+							lineHeight: "16px"
+						}
+					}, "▶ 流水线") : null), ri.startedAt || ri.endedAt ? h("span", { style: {
+						fontSize: 10.5,
+						color: T.text2,
+						fontFamily: MONO
+					} }, `${fmtAt(ri.startedAt)} → ${fmtAt(ri.endedAt)} · ${fmtDur(ri.startedAt, ri.endedAt)}`) : null), h("div", { style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 4
+					} }, secTitle("需求原文"), h(FoldableText, {
+						text: ri.requirement || "（无原文）",
+						charLimit: 300,
+						lineLimit: 4,
+						style: {
+							background: T.layer2,
+							borderRadius: 8,
+							padding: "8px 10px"
+						}
+					})));
+				})() : null,
+				d.runDocs ? h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				} }, secTitle("任务夹"), h("div", { style: {
+					fontSize: 11.5,
+					fontFamily: MONO,
+					color: T.brand,
+					background: T.layer2,
+					borderRadius: 8,
+					padding: "7px 10px",
+					wordBreak: "break-all"
+				} }, d.runDocs + "/")) : null,
+				kind === "task" && d.usage ? h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				} }, secTitle("TOKEN · 官方口径"), h("span", { style: {
+					fontSize: 11.5,
+					fontFamily: MONO,
+					color: T.text,
+					lineHeight: 1.65
+				} }, usageDetail(d)), d.byRole && Object.keys(d.byRole).length > 0 ? h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2,
+					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;
+					return h("div", {
+						key: role,
+						style: {
+							display: "flex",
+							gap: 7,
+							alignItems: "center",
+							fontSize: 10.5,
+							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} 次`));
+				})) : null) : null,
+				d.subtasks && d.subtasks.length > 0 ? h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				} }, secTitle(`关联子卡（${d.subtasks.length}）`), h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 5
+				} }, d.subtasks.map((s) => linkRow(s, {
+					usage: s.usage,
+					assignee: s.devAssign
+				})))) : null,
+				d.bugs && d.bugs.length > 0 ? h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				} }, secTitle(`关联缺陷（${d.bugs.length}）`), h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 5
+				} }, d.bugs.map((b) => linkRow(b, {})))) : null,
+				d.events && d.events.length > 0 ? h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				} }, secTitle(`流转时间线（${d.events.length}）`), h("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 0
+				} }, d.events.slice().reverse().map((ev) => h("div", {
+					key: `${ev.at}-${ev.to}`,
+					style: {
+						display: "flex",
+						gap: 8,
+						alignItems: "baseline",
+						padding: "5px 0",
+						borderBottom: `1px dashed ${T.border}`,
+						fontSize: 11.5
+					}
+				}, h("span", { style: {
+					fontFamily: MONO,
+					color: T.text2,
+					fontSize: 10.5,
+					flex: "0 0 42px"
+				} }, fmtAt(ev.at)), h("span", { style: { color: T.text } }, ev.from || "—"), h("span", { style: { color: T.text2 } }, "→"), h("span", { style: {
+					fontFamily: MONO,
+					color: T.brand
+				} }, ev.to), h("span", {
+					style: {
+						flex: 1,
+						minWidth: 0,
+						color: T.text2,
+						fontSize: 10.5,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					title: ev.reason || void 0
+				}, ev.reason || ""))))) : null
+			]));
+		}
+		function TeamSelector({ sessionId, remote }) {
+			const [teams, setTeams] = react.default.useState([]);
+			const [active, setActive] = react.default.useState(null);
+			const [open, setOpen] = react.default.useState(false);
+			const ref = react.default.useRef(null);
+			const load = react.default.useCallback(async () => {
+				if (!remote || !sessionId) return;
+				try {
+					const tw = unwrap(await remote.listTeams(sessionId), "listTeams");
+					setTeams(tw && tw.teams || []);
+					const at = unwrap(await remote.getActiveTeam(sessionId), "getActiveTeam");
+					setActive(at && at.team ? at.team : null);
+				} catch (e) {}
+			}, [remote, sessionId]);
+			react.default.useEffect(() => {
+				load();
+			}, [load]);
+			react.default.useEffect(() => {
+				if (!open) return;
+				const handler = (e) => {
+					if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+				};
+				document.addEventListener("mousedown", handler);
+				return () => document.removeEventListener("mousedown", handler);
+			}, [open]);
+			const select = async (teamId) => {
+				if (!remote || !sessionId) return;
+				try {
+					if (!teamId) {
+						await remote.clearTeam(sessionId);
+						setActive(null);
+					} else {
+						const r = unwrap(await remote.selectTeam(sessionId, teamId), "selectTeam");
+						setActive(r && r.team ? r.team : null);
+					}
+				} catch (e) {}
+				setOpen(false);
+			};
+			if (teams.length === 0) return null;
+			return h("div", {
+				ref,
+				style: { position: "relative" }
+			}, h("button", {
+				onClick: () => setOpen(!open),
+				title: active ? `当前团队：${active.name}（点击切换）` : "选择团队",
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 4,
+					padding: "3px 8px",
+					borderRadius: 6,
+					cursor: "pointer",
+					fontSize: 11,
+					fontFamily: MONO,
+					fontWeight: 500,
+					border: `1px solid ${active ? T.brand : T.border}`,
+					background: active ? `color-mix(in srgb, ${T.brand} 10%, transparent)` : "transparent",
+					color: active ? T.brand : T.text2,
+					transition: "all .12s ease"
+				}
+			}, h("span", { style: { fontSize: 12 } }, active ? active.icon : "🏭"), h("span", {
+				title: active && active.name ? String(active.name) : "团队",
+				style: {
+					maxWidth: 80,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				}
+			}, active ? active.name : "团队"), h("span", { style: {
+				fontSize: 8,
+				opacity: .6
+			} }, open ? "▲" : "▼")), open ? h("div", { style: {
+				position: "absolute",
+				bottom: "100%",
+				right: 0,
+				marginBottom: 4,
+				minWidth: 228,
+				background: T.layer1,
+				border: `1px solid ${T.border}`,
+				borderRadius: 8,
+				boxShadow: "0 4px 12px rgba(0,0,0,.15)",
+				zIndex: 100,
+				overflow: "hidden"
+			} }, h("div", { style: {
+				padding: "7px 12px",
+				fontSize: 10,
+				color: T.text2,
+				borderBottom: `1px solid ${T.border}`
+			} }, "选择团队"), h("button", {
+				onClick: () => select(null),
+				style: {
+					display: "flex",
+					alignItems: "flex-start",
+					gap: 10,
+					width: "100%",
+					padding: "9px 12px",
+					border: "none",
+					cursor: "pointer",
+					textAlign: "left",
+					background: !active ? `color-mix(in srgb, ${T.text2} 10%, transparent)` : "transparent",
+					color: T.text,
+					fontSize: 12,
+					transition: "background .1s",
+					borderBottom: `1px solid ${T.border}`
+				}
+			}, h("span", { style: {
+				fontSize: 14,
+				opacity: .5,
+				width: 18,
+				flexShrink: 0,
+				lineHeight: 1.4
+			} }, "💬"), h("div", { style: {
+				minWidth: 0,
+				flex: 1
+			} }, h("div", { style: {
+				fontWeight: 600,
+				lineHeight: 1.35
+			} }, "无团队（直接对话）"), h("div", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				marginTop: 3,
+				lineHeight: 1.45,
+				whiteSpace: "normal",
+				wordBreak: "break-word"
+			} }, "不走 teamflow，模型直接工作")), !active ? h("span", { style: {
+				marginLeft: "auto",
+				color: T.text2,
+				fontSize: 12,
+				flexShrink: 0
+			} }, "✓") : null), teams.map((team) => h("button", {
+				key: team.id,
+				onClick: () => select(team.id),
+				style: {
+					display: "flex",
+					alignItems: "flex-start",
+					gap: 10,
+					width: "100%",
+					padding: "9px 12px",
+					border: "none",
+					cursor: "pointer",
+					textAlign: "left",
+					background: active && active.id === team.id ? `color-mix(in srgb, ${T.brand} 10%, transparent)` : "transparent",
+					color: T.text,
+					fontSize: 12,
+					transition: "background .1s"
+				}
+			}, h("span", { style: {
+				fontSize: 14,
+				width: 18,
+				flexShrink: 0,
+				lineHeight: 1.4
+			} }, team.icon), h("div", { style: {
+				minWidth: 0,
+				flex: 1
+			} }, h("div", { style: {
+				fontWeight: 600,
+				lineHeight: 1.35
+			} }, team.name), h("div", { style: {
+				fontSize: 10.5,
+				color: T.text2,
+				marginTop: 3,
+				lineHeight: 1.45,
+				whiteSpace: "normal",
+				wordBreak: "break-word"
+			} }, team.description)), active && active.id === team.id ? h("span", { style: {
+				marginLeft: "auto",
+				color: T.brand,
+				fontSize: 12,
+				flexShrink: 0
+			} }, "✓") : null))) : null);
+		}
+		/** 解包 remote 信封：失败抛错；成功返回 value。 */
+		function unwrap(res, what) {
+			if (!res || !res.ok) throw new Error(`${what || "remote"} 调用失败：${res && res.error && (res.error.message || res.error.code) || "未知错误"}`);
+			return res.value;
+		}
+		function TeamFlowView(props) {
+			const api = props.remote;
+			const [state, setState] = react.default.useState({
+				runs: [],
+				active: null,
+				backlog: null,
+				err: null,
+				workspace: null
+			});
+			const [runId, setRunId] = react.default.useState(null);
+			const [tab, setTab] = react.default.useState("pipeline");
+			const [busy, setBusy] = react.default.useState(false);
+			const refresh = react.default.useCallback(async () => {
+				if (!api) {
+					setState((s) => ({
+						...s,
+						err: "remote 未就绪"
+					}));
+					return;
+				}
+				try {
+					const lr = unwrap(await api.list(props.sessionId), "list");
+					const runsList = lr && lr.runs || [];
+					const workspace = lr && lr.workspace || null;
+					const id = runId || runsList[0] && runsList[0].id;
+					const snapWrap = id ? await api.snapshot(id, props.sessionId) : null;
+					const snap = snapWrap ? unwrap(snapWrap, "snapshot") : null;
+					const bo = unwrap(await api.backlog(props.sessionId), "backlog");
+					setState({
+						runs: (runsList || []).slice(0, 12),
+						active: snap,
+						backlog: bo,
+						err: null,
+						workspace
+					});
+				} catch (e) {
+					setState((s) => ({
+						...s,
+						err: String(e && e.message || e)
+					}));
+				}
+			}, [
+				runId,
+				api,
+				props.sessionId
+			]);
+			react.default.useEffect(() => {
+				refresh();
+				const t = setInterval(refresh, 2e3);
+				return () => clearInterval(t);
+			}, [refresh]);
+			const { runs, active, backlog, err, workspace } = state;
+			const total = totalUsage(active && active.stages);
+			const needHuman = [];
+			if (backlog) {
+				for (const item of [
+					...backlog.requirements || [],
+					...backlog.tasks || [],
+					...backlog.bugs || []
+				]) if (item.humanIntervention || item.status === "needs-human") needHuman.push(item);
+			}
+			const activeRun = runs.find((r) => r.id === runId) || runs[0];
+			const canResume = activeRun && activeRun.incompleteStages && (activeRun.status === "interrupted" || activeRun.status === "failed" || activeRun.status === "cancelled");
+			const onResume = async () => {
+				if (!api || !activeRun || busy) return;
+				setBusy(true);
+				try {
+					await api.resume(activeRun.id, props.sessionId);
+					refresh();
+				} catch (e) {
+					setState((s) => ({
+						...s,
+						err: String(e && e.message || e)
+					}));
+				}
+				setBusy(false);
+			};
+			const anyRunning = runs.some((r) => r.status === "running" || r.status === "pending");
+			const btn = {
+				font: "inherit",
+				fontSize: 12,
+				padding: "4px 12px",
+				borderRadius: 8,
+				cursor: "pointer",
+				border: `1px solid ${T.border2}`,
+				background: T.layer1,
+				color: T.text,
+				transition: "border-color .12s ease, background .12s ease"
+			};
+			const tabBtn = (on) => ({
+				font: "inherit",
+				fontSize: 12,
+				fontWeight: on ? 600 : 500,
+				padding: "5px 14px",
+				borderRadius: 8,
+				cursor: "pointer",
+				border: "none",
+				background: on ? `color-mix(in srgb, ${T.brand} 14%, transparent)` : "transparent",
+				color: on ? T.brand : T.text2,
+				transition: "background .12s ease, color .12s ease"
+			});
+			const chipBtn = (sel) => ({
+				font: "inherit",
+				fontSize: 11,
+				padding: "2px 10px",
+				borderRadius: 999,
+				cursor: "pointer",
+				border: `1px solid ${sel ? T.brand : T.border}`,
+				background: sel ? `color-mix(in srgb, ${T.brand} 12%, transparent)` : "transparent",
+				color: sel ? T.brand : T.text2,
+				fontFamily: MONO
+			});
+			return h("div", { style: {
+				fontFamily: SANS,
+				fontSize: 13,
+				color: T.text,
+				display: "flex",
+				flexDirection: "column",
+				gap: 10,
+				padding: "4px 16px"
+			} }, h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 10
+			} }, h("div", { style: {
+				width: 28,
+				height: 28,
+				borderRadius: 8,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				fontSize: 15,
+				background: `color-mix(in srgb, ${T.brand} 12%, transparent)`,
+				border: `1px solid color-mix(in srgb, ${T.brand} 28%, transparent)`
+			} }, "🏭"), h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 1
+			} }, h("span", { style: {
+				fontWeight: 700,
+				fontSize: 14,
+				lineHeight: "18px"
+			} }, "团队工作台"), h("span", { style: {
+				fontSize: 11,
+				color: T.text2,
+				display: "flex",
+				alignItems: "center",
+				gap: 5
+			} }, h("span", { style: {
+				width: 7,
+				height: 7,
+				borderRadius: 999,
+				display: "inline-block",
+				background: anyRunning ? T.success : T.text2,
+				animation: anyRunning ? "tf-pulse 1.6s ease-in-out infinite" : "none"
+			} }), anyRunning ? "流水线运行中" : "空闲")), h("button", {
+				onClick: refresh,
+				style: {
+					...btn,
+					marginLeft: "auto",
+					display: "flex",
+					alignItems: "center",
+					gap: 5
+				}
+			}, "🔄 刷新"), canResume ? h("button", {
+				onClick: onResume,
+				disabled: busy,
+				title: `断点续跑 ${activeRun.id}\n当前状态：${RUN_STATUS_TEXT[activeRun.status] || activeRun.status}；跳过已完成阶段，从第一个未完成阶段重跑`,
+				style: {
+					...btn,
+					background: T.error,
+					color: "#fff",
+					border: "none",
+					fontWeight: 600
+				}
+			}, busy ? "续跑中…" : `↻ 从断点重跑 #${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: {
+				display: "flex",
+				alignItems: "center",
+				gap: 10,
+				flexWrap: "wrap",
+				background: `color-mix(in srgb, ${T.warn} 9%, ${T.layer1})`,
+				border: `1px solid color-mix(in srgb, ${T.warn} 35%, transparent)`,
+				borderRadius: 10,
+				padding: "9px 12px"
+			} }, h("span", { style: {
+				fontWeight: 700,
+				color: T.warn,
+				fontSize: 12.5
+			} }, `⚠ ${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, "人工处理");
+						refresh();
+					},
+					style: {
+						...btn,
+						background: T.success,
+						color: "#fff",
+						border: "none",
+						fontWeight: 600
+					}
+				}, `处理 ${item.id}`);
+			})) : null, h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 2,
+				borderBottom: `1px solid ${T.border}`
+			} }, h("button", {
+				onClick: () => setTab("pipeline"),
+				style: tabBtn(tab === "pipeline")
+			}, "🔄 流水线"), h("button", {
+				onClick: () => setTab("board"),
+				style: tabBtn(tab === "board")
+			}, "📋 Backlog 看板"), h("div", { style: {
+				marginLeft: "auto",
+				display: "flex",
+				alignItems: "center",
+				gap: 10
+			} }, activeRun ? h("span", {
+				title: `${activeRun.id}\n${activeRun.requirement || ""}`,
+				style: {
+					fontSize: 11.5,
+					fontFamily: MONO,
+					padding: "2px 10px",
+					borderRadius: 999,
+					background: T.layer2,
+					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", {
+				style: {
+					fontSize: 11.5,
+					fontFamily: MONO,
+					color: T.text2,
+					cursor: "help"
+				},
+				title: "输入(未命中)/输入(命中)/输出 全部阶段合计"
+			}, `∑ ⇅${fmtTokens(total.input)}/⇅${fmtTokens(total.cacheRead)}·⬆${fmtTokens(total.output)}`) : null)), h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				fontSize: 12,
+				flexWrap: "wrap"
+			} }, h("span", {
+				title: `当前工作区（workspace 级隔离）：${workspace && workspace.path || "未连接工作区"}`,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 6,
+					fontFamily: MONO,
+					fontSize: 11.5,
+					padding: "2px 10px",
+					borderRadius: 999,
+					background: `color-mix(in srgb, ${T.brand} 10%, transparent)`,
+					border: `1px solid color-mix(in srgb, ${T.brand} 30%, transparent)`,
+					color: T.brand
+				}
+			}, h("span", { style: { fontSize: 13 } }, "🗂"), h("span", {
+				title: workspace && workspace.path ? String(workspace.path) : void 0,
+				style: {
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					maxWidth: 220
+				}
+			}, workspace && workspace.path ? String(workspace.path).split(/[\\/]/).filter(Boolean).pop() : "ungrouped")), tab === "pipeline" ? h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 5
+			} }, h("span", { style: { color: T.text2 } }, "历史"), runs.length ? runs.map((r) => {
+				const sel = r.id === (runId || runs[0] && runs[0].id);
+				return h("button", {
+					key: r.id,
+					onClick: () => setRunId(r.id),
+					style: chipBtn(sel),
+					title: `${r.id}\n${r.requirement || ""}`
+				}, `#${String(r.id).slice(-6)}`);
+			}) : h("span", { style: {
+				color: T.text2,
+				fontSize: 11.5
+			} }, "（暂无）")) : null), tab === "pipeline" ? h(PipelinePanel, {
+				active,
+				api,
+				runId: activeRun ? activeRun.id : null,
+				sessionId: props.sessionId,
+				sessions: props.sessions
+			}) : h(BoardPanel, {
+				backlog,
+				api,
+				onRefresh: refresh,
+				sessionId: props.sessionId,
+				onShowRun: (rid) => {
+					setTab("pipeline");
+					setRunId(rid);
+				}
+			}));
+		}
+		if (typeof document !== "undefined") {
+			const styleEl = document.createElement("style");
+			styleEl.textContent = `
+@keyframes tf-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .45; transform: scale(.8); } }
+@keyframes tf-shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(350%); } }
+@keyframes tf-flow { from { stroke-dashoffset: 0 } to { stroke-dashoffset: -28 } }`;
+			document.head.appendChild(styleEl);
+		}
+		/** 注册 conversation.view tab「团队工作台」+ input.right 团队选择按钮。 */
+		async function apply(ctx) {
+			await ctx.remote.$mount(TEAMFLOW_REMOTE_CONTRIBUTION);
+			const teamflow = ctx.get("remote.teamflow");
+			ctx.slots.inject("conversation.view", () => ctx.slots.register({
+				name: "conversation.view",
+				id: "teamflow",
+				order: 20,
+				label: "🏭 团队工作台",
+				inject: (sessionId) => ({
+					sessionId,
+					remote: teamflow,
+					sessions: ctx.get("sessions")
+				})
+			}, TeamFlowView));
+			ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
+				name: "conversation.input.right",
+				id: "teamflow-team-select",
+				order: 5,
+				inject: (sessionId) => ({
+					sessionId,
+					remote: teamflow
+				})
+			}, TeamSelector));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map