@zq-silk/yui 0.15.11 → 0.15.12

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

@@ -20,6 +20,10 @@ const elements = {
   search: document.querySelector("#search"),
   filters: document.querySelector("#status-filters"),
   tasks: document.querySelector("#task-list"),
+  catalogNext: document.querySelector("#catalog-next"),
+  catalogReset: document.querySelector("#catalog-reset"),
+  catalogCount: document.querySelector("#catalog-count"),
+  catalogAttentionReset: document.querySelector("#catalog-attention-reset"),
   detail: document.querySelector("#detail"),
   mainCol: document.querySelector(".main-col"),
   topbar: document.querySelector(".topbar"),
@@ -40,6 +44,13 @@ const state = {
   tasks: [],
   counts: null,
   attention: [],
+  catalogAttention: null,
+  catalogScope: null,
+  catalogAll: false,
+  catalogTotal: 0,
+  catalogCursor: null,
+  nextCursor: null,
+  attentionFilter: null,
   generatedAt: null,
   filter: "all",
   query: "",
@@ -48,6 +59,7 @@ const state = {
   detailKey: null
 };
 const VALID_FILTERS = ["all", "active", "draft", "completed", "cancelled", "archived"];
+const VALID_ATTENTION = ["openInputs", "pendingOperations", "unknownOperations", "executionSignals"];
 let terminalSession = null;
 let terminalStateKey = "terminal.closed";
 const submittedRequests = new Set();
@@ -120,6 +132,10 @@ function syncUrlFromState(options) {
   else params.delete("filter");
   if (state.query) params.set("q", state.query);
   else params.delete("q");
+  if (state.attentionFilter) params.set("attention", state.attentionFilter);
+  else params.delete("attention");
+  if (state.catalogAll) params.set("all", "true");
+  else params.delete("all");
   applyUrl(params, options);
 }
 
@@ -228,9 +244,16 @@ function renderCurrentDetail(force) {
 function renderDynamicContent() {
   renderFilters(elements.filters, state, i18n.t, function (filter) {
     state.filter = filter;
+    state.attentionFilter = null;
+    state.catalogAll = false;
     syncUrlFromState({ replace: false });
-    renderDynamicContent();
+    resetCatalog();
   });
+  elements.catalogNext.disabled = !state.nextCursor || refreshing;
+  elements.catalogCount.textContent = i18n.t("catalog.count")
+    .replace("{shown}", String(state.tasks.length)).replace("{total}", String(state.catalogTotal))
+    + (state.attentionFilter ? " · " + i18n.t("catalog." + state.attentionFilter) : "");
+  elements.catalogAttentionReset.hidden = !state.attentionFilter;
   const savedTaskScroll = elements.tasks.scrollTop;
   renderTasks(elements.tasks, state, i18n.t, i18n.getLocale(), selectTask);
   elements.tasks.scrollTop = savedTaskScroll;
@@ -463,9 +486,17 @@ async function answerInput(input, answer) {
 }
 
 let refreshing = false;
+let catalogRequest = 0;
+function resetCatalog() {
+  state.catalogCursor = null;
+  state.nextCursor = null;
+  refreshDashboard();
+}
 async function refreshDashboard(options) {
-  if (refreshing) return;
+  if (refreshing && options && options.quiet) return;
+  const request = ++catalogRequest;
   refreshing = true;
+  elements.catalogNext.disabled = true;
   const quiet = options && options.quiet;
   if (!quiet) {
     elements.refresh.disabled = true;
@@ -473,17 +504,29 @@ async function refreshDashboard(options) {
   }
   const previousInputs = state.counts ? state.counts.openInputs : null;
   try {
-    const dashboard = await requestJson("/api/dashboard");
+    const query = new URLSearchParams({ view: "compact" });
+    if (state.catalogAll) query.set("all", "true");
+    if (state.filter !== "all") query.set("status", state.filter);
+    if (state.query.trim()) query.set("search", state.query.trim());
+    if (state.attentionFilter) query.set("attention", state.attentionFilter);
+    if (state.catalogCursor) query.set("cursor", state.catalogCursor);
+    const dashboard = await requestJson("/api/dashboard?" + query.toString());
+    if (request !== catalogRequest) return;
     state.tasks = dashboard.tasks;
-    state.counts = dashboard.counts;
-    state.attention = dashboard.attention || [];
-    state.generatedAt = dashboard.generatedAt;
-    if (state.selected && !state.tasks.some(function (task) { return task.id === state.selected; })) {
-      clearSelection();
-    } else {
-      renderDynamicContent();
-    }
-    if (previousInputs !== null && dashboard.counts.openInputs > previousInputs) {
+    state.counts = { ...dashboard.counts, openInputs: dashboard.attention.openInputs.count };
+    state.catalogAttention = dashboard.attention;
+    state.catalogScope = dashboard.scope;
+    state.catalogTotal = dashboard.total;
+    state.nextCursor = dashboard.nextCursor;
+    state.attention = dashboard.attention.openInputs.refs.map(function (ref) {
+      const task = state.tasks.find(function (entry) { return entry.id === ref.taskId; });
+      return { taskId: ref.taskId, taskTitle: task ? task.title : ref.taskId };
+    });
+    state.generatedAt = new Date().toISOString();
+    // A selected Task may live on another page or outside current filters.
+    // Only its detail endpoint can establish that it no longer exists.
+    renderDynamicContent();
+    if (previousInputs !== null && state.counts.openInputs > previousInputs) {
       showToast(i18n.t("input.new"));
     }
     if (state.selected) {
@@ -492,13 +535,17 @@ async function refreshDashboard(options) {
       }
     }
   } catch {
+    if (request !== catalogRequest) return;
     if (!quiet) {
       renderError(elements.tasks, i18n.t("errors.dashboard"));
       showToast(i18n.t("errors.dashboard"));
     }
   } finally {
-    refreshing = false;
-    if (!quiet) elements.refresh.disabled = false;
+    if (request === catalogRequest) {
+      refreshing = false;
+      elements.refresh.disabled = false;
+      elements.catalogNext.disabled = !state.nextCursor;
+    }
   }
 }
 
@@ -650,12 +697,37 @@ if (elements.detailTabs) {
   });
 }
 
+let catalogSearchTimer = null;
 elements.search.addEventListener("input", function () {
   state.query = elements.search.value;
   syncUrlFromState({ replace: true });
-  const savedTaskScroll = elements.tasks.scrollTop;
-  renderTasks(elements.tasks, state, i18n.t, i18n.getLocale(), selectTask);
-  elements.tasks.scrollTop = savedTaskScroll;
+  window.clearTimeout(catalogSearchTimer);
+  catalogSearchTimer = window.setTimeout(resetCatalog, 200);
+});
+elements.catalogNext.addEventListener("click", function () {
+  if (!state.nextCursor) return;
+  state.catalogCursor = state.nextCursor;
+  refreshDashboard();
+});
+elements.catalogReset.addEventListener("click", function () {
+  resetCatalog();
+});
+elements.catalogAttentionReset.addEventListener("click", function () {
+  state.attentionFilter = null;
+  state.catalogAll = false;
+  syncUrlFromState({ replace: false });
+  resetCatalog();
+});
+elements.detail.addEventListener("click", function (event) {
+  const button = event.target.closest("[data-catalog-attention]");
+  if (!button) return;
+  state.attentionFilter = button.dataset.catalogAttention;
+  state.catalogAll = state.catalogScope && state.catalogScope.archived === "included";
+  state.filter = "all";
+  state.query = "";
+  elements.search.value = "";
+  syncUrlFromState({ replace: false });
+  resetCatalog();
 });
 elements.refresh.addEventListener("click", function () { refreshDashboard(); });
 elements.operatorTerminal.addEventListener("click", function () {
@@ -753,6 +825,8 @@ function applyStateFromUrl() {
   }
   const query = params.get("q");
   state.query = query || "";
+  state.attentionFilter = VALID_ATTENTION.includes(params.get("attention")) ? params.get("attention") : null;
+  state.catalogAll = params.get("all") === "true";
   if (elements.search) elements.search.value = state.query;
   const taskId = params.get("task");
   if (taskId) {
@@ -767,6 +841,7 @@ function applyStateFromUrl() {
 
 window.addEventListener("popstate", function () {
   applyStateFromUrl();
+  resetCatalog();
 });
 
 i18n.subscribe(function () {

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

@@ -228,17 +228,36 @@ export function workItemExecutionCard(projection, t) {
   return card;
 }
 
+export function usageMetricText(metric, t, suffix) {
+  if (!metric || metric.value == null) return t("detail.unobserved");
+  return metric.value + (suffix || "") + (metric.status === "partial" ? " · " + t("detail.partial") : "");
+}
+
+function usageTile(label, metric, t, suffix) {
+  const tile = metricTile(label, usageMetricText(metric, t, suffix));
+  if (metric?.reasons?.length) {
+    tile.append(node("small", "muted", metric.reasons.map(function (reason) {
+      return t("usage.reason." + reason);
+    }).join("; ")));
+  }
+  return tile;
+}
+
 export function observabilityMetricCard(observability, t) {
   if (!observability) return null;
   const card = node("div", "observability-metrics");
   const cost = observability.cost || {};
   const context = observability.context || {};
-  card.append(metricTile(t("detail.tokens"), cost.tokens + (cost.tokensObservable === false ? "*" : "")));
-  card.append(metricTile(t("detail.toolCalls"), cost.toolCalls + (cost.toolCallsObservable === false ? "*" : "")));
-  card.append(metricTile(t("detail.wallClock"), cost.wallClockSeconds + "s"));
+  card.append(usageTile(t("detail.tokens"), cost.tokens, t));
+  card.append(usageTile(t("detail.toolCalls"), cost.toolCalls, t));
+  card.append(usageTile(t("detail.elapsed"), cost.elapsedSeconds, t, "s"));
+  card.append(usageTile(t("detail.executionSum"), cost.executionSeconds, t, "s"));
   card.append(metricTile(t("detail.ready"), (observability.dag?.readyIds || []).length, { hot: true }));
   card.append(metricTile(t("detail.contextSnapshots"), context.snapshotCount));
   const contextMeta = node("div", "record-meta observability-context-meta");
+  contextMeta.append(node("span", "", t("detail.usageScope")));
+  contextMeta.append(node("span", "", t("detail.observedThrough") + " · "
+    + (cost.observedThrough ? formatDateTime(cost.observedThrough) : t("detail.unobserved"))));
   contextMeta.append(node("span", "", t("detail.contextBytes") + " · "
     + (context.totalBytes === null ? t("detail.partial") : context.totalBytes + " B")));
   contextMeta.append(node("span", "", t("detail.compression") + " · " + t("detail.unavailable")));
@@ -534,14 +553,9 @@ export function workItemCard(item, titles, t, locale, actions, taskId) {
   if (item.observability) {
     const observability = item.observability;
     const metrics = node("div", "record-meta work-item-observability");
-    metrics.append(node("span", "", t("detail.cost") + " · "
-      + (observability.cost.tokensObservable
-        ? observability.cost.tokens + " tokens"
-        : t("detail.unobserved"))));
-    metrics.append(node("span", "", observability.cost.toolCallsObservable
-      ? observability.cost.toolCalls + " tools"
-      : t("detail.unobserved")));
-    metrics.append(node("span", "", observability.cost.wallClockSeconds + "s"));
+    metrics.append(usageTile(t("detail.tokens"), observability.cost.tokens, t));
+    metrics.append(usageTile(t("detail.toolCalls"), observability.cost.toolCalls, t));
+    metrics.append(usageTile(t("detail.executionSum"), observability.cost.executionSeconds, t, "s"));
     metrics.append(node("span", "", t("detail.contextSnapshots") + " · "
       + observability.context.snapshotCount));
     metrics.append(node("span", "", t("detail.results") + " · "
@@ -745,6 +759,30 @@ export function roleCard(role, task, t, locale, actions) {
     card.append(eff);
   }
 
+  if (role.providerRetry) {
+    const retry = role.providerRetry;
+    const retryMeta = node("p", "record-meta");
+    const zh = locale.startsWith("zh");
+    const labels = zh ? {
+      waiting: "等待 Provider 重试", "in-flight": "Provider 重试已提交",
+      recovered: "Provider 已恢复", cancelled: "自动重试已取消",
+      exhausted: "自动重试预算耗尽", "needs-attention": "需要检查 Provider",
+      "delivery-unknown": "投递结果未知，禁止重放"
+    } : {
+      waiting: "Waiting for Provider retry", "in-flight": "Provider retry submitted",
+      recovered: "Provider recovered", cancelled: "Automatic retry cancelled",
+      exhausted: "Automatic retry budget exhausted", "needs-attention": "Provider needs attention",
+      "delivery-unknown": "Delivery unknown; no replay"
+    };
+    retryMeta.textContent = (labels[retry.status] || retry.status) + " · "
+      + (zh && retry.category === "rate-limit" ? "临时限流" : retry.category) + " · "
+      + retry.attempts + "/" + retry.limit
+      + (retry.status === "waiting" ? " · " + new Date(retry.nextEligibleAt).toLocaleString(locale) : "")
+      + " · " + (zh ? "原成果保留" : "Existing work preserved")
+      + (retry.reason ? " · " + retry.reason : "");
+    card.append(retryMeta);
+  }
+
   if (role.sessionTokens) {
     const tokenMeta = node("div", "record-meta");
     const cumulative = role.sessionTokens.cumulativeTotal || {};
@@ -933,10 +971,14 @@ export function taskCard(task, hasAttention, state, t, locale, onSelect) {
   }
 
   // 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));
+  if (hasAttention || (task.attention && task.attention.openInputs > 0)) {
+    const badge = node("span", "task-signal is-input", String(task.attention ? task.attention.openInputs : task.openInputCount || 1));
     badge.title = t("stats.inputs");
     button.append(badge);
+  } else if (task.attention && task.attention.executionSignals > 0) {
+    const badge = node("span", "task-signal", String(task.attention.executionSignals));
+    badge.title = t("catalog.executionSignals");
+    button.append(badge);
   } else if (task.workItems && task.workItems.running > 0) {
     const badge = node("span", "task-signal is-running", String(task.workItems.running));
     badge.title = t("stats.running");

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

@@ -1,6 +1,20 @@
 export const I18N_SCRIPT = `
 const messages = {
   "en": {
+    "catalog.first": "First page",
+    "catalog.all": "All tasks",
+    "catalog.clearAttention": "Clear attention filter",
+    "catalog.next": "Next page",
+    "catalog.count": "{shown} shown / {total} matching",
+    "catalog.attention": "Across the catalog",
+    "catalog.tasks": "tasks",
+    "catalog.openInputs": "Open inputs",
+    "catalog.inspectInputs": "Open the Open inputs category to inspect all affected tasks.",
+    "catalog.pendingOperations": "Pending operations",
+    "catalog.unknownOperations": "Unknown operations",
+    "catalog.executionSignals": "Execution facts to inspect",
+    "catalog.signalsHelp": "Counts cover the catalog, not just this page. Execution facts include live runs, open work and recovery signals; they do not imply failure. Open a task for its precise execution state.",
+    "catalog.pageScope": "Task groups below show this page only. Use Next page or search to discover more.",
     "a11y.skip": "Skip to the main panel",
     "actions.answer": "Answer",
     "actions.back": "Back to task list",
@@ -45,7 +59,9 @@ const messages = {
     "delivery.pending": "Awaiting delivery",
     "remoteDelivery.none": "No code delivery",
     "remoteDelivery.unavailable": "Exact heads unavailable",
-    "remoteDelivery.pending": "Pending merge",
+    "remoteDelivery.pending": "Not delivered",
+    "remoteDelivery.uncovered": "Merged PR/MR, acceptance not covered",
+    "remoteDelivery.unverified": "Covering merge, not verified",
     "remoteDelivery.partial": "Partially merged",
     "remoteDelivery.merged": "Merged",
     "detail.acceptance": "Acceptance criteria",
@@ -67,7 +83,25 @@ const messages = {
     "detail.sessionTotalTokens": "Session total tokens",
     "detail.maximumRequestInputTokens": "Maximum request input",
     "detail.toolCalls": "Tool calls",
-    "detail.wallClock": "Wall clock",
+    "detail.elapsed": "Task elapsed (including planning/waiting)",
+    "detail.executionSum": "Observed native execution sum",
+    "detail.usageScope": "Task lifetime · observed sources only · not billing totals",
+    "detail.observedThrough": "Evidence through",
+    "usage.reason.child-usage-overlap-unproven": "Child usage may overlap parent",
+    "usage.reason.source-coverage-partial": "Provider source coverage is partial",
+    "usage.reason.native-session-role-overlap": "Multiple Roles share the same native counter",
+    "usage.reason.session-usage-unavailable": "Session usage is missing or not safely countable",
+    "usage.reason.cumulative-not-allocatable-to-work-item": "Session cumulative usage cannot be allocated to this WorkItem",
+    "usage.reason.request-run-attribution-conflict": "Request Run ownership is ambiguous",
+    "usage.reason.no-attributable-request-usage": "No exactly attributable request usage",
+    "usage.reason.session-identity-missing": "Exact Session identity is missing",
+    "usage.reason.run-usage-unobserved": "Some Run usage is unobserved",
+    "usage.reason.counter-overflow": "Counter exceeds safe numeric range",
+    "usage.reason.no-token-evidence": "No token evidence",
+    "usage.reason.tool-history-compacted": "Tool history is compacted; retained calls only",
+    "usage.reason.nonzero-session-baseline": "Initial nonzero Session counter excluded",
+    "usage.reason.task-lifecycle-time-missing": "Task start/end evidence is missing",
+    "usage.reason.native-turn-history-compacted": "Complete retained Turns only; live/incomplete Turns excluded",
     "detail.ready": "Ready",
     "detail.contextSnapshots": "Context snapshots",
     "detail.contextBytes": "Context bytes",
@@ -390,6 +424,20 @@ const messages = {
     "review.scope.task": "Task"
   },
   "zh-CN": {
+    "catalog.first": "回到首页",
+    "catalog.all": "全部任务",
+    "catalog.clearAttention": "清除关注分类筛选",
+    "catalog.next": "下一页",
+    "catalog.count": "显示 {shown} 项 / 匹配 {total} 项",
+    "catalog.attention": "整个目录的关注事实",
+    "catalog.tasks": "个任务",
+    "catalog.openInputs": "未解决输入",
+    "catalog.inspectInputs": "打开“未解决输入”分类，查看全部相关任务。",
+    "catalog.pendingOperations": "进行中的操作",
+    "catalog.unknownOperations": "结果未知的操作",
+    "catalog.executionSignals": "可检查的执行事实",
+    "catalog.signalsHelp": "计数覆盖整个目录，不限当前页。执行事实包含活跃运行、未完成工作及恢复信号，不表示执行失败；打开任务查看精确执行状态。",
+    "catalog.pageScope": "以下任务分组仅展示当前页；可翻页或搜索发现更多任务。",
     "a11y.skip": "跳到主面板",
     "actions.answer": "提交回答",
     "actions.back": "返回任务列表",
@@ -434,7 +482,9 @@ const messages = {
     "delivery.pending": "等待送达",
     "remoteDelivery.none": "无代码交付",
     "remoteDelivery.unavailable": "精确 head 不可用",
-    "remoteDelivery.pending": "待合入",
+    "remoteDelivery.pending": "尚未交付",
+    "remoteDelivery.uncovered": "PR/MR 已合并，未覆盖验收",
+    "remoteDelivery.unverified": "已覆盖合并，尚未验证",
     "remoteDelivery.partial": "部分合入",
     "remoteDelivery.merged": "已合入",
     "detail.acceptance": "验收标准",
@@ -456,7 +506,25 @@ const messages = {
     "detail.sessionTotalTokens": "Session 累计 Token",
     "detail.maximumRequestInputTokens": "单次请求最大输入",
     "detail.toolCalls": "工具调用",
-    "detail.wallClock": "墙钟时间",
+    "detail.elapsed": "任务历时（含规划和等待）",
+    "detail.executionSum": "已观测原生执行累计",
+    "detail.usageScope": "Task 全生命周期 · 仅已观测来源 · 非账单总量",
+    "detail.observedThrough": "证据截止",
+    "usage.reason.child-usage-overlap-unproven": "子执行用量可能与父统计重叠",
+    "usage.reason.source-coverage-partial": "Provider 来源覆盖不完整",
+    "usage.reason.native-session-role-overlap": "多个 Role 共享同一原生计数器",
+    "usage.reason.session-usage-unavailable": "Session 用量缺失或无法安全计数",
+    "usage.reason.cumulative-not-allocatable-to-work-item": "Session 累计用量不能分配给此 WorkItem",
+    "usage.reason.request-run-attribution-conflict": "请求的 Run 归属不明确",
+    "usage.reason.no-attributable-request-usage": "没有精确归属的请求用量",
+    "usage.reason.session-identity-missing": "缺少精确 Session 身份",
+    "usage.reason.run-usage-unobserved": "部分 Run 没有用量证据",
+    "usage.reason.counter-overflow": "计数超过安全数值范围",
+    "usage.reason.no-token-evidence": "没有 token 证据",
+    "usage.reason.tool-history-compacted": "工具历史已压缩，仅计保留调用",
+    "usage.reason.nonzero-session-baseline": "已排除 Session 首次非零累计基线",
+    "usage.reason.task-lifecycle-time-missing": "缺少 Task 起止证据",
+    "usage.reason.native-turn-history-compacted": "仅计起止完整的保留 Turn，不含运行中或证据缺失的 Turn",
     "detail.ready": "可就绪",
     "detail.contextSnapshots": "上下文快照",
     "detail.contextBytes": "上下文字节",

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

@@ -383,7 +383,8 @@ export function renderTaskSurface(container, data, t, locale, actions) {
     const active = values("run").find((run) => run.roleName === role.name && run.status === "active");
     const incomplete = core.omitted.records > 0 || records("run").some((entry) => entry.omitted);
     roles.append(roleCard({
-      ...role, status: active || incomplete ? "unknown" : "idle",
+      ...role, providerRetry: entry.providerRetry,
+      status: entry.providerRetry?.status === "waiting" ? "waiting" : active || incomplete ? "unknown" : "idle",
       effectiveLaunch: active ? active.effective : null,
       launchDrift: active && active.effective.sourceDesiredRevision !== role.launchRevision
     }, task, t, locale, actions));

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

@@ -66,12 +66,17 @@ export function renderFilters(container, state, t, onFilter) {
     if (!btn) return;
     btn.classList.toggle("is-active", state.filter === status);
     const label = btn.querySelector(".filter-label");
-    if (label) label.textContent = status === "all" ? t("filter.unarchived") : translatedStatus(t, "status", status);
+    if (label) label.textContent = status === "all"
+      ? t(state.catalogAll ? "catalog.all" : "filter.unarchived") : translatedStatus(t, "status", status);
     const count = status === "all"
-      ? (counts.total === undefined ? undefined : counts.total - (counts.archived || 0))
+      ? (counts.total === undefined ? undefined : counts.total - (state.catalogAll ? 0 : counts.archived || 0))
       : counts[status];
     const badge = btn.querySelector(".filter-count");
     if (badge) {
+      if (status === "archived" && state.catalogScope && state.catalogScope.archived === "excluded") {
+        badge.hidden = true;
+        return;
+      }
       if (count !== undefined && count !== null) {
         badge.textContent = String(count);
         badge.hidden = false;
@@ -83,7 +88,7 @@ export function renderFilters(container, state, t, onFilter) {
 }
 
 function taskGroupOf(task, attentionIds) {
-  if (attentionIds.has(task.id)) return "attention";
+  if (attentionIds.has(task.id) || (task.attention && (task.attention.openInputs > 0 || task.attention.unknownOperations > 0))) return "attention";
   if (task.status === "active") return "active";
   if (task.status === "draft") return "draft";
   if (task.status === "cancelled") return "cancelled";
@@ -107,9 +112,9 @@ export function renderTasks(container, state, t, locale, onSelect) {
   const attentionIds = new Set((state.attention || []).map(function (item) { return item.taskId; }));
   const groups = { attention: [], active: [], draft: [], finished: [], cancelled: [], archived: [] };
   (state.tasks || []).forEach(function (task) {
-    if (state.filter === "all" && task.status === "archived") return;
+    if (state.filter === "all" && !state.catalogAll && task.status === "archived") return;
     if (state.filter !== "all" && task.status !== state.filter) return;
-    if (!taskMatchesQuery(task, query, locale)) return;
+    if (!state.catalogScope && !taskMatchesQuery(task, query, locale)) return;
     groups[taskGroupOf(task, attentionIds)].push(task);
   });
 
@@ -166,15 +171,33 @@ export function renderOverview(detail, state, t, locale, onSelect) {
   );
   wrap.append(rail);
 
+  if (state.catalogAttention) {
+    const catalog = node("section", "overview-block");
+    catalog.append(sectionHead(t("catalog.attention")));
+    catalog.append(node("p", "", t("catalog.signalsHelp")));
+    const groups = node("div", "overview-list");
+    Object.entries(state.catalogAttention).forEach(function (entry) {
+      const kind = entry[0], value = entry[1];
+      const button = node("button", "overview-row",
+        t("catalog." + kind) + " · " + value.count + " / " + value.taskCount + " " + t("catalog.tasks"));
+      button.type = "button";
+      button.dataset.catalogAttention = kind;
+      button.disabled = value.taskCount === 0;
+      groups.append(button);
+    });
+    catalog.append(groups);
+    wrap.append(catalog);
+  }
   const inbox = node("section", "overview-block");
   const inboxHead = sectionHead(t("overview.inbox"), {
-    count: (state.attention || []).length
+    count: counts ? counts.openInputs : (state.attention || []).length
   });
   inbox.append(inboxHead);
   const items = state.attention || [];
   if (!items.length) {
     const empty = node("div", "inbox-empty");
-    empty.append(node("span", "dot"), node("span", "", t("overview.inboxEmpty")));
+    empty.append(node("span", "dot"), node("span", "", counts && counts.openInputs > 0
+      ? t("catalog.inspectInputs") : t("overview.inboxEmpty")));
     inbox.append(empty);
   } else {
     const list = node("div", "inbox-list");
@@ -184,6 +207,7 @@ export function renderOverview(detail, state, t, locale, onSelect) {
     inbox.append(list);
   }
   wrap.append(inbox);
+  if (state.catalogScope) wrap.append(node("p", "", t("catalog.pageScope")));
 
   // Tasks whose Task-first projection says they need attention: blocked,
   // recovering, or in an attention state. This replaces the raw stalled-AgentRun
@@ -335,9 +359,13 @@ export function renderTaskDetail(detail, data, t, locale, actions) {
         "muted mono",
         project.directory + " · " + project.coverage + " · "
           + (project.expectedLocalCommit ? project.expectedLocalCommit.slice(0, 12) : "unknown")
+          + " → " + (project.deliveryLocalCommit ? project.deliveryLocalCommit.slice(0, 12) : "unknown")
           + " → "
           + (project.remoteCommit ? project.remoteCommit.slice(0, 12) : "unknown")
+          + " · PR/MR: " + (project.state || "none")
+          + (project.adoption ? " · " + project.adoption.id : "")
       ));
+      card.append(node("p", "record-copy", project.reason));
     });
     summaryBody.append(card);
   }

package/dist/web/assets/shell.js

@@ -38,6 +38,12 @@ export const DASHBOARD_HTML = `<!doctype html>
       </label>
       <div id="status-filters" class="filters" role="group" aria-label="Filter by status" data-i18n-aria-label="filters.label"></div>
       <div id="task-list" class="task-list" aria-label="Tasks" data-i18n-aria-label="board.title" aria-live="polite"><div class="loading" data-i18n="loading.dashboard">Reading local state…</div></div>
+      <div id="catalog-controls" class="catalog-pager" aria-live="polite">
+        <button id="catalog-reset" type="button" data-i18n="catalog.first">First page</button>
+        <span id="catalog-count"></span>
+        <button id="catalog-next" type="button" data-i18n="catalog.next" disabled>Next page</button>
+        <button id="catalog-attention-reset" type="button" data-i18n="catalog.clearAttention" hidden>Clear attention filter</button>
+      </div>
       <div class="sidebar-foot">
         <div class="sidebar-controls">
           <label class="select-control">

package/dist/web/assets/styles/layout.js

@@ -19,6 +19,13 @@ body.terminal-active .app-shell{grid-template-columns:var(--sidebar-w) minmax(0,
 .task-group-head{display:flex;align-items:baseline;gap:8px;padding:3px 4px 2px}
 .sidebar-foot{flex:none;padding-top:10px;margin-top:8px;display:grid;gap:8px}
 .sidebar-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
+.catalog-pager{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:none;padding-top:10px}
+.catalog-pager span{grid-column:1/-1;grid-row:1;text-align:center;font-size:11px;color:var(--muted)}
+.catalog-pager button{min-height:32px;min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:11px;cursor:pointer}
+.catalog-pager button:hover:not(:disabled){border-color:var(--accent)}
+.catalog-pager button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
+.catalog-pager button:disabled{opacity:.45;cursor:default}
+#catalog-attention-reset{grid-column:1/-1}
 /* Main column = top bar + optional section nav + reading surface */
 .main-col{display:flex;flex-direction:column;min-width:0;min-height:0;height:100vh;overflow-y:auto;scrollbar-gutter:stable}
 .topbar{position:sticky;top:0;z-index:30;flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px max(var(--page-space),calc((100% - 1100px) / 2));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}

package/dist/web/webServer.js

@@ -1,11 +1,12 @@
 import { randomBytes, timingSafeEqual } from "node:crypto";
 import { createServer } from "node:http";
 import WebSocket, { WebSocketServer } from "ws";
-import { usageError } from "../errors/cliError.js";
+import { CliError, usageError } from "../errors/cliError.js";
+import { parseTaskCatalogOptions } from "../context/taskCatalog.js";
 import { WebRequestRejected } from "./webMutation.js";
 import { TASK_SUBMISSION_INTENTS } from "../message/message.js";
 import { DASHBOARD_HTML, findWebAsset } from "./assets/assetManifest.js";
-import { buildWebDashboardSnapshot, buildWebTaskDetail } from "./webSnapshot.js";
+import { buildWebDashboardSnapshot, buildWebTaskCatalog, buildWebTaskDetail } from "./webSnapshot.js";
 const MAX_JSON_BODY_BYTES = 16 * 1024;
 const MAX_TERMINAL_MESSAGE_BYTES = 64 * 1024;
 const MAX_TERMINAL_BUFFERED_BYTES = 1024 * 1024;
@@ -236,7 +237,13 @@ async function handleHttpRequest(request, response, store, dependencies, token,
                 sendAsset(response, asset, method === "HEAD");
             }
             else if (pathname === "/api/dashboard") {
-                sendJson(response, 200, buildWebDashboardSnapshot(store, now()), method === "HEAD");
+                const query = new URL(request.url, "http://localhost").searchParams;
+                const snapshot = query.has("view")
+                    ? buildWebTaskCatalog(store, parseTaskCatalogOptions([...query].flatMap(([key, value]) => key === "all"
+                        ? (value === "true" ? ["--all"] : ["--invalid-all"])
+                        : [`--${key}`, value])))
+                    : buildWebDashboardSnapshot(store, now());
+                sendJson(response, 200, snapshot, method === "HEAD");
             }
             else if (pathname.startsWith("/api/tasks/")) {
                 const taskId = decodeURIComponent(pathname.slice("/api/tasks/".length));
@@ -250,6 +257,10 @@ async function handleHttpRequest(request, response, store, dependencies, token,
             }
         }
         catch (error) {
+            if (error instanceof CliError) {
+                sendJson(response, 400, { error: error.message }, method === "HEAD");
+                return;
+            }
             if (error instanceof URIError) {
                 sendJson(response, 400, { error: "Invalid URL encoding." }, method === "HEAD");
                 return;

package/dist/web/webSnapshot.js

@@ -1,3 +1,5 @@
+import { providerRetryProjection } from "../runtime/providerRetry.js";
+import { readTaskCatalog } from "../context/taskCatalog.js";
 import { isRoleRunStalled, latestRunDurableProgressAt } from "../scheduler/roleRunStall.js";
 import { retiredTaskRecordIds } from "../task/taskRecordRetirement.js";
 import { buildTaskExecutionProjection } from "../scheduler/taskExecutionProjection.js";
@@ -9,6 +11,9 @@ import { runExecutionObservation } from "../agentRun/agentRun.js";
 import { resolveRuntimeHealth } from "../config/yuiConfig.js";
 import { projectSessionTokenMetrics, resolveSessionTokenIdentity } from "../runtime/sessionTokenMetrics.js";
 import { projectTaskRemoteDelivery } from "../task/remoteDelivery.js";
+export function buildWebTaskCatalog(store, options) {
+    return store.transaction(reader => readTaskCatalog(reader, options));
+}
 export function buildWebDashboardSnapshot(store, now = new Date()) {
     return store.transaction((reader) => {
         const statusCounts = {
@@ -95,12 +100,15 @@ export function buildWebTaskDetail(store, taskId, now = new Date()) {
             const activeSession = sessions?.sessions[activeRun?.effective.agentId ?? sessions.activeAgentId];
             const effectiveLaunch = activeRun?.effective ?? activeSession?.effective ?? null;
             const delivery = sessions?.providerBinding?.run?.status;
+            const providerRetry = providerRetryProjection(sessions?.providerBinding);
             return {
                 ...role,
+                providerRetry,
                 // An open record is not proof that its Agent is running.
-                status: delivery === "accepted" ? "running"
-                    : delivery === "submitting" || delivery === "deferred" ? "waiting"
-                        : activeSession === undefined && activeRun === undefined ? "idle" : "unknown",
+                status: providerRetry?.status === "waiting" ? "waiting"
+                    : delivery === "accepted" ? "running"
+                        : delivery === "submitting" || delivery === "deferred" ? "waiting"
+                            : activeSession === undefined && activeRun === undefined ? "idle" : "unknown",
                 sessionTokens: projectSessionTokenMetrics(events, resolveSessionTokenIdentity(activeSession === undefined
                     ? null
                     : { taskId, roleName: role.name, ...activeSession })),
@@ -162,6 +170,7 @@ function webRemoteDelivery(reader, task) {
         publications: reader.listPublicationReferences(task.id),
         managedWorkspaces: reader.listManagedWorkspaces(task.id),
         runs: reader.listRuns(task.id),
+        integrations: reader.listIntegrationAttempts(task.id),
         currentCandidate: null
     });
 }