@zq-silk/yui 2.1.0 → 2.3.0

package/dist/task/taskAuthority.js

@@ -51,6 +51,62 @@ export function assertTaskDeliveryAuthority(store, environment, taskId) {
     }
     return actor;
 }
+/** Project effects consume the current Session's captured scope, never the
+ * Role's desired configuration or the mere presence of a writable directory.
+ * Task management (including abort/inspection) remains a separate authority. */
+export function assertTaskProjectWriteAuthority(store, environment, taskId, projectId) {
+    const actor = assertTaskDeliveryAuthority(store, environment, taskId);
+    if (actor !== "leader")
+        return actor;
+    const caller = currentManagedRuntime(store, environment, taskId, LEADER_ROLE);
+    const session = store.getTaskRoleSessionSet(taskId, LEADER_ROLE)?.sessions[caller.agentId];
+    const effective = session?.effective;
+    const task = store.getTask(taskId);
+    const main = store.getTaskWorkspace(taskId);
+    const entry = main?.entries.find(entry => entry.projectId === projectId);
+    if (task?.status !== "active" || task.executionGate.state !== "enabled"
+        || !task.projectBindings.some(binding => binding.projectId === projectId)
+        || effective?.profileAccess !== "write" || !effective.writeProjectIds.includes(projectId)
+        || main?.owner.type !== "task" || main.owner.taskId !== taskId
+        || effective.workspace.root !== main.root || entry?.access !== "write"
+        || !effective.workspace.entries.some(captured => captured.projectId === projectId
+            && captured.access === "write" && captured.path === entry.path)) {
+        throw usageError("Project write requires this Task's current delivery Session with a captured writable Project in its Task-main workspace. Read the Session scope; use formal Session replacement to adopt a new boundary.");
+    }
+    return actor;
+}
+/** A managed Leader integrates into its captured Task-main, not any branch
+ * reachable through the same Git repository. The executor also verifies that
+ * this ref is physically checked out here immediately before target effects. */
+export function taskIntegrationTargetCheckout(store, environment, taskId, projectId, targetRef) {
+    if (assertTaskProjectWriteAuthority(store, environment, taskId, projectId) !== "leader") {
+        return undefined;
+    }
+    return taskIntegrationSettlementCheckout(store, environment, taskId, projectId, targetRef);
+}
+/** Confirming an already-applied CAS is Task management, not a Project write
+ * grant. Keep the current delivery identity and captured target ownership, but
+ * do not require or change its declared write scope. Never use this for CAS. */
+export function taskIntegrationSettlementCheckout(store, environment, taskId, projectId, targetRef) {
+    if (assertTaskDeliveryAuthority(store, environment, taskId) !== "leader")
+        return undefined;
+    const task = store.getTask(taskId);
+    const main = store.getTaskWorkspace(taskId);
+    const entry = main?.entries.find(entry => entry.projectId === projectId);
+    const caller = currentManagedRuntime(store, environment, taskId, LEADER_ROLE);
+    const effective = store.getTaskRoleSessionSet(taskId, LEADER_ROLE)?.sessions[caller.agentId]?.effective;
+    const captured = effective?.workspace.entries.find(entry => entry.projectId === projectId);
+    const branchRef = (ref) => ref.startsWith("refs/heads/") ? ref : `refs/heads/${ref}`;
+    if (task?.status !== "active" || !task.projectBindings.some(binding => binding.projectId === projectId)
+        || main?.owner.type !== "task" || main.owner.taskId !== taskId
+        || effective?.workspace.root !== main.root || entry?.access !== "write"
+        || captured?.path !== entry.path || entry.branch === undefined || captured.branch === undefined
+        || branchRef(entry.branch) !== branchRef(captured.branch)
+        || branchRef(targetRef) !== branchRef(captured.branch)) {
+        throw usageError("Managed Leader Integration target must be its captured Task-main branch and checkout.");
+    }
+    return entry.path;
+}
 /**
  * Authority for a live steer/interrupt of an exact current native Turn
  * (decision-3 §1/§9, message-5 gap B). The legal evidence is the native

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

@@ -84,6 +84,14 @@ export const api = {
       result = await requestJson(task(taskId) + "/inspect?" + query);
     }
   },
+  // One page of a Context family: summaries and exact references, no bodies.
+  list: function (taskId, store, options) {
+    const query = new URLSearchParams({ store: store });
+    ["status", "cursor", "limit"].forEach(function (key) {
+      if (options && options[key] !== undefined && options[key] !== null) query.set(key, String(options[key]));
+    });
+    return requestJson(task(taskId) + "/list?" + query);
+  },
   artifacts: function (taskId) { return requestJson(task(taskId) + "/artifacts"); },
   artifact: function (taskId, path, commit) {
     return requestJson(task(taskId) + "/artifacts?" + new URLSearchParams({ path, commit }));

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

@@ -9,13 +9,13 @@ import { formatClock } from "/assets/js/format.js";
 import { h } from "/assets/js/dom.js";
 import { renderAttentionBar, renderFilters, renderTasks, STATUS_FILTERS, ATTENTION_KINDS } from "/assets/js/sidebar.js";
 import { renderOverview } from "/assets/js/overview.js";
-import { renderTaskDetail, selectTab, updateObservation, TABS } from "/assets/js/detail.js";
+import { renderTaskDetail, selectTab, updateObservation, TABS, TAB_ALIASES } from "/assets/js/detail.js";
 import { renderDiscussion, discussionHasUnsent, createTerminalController, sameTarget } from "/assets/js/dock.js";
 import { entriesOf } from "/assets/js/records.js";
 
 const $ = function (selector) { return document.querySelector(selector); };
 const el = {
-  sidebar: $(".sidebar"), center: $("#center"), detail: $("#detail"),
+  sidebar: $(".sidebar"), sidebarDivider: $("#sidebar-divider"), center: $("#center"), detail: $("#detail"),
   search: $("#search"), filters: $("#status-filters"), attention: $("#attention-bar"), tasks: $("#task-list"),
   catalogNext: $("#catalog-next"), catalogReset: $("#catalog-reset"), catalogCount: $("#catalog-count"),
   catalogAttentionReset: $("#catalog-attention-reset"),
@@ -43,6 +43,9 @@ function readPreference(key, fallback) {
 function writePreference(key, value) {
   try { localStorage.setItem(key, value); } catch {}
 }
+function clearPreference(key) {
+  try { localStorage.removeItem(key); } catch {}
+}
 const dock = {
   open: readPreference("yui.dock.open", "true") !== "false",
   mode: "discussion",
@@ -52,6 +55,10 @@ const dock = {
   // Task, never restored from the desktop preference.
   sheet: false
 };
+// Task list width: null keeps the CSS default (--sidebar-w); otherwise the width
+// the user dragged to. It is a preference; the width actually applied is clamped
+// to the current window.
+const sidebar = { width: Number(readPreference("yui.sidebar.width", "")) || null, resizing: false };
 const narrow = window.matchMedia("(max-width: 900px)");
 
 const i18n = createI18n(el.locale);
@@ -111,6 +118,7 @@ function detailContext() {
     openSession: function (roleName) { openSession({ scope: "task", taskId: state.selected, roleName: roleName }); },
     answerInput: answerInput,
     inspect: api.inspect,
+    list: api.list,
     artifacts: api.artifacts,
     readArtifact: api.artifact,
     evidence: api.evidence,
@@ -125,6 +133,7 @@ function dockActions() {
   return {
     sendMessage: api.sendMessage,
     inspect: api.inspect,
+    list: api.list,
     afterWrite: function () { refreshDashboard({ quiet: true }); }
   };
 }
@@ -223,15 +232,17 @@ function switchTab(tab, options) {
   if (!(options && options.keepScroll)) el.center.scrollTop = 0;
   setSectionParam(tab);
 }
-// A section may name a tab or any anchored block inside one (for example
-// "reviews" → the Work tab, scrolled to #detail-reviews).
+// A section may name a tab, a retired tab name, or any anchored block inside
+// one (for example "reviews" → the Delivery tab, scrolled to #detail-reviews).
 function applySection(section) {
-  if (!section || TABS.includes(section)) { switchTab(section || "overview"); return; }
-  const anchor = el.detail.querySelector("#detail-" + CSS.escape(section));
+  const tab = (section && TAB_ALIASES[section]) || section;
+  if (!tab || TABS.includes(tab)) { switchTab(tab || "overview"); return; }
+  const anchor = el.detail.querySelector("#detail-" + CSS.escape(tab));
   const panel = anchor && anchor.closest(".tab-panel");
   if (!panel) { switchTab("overview"); return; }
   state.activeTab = panel.id.replace(/^panel-/, "");
   selectTab(el.detail, state.activeTab);
+  if (anchor.tagName === "DETAILS") anchor.open = true;
   anchor.scrollIntoView({ block: "start" });
 }
 
@@ -510,7 +521,7 @@ function updateLayout() {
   el.dockTabSession.setAttribute("aria-selected", String(dock.mode === "session"));
   el.dockTabDiscussion.disabled = !state.selected;
   el.dockSwap.setAttribute("aria-pressed", String(dock.center));
-  setDockWidth(dock.width, false);
+  applySidebarWidth();
   syncDockButtons();
 }
 function syncDockButtons() {
@@ -598,9 +609,63 @@ el.divider.addEventListener("keydown", function (event) {
   event.preventDefault();
   setDockWidth(event.key === "Home" ? 320 : event.key === "End" ? maxDockWidth() : dock.width + delta, true);
 });
-window.addEventListener("resize", function () { setDockWidth(dock.width, false); });
 narrow.addEventListener("change", updateLayout);
 
+// --- Sidebar width ----------------------------------------------------------------
+const SIDEBAR_MIN = 240;
+const SIDEBAR_MAX = 560;
+function maxSidebarWidth() {
+  // An open dock can shrink to its minimum, so it reserves only that much.
+  const reserve = dockVisible() ? 320 + 9 : 0;
+  return Math.max(SIDEBAR_MIN, Math.min(SIDEBAR_MAX, window.innerWidth - reserve - 420));
+}
+function applySidebarWidth() {
+  const root = document.documentElement.style;
+  if (sidebar.width === null) root.removeProperty("--sidebar-w");
+  else root.setProperty("--sidebar-w", Math.max(SIDEBAR_MIN, Math.min(maxSidebarWidth(), sidebar.width)) + "px");
+  // A wider task list leaves the dock less room; the dock keeps its stored width.
+  setDockWidth(dock.width, false);
+  el.sidebarDivider.setAttribute("aria-valuemax", String(maxSidebarWidth()));
+  el.sidebarDivider.setAttribute("aria-valuenow", String(el.sidebar.offsetWidth));
+}
+function setSidebarWidth(width, persist) {
+  sidebar.width = width === null ? null : Math.max(SIDEBAR_MIN, Math.min(maxSidebarWidth(), Math.round(width)));
+  if (persist) {
+    if (sidebar.width === null) clearPreference("yui.sidebar.width");
+    else writePreference("yui.sidebar.width", String(sidebar.width));
+  }
+  applySidebarWidth();
+}
+el.sidebarDivider.addEventListener("pointerdown", function (event) {
+  if (event.button !== 0 || window.innerWidth <= 900) return;
+  sidebar.resizing = true;
+  el.sidebarDivider.setPointerCapture(event.pointerId);
+  document.body.classList.add("sidebar-resizing");
+  event.preventDefault();
+});
+el.sidebarDivider.addEventListener("pointermove", function (event) {
+  if (!sidebar.resizing) return;
+  setSidebarWidth(event.clientX - el.sidebar.getBoundingClientRect().left, false);
+});
+function finishSidebarResize() {
+  if (!sidebar.resizing) return;
+  sidebar.resizing = false;
+  document.body.classList.remove("sidebar-resizing");
+  if (sidebar.width !== null) writePreference("yui.sidebar.width", String(sidebar.width));
+}
+el.sidebarDivider.addEventListener("pointerup", finishSidebarResize);
+el.sidebarDivider.addEventListener("pointercancel", finishSidebarResize);
+el.sidebarDivider.addEventListener("dblclick", function () { setSidebarWidth(null, true); });
+el.sidebarDivider.addEventListener("keydown", function (event) {
+  const current = el.sidebar.offsetWidth;
+  const next = event.key === "ArrowRight" ? current + 16 : event.key === "ArrowLeft" ? current - 16
+    : event.key === "Home" ? SIDEBAR_MIN : event.key === "End" ? maxSidebarWidth() : null;
+  if (next === null) return;
+  event.preventDefault();
+  setSidebarWidth(next, true);
+});
+window.addEventListener("resize", applySidebarWidth);
+
 // --- Sidebar controls -------------------------------------------------------------
 let searchTimer = null;
 el.search.addEventListener("input", function () {
@@ -696,7 +761,7 @@ document.addEventListener("keydown", function (event) {
   else if (key === "r") refreshDashboard();
   else if (key === "o") openOperator();
   else if (key === "d") toggleDock();
-  else if (/^[1-5]$/.test(key) && state.detail) switchTab(TABS[Number(key) - 1]);
+  else if (/^[1-9]$/.test(key) && Number(key) <= TABS.length && state.detail) switchTab(TABS[Number(key) - 1]);
 });
 
 // --- Boot -------------------------------------------------------------------------

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

@@ -39,7 +39,9 @@ const TONES = {
     stopped: "bad", idle: "idle", background: "warn" },
   role: { running: "ok", waiting: "warn", idle: "idle", unknown: "idle", failed: "bad", exited: "idle", detached: "idle" },
   decision: { active: "ok", superseded: "idle" },
-  input: { open: "warn", answered: "ok", cancelled: "idle", "auto-resolved": "ok" }
+  input: { open: "warn", answered: "ok", cancelled: "idle", "auto-resolved": "ok" },
+  integration: { running: "info", validating: "info", committed: "ok", conflicted: "warn", blocked: "bad",
+    failed: "bad", superseded: "idle" }
 };
 export function tone(kind, value) {
   return (TONES[kind] && TONES[kind][value]) || "idle";
@@ -81,17 +83,19 @@ export function timeTag(iso, locale, t, options) {
 }
 
 // --- Containers -------------------------------------------------------------------
+// One panel of the single reading column: a heading (icon tile, title, count
+// and hint) with optional actions, then the body. A "list-card" body holds a
+// .row-stack whose rows are divided by hairlines instead of nested boxes.
 export function card(options) {
   const opts = options || {};
   const element = h("section.card" + (opts.className ? "." + opts.className.split(" ").join(".") : ""));
   if (opts.id) element.id = opts.id;
   if (opts.title || opts.actions) {
-    const head = h("header.card-head", null,
-      h("h3.card-title", null, opts.icon ? icon(opts.icon) : null, h("span", null, opts.title),
+    const heading = h("div.card-heading", null,
+      h("h3.card-title", null, opts.icon ? h("span.card-icon", null, icon(opts.icon)) : null, h("span", null, opts.title),
         opts.count !== undefined && opts.count !== null ? h("span.count", null, String(opts.count)) : null),
-      opts.actions ? h("div.card-actions", null, opts.actions) : null);
-    if (opts.hint) head.append(h("p.card-hint", null, opts.hint));
-    element.append(head);
+      opts.hint ? h("p.card-hint", null, opts.hint) : null);
+    element.append(h("header.card-head", null, heading, opts.actions ? h("div.card-actions", null, opts.actions) : null));
   }
   const body = h("div.card-body");
   element.append(body);
@@ -99,6 +103,39 @@ export function card(options) {
   return element;
 }
 
+// A panel whose body is a divided list of rows.
+export function listCard(options) {
+  const element = card({ ...options, className: "list-card" + (options.className ? " " + options.className : "") });
+  element.list = h("div.row-stack");
+  element.body.append(element.list);
+  return element;
+}
+
+// Update a card heading count after a later read; null removes it.
+export function setCardCount(element, value) {
+  const title = element.querySelector(".card-title");
+  let count = title && title.querySelector(".count");
+  if (value === undefined || value === null) { if (count) count.remove(); return; }
+  if (!title) return;
+  if (!count) { count = h("span.count"); title.append(count); }
+  count.textContent = String(value);
+}
+
+// Local filter chips; selecting one redraws the list in place.
+export function filterChips(ariaLabel, options, selected, onSelect) {
+  const row = h("div.chip-tabs", { role: "group", "aria-label": ariaLabel });
+  options.forEach(function (option) {
+    row.append(h("button.chip-tab", {
+      type: "button", "aria-pressed": String(option.value === selected), dataset: { filter: option.value },
+      onclick: function () {
+        row.querySelectorAll(".chip-tab").forEach(function (b) { b.setAttribute("aria-pressed", String(b.dataset.filter === option.value)); });
+        onSelect(option.value);
+      }
+    }, option.label, option.count === undefined || option.count === null ? null : h("span.count", null, String(option.count))));
+  });
+  return row;
+}
+
 export function disclosure(title, viewKey, options) {
   const opts = options || {};
   const element = h("details.disclosure" + (opts.className ? "." + opts.className : ""));
@@ -112,12 +149,6 @@ export function disclosure(title, viewKey, options) {
   return element;
 }
 
-export function sectionTitle(text, count, actions) {
-  return h("div.section-title", null, h("h2", null, text,
-    count !== undefined && count !== null ? h("span.count", null, String(count)) : null),
-  actions ? h("div.section-actions", null, actions) : null);
-}
-
 export function kv(rows) {
   const list = h("dl.kv");
   rows.forEach(function (row) {
@@ -206,9 +237,24 @@ export function metricTile(labelText, value, options) {
   return tile;
 }
 
+function pageLocale() { return typeof document === "undefined" ? undefined : document.documentElement.lang || undefined; }
+
+// Seconds as the largest whole unit plus the next one ("2d 22h", "2小时48分钟").
+const DURATION_UNITS = [["day", 86400], ["hour", 3600], ["minute", 60], ["second", 1]];
+function durationText(seconds) {
+  const total = Math.max(0, Math.round(seconds));
+  const found = DURATION_UNITS.findIndex(function (unit) { return total >= unit[1]; });
+  const first = found < 0 ? DURATION_UNITS.length - 1 : found;
+  return DURATION_UNITS.slice(first, first + 2).map(function (unit, index) {
+    const count = index ? Math.floor((total % DURATION_UNITS[first][1]) / unit[1]) : Math.floor(total / unit[1]);
+    return index && !count ? "" : new Intl.NumberFormat(pageLocale(), { style: "unit", unit: unit[0], unitDisplay: "narrow" }).format(count);
+  }).filter(Boolean).join(" ");
+}
+
 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") : "");
+  const value = suffix === "s" ? durationText(metric.value) : metric.value + (suffix || "");
+  return value + (metric.status === "partial" ? " · " + t("detail.partial") : "");
 }
 
 function usageTile(labelText, metric, t, suffix) {
@@ -237,7 +283,7 @@ export function observabilityMetricCard(observability, t) {
   const meta = node("p", "usage-meta");
   meta.append(node("span", "", t("usage.scope")));
   meta.append(node("span", "", t("usage.observedThrough") + " "
-    + (cost.observedThrough ? formatDateTime(cost.observedThrough) : t("detail.unobserved"))));
+    + (cost.observedThrough ? formatDateTime(cost.observedThrough, pageLocale()) : t("detail.unobserved"))));
   meta.append(node("span", "", t("usage.contextBytes") + " "
     + (context.totalBytes == null ? t("detail.partial") : context.totalBytes + " B")));
   wrap.append(meta);
@@ -300,30 +346,35 @@ export function workItemCard(item, t, locale, titles) {
   const settled = item.status !== "open";
   const element = h(settled ? "details.work-card.is-settled" : "article.work-card");
   element.dataset.viewKey = "work:" + item.id;
-  const head = h(settled ? "summary.work-head" : "header.work-head", null,
+  element.append(h(settled ? "summary.work-head" : "header.work-head", null,
     settled ? icon("chevron", "disclosure-chevron") : null,
     dot(tone("work", item.status)),
     h("span.work-title", null, item.title),
-    statusBadge(t, "work", "work", item.status));
-  element.append(head);
-  const body = h("div.work-body");
-  body.append(h("div.meta-line", null,
+    statusBadge(t, "work", "work", item.status)));
+  element.append(h("div.work-body", null, workItemBody(item, t, locale, titles)));
+  return element;
+}
+
+// The body of one work item, shared by the open card and a lazily read row.
+export function workItemBody(item, t, locale, titles) {
+  const parts = [];
+  parts.push(h("div.meta-line", null,
     item.assignee ? h("span.meta-strong", null, icon("user", "icon-sm"), item.assignee) : null,
     mono(item.id), timeTag(item.updatedAt, locale, t)));
-  if (item.objective && item.objective !== item.title) body.append(richText(t("work.objective"), item.objective, t));
+  if (item.objective && item.objective !== item.title) parts.push(richText(t("work.objective"), item.objective, t));
   if (item.acceptance && item.acceptance.length) {
-    body.append(h("div.prose-block", null, h("h4.prose-label", null, t("work.acceptance")),
+    parts.push(h("div.prose-block", null, h("h4.prose-label", null, t("work.acceptance")),
       h("ul.checklist", null, item.acceptance.map(function (entry) {
         return h("li" + (item.status === "accepted" ? ".is-done" : ""), null, icon(item.status === "accepted" ? "check" : "target", "icon-sm"), h("span", null, entry));
       }))));
   }
   const deps = (item.dependsOn || []).map(function (id) { return (titles && titles[id]) || id; });
-  if (deps.length) body.append(h("div.meta-line", null, h("span.meta-label", null, t("work.dependsOn")), deps.map(function (d) { return chip(d); })));
+  if (deps.length) parts.push(h("div.meta-line", null, h("span.meta-label", null, t("work.dependsOn")), deps.map(function (d) { return chip(d); })));
   if (item.writeProjectIds && item.writeProjectIds.length) {
-    body.append(h("div.meta-line", null, h("span.meta-label", null, t("work.writeProjects")), item.writeProjectIds.map(function (d) { return chip(d); })));
+    parts.push(h("div.meta-line", null, h("span.meta-label", null, t("work.writeProjects")), item.writeProjectIds.map(function (d) { return chip(d); })));
   }
   if (item.candidates && item.candidates.length) {
-    body.append(h("div.prose-block", null, h("h4.prose-label", null, t("work.candidates")),
+    parts.push(h("div.prose-block", null, h("h4.prose-label", null, t("work.candidates")),
       h("ol.candidates", null, item.candidates.slice().sort(function (a, b) { return b.sequence - a.sequence; }).map(function (candidate) {
         return h("li", null, h("span.candidate-seq", null, "#" + candidate.sequence), h("span", null, candidate.summary),
           h("span.faint", null, candidate.source && candidate.source.type === "run" ? candidate.source.runId : t("work.direct")),
@@ -331,18 +382,16 @@ export function workItemCard(item, t, locale, titles) {
       }))));
   }
   if (item.disposition) {
-    body.append(note(t("work.disposition") + ": " + item.disposition.summary
+    parts.push(note(t("work.disposition") + ": " + item.disposition.summary
       + (item.disposition.replacementWorkItemId ? " → " + item.disposition.replacementWorkItemId : "")));
   }
-  if (item.outcome) body.append(richText(t("work.outcome"), item.outcome, t, { className: "callout" }));
-  element.append(body);
-  return element;
+  if (item.outcome) parts.push(richText(t("work.outcome"), item.outcome, t, { className: "callout" }));
+  return parts.filter(Boolean);
 }
 
 export function runCard(run, t, locale) {
   const element = h("article.run-card");
   element.dataset.status = run.status;
-  const input = run.inputs && run.inputs.length ? run.inputs[0].input : null;
   element.append(h("header.run-head", null,
     dot(tone("run", run.status)),
     h("span.run-role", null, run.roleName),
@@ -350,20 +399,27 @@ export function runCard(run, t, locale) {
     run.purpose ? chip(label(t, "run.purpose", run.purpose)) : null,
     run.workItemId ? chip(run.workItemId) : null,
     h("span.spacer"),
-    statusBadge(t, "run", "run", run.status)));
-  element.append(h("div.meta-line", null,
+    statusBadge(t, "run", "run", run.status)), runBody(run, t, locale));
+  return element;
+}
+
+// What one execution record says: delivery, instruction, report, failure.
+export function runBody(run, t, locale) {
+  const parts = [];
+  const input = run.inputs && run.inputs.length ? run.inputs[0].input : null;
+  parts.push(h("div.meta-line", null,
     h("span", null, t("run.delivery") + ": " + label(t, "run.delivery", (run.execution && run.execution.delivery) || "unobserved")),
     run.mode ? h("span", null, label(t, "mode", run.mode)) : null,
     timeTag((run.result && run.result.completedAt) || run.updatedAt, locale, t),
     agentChips(run.effective || (run.agentId ? run : null))));
   const directive = input && (input.directive || input.action);
-  if (directive) element.append(richText(t("run.instruction"), directive, t, { threshold: 320 }));
-  if (run.result && run.result.output) element.append(richText(t("run.output"), run.result.output, t, { threshold: 320, className: "callout" }));
-  if (run.result && run.result.diagnostic) element.append(richText(t("run.failure"), run.result.diagnostic, t, { threshold: 320, className: "callout.tone-bad" }));
+  if (directive) parts.push(richText(t("run.instruction"), directive, t, { threshold: 320 }));
+  if (run.result && run.result.output) parts.push(richText(t("run.output"), run.result.output, t, { threshold: 320, className: "callout" }));
+  if (run.result && run.result.diagnostic) parts.push(richText(t("run.failure"), run.result.diagnostic, t, { threshold: 320, className: "callout.tone-bad" }));
   if (run.executionGroupId) {
-    element.append(h("p.faint.mono-line", null, t("run.lineage") + " " + run.executionGroupId + (run.executionLaneId ? "/" + run.executionLaneId : "")));
+    parts.push(h("p.faint.mono-line", null, t("run.lineage") + " " + run.executionGroupId + (run.executionLaneId ? "/" + run.executionLaneId : "")));
   }
-  return element;
+  return parts.filter(Boolean);
 }
 
 export function reviewCard(round, t, locale) {
@@ -377,6 +433,9 @@ export function reviewCard(round, t, locale) {
     statusBadge(t, "review", "review", round.status)));
   element.append(h("div.meta-line", null,
     round.workItemId ? mono(round.workItemId + (round.candidateId ? " · " + round.candidateId : "")) : null,
+    round.taskCandidate && round.taskCandidate.projects ? round.taskCandidate.projects.map(function (project) {
+      return mono(project.projectId + " @ " + String(project.commit).slice(0, 12));
+    }) : null,
     round.reviewBaseCommit ? h("span", null, t("review.base") + " ", mono(String(round.reviewBaseCommit).slice(0, 12))) : null,
     round.reviewerRunId ? h("span", null, t("review.run") + " ", mono(round.reviewerRunId)) : null,
     timeTag(round.createdAt, locale, t)));