@yanglaofish/fishtools 0.1.4 → 0.3.0

package/node_modules/@mytools/core/src/terminal/model.js

@@ -15,7 +15,7 @@ export function parseCommand(text){
   }
   if(quote)throw new Error('文件路径的引号未闭合');
   if(started)args.push(token);
-  if(!args[0]?.startsWith('/'))throw new Error('请输入 / 选择操作，例如 /workflows 或 /run');
+  if(!args[0]?.startsWith('/'))throw Object.assign(new Error('这不是斜杠命令。输入 / 选择操作；执行工作流请用 /run 工作流ID。'),{code:'COMMAND_INPUT'});
   args[0]=args[0].slice(1);return args;
 }
 
@@ -38,8 +38,21 @@ export async function readRunInput(reference,baseDir){
 
 export const newWorkflow=(title,description)=>({schemaVersion:1,id:`flow-${randomUUID().slice(0,8)}`,title,description,inputs:{type:'object',properties:{}},steps:[],outputs:{}});
 
+// 路径从根 steps 开始，例如 [1, 'branch', 'then', 0]。
+export const stepAt=(flow,index)=>[...(Array.isArray(index)?index:[index])].reduce((node,key)=>node[key],flow.steps);
+export const sequenceAt=(flow,parts=[])=>parts.reduce((node,key)=>node[key],flow.steps);
+export function precedingSteps(flow,index){
+  const parts=Array.isArray(index)?index:[index];let sequence=flow.steps;const result=[];
+  for(let i=0;i<parts.length;i+=3){
+    // 并行子项同属一批，不能把前面的兄弟当成已完成步骤。
+    if(i===0||parts[i-2]!=='parallel')result.push(...sequence.slice(0,parts[i]));
+    if(i+1<parts.length)sequence=sequence[parts[i]][parts[i+1]][parts[i+2]];
+  }
+  return result;
+}
+
 export function setBinding(flow,index,key,mode,schema,value){
-  const step=flow.steps[index],old=step.with?.[key];step.with??={};
+  const step=stepAt(flow,index),old=step.with?.[key];step.with??={};
   if(mode==='runtime'){
     flow.inputs??={type:'object',properties:{}};flow.inputs.properties??={};
     const name=`fst_${step.id}_${key}`;
@@ -60,15 +73,31 @@ export function setBinding(flow,index,key,mode,schema,value){
   }
 }
 
+export function pruneRuntimeInputs(flow){
+  const refs=new Set();
+  const scan=value=>{if(value&&typeof value==='object'){if(typeof value.$ref==='string')refs.add(value.$ref);Object.values(value).forEach(scan);}};
+  scan(flow.steps);scan(flow.outputs);
+  for(const name of Object.keys(flow.inputs?.properties??{})){
+    if(name.startsWith('fst_')&&!refs.has(`inputs.${name}`)){
+      delete flow.inputs.properties[name];flow.inputs.required=(flow.inputs.required??[]).filter(key=>key!==name);
+    }
+  }
+}
+
 export function stepMetadata(step,catalog,workflows){
+  if(step.branch||step.parallel){
+    const children=step.parallel?.steps??[...(step.branch.then??[]),...(step.branch.else??[])];
+    return {title:step.title??(step.branch?'条件分支':'并行组'),output:{type:'object',properties:Object.fromEntries(children.map(child=>[child.id,stepMetadata(child,catalog,workflows)?.output??{}]))}};
+  }
+  if(step.stop)return {title:step.title??'提前结束',output:{type:'object',properties:{}}};
   if(step.action)return catalog.find(a=>a.id===step.action);
-  const flow=workflows.find(w=>`./${w.id}.yaml`===step.workflow);
+  const flow=workflows.find(w=>`${w.id}.yaml`===step.workflow?.replace(/^\.\//,''));
   return flow?{title:flow.title??flow.id,description:flow.description,input:flow.inputs,output:{type:'object',properties:Object.fromEntries(Object.keys(flow.outputs??{}).map(k=>[k,{}]))}}:null;
 }
 
 export function outputSources(flow,index,catalog,workflows){
   const flatten=(schema,prefix='')=>Object.entries(schema?.properties??{}).flatMap(([key,s])=>{const name=prefix?`${prefix}.${key}`:key;return [{name,schema:s},...flatten(s,name)];});
-  return flow.steps.slice(0,index).flatMap((step,i)=>{
+  return precedingSteps(flow,index).flatMap((step,i)=>{
     const meta=stepMetadata(step,catalog,workflows),base=`steps.${step.id}.output`,label=`${i+1}. ${meta?.title??step.id}`;
     return [{value:base,label:`${label} → 完整输出`,schema:meta?.output},...flatten(meta?.output).map(f=>({value:`${base}.${f.name}`,label:`${label} → ${f.schema.title??f.name}`,schema:f.schema}))];
   });

package/node_modules/@mytools/core/src/terminal/navigation.js

@@ -0,0 +1,17 @@
+import {builtinCommands} from '../contracts.js';
+
+const visible=['workflows','run','pack','logs','plugin','config','tools','help','exit'];
+// 入口由插件 ID 推导；冲突时加前缀，不能覆盖内置或作者注册的命令。
+export function commandMenu(plugins,commands){
+  const entries=builtinCommands.filter(command=>visible.includes(command.name)).map(command=>({...command,description:`[内置] ${command.description}`}));
+  const used=new Set([...builtinCommands.map(c=>c.name),...commands.map(c=>c.name)]);
+  const groups=plugins.filter(plugin=>commands.some(c=>c.plugin===plugin.id)).sort((a,b)=>a.id.localeCompare(b.id));
+  for(const plugin of groups){
+    const leaf=plugin.id.split('/').at(-1).replace(/[^\w.-]/g,'-');
+    let name=/^[a-zA-Z]/.test(leaf)?leaf:`plugin-${leaf}`;
+    if(groups.filter(p=>p.id.split('/').at(-1)===leaf).length>1)name=plugin.id.replace(/^@/,'').replace(/[^\w.-]/g,'-');
+    while(used.has(name))name='plugin-'+name;
+    used.add(name);entries.push({name,plugin:plugin.id,description:`[插件] ${plugin.title??plugin.id} · ${plugin.id}`});
+  }
+  return entries;
+}

package/node_modules/@mytools/core/src/terminal/presentation.js

@@ -1,9 +1,7 @@
 export const logo=[
-  'FFFFF IIIII  SSSS H   H  t             l',
-  'F       I   S     H   H ttt  oo   oo  l  sss',
-  'FFFF    I    SSS  HHHHH  t  o  o o  o l ss',
-  'F       I       S H   H  t  o  o o  o l   ss',
-  'F     IIIII SSSS  H   H  tt  oo   oo  l sss',
+  '█▀▀ ▀█▀ █▀▀ █ █',
+  '█▀   █  ▀▀█ █▀█',
+  '▀   ▀▀▀ ▀▀▀ ▀ ▀',
 ].join('\n');
 
 export const pluginStatus=plugin=>({ready:'可用',pending:'等待服务',failed:'失败',stopped:'已停止'})[plugin.runtime?.status]??'未知';
@@ -11,10 +9,10 @@ export const pluginStatus=plugin=>({ready:'可用',pending:'等待服务',failed
 export function gettingStarted(flows,{readOnly=false}={}){
   const sample=flows.find(w=>w.id==='hello')??flows[0];
   return [
-    sample?`先试一次：/run ${sample.id}  → ${sample.title??sample.id}\n${sample.description??'按提示填写参数，执行后可用 /logs 查看结果和日志。'}`:'当前工作区还没有工作流。',
-    `/workflows 浏览工作流    /plugins 查看已安装插件`,
-    ...(!readOnly?['自己编排：/new 新建 → /add 添加步骤 → /save 保存 → /run 执行']:['这是只读运行包：可选择工作流、填写运行参数并执行。']),
-    '/help 查看完整用法和文件参数示例',
+    sample?`试运行  /run ${sample.id}\n${sample.description??sample.title??'按提示填写参数，执行后查看结果。'}`:'当前工作区还没有工作流。',
+    '',
+    `/workflows ${readOnly?'浏览工作流':'管理工作流'}   /plugin 插件   /config 工具配置`,
+    `/logs 回看执行记录、输入输出与日志   /help 帮助`,
   ].join('\n');
 }
 
@@ -39,6 +37,6 @@ export function pluginDetails(plugin,actions,commands){
     '## 环境声明',
     ...[plugin,...actions].flatMap(item=>Object.entries(item.environments??{}).map(([name,e])=>`- ${item.id} / ${name}：${({host:'使用宿主机环境',bundled:'随包携带',tool:'使用 Fishtools 自带环境'})[e.source]??e.source}`)),
     '环境与平台由插件作者声明；具体执行结果请在 /logs 查看。',
-    '编排用法：/new 新建工作流 → /add 选择上述能力 → 填写参数 → /save → /run。',
+    '编排用法：/workflows 新建工作流 → 添加步骤并选择上述能力 → 填写参数 → 保存 → 运行。也可在主面板用 /run 选择已保存的工作流。',
   ].join('\n\n');
 }

package/node_modules/@mytools/core/src/terminal/run-feed.js

@@ -0,0 +1,78 @@
+import {readableValue,readableError,readableTimeline} from './run-presentation.js';
+import {runStatuses} from './run-viewer.js';
+
+// 主面板按事件到达顺序追加；运行快照另存，配置菜单不会清掉执行记录。
+export class RunFeed{
+  constructor(refresh){this.refresh=refresh;this.runs=new Map();this.entries=[];this.subscriptions=new Map();this.expanded=false;}
+  track({app,runId,title,input}){
+    if(this.runs.has(runId))return;
+    const record=app.getRun(runId),item={app,record,title,input,count:0,ended:false,steps:new Map(),catalog:new Map((app.catalog?.()??[]).map(action=>[action.id,action]))};
+    this.runs.set(runId,item);
+    this.entries.push({type:'start',item});
+    if(!this.subscriptions.has(app))this.subscriptions.set(app,app.subscribe(event=>{
+      const item=this.runs.get(event.runId);if(!item||item.app!==app)return;
+      this.update(item,event);this.release(app);
+      if(event.type==='log'&&!item.ended)this.scheduleRefresh();
+      else this.flushRefresh();
+    }));
+    this.update(item);this.release(app);this.refresh();
+  }
+  scheduleRefresh(){
+    if(this.refreshTimer)return;
+    this.refreshTimer=setTimeout(()=>{this.refreshTimer=null;this.refresh();},100);
+  }
+  flushRefresh(){
+    if(this.refreshTimer){clearTimeout(this.refreshTimer);this.refreshTimer=null;}
+    this.refresh();
+  }
+  update(item,event){
+    if(event?.type&&!['run.succeeded','run.failed','run.cancelled','run.stopped'].includes(event.type))item.record.events.push(event);
+    else{
+      const record=item.app.getRun(item.record.id);if(!record)return;
+      item.record={...record,events:[...(record.events??[])]};
+    }
+    const {record}=item,events=record.events.slice(item.count);item.count=record.events.length;
+    for(const event of events)if(event.type.startsWith('step.'))item.steps.set(event.callPath,{...item.steps.get(event.callPath),...event});
+    if(events.length){
+      const last=this.entries.at(-1);
+      if(last?.type==='events'&&last.item===item)last.events.push(...events);
+      else this.entries.push({type:'events',item,events});
+    }
+    if(record.status!=='running'&&!item.ended){item.ended=true;this.entries.push({type:'result',item});}
+  }
+  release(app){
+    if([...this.runs.values()].some(item=>item.app===app&&!item.ended))return;
+    this.subscriptions.get(app)?.();this.subscriptions.delete(app);
+  }
+  message(text){this.entries.push({type:'message',text});this.refresh();}
+  compactEvents(entry,seen){
+    const {item}=entry,rows=[];
+    for(const event of entry.events){
+      const key=`${item.record.id}\0${event.callPath}`;
+      if(event.type.startsWith('step.')&&!seen.has(key)){
+        seen.add(key);const latest=item.steps.get(event.callPath),action=item.catalog.get(latest.action);
+        const status=latest.type.slice(5),symbols={started:'●',succeeded:'✓',failed:'✗',cancelled:'×',skipped:'–',stopped:'■'};
+        const name=action?.title??latest.action??latest.stepId??latest.callPath;
+        rows.push(`${symbols[status]??'·'} ${name} · ${status==='started'?'执行中':runStatuses[status]??status}${latest.durationMs!==undefined?' · '+latest.durationMs+' ms':''}${action?.plugin?' · '+action.plugin:''} · ${latest.callPath}`);
+      }
+      if(event.type==='log'&&event.audience==='user')rows.push(`[${event.callPath??item.record.workflowId}] ${event.message??''}${event.data!==undefined?'\n'+readableValue(event.data):''}`);
+      if(event.type==='step.failed'&&![...item.steps.values()].some(step=>step.type==='step.failed'&&step.callPath?.startsWith(event.callPath+'/')))rows.push(`✗ ${event.callPath}\n${readableError(event.error??{message:event.message})}`);
+      if(event.type==='step.stopped'||event.type==='step.skipped')rows.push(`${event.callPath}：${event.reason??event.message??''}`);
+    }
+    return rows.length?`${item.title??item.record.workflowId} · ${item.record.id.slice(0,8)}\n${rows.join('\n')}`:'';
+  }
+  text(){const seen=new Set();return this.entries.map(entry=>{
+    if(entry.type==='message')return entry.text;
+    const {record,title,input}=entry.item,label=`${title??record.workflowId} · ${record.id.slice(0,8)}`;
+    if(entry.type==='start')return [
+      `› ${record.workflowId.startsWith('/')?record.workflowId:'/run '+record.workflowId} · ${label}`,
+      `状态：${runStatuses[record.status]??record.status}`,
+      this.expanded&&input&&Object.keys(input).length?'输入\n'+readableValue(input):'',
+    ].filter(Boolean).join('\n');
+    if(entry.type==='events')return this.expanded?`${label}\n${readableTimeline(entry.events,{values:true})}`:this.compactEvents(entry,seen);
+    return [`结果 · ${label} · ${runStatuses[record.status]??record.status}`,
+      this.expanded&&record.output!==undefined?readableValue(record.output):'',record.error&&(this.expanded||![...entry.item.steps.values()].some(step=>step.type==='step.failed'))?readableError(record.error,{details:this.expanded}):'',record.reason??'',
+    ].filter(Boolean).join('\n');
+  }).filter(Boolean).join('\n\n');}
+  close(){if(this.refreshTimer)clearTimeout(this.refreshTimer);this.refreshTimer=null;for(const unsubscribe of this.subscriptions.values())unsubscribe();this.subscriptions.clear();}
+}

package/node_modules/@mytools/core/src/terminal/run-presentation.js

@@ -0,0 +1,60 @@
+// 阅读层只处理展示；原始事件、输入输出与错误仍保留在运行记录中。
+export function readableValue(value,indent=''){
+  if(value===undefined)return '暂无记录';
+  if(value===null)return 'null';
+  if(typeof value!=='object')return String(value);
+  const entries=Array.isArray(value)?value.map((v,i)=>[`[${i+1}]`,v]):Object.entries(value);
+  if(!entries.length)return Array.isArray(value)?'（空列表）':'（空对象）';
+  return entries.map(([key,item])=>{
+    const nested=item!==null&&typeof item==='object';
+    return `${indent}${key}：${nested?'\n'+readableValue(item,indent+'  '):String(item).replaceAll('\n','\n'+indent+'  ')}`;
+  }).join('\n');
+}
+export function readableError(error,{details=false}={}){
+  if(!error)return '';
+  const chain=[];for(let current=error;current;current=current.cause)chain.push(current);
+  const program=chain.find(e=>e.details?.executable)?.details.executable;
+  const code=chain.find(e=>e.code==='ENOENT')?.code??error.code;
+  const summary=[`原因：${code==='ENOENT'&&program?'未找到所需程序':error.message??'未知错误'}`,error.plugin&&`插件：${error.plugin}`,code&&`错误码：${code}`,program&&`程序：${program}`,code==='ENOENT'&&'请检查程序是否安装、路径是否正确以及 PATH 配置。'].filter(Boolean).join('\n');
+  if(!details)return summary;
+  const diagnostic=chain.flatMap((item,index)=>[
+    `${index===0?'错误':'上游原因 '+index}：${item.message??'未知错误'}`,
+    item.code&&`错误码：${item.code}`,
+    item.details!==undefined&&`细节：\n${readableValue(item.details)}`,
+    item.stack&&`调用栈：\n${item.stack}`,
+  ].filter(Boolean));
+  return `${summary}\n\n${diagnostic.join('\n')}`;
+}
+const eventNames={'step.started':'步骤开始','step.succeeded':'步骤成功','step.failed':'步骤失败','step.cancelled':'步骤取消','step.skipped':'步骤跳过','step.stopped':'步骤停止','run.started':'运行开始','run.succeeded':'运行成功','run.failed':'运行失败','run.cancelled':'运行取消','run.stopped':'提前结束'};
+const time=value=>{const date=new Date(value);return Number.isFinite(+date)?date.toLocaleTimeString('zh-CN',{hour12:false}):'--:--:--';};
+export function readableTimeline(events,{callPath,values=false}={}){
+  const rows=[];let pending;
+  const push=(event,message)=>{
+    const prefix=`${time(event.time)}  [${event.callPath??'运行'}${event.stream?' · '+event.stream:''}]`;
+    const lines=String(message).replaceAll('\r\n','\n').replaceAll('\r','\n').split('\n');
+    if(lines.at(-1)==='')lines.pop();
+    for(const line of lines)rows.push(`${prefix}  ${line}`);
+  };
+  const flush=()=>{if(pending){if(pending.text)push(pending.event,pending.text);pending=null;}};
+  for(const event of events??[]){
+    if(callPath&&event.callPath!==callPath)continue;
+    if(event.type==='log'&&event.stream){
+      const key=`${event.callPath}\0${event.stream}`;
+      if(pending?.key!==key){flush();pending={key,event,text:''};}
+      pending.text+=event.message??'';
+      const end=pending.text.lastIndexOf('\n');
+      if(end>=0){push(pending.event,pending.text.slice(0,end+1));pending.text=pending.text.slice(end+1);pending.event=event;}
+      continue;
+    }
+    if(event.type==='log'){flush();push(event,`${event.message??''}${event.data!==undefined?'\n'+readableValue(event.data):''}`);continue;}
+    if(eventNames[event.type]){
+      const detail=event.error?readableError(event.error,{details:values}):event.reason??event.message;
+      flush();push(event,`${eventNames[event.type]}${event.action?' · '+event.action:''}${event.durationMs!==undefined?` · ${event.durationMs} ms`:''}${detail?'\n'+detail:''}`);
+      if(values&&event.type.startsWith('step.')){
+        if(event.input!==undefined&&Object.keys(event.input??{}).length)push(event,'输入\n'+readableValue(event.input));
+        if(event.output!==undefined)push(event,'输出\n'+readableValue(event.output));
+      }
+    }
+  }
+  flush();return rows.join('\n')||'等待执行记录。插件通过 log 或 runProcess 输出的内容会显示在这里。';
+}

package/node_modules/@mytools/core/src/terminal/run-viewer.js

@@ -0,0 +1,104 @@
+import { stripVTControlCharacters } from 'node:util';
+import { Text, matchesKey, truncateToWidth } from '@mariozechner/pi-tui';
+import {palette} from './theme.js';
+import {readableValue,readableError,readableTimeline} from './run-presentation.js';
+
+export const runStatuses={pending:'待执行',running:'运行中',succeeded:'成功',failed:'失败',cancelled:'已取消',skipped:'已跳过',stopped:'已停止'};
+const safe=value=>stripVTControlCharacters(String(value)).replace(/[\x00-\x08\x0b-\x1f\x7f]/g,'');
+export const mouseWheel=data=>{const match=/^\x1b\[<(\d+);\d+;\d+[Mm]$/.exec(data);return match&&(Number(match[1])&64)?(Number(match[1])&1?1:-1):0;};
+export const mouseOn='\x1b[?1000h\x1b[?1006h';
+export const mouseOff='\x1b[?1006l\x1b[?1000l';
+
+export class RunViewer{
+  constructor({record,flow,workflows=[],catalog=[],terminal,onClose,onCancel,requestRender}){
+    Object.assign(this,{terminal,onClose,onCancel,requestRender,catalog});this.view=0;this.selected=0;this.offset=0;this.follow=true;this.allLogs=true;this.raw=false;this.confirmCancel=false;
+    this.planned=[];
+    const walk=(steps,prefix,ancestors)=>{
+      for(const step of steps??[]){
+        const callPath=`${prefix}/${step.id}`;this.planned.push({callPath,stepId:step.id,action:step.action,title:step.title,status:'pending'});
+        if(step.branch){walk(step.branch.then,callPath,ancestors);walk(step.branch.else,callPath,ancestors);}
+        if(step.parallel)walk(step.parallel.steps,callPath,ancestors);
+        if(step.workflow){const child=workflows.find(w=>`${w.id}.yaml`===step.workflow.replace(/^\.\//,''));if(child&&!ancestors.has(child.id))walk(child.steps,callPath,new Set([...ancestors,child.id]));}
+      }
+    };
+    if(flow)walk(flow.steps,flow.id,new Set([flow.id]));
+    this.update(record);
+  }
+  invalidate(){}
+  update(record){
+    if(!record)return;
+    this.record=record;const nodes=new Map(this.planned.map(node=>[node.callPath,{...node}]));
+    for(const event of record.events??[]){
+      if(!event.type.startsWith('step.')||!event.callPath)continue;
+      const node=nodes.get(event.callPath)??{callPath:event.callPath,stepId:event.stepId};
+      Object.assign(node,event,{status:event.type==='step.started'?'running':event.type.slice(5)});
+      node.title??=this.catalog.find(action=>action.id===node.action)?.title;nodes.set(event.callPath,node);
+    }
+    this.nodes=[...nodes.values()];this.selected=Math.max(0,Math.min(this.selected,this.nodes.length-1));
+    this.requestRender();
+  }
+  content(){
+    const node=this.nodes[this.selected],status=runStatuses[this.record.status]??this.record.status;
+    if(this.view===0)return [
+      `运行：${status}${this.record.reason?` · ${this.record.reason}`:''}`,
+      this.record.error?readableError(this.record.error):'',
+      this.record.output!==undefined?'\n最终输出\n'+readableValue(this.record.output):'',
+      '\n步骤 · Enter 查看详情',
+      ...this.nodes.map((n,i)=>`${i===this.selected?'›':' '} ${runStatuses[n.status]??n.status} · ${n.title??n.callPath}${n.durationMs!==undefined?` · ${n.durationMs} ms`:''}${n.reason?' · '+n.reason:''}`),
+      !this.nodes.length?'此运行没有工作流步骤，可在日志页查看插件输出。':'',
+    ].filter(Boolean).join('\n');
+    if(this.view===1){
+      const format=value=>this.raw?JSON.stringify(value??null,null,2):readableValue(value);
+      const error=node?node.error:this.record.error;
+      return [`步骤：${node?.callPath??'整个运行'}`,node?.action?'能力：'+node.action:'',error?'\n错误\n'+(this.raw?format(error):readableError(error)):'',
+        node?'\n输入\n'+format(node.input):'', '\n输出\n'+format(node?node.output:this.record.output),
+        !error&&(node?.reason||node?.message)?'\n说明：'+(node.reason??node.message):'',this.raw?'\n原始 JSON · 包含完整错误详情与调用栈':'\nj 查看原始 JSON 与完整诊断',
+      ].filter(Boolean).join('\n');
+    }
+    return readableTimeline(this.record.events,{callPath:this.allLogs?undefined:node?.callPath});
+  }
+  layout(width){
+    const height=Math.max(1,this.terminal.rows),pageSize=Math.max(1,height-4);
+    const lines=new Text(safe(this.content()),0,0).render(Math.max(1,width));
+    const maxOffset=Math.max(0,lines.length-pageSize);
+    this.offset=this.follow&&this.view===2?maxOffset:Math.max(0,Math.min(this.offset,maxOffset));
+    return {height,pageSize,lines,maxOffset};
+  }
+  render(width){
+    const {height,pageSize,lines}=this.layout(width),node=this.nodes[this.selected];
+    const body=lines.slice(this.offset,this.offset+pageSize);while(body.length<pageSize)body.push('');
+    const tabs=`${['1 总览','2 输入输出','3 日志'].map((s,i)=>this.view===i?palette.brand(`[${s}]`):palette.muted(s)).join('  ')} ${palette.muted('·')} ${palette.text(safe(runStatuses[this.record.status]??this.record.status))} ${palette.muted('· '+safe(this.record.workflowId??'运行'))}`;
+    const selection=`[ / ] 切换步骤：${node?.callPath??'暂无步骤'}${this.view===2?` · ${this.allLogs?'全部日志':'本步骤日志'} · ${this.follow?'跟随尾部':'暂停跟随'}`:''}`;
+    const footer=this.confirmCancel?'取消整个运行？y 确认 · 任意其他键返回':'q/Esc 返回 · x 取消 · 1/2/3 切换';
+    const shortcuts=width<60?'↑↓/滚轮 · [ ] 步骤 · j 原始数据':`↑↓/滚轮 翻页 · [ ] 步骤 · j 原始数据 · a 全部/本步骤 · End 跟随 · ${this.offset+1}–${Math.min(this.offset+pageSize,lines.length)}/${lines.length}`;
+    const styledBody=body.map(line=>line.startsWith('›')?palette.brand(line):line);
+    const styledFooter=palette.muted(safe(footer));
+    const screen=height===1?styledBody:height===2?[styledBody[0],styledFooter]:height===3?[tabs,styledBody[0],styledFooter]:height===4?[tabs,styledBody[0],styledFooter,palette.muted(shortcuts)]:[tabs,palette.muted(safe(selection)),...styledBody,styledFooter,palette.muted(shortcuts)];
+    return screen.map(line=>truncateToWidth(line,width));
+  }
+  handleInput(data){
+    if(this.confirmCancel){this.confirmCancel=false;if(data==='y')this.onCancel();this.requestRender();return;}
+    if(['escape','q'].some(key=>matchesKey(data,key))){this.onClose();return;}
+    if(matchesKey(data,'enter')){if(this.view===0){this.view=1;this.offset=0;this.requestRender();}return;}
+    if(data==='j'){this.raw=!this.raw;this.view=1;this.offset=0;this.requestRender();return;}
+    if(data==='x'&&this.record.status==='running'){this.confirmCancel=true;this.requestRender();return;}
+    if(['1','2','3'].includes(data)){this.view=Number(data)-1;this.offset=0;this.follow=true;this.requestRender();return;}
+    if(data==='['||data===']'){
+      this.selected=Math.max(0,Math.min(this.nodes.length-1,this.selected+(data===']'?1:-1)));this.offset=0;
+      if(this.view===0){const {lines,pageSize,maxOffset}=this.layout(this.terminal.columns);const row=lines.findIndex(line=>line.startsWith('›'));this.offset=Math.min(maxOffset,Math.max(0,row-Math.floor(pageSize/2)));}
+      this.requestRender();return;
+    }
+    if(data==='a'){this.allLogs=!this.allLogs;this.offset=0;this.requestRender();return;}
+    if(data==='f'){this.follow=!this.follow;this.requestRender();return;}
+    const {pageSize,maxOffset}=this.layout(this.terminal.columns),wheel=mouseWheel(data);
+    if(wheel)this.offset+=wheel*3;
+    else if(matchesKey(data,'up'))this.offset--;
+    else if(matchesKey(data,'down'))this.offset++;
+    else if(matchesKey(data,'pageUp'))this.offset-=pageSize;
+    else if(matchesKey(data,'pageDown'))this.offset+=pageSize;
+    else if(matchesKey(data,'home'))this.offset=0;
+    else if(matchesKey(data,'end')){this.offset=maxOffset;this.follow=true;this.requestRender();return;}
+    else return;
+    this.follow=false;this.offset=Math.max(0,Math.min(maxOffset,this.offset));this.requestRender();
+  }
+}