-
-
${escapeHTML(stage.label)}
+ ${w?`
`:''}
+
-
${progress.done}/${progress.total||'—'} · ${progress.pct}%
${issueActionButtons(i)}
`;
}
+const kanbanPrimaryStatuses=new Set(['backlog','todo','in_progress','in_review','done']);
function renderIssueKanban(issues){
return `
${issueStatuses.map(([status])=>{
const col=issues.filter(i=>(i.status||'backlog')===status);
+ if(!col.length&&!kanbanPrimaryStatuses.has(status))return '';
return `
- ${issueStatusLabel(status)} ${col.length} ${col.map(issueKanbanCard).join('')||'
暂无卡片
'}
${issueStatusLabel(status)} ${col.length} ＋ ${col.map(issueKanbanCard).join('')||'
拖拽卡片到这里
'}
`;
}).join('')}
`;
}
@@ -156,6 +162,7 @@ function bindIssueKanban(){
card.onclick=()=>{if(kanbanDragMoved){kanbanDragMoved=false;return}openIssueDetail(card.dataset.id)};
});
bindIssueRowActions($('#issueBoard'));
+ $$('[data-kanban-new]').forEach(btn=>btn.onclick=e=>{e.stopPropagation();if(typeof openRequirementWizard==='function')openRequirementWizard()});
$$('.kanban-column').forEach(col=>{
col.ondragover=e=>{e.preventDefault();e.dataTransfer.dropEffect='move';col.classList.add('drop-target')};
col.ondragleave=e=>{if(!col.contains(e.relatedTarget))col.classList.remove('drop-target')};
diff --git a/web/app/onboarding.js b/web/app/onboarding.js
index 7bcdce8..e119c25 100644
--- a/web/app/onboarding.js
+++ b/web/app/onboarding.js
@@ -12,10 +12,10 @@ function onboardingSteps(demo) {
return [
{ target: '.nav[data-view="chat"]', title: '首页就是对话', body: '平台的事都可以先在首页问。它是这个项目的 PM 助理，会查需求、查运行，帮你澄清需求并按 SOP 开跑。' },
{ target: '#homeChatForm', title: '在这里说', body: start },
- { target: '.nav[data-view="issues"]', title: '需求都在这里', body: '在这里新建，或从 GitHub 导入 Issue。说清楚要做什么就可以派发；没说清的地方，澄清会继续问。' },
- { target: '.nav[data-view="approvals"]', title: '要你拍板时来这里', body: '运行停下来等你决定，会出现在「待我确认」。先看清问题，再同意或退回。没有待办时，这里是空的。' },
- { target: '.nav[data-view="runs"]', title: '进度看运行记录', body: '点进一次运行，能看到停在哪一步、已经产出了什么。' },
- { target: '.nav[data-view="settings"]', ...last, finish: true },
+ { target: '.nav[data-view="issues"]', title: '需求、运行、待确认都在「交付」', body: '顶部三个标签：需求看板管规划，运行看 Agent 正在哪一步，待我确认是等你拍板的节点。有东西要你确认时，这里会亮起角标。' },
+ { target: '.nav[data-view="rooms"]', title: '没有固定流程的活，交给「群聊」', body: '在群里 @LoopForge 说一句要做什么，队长会拉几个 Bot 分工、交接、汇报；有问题也可以直接 @ 它问，或回复某条消息接着问。' },
+ { target: '.nav[data-view="build"]', title: '流程、角色、能力、环境都在「构建」', body: 'SOP、角色、技能/MCP/规则、沙箱和项目都在这里，用顶部标签切换。日常不用动，要调整流程时再来。' },
+ { target: '.nav[data-view="me"]', ...last, finish: true },
];
}
diff --git a/web/app/runs.js b/web/app/runs.js
index e7bd7eb..1edc2b6 100644
--- a/web/app/runs.js
+++ b/web/app/runs.js
@@ -148,6 +148,20 @@ function renderRunOverview(){
const live=liveRuns(),runs=scopedRuns(state.data.runs||[]),active=live.filter(r=>r.status==='running'&&!r.pauseRequested).length,paused=runs.filter(r=>r.pauseRequested||r.status==='paused').length,waiting=live.filter(r=>r.status==='waiting'&&!r.pauseRequested).length,failed=runs.filter(r=>r.status==='failed').length,cancelled=runs.filter(r=>r.status==='cancelled').length,finished=runs.filter(r=>r.status==='succeeded'),successBase=finished.length+failed,rate=successBase?Math.round(finished.length*100/successBase):0,totalTokens=runs.reduce((n,r)=>n+Number(r.usage?.totalTokens||0),0);
$('#runOverview').innerHTML=`
进行中 ${active}
已暂停 ${paused}
待确认 ${waiting}
已完成 ${finished.length}
失败 ${failed}
已取消 ${cancelled}
成功率 ${rate}% ${successBase} 次已结束
累计 Token ${formatTokens(totalTokens)} ${runs.length} 次
`;
$('#runsLiveState').classList.toggle('active',active+waiting>0)
+ $('#runOverview').hidden=!runs.length;
+ $('#runsView .run-toolbar')&&($('#runsView .run-toolbar').hidden=!runs.length);
+ if(typeof updateApprovalBadge==='function')updateApprovalBadge();
+}
+function runsFirstEmptyHTML(){
+ const demo=typeof quickstartDemoAvailable==='function'&&quickstartDemoAvailable();
+ return `
还没有运行 一次运行就是一条需求按 SOP 一步步往下走：分析、确认、实现、交付。每一步的进度、产物和日志都会在这里实时出现。
${demo?'▶ 跑一遍演示（约 30 秒，不调模型） ':''}去首页提需求
`;
+}
+function runLaneHTML(r,workflows){
+ const defs=r.workflowSnapshot?.nodes||(workflows||[]).find(w=>w.id===r.workflowId)?.nodes||[];
+ if(!defs.length){const p=runProgress(r);return `
`}
+ const states=r.nodes||{};
+ const glyph={succeeded:'✓',failed:'✕',cancelled:'–',skipped:'↷'};
+ return `
${defs.map((n,i)=>{const st=states[n.id]?.status||'pending';const cls=st==='waiting'?'waiting_approval':st;return `${i?'${glyph[st]||(i+1)} ${escapeHTML(n.name||n.id)}
`;
}
function renderRuns(){
renderRunOverview();const workflows=catalogWorkflows();$('#runWorkflowFilter').innerHTML='
全部 SOP '+workflows.map(w=>`
${escapeHTML(w.name)} `).join('');
@@ -167,9 +181,10 @@ function renderRuns(){
const p=runProgress(r),ctx=runContext(r),sop=r.workflowSnapshot?.name||workflows.find(w=>w.id===r.workflowId)?.name||r.workflowId,title=ctx.issue?.title||sop;
const isPaused=Boolean(r.pauseRequested||r.status==='paused');
const isDeletable=(!['running','waiting'].includes(r.status))||isPaused;
- return `
${escapeHTML((ctx.project?.key||sop)).slice(0,1)}
${escapeHTML(title)}${r.workflowSnapshot?.generic?' 通用 ':''} ${ctx.issue?`${escapeHTML(ctx.project?.key||'ISS')}-${ctx.issue.number} · `:''}${escapeHTML(sop)} · ${relativeTime(r.createdAt)} ${taskTriggerBadge(ctx.task)} ${p.done}/${p.total} 步 ${runElapsed(r)} ${runDisplayStatus(r)} 查看 ${isDeletable?`删除 `:'删除 '}
`
- }).join('')||'
⌕ 没有匹配的运行 可到需求列表查看对应需求的执行结果。
';
+ return `
${escapeHTML((ctx.project?.key||sop)).slice(0,1)}
${escapeHTML(title)}${r.workflowSnapshot?.generic?' 通用 ':''} ${ctx.issue?`${escapeHTML(ctx.project?.key||'ISS')}-${ctx.issue.number} · `:''}${escapeHTML(sop)} · ${relativeTime(r.createdAt)} ${taskTriggerBadge(ctx.task)} ${p.done}/${p.total} 步 ${runElapsed(r)} ${runDisplayStatus(r)} 查看 ${isDeletable?`删除 `:'删除 '}
${runLaneHTML(r,workflows)}
`
+ }).join('')||(scopedRuns(state.data.runs||[]).length?'
':runsFirstEmptyHTML());
list.insertAdjacentHTML('beforeend', pagerHTML('runs', pagedRuns));
+ list.querySelector('[data-runs-demo]')?.addEventListener('click',async e=>{const started=await startDemoRequirement(e.currentTarget,{stay:true});if(started?.task?.runId){await refreshRuns(true);openRunFromId(started.task.runId,{forceRuns:true})}});
list.querySelectorAll('.run-card').forEach(el=>el.onclick=(e)=>{if(e.target.closest('.run-view-btn,.run-del-btn,.pager'))return;showRunDetail(el.dataset.id)});
list.querySelectorAll('.run-view-btn').forEach(btn=>btn.onclick=(e)=>{e.stopPropagation();showRunDetail(btn.dataset.viewRun)});
list.querySelectorAll('.run-del-btn').forEach(btn=>btn.onclick=(e)=>{e.stopPropagation();deleteRun(btn.dataset.deleteRun)});
@@ -936,6 +951,7 @@ function renderRunDetail(r){
host.querySelector('.node-inspector .approval-callout')?.remove();
}
const childCallout=childSOPCalloutHTML(r);if(childCallout)host.querySelector('.run-detail-header')?.insertAdjacentHTML('afterend',childCallout);
+ mountRunStage(host,r,nodes);
if(pg.child){const note=`
这是 SOP 节点，下面显示的是子 SOP 运行 ${escapeHTML(pg.runId.slice(-12))} 全部节点的内容。
`;host.querySelectorAll('.trace-section>.section-heading,.worker-log-section>.section-heading').forEach(h=>h.insertAdjacentHTML('afterend',note))}
const runMeta=host.querySelector('.run-header-meta');if(runMeta)runMeta.insertAdjacentHTML('beforeend',`${taskTriggerBadge(ctx.task)}
Sandbox ${escapeHTML(r.sandboxId||'—')} `);
const nodeSandbox=host.querySelector('.runtime-details span:first-child');if(nodeSandbox)nodeSandbox.remove();
@@ -958,6 +974,21 @@ function renderRunDetail(r){
bindRunEvalPane(r,host);
if(runDetailTab==='eval')loadRunEval(r.id);
}
+function runStageLiveHTML(r,nodes){
+ const live=nodes.filter(n=>['running','waiting_approval','failed'].includes(r.nodes?.[n.id]?.status));
+ if(!live.length)return r.status==='succeeded'?'
全部步骤已完成
':'';
+ return live.map(n=>{const nr=r.nodes[n.id],st=nr.status;const text=st==='waiting_approval'?'等你确认后继续下游':st==='failed'?String(nr.error||'执行失败').split('\n')[0].slice(0,140):String(nr.activity||'Agent 正在执行…').split('\n')[0].slice(0,140);return `
${escapeHTML(n.name||n.id)} ${escapeHTML(text)}
`}).join('');
+}
+function mountRunStage(host,r,nodes){
+ const stage=host.querySelector('.run-graph-section'),header=host.querySelector('.run-detail-header');
+ if(!stage||!header)return;
+ stage.classList.add('run-stage',`is-${r.pauseRequested?'paused':r.status}`);
+ const heading=stage.querySelector('.section-heading h3');if(heading)heading.textContent='执行现场';
+ const hint=stage.querySelector('.section-heading h3+span');if(hint)hint.textContent='点击步骤查看它的输出、产物和执行事件';
+ stage.querySelector('.stage-live-wrap')?.remove();
+ stage.insertAdjacentHTML('beforeend',`
${runStageLiveHTML(r,nodes)}
`);
+ header.after(stage);
+}
function fallbackCopyText(value){const ta=document.createElement('textarea');ta.value=value;ta.setAttribute('readonly','');ta.style.cssText='position:fixed;top:-9999px;left:-9999px';document.body.appendChild(ta);ta.select();let ok=false;try{ok=document.execCommand('copy')}catch(e){ok=false}document.body.removeChild(ta);return ok}
async function copyText(value,message){if(navigator.clipboard&&window.isSecureContext){try{await navigator.clipboard.writeText(value);toast(message);return}catch(e){}}toast(fallbackCopyText(value)?message:'复制失败，请手动复制')}
async function downloadRunLogs(runId){
diff --git a/web/app/sops.js b/web/app/sops.js
index 64087b8..b7d3d08 100644
--- a/web/app/sops.js
+++ b/web/app/sops.js
@@ -156,6 +156,7 @@ function renderSOPCatalog(){
const all=[...metrics.values()],totalRuns=all.reduce((n,m)=>n+m.totalRuns,0),succeeded=all.reduce((n,m)=>n+m.succeededRuns,0),failed=all.reduce((n,m)=>n+m.failedRuns,0),active=live.length,tokens=all.reduce((n,m)=>n+m.totalTokens,0);
const scopeLabel=state.sopScope==='generic'?'通用':state.sopScope==='shared'?'共享':'项目';
$('#sopOverview').innerHTML=`
本项目运行 ${totalRuns} ${workflows.length} 条${scopeLabel} SOP
已闭环 ${succeeded} ${totalRuns?percent(succeeded*100/totalRuns):'暂无运行'}
进行中 / 待审批 ${active} 实时更新 · 不含中断残留
失败运行 ${failed} ${totalRuns?percent(failed*100/totalRuns):'0%'}
Token 消耗 ${formatTokens(tokens)} 当前项目累计
`;
+ $('#sopOverview').hidden=!totalRuns;
const filter=$('#sopHealthFilter')?.value||'all',sort=$('#sopSort')?.value||'recent';
if(filter!=='all')workflows=workflows.filter(w=>metricHealth(metrics.get(w.id), live.filter(r=>r.workflowId===w.id).length).key===filter);
workflows.sort((a,b)=>{const x=metrics.get(a.id)||{},y=metrics.get(b.id)||{};if(sort==='runs')return (y.totalRuns||0)-(x.totalRuns||0);if(sort==='closure')return (y.closureRate||0)-(x.closureRate||0);if(sort==='failures')return (y.failedRuns||0)-(x.failedRuns||0);return new Date(y.lastRunAt||0)-new Date(x.lastRunAt||0)});
diff --git a/web/app/workbench.js b/web/app/workbench.js
index 9b691cd..3d57972 100644
--- a/web/app/workbench.js
+++ b/web/app/workbench.js
@@ -12,10 +12,22 @@ function openRunFromId(id,opts={}){
function updateApprovalBadge(){
const n=approvalItems().length;
const badge=$('#approvalNavBadge');
+ $$('[data-approval-count]').forEach(el=>{el.hidden=!n;el.textContent=n||''});
+ const base='LoopForge · 你的 AI 交付团队';
+ document.title=n?`(${n}) 待确认 · ${base}`:base;
+ const prev=state.approvalCountSeen;
+ state.approvalCountSeen=n;
+ if(prev!=null&&n>prev)notifyApprovalWaiting(n);
if(!badge)return;
badge.hidden=!n;
badge.textContent=n||'';
}
+function notifyApprovalWaiting(n){
+ if(!document.hidden||typeof Notification==='undefined')return;
+ const show=()=>{try{const note=new Notification('LoopForge · 有流程等你确认',{body:`当前 ${n} 条待确认，点开处理`,tag:'loopforge-approval'});note.onclick=()=>{window.focus();switchView('approvals');note.close()}}catch(e){}};
+ if(Notification.permission==='granted')show();
+ else if(Notification.permission==='default')Notification.requestPermission().then(p=>{if(p==='granted')show()}).catch(()=>{});
+}
function credentialClearAction(name,configured,label='API Key'){
return `
清除 ${label} ${configured?'当前已配置':'尚未配置'}
`;
@@ -205,97 +217,37 @@ function renderPlatformNav(){
function renderPlatformAdminPanel(){
const host=$('#platformAdminPanel');if(!host)return;
if(!isPlatformAdmin()){host.innerHTML='';return}
+ const tab=state.platformAdminTab||'admins';
host.innerHTML=`
-