@zq-silk/yui 0.6.8 → 0.6.10

package/dist/web/assets/client/components.js

@@ -88,6 +88,159 @@ export function anchorSection(id, head, body) {
   return section;
 }
 
+// --- Task-first execution status -------------------------------------------
+// The projection is the current read-model vocabulary: one derived status,
+// owner, next action, and the attention/blocker facts behind it.
+const EXEC_STATUS_TONE = {
+  "needs-leader-action": "is-accent",
+  "waiting-on-agents": "is-active",
+  "waiting-user": "is-warning",
+  "recovering": "is-warning",
+  "attention": "is-danger",
+  "progressing-with-attention": "is-warning",
+  "blocked": "is-danger",
+  "working": "is-active",
+  "completed": "is-muted",
+  "retired": "is-muted",
+  "archived": "is-muted"
+};
+
+export function executionBand(projection, t, locale) {
+  if (!projection) return null;
+  const tone = EXEC_STATUS_TONE[projection.status] || "";
+  const band = node("div", "exec-band " + tone);
+
+  const head = node("div", "exec-band-head");
+  head.append(pill(t, "exec.status", projection.status));
+  head.append(node("span", "exec-band-owner",
+    t("exec.owner." + projection.owner) + " · " + t("exec.action." + projection.action)));
+  if (projection.activeExecutorCount > 0) {
+    head.append(node("span", "exec-band-executors",
+      projection.activeExecutorCount + " " + t("exec.executors")));
+  }
+  if (projection.monitoring === "stopped") {
+    head.append(node("span", "exec-band-stopped", t("exec.monitoring.stopped")));
+  }
+  if (projection.failClosed) {
+    head.append(node("span", "exec-band-failclosed", t("exec.failClosed")));
+  }
+  band.append(head);
+
+  if (projection.summary) {
+    band.append(node("p", "exec-band-summary", projection.summary));
+  }
+
+  if (projection.attention && projection.attention.length) {
+    const list = node("div", "exec-signal-list");
+    projection.attention.forEach(function (item) {
+      const row = node("div", "exec-signal is-attention");
+      row.append(node("span", "exec-signal-kind", t("exec.attention." + item.kind)));
+      row.append(node("span", "exec-signal-text", item.summary));
+      list.append(row);
+    });
+    band.append(list);
+  }
+
+  if (projection.blockers && projection.blockers.length) {
+    const list = node("div", "exec-signal-list");
+    projection.blockers.forEach(function (blocker) {
+      const row = node("div", "exec-signal is-blocker");
+      row.append(node("span", "exec-signal-kind",
+        t("exec.blocker." + blocker.kind) + " · " + t("exec.owner." + blocker.owner)));
+      row.append(node("span", "exec-signal-text", blocker.summary));
+      list.append(row);
+    });
+    band.append(list);
+  }
+
+  return band;
+}
+
+// --- Unified execution Group (Lanes + resolution) ---------------------------
+export function executionGroupCard(summary, t, locale) {
+  const card = node("article", "record-card exec-group");
+  const head = node("div", "record-head");
+  const titleRow = node("div", "record-title-row");
+  titleRow.append(node("strong", "record-title", summary.groupId));
+  head.append(titleRow);
+  const pills = node("div", "record-pills");
+  pills.append(pill(t, "exec.purpose", summary.purpose));
+  const strategy = summary.strategy.mode === "fixed"
+    ? t("exec.strategy.fixed").replace("{count}", String(summary.strategy.count))
+    : t("exec.strategy.adaptive").replace("{max}", String(summary.strategy.max));
+  pills.append(chip(strategy));
+  if (summary.failedLaneCount > 0) {
+    pills.append(chip(summary.failedLaneCount + " " + t("exec.lanesFailed"), "is-danger"));
+  }
+  head.append(pills);
+  card.append(head);
+
+  const lanes = node("div", "lane-list");
+  summary.laneSummaries.forEach(function (lane) {
+    const row = node("div", "lane-row");
+    row.append(statusDot(lane.status));
+    row.append(node("span", "lane-role", lane.roleName));
+    row.append(node("span", "lane-status", t("lane." + lane.status)));
+    if (lane.summary) {
+      row.append(node("span", "lane-summary", lane.summary));
+    }
+    if (lane.decision) {
+      row.append(chip(t("resolution." + lane.decision), "is-active"));
+    }
+    lanes.append(row);
+  });
+  card.append(lanes);
+
+  if (summary.resolution) {
+    const res = node("div", "exec-resolution");
+    res.append(node("span", "exec-resolution-decision",
+      t("resolution." + summary.resolution.decision)));
+    res.append(node("span", "exec-resolution-summary", summary.resolution.summary));
+    res.append(node("time", "", formatDateTime(summary.resolution.decidedAt, locale)));
+    card.append(res);
+  }
+  return card;
+}
+
+// --- WorkItem Candidates -----------------------------------------------------
+export function candidateList(candidates, t, locale) {
+  if (!candidates || !candidates.length) return null;
+  const block = node("div", "record-block");
+  block.append(node("small", "", t("detail.candidates")));
+  const list = node("div", "candidate-list");
+  candidates.slice().sort(function (a, b) { return b.sequence - a.sequence; })
+    .forEach(function (candidate) {
+      const row = node("div", "candidate-row");
+      row.append(node("span", "candidate-seq", "#" + candidate.sequence));
+      row.append(node("span", "candidate-summary", candidate.summary));
+      const source = candidate.source.type === "direct"
+        ? t("candidate.source.direct")
+        : t("candidate.source.run") + " " + candidate.source.runId;
+      row.append(node("span", "candidate-source", source));
+      row.append(node("time", "", formatDateTime(candidate.createdAt, locale)));
+      list.append(row);
+    });
+  block.append(list);
+  return block;
+}
+
+// --- Execution findings (checks / review findings) ---------------------------
+export function findingsBlock(label, findings, t) {
+  if (!findings || !findings.length) return null;
+  const block = node("div", "record-block");
+  block.append(node("small", "", label));
+  const list = node("div", "finding-list");
+  findings.forEach(function (finding) {
+    const row = node("div", "finding-row is-" + finding.severity);
+    row.append(chip(t("finding.severity." + finding.severity), "is-" + finding.severity));
+    row.append(node("span", "finding-summary", finding.summary));
+    row.append(chip(t("finding.status." + finding.status)));
+    list.append(row);
+  });
+  block.append(list);
+  return block;
+}
+
 // --- Progressive disclosure --------------------------------------------------
 // Re-render is cheap and happens whenever the underlying data changes, so all
 // disclosure state (collapsed blocks, visible pages) is deliberately
@@ -242,6 +395,10 @@ export function inputCard(input, _options, t, locale, actions) {
     const blocked = input.blockedRefs.map(function (ref) { return ref.type + "·" + ref.id; }).join("  ");
     top.append(node("span", "input-blocked", blocked));
   }
+  if (input.requester) {
+    top.append(node("span", "input-requester",
+      t("detail.requester") + " · " + input.requester.roleName + " / " + input.requester.runId));
+  }
   card.append(top);
   card.append(answerActions(input, actions, t));
   return card;
@@ -286,6 +443,9 @@ export function workItemCard(item, titles, t, locale, actions, taskId) {
   if (item.assignee) meta.append(node("span", "meta-name", item.assignee));
   meta.append(node("span", "mono", item.id));
   meta.append(node("time", "", formatDateTime(item.updatedAt, locale)));
+  if (item.endedAt) {
+    meta.append(node("span", "", t("detail.endedAt") + " · " + formatDateTime(item.endedAt, locale)));
+  }
   body.append(meta);
 
   if (item.objective && item.objective !== item.title) {
@@ -307,6 +467,28 @@ export function workItemCard(item, titles, t, locale, actions, taskId) {
   }
   if (chipCols.childNodes.length) body.append(chipCols);
 
+  // Current execution iteration: the unified Group with its Lanes and the
+  // Leader's resolution when the iteration is settled.
+  if (item.currentExecution) {
+    body.append(executionGroupCard(item.currentExecution, t, locale));
+  }
+
+  // Review candidates submitted for this WorkItem, newest first.
+  const candidates = candidateList(item.candidates, t, locale);
+  if (candidates) body.append(candidates);
+
+  // Explicit Leader retirement disposition.
+  if (item.disposition) {
+    const disposition = node("div", "record-block disposition-block");
+    disposition.append(node("small", "", t("detail.disposition")));
+    const text = item.disposition.summary
+      + (item.disposition.replacementWorkItemId
+        ? " · " + t("detail.replacementWorkItem") + " " + item.disposition.replacementWorkItemId
+        : "");
+    disposition.append(node("p", "muted", text));
+    body.append(disposition);
+  }
+
   if (item.outcome) {
     body.append(richText(t("detail.outcome"), item.outcome, t, { extraClass: "outcome-callout", muted: true }));
   }
@@ -323,7 +505,8 @@ export function runCard(run, t, locale) {
   idRow.append(node("span", "role", run.roleName));
   idRow.append(node("span", "", run.id));
   if (run.workItemId) idRow.append(node("span", "", t("detail.workItem") + " · " + run.workItemId));
-  idRow.append(node("time", "", formatDateTime(run.updatedAt, locale)));
+  if (run.purpose) idRow.append(chip(t("run.purpose." + run.purpose)));
+  idRow.append(node("time", "", formatDateTime(run.endedAt || run.updatedAt, locale)));
   card.append(idRow);
 
   card.append(richText(t("detail.instruction"), run.input, t, { className: "execute-io", threshold: 320 }));
@@ -334,6 +517,10 @@ export function runCard(run, t, locale) {
   const foot = node("div", "execute-foot");
   const tags = node("div", "execute-tags");
   tags.append(chip(t("mode." + run.mode)));
+  if (run.executionGroupId) {
+    tags.append(chip(t("detail.lineage") + " · " + run.executionGroupId
+      + (run.executionLaneId ? "/" + run.executionLaneId : "")));
+  }
   const deliveryKey = run.deliveredAt
     ? "delivery.delivered"
     : run.pushedAt
@@ -354,6 +541,26 @@ export function runCard(run, t, locale) {
     card.append(eff);
   }
 
+  // Leader Run disposition: the machine-derived outcome of a terminal Leader
+  // Run, plus any structured wait reference.
+  if (run.disposition) {
+    const disposition = node("div", "record-meta");
+    disposition.append(node("span", "", t("run.disposition") + " · " + t("run.disposition." + run.disposition)));
+    if (run.waitReason) {
+      disposition.append(node("span", "", t("run.waitReason") + " · " + run.waitReason.kind
+        + (run.waitReason.ref ? " (" + run.waitReason.ref + ")" : "")));
+    }
+    card.append(disposition);
+  }
+
+  // Idempotent yield receipt on a yielded Run.
+  if (run.yieldReceipt) {
+    const receipt = node("div", "record-meta");
+    receipt.append(node("span", "mono", t("run.yieldReceipt") + " · " + run.yieldReceipt.receiptId));
+    receipt.append(node("time", "", formatDateTime(run.yieldReceipt.committedAt, locale)));
+    card.append(receipt);
+  }
+
   return card;
 }
 
@@ -363,7 +570,10 @@ export function reviewCard(round, t, locale) {
   const titleRow = node("div", "record-title-row");
   titleRow.append(node("strong", "record-title", round.id));
   head.append(titleRow);
-  head.append(pill(t, "review", round.status));
+  const headPills = node("div", "record-pills");
+  if (round.scope) headPills.append(pill(t, "review.scope", round.scope));
+  headPills.append(pill(t, "review", round.status));
+  head.append(headPills);
   card.append(head);
   const meta = node("div", "record-meta");
   meta.append(node("span", "meta-name", round.reviewerRoleName));
@@ -376,13 +586,20 @@ export function reviewCard(round, t, locale) {
   if (round.evidenceCommit) {
     meta.append(node("span", "", t("detail.evidence") + " · " + round.evidenceCommit));
   }
+  if (round.workspaceDisposition) {
+    meta.append(node("span", "", t("detail.workspaceDisposition") + " · "
+      + t("disposition." + round.workspaceDisposition.kind)));
+  }
   card.append(meta);
   if (round.checks && round.checks.length) {
     card.append(richText(t("detail.checks"), round.checks.map(function (check) {
       return check.name + "=" + check.outcome;
     }).join(", "), t));
   }
+  const findings = findingsBlock(t("detail.findings"), round.findings, t);
+  if (findings) card.append(findings);
   if (round.summary) card.append(richText(null, round.summary, t));
+  if (round.report) card.append(richText(t("detail.report"), round.report, t, { muted: true }));
   return card;
 }
 
@@ -562,14 +779,18 @@ export function attentionRow(item, t, locale, onSelect) {
   return row;
 }
 
-export function overviewRow(task, t, locale, onSelect) {
+export function overviewRow(task, label, variant, t, locale, onSelect) {
   const hasInputs = task.openInputCount > 0;
-  const row = node("button", "overview-row" + (hasInputs ? " has-inputs" : ""));
+  const row = node("button", "overview-row"
+    + (hasInputs || variant === "has-inputs" ? " has-inputs" : ""));
   row.type = "button";
   row.append(statusDot(task.status));
   const main = node("span", "overview-row-title", task.title);
   main.title = task.title;
   row.append(main);
+  if (label) {
+    row.append(node("span", "overview-row-label", label));
+  }
   row.append(node("span", "overview-row-time", relativeTime(task.updatedAt, locale, t)));
   row.addEventListener("click", function () { onSelect(task.id); });
   return row;
@@ -588,6 +809,14 @@ export function taskCard(task, hasAttention, state, t, locale, onSelect) {
   main.append(node("span", "task-meta", relativeTime(task.updatedAt, locale, t)));
   button.append(main);
 
+  // Derived Task-first execution status for active tasks (blocked, waiting on
+  // agents, recovering, etc.) — a richer signal than the raw lifecycle status.
+  if (task.executionStatus && task.status === "active") {
+    const exec = node("span", "task-exec is-" + task.executionStatus,
+      t("exec.status." + task.executionStatus));
+    button.append(exec);
+  }
+
   // One signal only: an open input (needs the user) outranks a running count.
   if (hasAttention) {
     const badge = node("span", "task-signal is-input", String(task.openInputCount || 1));

package/dist/web/assets/client/i18n.js

@@ -117,6 +117,7 @@ const messages = {
     "group.attention": "Needs input",
     "group.draft": "Draft",
     "group.finished": "Completed",
+    "group.retired": "Retired",
     "input.answered": "Input answered.",
     "input.blocking": "Blocking",
     "input.freeText": "Type your answer",
@@ -214,7 +215,88 @@ const messages = {
     "work.superseded": "Superseded",
     "stats.running": "running",
     "stats.inputs": "inputs",
-    "stats.stalledRuns": "stalled Runs"
+    "stats.stalledRuns": "stalled Runs",
+    "exec.status.needs-leader-action": "Needs leader action",
+    "exec.status.waiting-on-agents": "Waiting on agents",
+    "exec.status.waiting-user": "Waiting on you",
+    "exec.status.recovering": "Recovering",
+    "exec.status.attention": "Needs attention",
+    "exec.status.progressing-with-attention": "Progressing with attention",
+    "exec.status.blocked": "Blocked",
+    "exec.status.working": "Working",
+    "exec.status.completed": "Completed",
+    "exec.status.retired": "Retired",
+    "exec.status.archived": "Archived",
+    "exec.owner.leader": "Leader",
+    "exec.owner.worker": "Worker",
+    "exec.owner.reviewer": "Reviewer",
+    "exec.owner.tester": "Tester",
+    "exec.owner.operator": "Operator",
+    "exec.owner.user": "You",
+    "exec.owner.none": "—",
+    "exec.action.advance-task": "Advance task",
+    "exec.action.wait-for-agents": "Wait for agents",
+    "exec.action.answer-input": "Answer input",
+    "exec.action.inspect-attention": "Inspect attention",
+    "exec.action.recover-leader": "Recover leader",
+    "exec.action.resolve-blocker": "Resolve blocker",
+    "exec.action.complete-task": "Complete task",
+    "exec.action.none": "—",
+    "exec.attention.leader-recovery": "Leader recovery",
+    "exec.attention.leader-stalled": "Leader stalled",
+    "exec.attention.checkpoint-overdue": "Checkpoint overdue",
+    "exec.attention.identity-mismatch": "Identity mismatch",
+    "exec.attention.delivery-uncertain": "Delivery uncertain",
+    "exec.blocker.work": "Work",
+    "exec.blocker.review": "Review",
+    "exec.blocker.integration": "Integration",
+    "exec.blocker.input": "Input",
+    "exec.blocker.identity": "Identity",
+    "exec.monitoring.stopped": "Monitoring stopped",
+    "exec.failClosed": "Fail-closed",
+    "exec.executors": "active",
+    "exec.purpose.execution": "Execution",
+    "exec.purpose.review": "Review",
+    "exec.strategy.fixed": "Fixed · {count} lanes",
+    "exec.strategy.adaptive": "Adaptive · up to {max}",
+    "exec.lanesFailed": "failed",
+    "lane.pending": "Pending",
+    "lane.running": "Running",
+    "lane.yielded": "Yielded",
+    "lane.completed": "Completed",
+    "lane.failed": "Failed",
+    "resolution.accept": "Accepted",
+    "resolution.reject": "Rejected",
+    "resolution.retry": "Retry",
+    "resolution.blocked": "Blocked",
+    "detail.candidates": "Candidates",
+    "detail.disposition": "Retirement",
+    "detail.replacementWorkItem": "Replaced by",
+    "detail.endedAt": "Ended",
+    "detail.findings": "Findings",
+    "detail.report": "Report",
+    "detail.workspaceDisposition": "Workspace",
+    "detail.lineage": "Execution",
+    "detail.requester": "Requested by",
+    "candidate.source.direct": "Direct",
+    "candidate.source.run": "Run",
+    "finding.severity.low": "Low",
+    "finding.severity.medium": "Medium",
+    "finding.severity.high": "High",
+    "finding.severity.critical": "Critical",
+    "finding.status.open": "Open",
+    "finding.status.resolved": "Resolved",
+    "run.purpose.execution": "Execution",
+    "run.purpose.review": "Review",
+    "run.disposition": "Disposition",
+    "run.disposition.progress": "Progressing",
+    "run.disposition.waiting": "Waiting",
+    "run.disposition.blocked": "Blocked",
+    "run.disposition.completed": "Completed",
+    "run.waitReason": "Waiting on",
+    "run.yieldReceipt": "Yield receipt",
+    "review.scope.work-item": "Work item",
+    "review.scope.task": "Task"
   },
   "zh-CN": {
     "a11y.skip": "跳到主面板",
@@ -333,6 +415,7 @@ const messages = {
     "group.attention": "需输入",
     "group.draft": "草稿",
     "group.finished": "已完成",
+    "group.retired": "已退役",
     "input.answered": "输入已回答。",
     "input.blocking": "阻塞",
     "input.freeText": "输入回答",
@@ -430,7 +513,88 @@ const messages = {
     "work.superseded": "已替代",
     "stats.running": "运行中",
     "stats.inputs": "项输入",
-    "stats.stalledRuns": "停滞运行"
+    "stats.stalledRuns": "停滞运行",
+    "exec.status.needs-leader-action": "待负责人处理",
+    "exec.status.waiting-on-agents": "等待智能体",
+    "exec.status.waiting-user": "等待你回答",
+    "exec.status.recovering": "恢复中",
+    "exec.status.attention": "需要关注",
+    "exec.status.progressing-with-attention": "推进中（有注意项）",
+    "exec.status.blocked": "已阻塞",
+    "exec.status.working": "执行中",
+    "exec.status.completed": "已完成",
+    "exec.status.retired": "已退役",
+    "exec.status.archived": "已归档",
+    "exec.owner.leader": "负责人",
+    "exec.owner.worker": "执行者",
+    "exec.owner.reviewer": "评审者",
+    "exec.owner.tester": "测试者",
+    "exec.owner.operator": "Operator",
+    "exec.owner.user": "你",
+    "exec.owner.none": "—",
+    "exec.action.advance-task": "推进任务",
+    "exec.action.wait-for-agents": "等待智能体",
+    "exec.action.answer-input": "回答输入",
+    "exec.action.inspect-attention": "检查注意项",
+    "exec.action.recover-leader": "恢复负责人",
+    "exec.action.resolve-blocker": "解决阻塞",
+    "exec.action.complete-task": "完成任务",
+    "exec.action.none": "—",
+    "exec.attention.leader-recovery": "负责人恢复",
+    "exec.attention.leader-stalled": "负责人停滞",
+    "exec.attention.checkpoint-overdue": "检查点超时",
+    "exec.attention.identity-mismatch": "身份不匹配",
+    "exec.attention.delivery-uncertain": "送达不确定",
+    "exec.blocker.work": "工作",
+    "exec.blocker.review": "评审",
+    "exec.blocker.integration": "集成",
+    "exec.blocker.input": "输入",
+    "exec.blocker.identity": "身份",
+    "exec.monitoring.stopped": "监控已停止",
+    "exec.failClosed": "失败关闭",
+    "exec.executors": "活跃",
+    "exec.purpose.execution": "执行",
+    "exec.purpose.review": "评审",
+    "exec.strategy.fixed": "固定 · {count} 条泳道",
+    "exec.strategy.adaptive": "自适应 · 最多 {max}",
+    "exec.lanesFailed": "失败",
+    "lane.pending": "待处理",
+    "lane.running": "运行中",
+    "lane.yielded": "已交付",
+    "lane.completed": "已完成",
+    "lane.failed": "失败",
+    "resolution.accept": "已接受",
+    "resolution.reject": "已拒绝",
+    "resolution.retry": "已重试",
+    "resolution.blocked": "已阻塞",
+    "detail.candidates": "候选方案",
+    "detail.disposition": "退役处置",
+    "detail.replacementWorkItem": "替代项",
+    "detail.endedAt": "结束时间",
+    "detail.findings": "发现",
+    "detail.report": "报告",
+    "detail.workspaceDisposition": "工作区",
+    "detail.lineage": "执行谱系",
+    "detail.requester": "请求方",
+    "candidate.source.direct": "直接",
+    "candidate.source.run": "运行",
+    "finding.severity.low": "低",
+    "finding.severity.medium": "中",
+    "finding.severity.high": "高",
+    "finding.severity.critical": "严重",
+    "finding.status.open": "未解决",
+    "finding.status.resolved": "已解决",
+    "run.purpose.execution": "执行",
+    "run.purpose.review": "评审",
+    "run.disposition": "处置",
+    "run.disposition.progress": "推进中",
+    "run.disposition.waiting": "等待中",
+    "run.disposition.blocked": "已阻塞",
+    "run.disposition.completed": "已完成",
+    "run.waitReason": "等待",
+    "run.yieldReceipt": "交付回执",
+    "review.scope.work-item": "工作项",
+    "review.scope.task": "任务"
   }
 };
 

package/dist/web/assets/client/view.js

@@ -8,6 +8,7 @@ import {
   attentionRow,
   conclusionMeta,
   emptyRow,
+  executionBand,
   historyEventRow,
   inputCard,
   messageCard,
@@ -27,7 +28,7 @@ import {
   workItemCard
 } from "/assets/js/components.js";
 
-const statuses = ["all", "active", "draft", "completed", "archived"];
+const statuses = ["all", "active", "draft", "completed", "retired", "archived"];
 
 export function renderFilters(container, state, t, onFilter) {
   const counts = state.counts || {};
@@ -49,7 +50,7 @@ export function renderFilters(container, state, t, onFilter) {
         dot.classList.add(status);
         btn.append(dot);
       }
-      btn.append(document.createTextNode(translatedStatus(t, "status", status)));
+      btn.append(node("span", "filter-label", translatedStatus(t, "status", status)));
       const badge = node("span", "filter-count");
       btn.append(badge);
       btn.addEventListener("click", function () { onFilter(status); });
@@ -61,6 +62,8 @@ export function renderFilters(container, state, t, onFilter) {
     const btn = row.querySelector('.filter-chip[data-status="' + status + '"]');
     if (!btn) return;
     btn.classList.toggle("is-active", state.filter === status);
+    const label = btn.querySelector(".filter-label");
+    if (label) label.textContent = translatedStatus(t, "status", status);
     const count = status === "all" ? counts.total : counts[status];
     const badge = btn.querySelector(".filter-count");
     if (badge) {
@@ -78,6 +81,7 @@ function taskGroupOf(task, attentionIds) {
   if (attentionIds.has(task.id)) return "attention";
   if (task.status === "active") return "active";
   if (task.status === "draft") return "draft";
+  if (task.status === "retired") return "retired";
   if (task.status === "archived") return "archived";
   return "finished";
 }
@@ -96,7 +100,7 @@ export function renderTasks(container, state, t, locale, onSelect) {
   clear(container);
   const query = state.query.trim().toLocaleLowerCase(locale);
   const attentionIds = new Set((state.attention || []).map(function (item) { return item.taskId; }));
-  const groups = { attention: [], active: [], draft: [], finished: [], archived: [] };
+  const groups = { attention: [], active: [], draft: [], finished: [], retired: [], archived: [] };
   (state.tasks || []).forEach(function (task) {
     if (state.filter !== "all" && task.status !== state.filter) return;
     if (!taskMatchesQuery(task, query, locale)) return;
@@ -108,6 +112,7 @@ export function renderTasks(container, state, t, locale, onSelect) {
     ["active", t("group.active")],
     ["draft", t("group.draft")],
     ["finished", t("group.finished")],
+    ["retired", t("group.retired")],
     ["archived", t("group.archived")]
   ];
   const firstGroup = order.find(function (entry) { return groups[entry[0]].length > 0; });
@@ -134,7 +139,7 @@ function overviewBlock(head, tasks, t, locale, onSelect) {
   block.append(sectionHead(head, { count: tasks.length }));
   const list = node("div", "overview-list");
   tasks.forEach(function (task) {
-    list.append(overviewRow(task, t, locale, onSelect));
+    list.append(overviewRow(task, null, null, t, locale, onSelect));
   });
   block.append(list);
   return block;
@@ -174,23 +179,30 @@ export function renderOverview(detail, state, t, locale, onSelect) {
   }
   wrap.append(inbox);
 
-  const stalledTasks = (state.tasks || []).filter(function (task) {
-    return (task.needsAttentionCount || 0) > 0;
+  // Tasks whose Task-first projection says they need attention: blocked,
+  // recovering, or in an attention state. This replaces the raw stalled-run
+  // count with the derived execution status.
+  const attentionTasks = (state.tasks || []).filter(function (task) {
+    const status = task.executionStatus;
+    return status === "blocked"
+      || status === "attention"
+      || status === "recovering"
+      || status === "progressing-with-attention";
   });
-  if (stalledTasks.length) {
-    const stalledBlock = node("section", "overview-block");
-    stalledBlock.append(node("h3", "", t("overview.attention") + " · " + stalledTasks.length));
+  if (attentionTasks.length) {
+    const attentionBlock = node("section", "overview-block");
+    attentionBlock.append(node("h3", "", t("overview.attention") + " · " + attentionTasks.length));
     const list = node("div", "overview-list");
-    stalledTasks.forEach(function (task) {
+    attentionTasks.forEach(function (task) {
       list.append(overviewRow(
         task,
-        task.needsAttentionCount + " " + t("stats.stalledRuns"),
+        t("exec.status." + task.executionStatus),
         "has-inputs",
         onSelect
       ));
     });
-    stalledBlock.append(list);
-    wrap.append(stalledBlock);
+    attentionBlock.append(list);
+    wrap.append(attentionBlock);
   }
 
   // Active work and the freshest updates sit side by side on wide screens, so
@@ -274,6 +286,11 @@ export function renderTaskDetail(detail, data, t, locale, actions) {
   headBlock.append(meta);
   summaryBody.append(headBlock);
 
+  // Task-first execution status: the derived status, owner, next action, and
+  // the attention/blocker facts behind it.
+  const band = executionBand(data.execution, t, locale);
+  if (band) summaryBody.append(band);
+
   if (task.completionSummary) {
     const conclusion = node("div", "conclusion");
     conclusion.append(node("h3", "", t("detail.conclusion")));