dsh-knj-workflow 0.1.94 → 0.1.112

package/lib/client.js

@@ -562,12 +562,15 @@ window.__ModuleLoader__.load({
 				this.scheduleCommit(); // 逐键输入防抖合并
 				const wf = this.state.wf;
 				if (wf.nodes.some((n) => n.id === newId && n.id !== oldId)) { toast('阶段编码已存在'); return; }
+				// 改 id 后同步所有引用：edges from/to、其他节点的 routes[].to / approveTo / rejectTo / displayFrom / inputs[].from
 				const nodes = wf.nodes.map((n) => {
-					if (n.id !== oldId) return n;
-					const u = { ...n, id: newId };
+					if (n.id === oldId) return { ...n, id: newId };
+					const u = { ...n };
 					if (n.approveTo === oldId) u.approveTo = newId;
 					if (n.rejectTo === oldId) u.rejectTo = newId;
 					if (n.displayFrom === oldId) u.displayFrom = newId;
+					if (Array.isArray(n.routes)) u.routes = n.routes.map((r) => (r.to === oldId ? { ...r, to: newId } : r));
+					if (Array.isArray(n.inputs)) u.inputs = n.inputs.map((r) => (r.from === oldId ? { ...r, from: newId } : r));
 					return u;
 				});
 				const edges = wf.edges.map((e) => ({ ...e, from: e.from === oldId ? newId : e.from, to: e.to === oldId ? newId : e.to }));
@@ -581,8 +584,8 @@ window.__ModuleLoader__.load({
 				if (type === 'task') {
 					Object.assign(base, { inputs: [], body: { prompt: '', mode: 'single', output: {} }, prehook: [], posthook: [] });
 				} else if (type === 'human') {
-					// 人工节点不预设去向：通常在流程中间（如设计评审），通过/驳回去向由用户按需配置
-					Object.assign(base, { displayFrom: '', approveTo: '', rejectTo: '' });
+					// 人工节点不预设去向：通常在流程中间（如设计评审），去向由用户按需配置
+					Object.assign(base, { displayFrom: '', routes: [] });
 				}
 				wf.nodes.push(base);
 				this.pushNow(wf); // 新增节点后提交，撤销可移除
@@ -603,23 +606,61 @@ window.__ModuleLoader__.load({
 					schemaVersion: 2, inputs: wf.inputs || [],
 					nodes: wf.nodes.map((n) => {
 						const out = { ...n, inputs: (n.inputs || []).filter((r) => r.from && r.field) };
-						// 人工节点统一输出 routes（旧 approveTo/rejectTo 自动迁移为 通过/驳回 两条去向）
-						if (n.type === 'human' && !Array.isArray(n.routes)) {
-							const routes = [];
-							if (n.approveTo) routes.push({ label: '通过', to: n.approveTo, tone: 'success' });
-							if (n.rejectTo) routes.push({ label: '驳回', to: n.rejectTo, tone: 'danger' });
-							out.routes = routes;
+						// 人工节点统一输出 routes（旧 approveTo/rejectTo 自动迁移为 通过/驳回 两条去向），并清掉旧字段
+						if (n.type === 'human') {
+							if (!Array.isArray(n.routes)) {
+								const routes = [];
+								if (n.approveTo) routes.push({ label: '通过', to: n.approveTo, tone: 'success' });
+								if (n.rejectTo) routes.push({ label: '驳回', to: n.rejectTo, tone: 'danger' });
+								out.routes = routes;
+							}
+							delete out.approveTo;
+							delete out.rejectTo;
 						}
 						return out;
 					}),
-					edges: wf.edges.map((e) => {
-						// op=in 时 value 从逗号分隔字符串转成数组；空 when 去掉 field/op/value
-						if (e.when && e.when.op === 'in' && typeof e.when.value === 'string') {
-							return { ...e, when: { ...e.when, value: e.when.value.split(',').map((s) => s.trim()).filter(Boolean) } };
+					// 边规范化：value 智能转换（'true'→true、'5'→5；${} 引用保留字符串）、
+					// op=in 时 value 转数组、空 when 置 null、同 from→to 去重合并（自愈历史脏数据）
+					edges: (() => {
+						// UI 值输入框存的是字符串，而 subagent 输出的布尔/数字是真值——
+						// 不转换则 'true' === true 永远失配、条件静默走 default。
+						const coerce = (v) => {
+							if (typeof v !== 'string') return v;
+							if (v.startsWith('${')) return v; // 引用字符串（运行时解析），保留
+							if (v === 'true') return true;
+							if (v === 'false') return false;
+							if (v !== '' && !isNaN(Number(v))) return Number(v);
+							return v;
+						};
+						const norm = wf.edges.map((e) => {
+							if (e.when && e.when.op === 'in' && typeof e.when.value === 'string') {
+								return { ...e, when: { ...e.when, value: e.when.value.split(',').map((s) => s.trim()).filter(Boolean).map(coerce) } };
+							}
+							if (e.when && typeof e.when.value === 'string') {
+								return { ...e, when: { ...e.when, value: coerce(e.when.value) } };
+							}
+							if (e.when && !e.when.field) return { ...e, when: null };
+							return e;
+						});
+						const out = [];
+						const idxByPair = new Map();
+						for (const e of norm) {
+							const k = e.from + '->' + e.to;
+							const i = idxByPair.get(k);
+							if (i === undefined) { idxByPair.set(k, out.length); out.push(e); continue; }
+							const prev = out[i];
+							// 两条都有条件时不自动合并（静默丢条件会悄悄改变路由语义）：
+							// 两条都保留，让服务端 validateWorkflow 报「重复边」给用户明确提示。
+							if (prev.when && e.when) { out.push(e); continue; }
+							// 一条有条件一条没有（如历史脏数据 when 边 + 纯 default 边）→ 合并：when 取有值者，default 任一真则保留
+							out[i] = {
+								...prev,
+								when: prev.when || e.when || null,
+								default: !!(prev.default || e.default),
+							};
 						}
-						if (e.when && !e.when.field) return { ...e, when: null };
-						return e;
-					}),
+						return out;
+					})(),
 				};
 			}
 			async save() {
@@ -630,9 +671,10 @@ window.__ModuleLoader__.load({
 				try {
 					await api('/workflows', { method: 'POST', body: graph });
 					toast('已保存');
-					// 保存成功 = 新基线：清空 undo/redo，防止撤销跨保存边界
+					// 保存成功 = 新基线：规范化结果（去重边/迁移 routes）回写 state，UI 立即干净
 					this.flushPending();
-					this.history = [JSON.parse(JSON.stringify(this.state.wf))];
+					this.setState({ wf: graph });
+					this.history = [JSON.parse(JSON.stringify(graph))];
 					this.redoStack = [];
 					this.setState({ canUndo: false, canRedo: false });
 					this.props.onSaved();
@@ -765,7 +807,8 @@ window.__ModuleLoader__.load({
 							]),
 							sec('行为 prompt（task 节点）', [
 								'本节点让 AI 做什么，写清目标与约束。',
-								'可引用：${inputDescription}（任务需求描述）、${inputTitle}（标题）、${inputs.参数名}（任务输入）。',
+								'可引用：${inputDescription}（任务需求描述）、${inputTitle}（标题）、${storyCode}（用户故事编码）、${cwd}（任务工作目录）、${inputs.参数名}（任务输入）。',
+								'运行时每个 task 节点会自动声明任务工作目录（所有文件/命令操作都在其中）。',
 								'需要 skill 时在 prompt 里直接写「先调用 skill 工具加载 skill「xxx」」。',
 								'上游输出引用（${上游编码.字段}）：',
 								...this.buildRefsText(this.state.wf.nodes.find((n) => n.id === this.state.selectedId)).split('\n').map((s) => '　' + s),
@@ -1046,7 +1089,7 @@ window.__ModuleLoader__.load({
 			}
 			renderEdgeProps() {
 				const key = this.state.selectedEdge;
-				// 人工决策边（通过/驳回）：key 形如 human:approve:<nodeId> / human:reject:<nodeId>
+				// 人工决策边（多去向）：key 形如 human:<nodeId>:<index>
 				if (key.startsWith('human:')) return this.renderHumanEdgeProps(key);
 				const [from, to] = key.split('->');
 				const edge = this.state.wf.edges.find((e) => e.from === from && e.to === to);
@@ -1058,15 +1101,17 @@ window.__ModuleLoader__.load({
 					react.createElement('div', { className: 'knj-form-label' }, '连线'),
 					react.createElement('div', { style: { fontSize: 13 } }, `${from} → ${to}`),
 					needCondition ? react.createElement('div', null,
-						react.createElement('div', { className: 'knj-form-label', style: { marginTop: 10 } }, '条件（when）'),
-						react.createElement('input', { className: 'knj-input', placeholder: '字段名（相对上游输出，如 complexity）', value: edge.when?.field || '', onChange: (e) => this.patchEdge(key, { when: { op: 'eq', value: '', ...edge.when, field: e.target.value } }) }),
+						react.createElement('div', { className: 'knj-form-label', style: { marginTop: 10 } }, '条件（when）',
+						react.createElement('span', { onMouseEnter: (e) => this.showTip(e, '字段三种写法：\n· 裸字段名（如 level）——相对作用域：网关取唯一上游输出、任务多出边取自身输出\n· ${节点id.字段}（如 ${verify.passed}）——显式引用任意已执行节点，取原始值（布尔/数字直接比较）\n· 裸点号路径（如 verify.passed）——同上\n\n值：布尔/数字自动识别（true/false/5 存为真值）；支持 ${inputs.参数名} 引用；in 用逗号分隔。'), onMouseLeave: () => this.hideTip(), style: { cursor: 'help', color: 'var(--dsw-alias-label-tertiary)', marginLeft: 6, fontSize: 12 } }, 'ⓘ'),
+					),
+						react.createElement('input', { className: 'knj-input', placeholder: '字段名（如 level；判断任意上游写 ${节点id.字段}）', value: edge.when?.field || '', onChange: (e) => this.patchEdge(key, { when: { op: 'eq', value: '', ...edge.when, field: e.target.value } }) }),
 						react.createElement('div', { className: 'knj-row', style: { marginTop: 8 } },
 							react.createElement('select', { className: 'knj-input', style: { maxWidth: 120 }, value: edge.when?.op || 'eq', onChange: (e) => this.patchEdge(key, { when: { field: '', ...edge.when, op: e.target.value } }) },
 								react.createElement('option', { value: 'eq' }, '等于'),
 								react.createElement('option', { value: 'neq' }, '不等于'),
 								react.createElement('option', { value: 'in' }, '属于'),
 							),
-							react.createElement('input', { className: 'knj-input', placeholder: '值（in 用逗号分隔，如 high,low）', value: this.valueToText(edge.when?.value), onChange: (e) => this.patchEdge(key, { when: { ...edge.when, value: e.target.value } }) }),
+							react.createElement('input', { className: 'knj-input', placeholder: '值（布尔/数字自动识别；in 用逗号分隔；支持 ${inputs.x}）', value: this.valueToText(edge.when?.value), onChange: (e) => this.patchEdge(key, { when: { ...edge.when, value: e.target.value } }) }),
 						),
 						edge.when ? react.createElement('button', { className: 'knj-btn', style: { alignSelf: 'flex-start', marginTop: 6 }, onClick: () => this.patchEdge(key, { when: null }) }, '清除条件') : null,
 					) : react.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-label-tertiary)', marginTop: 8 } }, '顺序边，无需条件判断'),
@@ -1261,7 +1306,7 @@ window.__ModuleLoader__.load({
 					fieldLabel('节点编码（id）', '节点唯一标识：下游用 ${编码.字段} 引用（如 ${analyze.description}），网关用字段值做分支判断。修改后 prompt 里旧的 ${旧编码.字段} 引用需手动更新。', '下游用 ${编码.字段} 引用，如 ${analyze.description}'),
 					react.createElement('input', { className: 'knj-input', style: { marginBottom: 8 }, placeholder: '如：analyze', defaultValue: node.id || '', onBlur: (e) => this.patchNodeId(node.id, e.target.value.trim()) }),
 					isTask ? react.createElement('div', null,
-						fieldLabel('行为 prompt（主体）', '本节点让 AI 做什么，写清目标与约束。\n可引用：\n${inputDescription}（任务需求描述）\n${inputTitle}（标题）\n${inputs.参数名}（任务输入）\n\n上游输出引用（${上游编码.字段}）：\n' + this.buildRefsText(node) + '\n\n注意：XOR 分支未执行的节点引用为空；整节点输出用 ${节点id}；${ctx.前缀写法仍兼容。', '让 AI 做什么；可引用 ${inputDescription}、${上游编码.字段}（ⓘ 看完整清单）'),
+						fieldLabel('行为 prompt（主体）', '本节点让 AI 做什么，写清目标与约束。\n可引用：\n${inputDescription}（任务需求描述）\n${inputTitle}（标题）\n${storyCode}（用户故事编码，可选）\n${cwd}（任务工作目录；运行时还会自动向 subagent 声明该目录）\n${inputs.参数名}（任务输入）\n\n上游输出引用（${上游编码.字段}）：\n' + this.buildRefsText(node) + '\n\n注意：XOR 分支未执行的节点引用为空；整节点输出用 ${节点id}；${ctx.前缀写法仍兼容。', '让 AI 做什么；可引用 ${inputDescription}、${storyCode}、${cwd}、${上游编码.字段}（ⓘ 看完整清单）'),
 						react.createElement('textarea', { className: 'knj-textarea', style: { minHeight: 140 }, placeholder: '如：根据需求 ${inputDescription} 输出功能描述与验收标准', value: node.body?.prompt || '', onChange: (e) => this.patchNode(node.id, { body: { ...node.body, prompt: e.target.value } }) }),
 						fieldLabel('执行方式', 'single：一个 AI 完成本阶段，输出单个对象。\nparallel：派多个 AI 并行做同一件事，结果合并为数组（配合「最大执行次数」外的 parallelItems 使用，见输出说明）。', 'single：单个 AI 完成；parallel：多个 AI 并行，结果合并为数组'),
 						react.createElement('select', { className: 'knj-input', value: node.body?.mode || 'single', onChange: (e) => this.patchNode(node.id, { body: { ...node.body, mode: e.target.value } }) },
@@ -1435,26 +1480,35 @@ window.__ModuleLoader__.load({
 			if (typeof s !== 'string' || !s.trim()) return false;
 			const v = s.trim();
 			if (v.length > 220) return false;
-			return /\.\w{1,12}$/.test(v) || /[/\\]/.test(v);
+			if (v.includes(' ')) return false; // 路径不含空格：错误消息（含空格+中文）不会被误判
+			// 绝对/相对路径开头（/ ./ ../ 盘符:\ ~/），或纯文件名带扩展名
+			return /^(\/|\.{1,2}\/|[A-Za-z]:[\\/]|~\/)/.test(v) || /^\S+\.\w{1,12}$/.test(v);
 		}
 		/** 从产物（JSON）里收集看起来像文件路径的字符串（去重，限制数量） */
+		/** 从产物（JSON）里收集文件路径：只认「文件类字段」的数组元素（changedFiles/affectedFiles/paths 等），
+		 *  错误消息/描述等文本字段不收集（避免把错误文案里的路径误判成文件）。去重，限制数量。 */
 		function collectFiles(value, out, depth) {
 			out = out || new Set();
 			depth = depth || 0;
 			if (depth > 4 || out.size >= 20) return out;
-			if (value === null || value === undefined) return out;
-			if (typeof value !== 'object') {
-				if (typeof value === 'string' && looksLikeFile(value)) out.add(value.trim());
+			if (value === null || value === undefined || typeof value !== 'object') return out;
+			if (Array.isArray(value)) {
+				// 仅当整体是文件列表数组时（由上层文件字段进入）才收元素；普通数组不递归收字符串
+				for (const v of value) {
+					if (typeof v === 'string') { if (looksLikeFile(v)) out.add(v.trim()); }
+					else collectFiles(v, out, depth + 1);
+				}
 				return out;
 			}
-			if (Array.isArray(value)) {
-				for (const v of value) collectFiles(v, out, depth + 1);
-			} else {
-				for (const k of Object.keys(value)) {
-					// 字段名暗示文件列表（changedFiles/affectedFiles/files 等）时，集合其数组元素
-					if (Array.isArray(value[k]) && /(file|path|src|output|artifact)/i.test(k)) {
-						for (const v of value[k]) collectFiles(v, out, depth + 1);
-					} else collectFiles(value[k], out, depth + 1);
+			for (const k of Object.keys(value)) {
+				// 字段名暗示文件列表（changedFiles/affectedFiles/files/paths/artifacts 等）→ 收集其数组元素
+				if (Array.isArray(value[k]) && /(file|path|src|output|artifact)/i.test(k)) {
+					for (const v of value[k]) {
+						if (typeof v === 'string') { if (looksLikeFile(v)) out.add(v.trim()); }
+						else collectFiles(v, out, depth + 1);
+					}
+				} else {
+					collectFiles(value[k], out, depth + 1);
 				}
 			}
 			return out;
@@ -1471,53 +1525,90 @@ window.__ModuleLoader__.load({
 		// 新建任务模态（完整表单）+ 中央工作台（子 tab）+ 打开函数
 		// ---------------------------------------------------------------------------
 		let newTaskRoot = null;
+		let newTaskRootHandle = null;
 		function openNewTaskModal() {
 			ensureStyle();
 			if (newTaskRoot) { newTaskRoot.style.display = 'flex'; return; }
 			newTaskRoot = document.createElement('div');
 			document.body.appendChild(newTaskRoot);
-			react_dom_client.createRoot(newTaskRoot).render(react.createElement(NewTaskModal, {
-				onClose: () => { if (newTaskRoot) newTaskRoot.style.display = 'none'; },
-			}));
+			// 关闭 = 真正卸载：下次打开表单全新（不残留上次填的标题/描述/工作目录/参数）
+			const close = () => {
+				if (newTaskRootHandle) { newTaskRootHandle.unmount(); newTaskRootHandle = null; }
+				if (newTaskRoot) { newTaskRoot.remove(); newTaskRoot = null; }
+			};
+			newTaskRootHandle = react_dom_client.createRoot(newTaskRoot);
+			newTaskRootHandle.render(react.createElement(NewTaskModal, { onClose: close }));
 		}
 
 		class NewTaskModal extends react.Component {
 			constructor(props) {
 				super(props);
-				this.state = { description: '', title: '', workflowId: '', cwd: '', cwdOptions: [], inputs: {}, workflows: [], busy: false, error: null };
+				this.state = { description: '', title: '', storyCode: '', workflowId: '', cwd: '', cwdOptions: [], inputs: {}, workflows: [], busy: false, error: null, model: '', provider: '', models: [] };
 			}
 			componentDidMount() { this.load(); }
+			/** 取当前会话的模型/provider 作为表单默认值（用户可改成其他模型，如 glm 额度用完时切 deepseek） */
+			currentModelDefaults() {
+				try {
+					const ag = _ctx?.get?.('agents');
+					const init = ag?.currentInitiator?.() ?? ag?.roots?.()?.[0];
+					const opts = init?.options || {};
+					return { model: opts.model || '', provider: opts.provider || '' };
+				} catch { return { model: '', provider: '' }; }
+			}
+			/** 拉取可用模型列表：直接走 Host 插件 /models（本地解析配置文件，毫秒级）。
+			 *  不再尝试 connection.api.llm.models RPC——它会遍历所有 provider 并逐个远端 resolve，
+			 *  在 key 失效/网络慢时挂起很久，导致表单"加载半天才出来"。 */
+			async loadModels() {
+				const list = [];
+				try {
+					const r = await api('/models');
+					for (const m of (r && r.models) || []) list.push(m);
+				} catch { /* 失败则留空（仅显示"继承当前会话"） */ }
+				const seen = new Set();
+				const uniq = list.filter((m) => {
+					const k = (m.provider || '') + '::' + (m.model || '');
+					if (!m.model || seen.has(k)) return false;
+					seen.add(k);
+					return true;
+				});
+				if (uniq.length === 0) console.warn('[knj-workflow] 模型列表为空：/models 未返回模型');
+				this.setState({ models: uniq });
+			}
+			/** 工作目录下拉：异步加载，不阻塞表单渲染（refresh 可能慢/挂起，最多等 3 秒） */
+			async loadCwdOptions() {
+				try {
+					const ws = _ctx?.get?.('workspaces') || _workspaces;
+					if (ws && typeof ws.refresh === 'function' && !(ws.list?.getSnapshot?.()?.items || []).length) {
+						await Promise.race([
+							ws.refresh(),
+							new Promise((resolve) => setTimeout(resolve, 3000)),
+						]);
+					}
+					const items = ws?.list?.getSnapshot?.()?.items || [];
+					const cwdOptions = [];
+					for (const item of items) {
+						const view = item?.getSnapshot?.()?.view || item || {};
+						const path = view.path || view.cwd || '';
+						const title = view.title || view.name || (path ? path.replace(/[\\/]+$/, '').split(/[\\/]/).pop() : '');
+						if (path) cwdOptions.push({ path, title: title || path });
+					}
+					this.setState({ cwdOptions });
+				} catch { /* 加载失败保持空 */ }
+			}
 			async load() {
 				try {
 					const w = await api('/workflows');
 					const workflows = w.workflows || [];
-					// 工作目录下拉选项：来自 DSH 工作区列表（path 为 canonical 目录，title 为 basename）
-					const cwdOptions = [];
-					try {
-						// 动态取 workspaces 服务（避免 apply 时机缓存失败）；items 为空时主动 refresh 拉取
-						const ws = _ctx?.get?.('workspaces') || _workspaces;
-						if (ws && typeof ws.refresh === 'function' && !(ws.list?.getSnapshot?.()?.items || []).length) {
-							await ws.refresh();
-						}
-						const items = ws?.list?.getSnapshot?.()?.items || [];
-						console.log('[knj-workflow] workspaces:', ws ? 'ok' : 'null', 'items:', items.length, 'sample:', items[0] ? (items[0].getSnapshot ? JSON.stringify(items[0].getSnapshot().view) : JSON.stringify(items[0])) : null);
-						for (const item of items) {
-							// 防御两种结构：Workspace 实例（有 getSnapshot().view）或 raw workspace view（自身即带 path）
-							const view = item?.getSnapshot?.()?.view || item || {};
-							const path = view.path || view.cwd || '';
-							const title = view.title || view.name || (path ? path.replace(/[\\/]+$/, '').split(/[\\/]/).pop() : '');
-							console.log('[knj-workflow] cwd item:', 'hasGetSnapshot=' + (typeof item?.getSnapshot === 'function'), 'path=' + path, 'title=' + (title || ''));
-							if (path) cwdOptions.push({ path, title: title || path });
-						}
-					} catch (e) { console.warn('[knj-workflow] 加载工作目录失败:', e); }
-					console.log('[knj-workflow] cwdOptions built:', JSON.stringify(cwdOptions));
-					this.setState({ workflows, workflowId: workflows[0]?.id || '', cwdOptions, error: null });
+					const def = this.currentModelDefaults();
+					// 先渲染表单主体（工作流/默认模型），工作区与模型列表异步填充，不等慢请求
+					this.setState({ workflows, workflowId: workflows[0]?.id || '', model: def.model, provider: def.provider, error: null });
+					this.loadCwdOptions();
+					this.loadModels();
 				} catch (e) { this.setState({ error: e.message }); }
 			}
 			selectedWorkflow() { return this.state.workflows.find((w) => w.id === this.state.workflowId); }
 			render() {
-				const { description, title, workflowId, cwd, cwdOptions, inputs, workflows, busy, error } = this.state;
-console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
+				const { description, title, storyCode, workflowId, cwd, cwdOptions, inputs, workflows, busy, error, model, provider } = this.state;
 				const wf = this.selectedWorkflow();
 				const wfInputs = (wf && Array.isArray(wf.inputs)) ? wf.inputs : [];
 				return react.createElement('div', { className: 'knj-overlay' },
@@ -1536,6 +1627,10 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 								react.createElement('div', { className: 'knj-form-label' }, '标题（创建后自动总结，可改）'),
 								react.createElement('input', { className: 'knj-input', placeholder: '留空则创建后自动总结', value: title, onChange: (e) => this.setState({ title: e.target.value }) }),
 							),
+							react.createElement('div', { className: 'knj-form-section' },
+								react.createElement('div', { className: 'knj-form-label', title: '用户故事编号（如 US-123 / STORY-45）。可选；填了之后节点 prompt 里可用 ${storyCode} 引用（如记录到提交信息/文档标题）。' }, '用户故事编码（可选） ⓘ'),
+								react.createElement('input', { className: 'knj-input', placeholder: '如 US-123（可留空）', value: storyCode, onChange: (e) => this.setState({ storyCode: e.target.value }) }),
+							),
 							react.createElement('div', { className: 'knj-form-section' },
 								react.createElement('div', { className: 'knj-form-label' }, '工作流'),
 								react.createElement('select', { className: 'knj-input', value: workflowId, onChange: (e) => this.setState({ workflowId: e.target.value }) },
@@ -1550,6 +1645,21 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 								react.createElement('div', { className: 'knj-form-label' }, '任务输入参数'),
 								wfInputs.map((inp) => react.createElement('input', { key: inp.name, className: 'knj-input', style: { marginBottom: 8 }, placeholder: `${inp.label || inp.name}${inp.required ? '（必填）' : ''}`, value: inputs[inp.name] || '', onChange: (e) => this.setState({ inputs: { ...inputs, [inp.name]: e.target.value } }) })),
 							) : null,
+							react.createElement('div', { className: 'knj-form-section' },
+								react.createElement('div', { className: 'knj-form-label', title: '所有阶段 subagent 都用这个模型执行。默认继承你当前会话的模型（见下拉第一项）。当前模型额度不足时，可在这里换成其他可用模型避免任务失败。' }, '执行模型（可选，留空继承当前会话） ⓘ'),
+								react.createElement('select', { className: 'knj-input', value: model ? provider + '::' + model : '', onChange: (e) => {
+									const v = e.target.value;
+									if (!v) { this.setState({ model: '', provider: '' }); return; }
+									const sep = v.indexOf('::');
+									this.setState({ provider: v.slice(0, sep), model: v.slice(sep + 2) });
+								} },
+									// 第一项 = 继承当前会话（显示当前模型名）；列表排除与它重复的模型，避免出现两个一样的选项
+									react.createElement('option', { value: '' }, model ? `继承当前会话（${provider}/${model}）` : '继承当前会话（默认）'),
+									this.state.models
+										.filter((m) => m.provider + '::' + m.model !== (model ? provider + '::' + model : ''))
+										.map((m) => react.createElement('option', { key: m.provider + '::' + m.model, value: m.provider + '::' + m.model }, `${m.provider}/${m.model}`)),
+								),
+							),
 							react.createElement('div', { className: 'knj-row', style: { justifyContent: 'flex-end' } },
 								react.createElement('button', { className: 'knj-btn', onClick: this.props.onClose }, '取消'),
 								react.createElement('button', { className: 'knj-btn primary', disabled: busy || !description.trim() || !workflowId, onClick: () => this.submit() }, '创建并启动'),
@@ -1559,14 +1669,18 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 				);
 			}
 			async submit() {
-				const { description, title, workflowId, cwd, inputs } = this.state;
+				const { description, title, storyCode, workflowId, cwd, inputs, model, provider } = this.state;
 				const wf = this.selectedWorkflow();
 				const wfInputs = (wf && Array.isArray(wf.inputs)) ? wf.inputs : [];
 				this.setState({ busy: true });
 				try {
 					const body = { title: title.trim() || description.trim().slice(0, 50), workflowId };
 					body.description = description.trim();
+					if (storyCode.trim()) body.storyCode = storyCode.trim();
 					if (cwd.trim()) body.cwd = cwd.trim();
+					// 模型配置：填了就固定用（所有阶段 subagent），空则继承当前会话
+					if (model.trim()) body.model = model.trim();
+					if (provider.trim()) body.provider = provider.trim();
 					const filled = {};
 					wfInputs.forEach((inp) => { const v = inputs[inp.name]; if (v != null && v !== '') filled[inp.name] = v; });
 					if (Object.keys(filled).length) body.inputs = filled;
@@ -1602,14 +1716,21 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 		}
 
 		let devBoardRoot = null;
+		let devBoardRootHandle = null; // React root 句柄（关闭时需 unmount 清定时器，不能只 remove DOM）
 		let _closeDevBoard = null; // 收起开发任务弹窗（跳转子会话前先收起，避免盖住）
 		function openDevBoard() {
 			ensureStyle();
 			if (devBoardRoot) { devBoardRoot.style.display = 'flex'; return; }
 			devBoardRoot = document.createElement('div');
 			document.body.appendChild(devBoardRoot);
-			_closeDevBoard = () => { if (devBoardRoot) devBoardRoot.style.display = 'none'; };
-			react_dom_client.createRoot(devBoardRoot).render(react.createElement(DevBoardOverlay, {
+			_closeDevBoard = () => {
+				if (!devBoardRoot && !devBoardRootHandle) return;
+				// 真正卸载而不是 display:none：否则再次打开会残留上次的详情视图/翻页/滚动位置
+				if (devBoardRootHandle) { devBoardRootHandle.unmount(); devBoardRootHandle = null; }
+				if (devBoardRoot) { devBoardRoot.remove(); devBoardRoot = null; }
+			};
+			devBoardRootHandle = react_dom_client.createRoot(devBoardRoot);
+			devBoardRootHandle.render(react.createElement(DevBoardOverlay, {
 				onClose: _closeDevBoard,
 			}));
 		}
@@ -1834,14 +1955,25 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 				await this.loadResults();
 				if (this.props.onChanged) this.props.onChanged();
 			}
-			/** 某节点的产物（results.json 里按节点 id 存） */
+			/** 某节点的产物（results.json 里按节点 id 存；展开时若缺失会从 stage 文件补，见 toggle） */
 			resultFor(stageId) {
 				const results = this.state.results;
 				if (!results || typeof results !== 'object') return null;
-				return results[stageId];
-			}
-			toggle(stageId) {
-				this.setState((s) => ({ expanded: s.expanded === stageId ? null : stageId }));
+				return results[stageId] ?? null;
+			}
+			async toggle(stageId) {
+				const willExpand = this.state.expanded !== stageId;
+				this.setState((s) => ({ expanded: willExpand ? stageId : null }));
+				// 展开时补产物：results.json 可能为空（任务中断/未 finalize），
+				// 但每节点完成时 checkpoint 会实时落盘 stages/<id>.json——从那里补。
+				if (!willExpand) return;
+				if (this.resultFor(stageId) != null) return;
+				try {
+					const r = await api('/tasks/' + this.props.task.id + '/stages/' + stageId);
+					if (r && r.data != null && typeof r.data === 'object') {
+						this.setState((s) => ({ results: { ...(s.results || {}), [stageId]: r.data } }));
+					}
+				} catch { /* stage 文件也没有则保持无产物 */ }
 			}
 			duration(s) {
 				if (!s.startedAt || !s.finishedAt) return '';
@@ -1860,7 +1992,8 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 				const result = this.resultFor(s.id);
 				const sessionIds = s.sessionIds || [];
 				const expanded = this.state.expanded === s.id;
-				const hasDetail = result != null || sessionIds.length > 0 || s.error;
+				// 展开条件放宽：done/failed 节点必有产物（可能在 results 里或 stage 文件里），点了再异步补数据
+				const hasDetail = result != null || sessionIds.length > 0 || s.error || s.status === 'done' || s.status === 'failed';
 				const statusIcon = s.status === 'done' ? icon('check')
 					: isRunning ? icon('clock')
 					: s.status === 'skipped' ? '–'
@@ -1881,9 +2014,9 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 					expanded ? react.createElement('div', { className: 'knj-node-body' },
 						s.error ? react.createElement('div', { style: { fontSize: 11, color: 'var(--dsw-alias-state-error-primary)', wordBreak: 'break-all' } }, s.error) : null,
 						result != null ? react.createElement('div', null,
-							react.createElement('div', { className: 'knj-node-sec' }, '产物'),
+							react.createElement('div', { className: 'knj-node-sec' }, '产物（输出字段）'),
+							this.renderResultFields(result),
 							this.renderFiles(s.id, result),
-							react.createElement('pre', null, JSON.stringify(result, null, 2)),
 						) : null,
 						this.state.fileView && this.state.fileView.stageId === s.id ? react.createElement('div', null,
 							react.createElement('div', { className: 'knj-node-sec', style: { display: 'flex', alignItems: 'center', gap: 8 } },
@@ -1893,24 +2026,47 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 							react.createElement('pre', { style: { maxHeight: 320 } }, this.state.fileView.content),
 						) : null,
 						sessionIds.length > 0 ? react.createElement('div', null,
-							react.createElement('div', { className: 'knj-node-sec' }, '执行记录'),
+							react.createElement('div', { className: 'knj-node-sec' }, '执行记录（子会话）'),
 							sessionIds.map((sid) => react.createElement('div', { key: sid, className: 'knj-row', style: { marginTop: 6, gap: 8 } },
-								react.createElement('code', { style: { fontSize: 11, color: 'var(--dsw-alias-label-secondary)', flex: 1, wordBreak: 'break-all' } }, sid),
-								react.createElement('button', { className: 'knj-btn', style: { flexShrink: 0 }, onClick: () => this.viewSubagent(sid) }, '查看'),
+								react.createElement('code', { style: { fontSize: 11, color: 'var(--dsw-alias-label-secondary)', flex: 1, wordBreak: 'break-all' } }, '👤 ' + sid),
+								react.createElement('button', { className: 'knj-btn', style: { flexShrink: 0 }, title: '跳转到该子代理会话查看完整执行细节', onClick: () => this.viewSubagent(sid) }, '查看会话'),
 							)),
 						) : null,
 					) : null,
 				);
 			}
-			/** 从产物里识别文件路径并渲染为可点击的「查看」列表 */
+			/** 节点输出按字段展示：字段名（灰底标签）+ 值（缩进 + 左边框竖线），对象/数组折叠为 JSON */
+			renderResultFields(result) {
+				if (result && typeof result === 'object' && !Array.isArray(result)) {
+					const keys = Object.keys(result);
+					if (keys.length === 0) return react.createElement('pre', { style: { fontSize: 11 } }, '{}');
+					const labelStyle = { display: 'inline-block', background: 'var(--dsw-alias-fill-2, #eef0f3)', padding: '1px 8px', borderRadius: 4, fontSize: 11, fontWeight: 600, fontFamily: 'monospace', color: 'var(--dsw-alias-label-secondary)' };
+					const valueStyle = { fontSize: 12.5, color: 'var(--dsw-alias-label-primary)', wordBreak: 'break-all', whiteSpace: 'pre-wrap', marginTop: 4, paddingLeft: 10, borderLeft: '2px solid var(--dsw-alias-border-l2, #e2e6ec)' };
+					return react.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 10 } },
+						keys.map((k) => {
+							const v = result[k];
+							const simple = v == null || typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean';
+							return react.createElement('div', { key: k },
+								react.createElement('div', { style: labelStyle }, k),
+								simple
+									? react.createElement('div', { style: valueStyle }, v == null ? String(v) : String(v))
+									: react.createElement('pre', { style: { ...valueStyle, fontSize: 11, maxHeight: 160, overflow: 'auto', background: 'var(--dsw-alias-fill-2, #f5f6f8)', padding: 6, borderRadius: 4, marginLeft: 10, borderLeft: '2px solid var(--dsw-alias-border-l2, #e2e6ec)' } }, JSON.stringify(v, null, 2)),
+							);
+						}),
+					);
+				}
+				// 数组/标量等非对象结果：保持 JSON 展示
+				return react.createElement('pre', { style: { fontSize: 11 } }, JSON.stringify(result, null, 2));
+			}
+			/** 从产物里识别文件路径并渲染为可点击的「查看文件」列表 */
 			renderFiles(stageId, result) {
 				const files = [...collectFiles(result)];
 				if (!files.length) return null;
 				return react.createElement('div', null,
-					react.createElement('div', { className: 'knj-node-sec' }, '文件'),
+					react.createElement('div', { className: 'knj-node-sec' }, '文件（产物路径）'),
 					files.map((f) => react.createElement('div', { key: f, className: 'knj-row', style: { marginTop: 6, gap: 8 } },
-						react.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, title: f }, f),
-						react.createElement('button', { className: 'knj-btn', style: { flexShrink: 0 }, onClick: () => this.viewFile(stageId, f) }, '查看'),
+						react.createElement('span', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, title: f }, '📄 ' + f),
+						react.createElement('button', { className: 'knj-btn', style: { flexShrink: 0, borderColor: 'var(--dsw-static-blue-600)', color: 'var(--dsw-static-blue-600)' }, title: '读取并查看该文件内容', onClick: () => this.viewFile(stageId, f) }, '查看文件'),
 					)),
 				);
 			}
@@ -1965,6 +2121,7 @@ console.log('[knj-workflow] render cwdOptions:', cwdOptions.length);
 						),
 						react.createElement('button', { className: 'knj-btn', title: '刷新', onClick: () => this.refresh() }, icon('refresh'), '刷新'),
 						react.createElement('span', { className: 'knj-badge', style: { background: statusMeta.color } }, statusMeta.label),
+						task.model ? react.createElement('span', { className: 'knj-badge', style: { background: '#5b6472' }, title: '该任务固定的执行模型（创建时指定）' }, task.model) : null,
 					),
 					// 整体进度条 + 摘要
 					react.createElement('div', { className: 'knj-progress', style: { width: '100%', marginTop: 12 } },