@zq-silk/yui 0.15.6 → 0.15.8

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

@@ -0,0 +1,353 @@
+export const TASK_SURFACE_SCRIPT = `
+import { node, clear } from "/assets/js/dom.js";
+import { anchorSection, sectionHead, richText, inputCard, roleCard, runCard, pill } from "/assets/js/components.js";
+
+// All business facts below retain their Context reference. Expanded values
+// are current reads, not mutations of a historical Context snapshot.
+export function renderTaskSurface(container, data, t, locale, actions) {
+  clear(container);
+  const core = data.core;
+  const task = data.task;
+  container.dataset.taskId = task.id;
+  const zh = locale.startsWith("zh");
+  const say = (en, cn) => zh ? cn : en;
+  const records = (store) => core.records.filter((entry) => entry.ref.store === store);
+  const values = (store) => records(store).filter((entry) => !entry.omitted).map((entry) => entry.value);
+  const scaffold = node("div", "detail-scaffold task-surface");
+  const summary = node("div", "section-body");
+  summary.append(node("span", "detail-kicker", task.id), node("h2", "detail-title", task.title), pill(t, "status", task.status));
+  const conversation = node("button", "record-open", say("View Leader Session (read-only)", "查看 Leader Session（只读）"));
+  conversation.type = "button";
+  // A Draft's planning Session is a real Leader Session, so it is viewable once it
+  // actually exists. The button is disabled only when there is no Session to show
+  // — not because the Task has yet to be activated. The Session lives in the
+  // runtime observation, which arrives separately from the Context snapshot.
+  const leaderRole = (data.runtime?.roles ?? []).find((role) => role.name === "leader") ?? null;
+  const hasLeaderSession = Boolean(leaderRole?.runtimeSession?.nativeSessionId);
+  conversation.disabled = task.status === "archived" || !hasLeaderSession;
+  conversation.addEventListener("click", () => actions.openTerminal({ scope: "task", taskId: task.id, roleName: "leader" }));
+  summary.append(conversation);
+  const chat = node("form", "record-card");
+  const chatLabel = node("label", "", say("Message to Task Leader", "发送给 Task Leader"));
+  const message = node("textarea", "");
+  message.required = true;
+  message.maxLength = 8000;
+  chatLabel.append(message);
+  chat.addEventListener("input", () => { chat.dataset.unsent = message.value ? "true" : "false"; });
+  const send = node("button", "record-open", say("Send", "发送"));
+  send.type = "submit";
+  send.disabled = !["active", "draft"].includes(task.status);
+  const sent = node("p", "muted", say("Not submitted", "未提交"));
+  sent.setAttribute("role", "status");
+  chat.append(chatLabel, send, sent);
+  chat.addEventListener("submit", async (event) => {
+    event.preventDefault();
+    if (send.disabled) return;
+    send.disabled = true;
+    chat.dataset.unsent = "true";
+    const requestId = crypto.randomUUID();
+    sent.textContent = say("Waiting for receipt · ", "等待回执 · ") + requestId;
+    try {
+      const receipt = await actions.sendMessage(task.id, message.value, requestId);
+      sent.textContent = (receipt.disposition === "queued"
+        ? say("Queued for Leader; not proof of execution · ", "已为 Leader 排队，不代表已执行 · ")
+        : say("Saved to Task context; this Task's Leader is not waking · ",
+          "已保存到 Task 上下文；该 Task 的 Leader 不会被唤醒 · "))
+        + receipt.record.id;
+      message.value = "";
+      chat.dataset.unsent = "false";
+      send.disabled = false;
+    } catch (error) {
+      if (error.disposition === "not-submitted") {
+        sent.textContent = say("Not submitted: ", "未提交：") + error.message;
+        send.disabled = false;
+        return;
+      }
+      sent.textContent = say("Unknown submission outcome. Reload and inspect saved messages before sending again · ",
+        "提交结果未知。请重新加载并检查已保存消息，不要盲目重发 · ") + requestId;
+    }
+  });
+  summary.append(chat);
+  // A Draft's Leader conversation IS its planning Turn, so this entry point does
+  // reach a Leader. Report the real planning facts the snapshot carries — Turn,
+  // Session, environment and the time they were observed — instead of asserting
+  // that no runtime exists. When nothing has been dispatched yet, say exactly
+  // that rather than implying the entry point is inert.
+  if (task.status === "draft") {
+    // Planning facts come from the Context snapshot, which is the authoritative
+    // durable read and the one that drives re-rendering. The runtime observation
+    // is explicitly optional (it may time out and only ever enriches a live
+    // Session), so it must not decide whether a planning Turn is reported.
+    const turnEntries = records("turn");
+    const planningTurns = values("turn").filter((turn) =>
+      turn.roleName === "leader" && turn.purpose === "planning");
+    // The latest planning Turn, whatever state it reached. A completed planning
+    // Turn is still the real observed fact; reporting only active ones would call
+    // a Draft that has genuinely talked to its Leader "not dispatched".
+    const planningTurn = planningTurns[planningTurns.length - 1] ?? null;
+    // A bounded snapshot may withhold Turn values. That is not evidence that no
+    // Turn exists, so it is reported as withheld rather than as "not dispatched".
+    const withheldTurns = planningTurn === null && turnEntries.some((entry) => entry.omitted);
+    const environment = planningTurn?.effective?.executionEnvironment ?? null;
+    const liveLeader = (data.runtime?.roles ?? []).find((role) => role.name === "leader") ?? null;
+    const planning = node("div", "record-card");
+    planning.dataset.planning = planningTurn !== null
+      ? planningTurn.status
+      : withheldTurns ? "withheld" : "not-dispatched";
+    planning.append(node("p", "muted", withheldTurns
+      ? say("This bounded snapshot withholds Turn detail; read the Turn directly to see planning state.",
+        "当前受限快照未展开 Turn 详情；请直接读取 Turn 查看规划状态。")
+      : planningTurn === null
+      ? say("No planning Turn has been dispatched yet. Sending a message queues the Leader.",
+        "尚未派发 planning Turn；发送消息会为 Leader 排队。")
+      : planningTurn.status === "active"
+      ? say("Planning Turn is active; messages reach the Task Leader.",
+        "planning Turn 正在进行；消息会送达 Task Leader。")
+      : say("Planning Turn reached " + planningTurn.status
+        + "; messages reach the same Task Leader and queue the next Turn.",
+        "planning Turn 已" + planningTurn.status + "；消息仍送达同一 Task Leader 并为下一个 Turn 排队。")));
+    const facts = [
+      [say("Planning Turn", "planning Turn"), planningTurn
+        ? planningTurn.id + " (" + planningTurn.status + ")"
+        : withheldTurns ? say("withheld by this snapshot", "本快照未展开") : say("none", "无")],
+      [say("Provider terminal", "Provider 终态"),
+        planningTurn?.result?.provider?.status ?? say("not reported", "未上报")],
+      // The Provider conversation is the durable transport identity of the
+      // Session this Turn actually ran on; the live Session, when observed,
+      // is reported separately so a stale read is never dressed up as current.
+      [say("Provider conversation", "Provider 会话"),
+        planningTurn?.result?.provider?.conversationId ?? say("not reported", "未上报")],
+      [say("Live Leader Session", "在线 Leader Session"),
+        liveLeader?.runtimeSession?.nativeSessionId
+          ?? say("not currently running", "当前未在运行")],
+      [say("Environment", "环境"), environment?.environmentRef
+        ?? say("empty (legal for planning)", "空环境（规划阶段合法）")],
+      [say("Turn observed at", "Turn 观测时间"),
+        planningTurn?.result?.completedAt ?? planningTurn?.updatedAt ?? say("unknown", "未知")]
+    ];
+    for (const [label, value] of facts) {
+      planning.append(node("p", "muted", label + ": " + value));
+    }
+    summary.append(planning);
+  }
+  if (task.description) summary.append(richText(say("Current requirements", "当前要求"), task.description, t));
+  if (task.completionSummary) summary.append(richText(t("detail.conclusion"), task.completionSummary, t));
+  const edit = node("details", "record-card");
+  edit.append(node("summary", "", say("Edit Task title", "修改任务标题")));
+  const form = node("form", "record-block");
+  const label = node("label", "", say("Title", "标题"));
+  const title = node("input", "");
+  title.value = task.title;
+  title.required = true;
+  title.disabled = task.status === "archived";
+  title.maxLength = 500;
+  label.append(title);
+  form.addEventListener("input", () => { form.dataset.unsent = "true"; });
+  const save = node("button", "record-open", say("Save", "保存"));
+  save.type = "submit";
+  save.disabled = task.status === "archived";
+  const feedback = node("p", "muted", say("Not submitted", "未提交"));
+  feedback.setAttribute("role", "status");
+  form.append(label, save, feedback);
+  form.addEventListener("submit", async (event) => {
+    event.preventDefault();
+    if (save.disabled) return;
+    save.disabled = true;
+    form.dataset.unsent = "true";
+    const requestId = crypto.randomUUID();
+    feedback.textContent = say("Waiting for save receipt · ", "正在等待保存回执 · ") + requestId;
+    try {
+      const receipt = await actions.updateTask(task.id, { title: title.value }, requestId);
+      feedback.textContent = say("Saved · revision ", "已保存 · revision ") + receipt.revision;
+      title.value = receipt.record.title;
+      form.dataset.unsent = "false";
+      save.disabled = false;
+    } catch (error) {
+      if (error.disposition === "not-submitted") {
+        feedback.textContent = say("Not saved: ", "未保存：") + error.message;
+        save.disabled = false;
+        return;
+      }
+      // Local mutation IDs correlate requests; they are not a deduplication
+      // ledger. A lost response must never automatically replay a write.
+      feedback.textContent = say("Unknown save outcome. Reload this page to read current facts before submitting again. Request: ",
+        "保存结果未知。请重新加载页面读取当前事实，再决定是否提交。请求：") + requestId;
+    }
+  });
+  edit.append(form);
+  summary.append(edit);
+  scaffold.append(anchorSection("detail-top", sectionHead(t("tabs.summary")), summary));
+
+  function recordCard(entry) {
+    const card = node("article", "record-card");
+    card.append(node("strong", "", entry.ref.store + " · " + entry.ref.refId));
+    const ref = node("small", "muted", say("Revision: ", "版本：") + entry.ref.revision);
+    card.append(ref);
+    if (!entry.omitted) {
+      const value = entry.value;
+      const text = value.content || value.summary || value.body || value.objective || value.title || value.leaderSummary;
+      if (text) card.append(richText(null, text, t));
+      if (value.status) card.append(node("p", "muted", value.status));
+      if (value.roleName) card.append(node("p", "muted", value.roleName));
+      if (entry.ref.store === "work-item") {
+        card.append(node("p", "muted", say("Owner: ", "负责人：") + (value.assignee || "Leader")));
+        if (value.acceptance) card.append(richText(say("Acceptance criteria", "验收标准"), value.acceptance.join("\\n"), t));
+      }
+      if (entry.ref.store === "job") {
+        const status = value.status;
+        const label = status === "queued" ? say("Queued", "已排队")
+          : status === "running" ? say("Waiting for a terminal receipt", "等待明确终态")
+          : status === "unknown-needs-attention" ? say("Unknown effect — inspect the original operation; do not resend", "效果未知——检查原操作，不要重发")
+          : say("Terminal record", "已记录终态");
+        card.append(node("p", "", label + " · " + task.id + "/" + value.id));
+      }
+    } else card.append(node("p", "muted", entry.summary || say("Value omitted from compact read", "紧凑读取已省略正文")));
+    const expand = node("button", "record-open", say("Read full record / source", "读取完整记录／来源"));
+    expand.type = "button";
+    expand.addEventListener("click", async () => {
+      expand.disabled = true;
+      try {
+        const result = await actions.inspect(task.id, entry.ref);
+        const content = node("pre", "surface-json", JSON.stringify(result.value, null, 2));
+        card.append(content);
+        if (result.result?.output) card.append(richText(say("Original execution report", "原始执行报告"), result.result.output, t));
+        if (result.result?.diagnostic) card.append(richText(say("Execution diagnostic", "执行诊断"), result.result.diagnostic, t));
+        if (result.execution) card.append(node("pre", "surface-json", JSON.stringify(result.execution, null, 2)));
+        expand.remove();
+      } catch {
+        expand.disabled = false;
+        expand.textContent = say("Record changed or unavailable; refresh context", "记录已变化或不可用；请刷新 Context");
+      }
+    });
+    card.append(expand);
+    return card;
+  }
+  function section(id, name, entries) {
+    const body = node("div", "section-body");
+    entries.forEach((entry) => body.append(recordCard(entry)));
+    if (!entries.length) body.append(node("p", "muted", core.omitted.records
+      ? say("Not included in this compact read", "此紧凑读取未包含该记录")
+      : say("No records", "暂无记录")));
+    scaffold.append(anchorSection(id, sectionHead(name, { count: entries.length }), body));
+    return body;
+  }
+  const focus = section("detail-focus", say("Goal and current focus", "目标与当前关注"), records("task-brief"));
+  const brief = values("task-brief")[0];
+  if (brief) {
+    focus.prepend(richText(t("detail.focus"), brief.currentFocus, t));
+    if (brief.boundaries.length) focus.append(richText(say("Boundaries", "边界"), brief.boundaries.join("\\n"), t));
+  }
+  const questions = node("div", "section-body");
+  records("input-request").filter((entry) => entry.omitted || entry.value.status === "open").forEach((entry) => {
+    questions.append(entry.omitted ? recordCard(entry) : inputCard(entry.value, { single: true }, t, locale, actions));
+  });
+  scaffold.append(anchorSection("detail-attention", sectionHead(t("detail.attention")), questions));
+  section("detail-work", say("Responsibilities and acceptance", "工作责任与验收"), records("work-item"));
+  section("detail-results", say("Saved results and provenance", "已保存结果与来源"), records("artifact").concat(records("candidate")));
+  section("detail-messages", t("detail.messages"), records("task-message"));
+  section("detail-history", say("Decisions and milestones", "决策与里程碑"), records("task-decision").concat(records("task-milestone")));
+  section("detail-reviews", t("detail.reviews"), records("review-round"));
+  const roles = node("div", "section-body");
+  records("role").forEach((entry) => {
+    if (entry.omitted) { roles.append(recordCard(entry)); return; }
+    const role = entry.value;
+    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",
+      effectiveLaunch: active ? active.effective : null,
+      launchDrift: active && active.effective.sourceDesiredRevision !== role.launchRevision
+    }, task, t, locale, actions));
+    if (!active) roles.append(node("p", "muted", say(
+      "No active AgentRun in this read; Session activity is a separate observation.",
+      "此读取中没有活跃 AgentRun；Session 活动属于独立观察。")));
+  });
+  scaffold.append(anchorSection("detail-roles", sectionHead(t("detail.roles")), roles));
+  const execution = node("details", "record-card");
+  execution.append(node("summary", "", say("Execution and observations", "展开执行与观察")));
+  execution.append(node("p", "muted", say(
+    "An open execution record is not proof of Agent activity. Native admission and Task progress are separate facts.",
+    "执行记录未结清不等于 Agent 正在工作；原生准入、运行观察与 Task 进展分别呈现。")));
+  records("run").forEach((entry) => execution.append(entry.omitted ? recordCard(entry)
+    : runCard({ ...entry.value, execution: entry.execution }, t, locale)));
+  (core.observations || []).forEach((observation) => execution.append(node("p", "muted",
+    observation.source + " · " + observation.status + " · " + observation.coverage + " · " + observation.observedAt)));
+  const runtimeStatus = node("p", "muted", data.runtimeStatus + " · " + data.runtimeObservedAt);
+  runtimeStatus.dataset.runtimeStatus = "";
+  execution.append(runtimeStatus);
+  const raw = node("pre", "surface-json", data.runtime ? JSON.stringify({
+      roles: data.runtime.roles, runtimeHealth: data.runtime.runtimeHealth
+    }, null, 2) : "");
+  raw.dataset.runtimeValue = "";
+  execution.append(raw);
+  scaffold.append(anchorSection("detail-exec", sectionHead(t("detail.execution")), execution));
+  section("detail-operations", say("Original operation facts (no automatic retry)", "原始操作事实（不自动重试）"), records("job"));
+  const refs = node("details", "record-card");
+  refs.append(node("summary", "", say("Context cursor and omitted references", "Context 游标与省略引用")));
+  refs.append(node("pre", "surface-json", JSON.stringify({
+    coreCursor: core.coreCursor, throughCursor: core.throughCursor, count: core.count, omitted: core.omitted
+  }, null, 2)));
+  refs.append(node("p", "muted", say("Reads do not acknowledge messages. Omitted records can be located with the CLI domain query and inspected by reference.",
+    "读取不确认消息。被省略的记录可经 CLI 领域查询定位后按引用读取。")));
+  scaffold.append(refs);
+  const panels = node("details", "record-card");
+  panels.append(node("summary", "", say("Capability panels", "能力面板")));
+  const panelBody = node("div", "section-body");
+  panels.append(panelBody);
+  let loadingPanels = false;
+  panels.addEventListener("toggle", async () => {
+    if (!panels.open || loadingPanels) return;
+    loadingPanels = true;
+    panelBody.textContent = say("Reading current contributions…", "读取当前贡献…");
+    try {
+      const current = await actions.panels(task.id);
+      clear(panelBody);
+      panelBody.append(node("small", "muted", current.observedAt));
+      if (!current.panels.length) panelBody.append(node("p", "muted", say("No visible panels", "暂无可见面板")));
+      current.panels.forEach((item) => {
+        const card = node("article", "record-card");
+        const panel = item.panel;
+        card.append(node("strong", "", panel.title), node("small", "muted", item.capability + " · " + item.provider.id));
+        if (item.unavailable) card.append(node("p", "muted", item.unavailable));
+        else if (panel.kind === "text") card.append(node("p", "", panel.text));
+        else if (panel.kind === "link") {
+          const url = new URL(panel.href);
+          if (["http:", "https:"].includes(url.protocol) && !url.username && !url.password) {
+            const link = node("a", "", panel.title);
+            link.href = url.href;
+            link.rel = "noopener noreferrer";
+            card.append(link);
+          }
+        } else if (panel.kind === "data" && panel.renderer === "json") {
+          const label = node("label", "", say("Query input (JSON)", "查询输入（JSON）"));
+          const input = node("textarea", "");
+          input.value = JSON.stringify({ taskId: task.id });
+          label.append(input);
+          const contract = node("details", "");
+          contract.append(node("summary", "", say("Input schema", "输入结构")));
+          contract.append(node("pre", "surface-json", JSON.stringify(item.inputSchema, null, 2)));
+          const read = node("button", "record-open", say("Read", "读取"));
+          read.type = "button";
+          const output = node("pre", "surface-json");
+          read.addEventListener("click", async () => {
+            if (read.disabled) return;
+            read.disabled = true;
+            try {
+              const result = await actions.readPanel(task.id, {
+                capability: item.capability, contractVersion: item.contractVersion, provider: item.provider
+              }, JSON.parse(input.value));
+              output.textContent = JSON.stringify(result, null, 2);
+            } catch (error) { output.textContent = say("Panel unavailable: ", "面板不可用：") + error.message; }
+            finally { read.disabled = false; }
+          });
+          card.append(label, contract, read, output);
+        }
+        panelBody.append(card);
+      });
+    } catch (error) { panelBody.textContent = say("Panels unavailable: ", "面板不可用：") + error.message; }
+    finally { loadingPanels = false; }
+  });
+  scaffold.append(panels);
+  container.append(scaffold);
+}
+`;

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

@@ -2,6 +2,7 @@ export const VIEW_SCRIPT = `
 // Page composition: sidebar lists, overview, and the task detail scaffold.
 // All reusable widgets and cards come from components.js.
 import { clear, node } from "/assets/js/dom.js";
+import { renderTaskSurface } from "/assets/js/task-surface.js";
 import { byNewest, formatDateTime } from "/assets/js/format.js";
 import {
   anchorSection,
@@ -23,14 +24,14 @@ import {
   reviewCard,
   richText,
   roleCard,
-  turnCard,
+  runCard,
   sectionHead,
   taskCard,
   translatedStatus,
   workItemCard
 } from "/assets/js/components.js";
 
-const statuses = ["all", "active", "draft", "completed", "retired", "archived"];
+const statuses = ["all", "active", "draft", "completed", "cancelled", "archived"];
 
 export function renderFilters(container, state, t, onFilter) {
   const counts = state.counts || {};
@@ -83,7 +84,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 === "cancelled") return "cancelled";
   if (task.status === "archived") return "archived";
   return "finished";
 }
@@ -102,7 +103,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: [], retired: [], archived: [] };
+  const groups = { attention: [], active: [], draft: [], finished: [], cancelled: [], archived: [] };
   (state.tasks || []).forEach(function (task) {
     if (state.filter !== "all" && task.status !== state.filter) return;
     if (!taskMatchesQuery(task, query, locale)) return;
@@ -114,7 +115,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")],
+    ["cancelled", t("group.cancelled")],
     ["archived", t("group.archived")]
   ];
   const firstGroup = order.find(function (entry) { return groups[entry[0]].length > 0; });
@@ -182,7 +183,7 @@ export function renderOverview(detail, state, t, locale, onSelect) {
   wrap.append(inbox);
 
   // Tasks whose Task-first projection says they need attention: blocked,
-  // recovering, or in an attention state. This replaces the raw stalled-Turn
+  // recovering, or in an attention state. This replaces the raw stalled-AgentRun
   // count with the derived execution status.
   const attentionTasks = (state.tasks || []).filter(function (task) {
     const status = task.executionStatus;
@@ -232,23 +233,23 @@ export function renderError(container, message) {
   container.append(node("div", "error", message));
 }
 
-const TURN_PAGE_SIZE = 12;
+const RUN_PAGE_SIZE = 12;
 const LIST_PAGE_SIZE = 10;
-const TURN_FILTERS = ["all", "active", "completed", "failed"];
+const RUN_FILTERS = ["all", "active", "completed", "failed"];
 
-function turnFilterRow(sortedTurns, t, onChange) {
-  const row = node("div", "filter-row turn-filter");
+function runFilterRow(sortedRuns, t, onChange) {
+  const row = node("div", "filter-row run-filter");
   const buttons = [];
-  TURN_FILTERS.forEach(function (status) {
+  RUN_FILTERS.forEach(function (status) {
     const count = status === "all"
-      ? sortedTurns.length
-      : sortedTurns.filter(function (turn) { return turn.status === status; }).length;
+      ? sortedRuns.length
+      : sortedRuns.filter(function (run) { return run.status === status; }).length;
     if (status !== "all" && count === 0) return;
     const btn = node("button", "filter-chip");
     btn.type = "button";
     btn.dataset.status = status;
     if (status !== "all") btn.append(node("span", "filter-dot " + status));
-    btn.append(document.createTextNode(status === "all" ? t("status.all") : t("turn." + status)));
+    btn.append(document.createTextNode(status === "all" ? t("status.all") : t("run." + status)));
     btn.append(node("span", "filter-count", String(count)));
     btn.addEventListener("click", function () { onChange(status); });
     buttons.push({ status: status, element: btn });
@@ -265,6 +266,7 @@ function turnFilterRow(sortedTurns, t, onChange) {
 }
 
 export function renderTaskDetail(detail, data, t, locale, actions) {
+  if (data.core) return renderTaskSurface(detail, data, t, locale, actions);
   actions = actions || {};
   clear(detail);
   const task = data.task;
@@ -346,14 +348,14 @@ export function renderTaskDetail(detail, data, t, locale, actions) {
     conclusion.append(richText(null, task.completionSummary, t));
     conclusion.append(conclusionMeta(task, t, locale, "completed"));
     summaryBody.append(conclusion);
-  } else if (task.status === "retired" || task.retirementSummary) {
+  } else if (task.status === "cancelled" || task.retirementSummary) {
     const conclusion = node("div", "conclusion archived");
-    conclusion.append(node("h3", "", t("detail.retired")));
+    conclusion.append(node("h3", "", t("detail.cancelled")));
     if (task.retirementSummary) conclusion.append(richText(null, task.retirementSummary, t));
     if (task.replacementTaskId) {
       conclusion.append(node("p", "muted", t("detail.replacement") + " · " + task.replacementTaskId));
     }
-    conclusion.append(conclusionMeta(task, t, locale, "retired"));
+    conclusion.append(conclusionMeta(task, t, locale, "cancelled"));
     summaryBody.append(conclusion);
   } else if (task.status === "archived" || task.archiveSummary || task.archiveReason) {
     const conclusion = node("div", "conclusion archived");
@@ -377,23 +379,23 @@ export function renderTaskDetail(detail, data, t, locale, actions) {
       attentionBody));
   }
 
-  const stalledTurns = data.runtimeHealth && data.runtimeHealth.needsAttentionTurns
-    ? data.runtimeHealth.needsAttentionTurns
+  const stalledRuns = data.runtimeHealth && data.runtimeHealth.needsAttentionRuns
+    ? data.runtimeHealth.needsAttentionRuns
     : [];
-  if (stalledTurns.length) {
+  if (stalledRuns.length) {
     const runtimeHealthBody = node("div", "section-body");
-    stalledTurns.forEach(function (turn) {
+    stalledRuns.forEach(function (run) {
       const card = node("article", "record-card");
       card.append(
-        node("strong", "", turn.roleName + " · " + turn.turnId),
-        node("p", "record-copy", (turn.kind || "workflow-not-progressing") + " · " + (turn.classification || "truly-stalled")),
-        node("small", "", t("detail.lastProgress") + " · " + formatDateTime(turn.progressAt, locale))
+        node("strong", "", run.roleName + " · " + run.runId),
+        node("p", "record-copy", (run.kind || "workflow-not-progressing") + " · " + (run.classification || "truly-stalled")),
+        node("small", "", t("detail.lastProgress") + " · " + formatDateTime(run.progressAt, locale))
       );
       runtimeHealthBody.append(card);
     });
     scaffold.append(anchorSection(
       "detail-health",
-      sectionHead(t("detail.runtimeHealth"), { count: stalledTurns.length }),
+      sectionHead(t("detail.runtimeHealth"), { count: stalledRuns.length }),
       runtimeHealthBody
     ));
   }
@@ -438,35 +440,35 @@ export function renderTaskDetail(detail, data, t, locale, actions) {
     sectionHead(t("detail.workItems"), { count: data.workItems.length }),
     workBody));
 
-  // 5. Turns (anchor #detail-exec) — execution grid with status filter + paging
+  // 5. AgentRuns (anchor #detail-exec) — execution grid with status filter + paging
   const execWrap = node("div", "section-body");
-  const execBody = node("div", "turn-grid");
-  const sortedTurns = data.turns.slice().sort(byNewest);
-  if (!sortedTurns.length) {
-    execBody.append(emptyRow(t, "empty.turns"));
+  const execBody = node("div", "run-grid");
+  const sortedRuns = data.runs.slice().sort(byNewest);
+  if (!sortedRuns.length) {
+    execBody.append(emptyRow(t, "empty.runs"));
     execWrap.append(execBody);
   } else {
-    let activeTurnFilter = "all";
-    const filter = turnFilterRow(sortedTurns, t, function (status) {
-      activeTurnFilter = status;
+    let activeRunFilter = "all";
+    const filter = runFilterRow(sortedRuns, t, function (status) {
+      activeRunFilter = status;
       filter.sync(status);
-      renderTurnGrid();
+      renderRunGrid();
     });
-    function renderTurnGrid() {
+    function renderRunGrid() {
       clear(execBody);
-      const visible = activeTurnFilter === "all"
-        ? sortedTurns
-        : sortedTurns.filter(function (turn) { return turn.status === activeTurnFilter; });
-      pagedList(execBody, visible, TURN_PAGE_SIZE, function (turn) {
-        return turnCard(turn, t, locale);
+      const visible = activeRunFilter === "all"
+        ? sortedRuns
+        : sortedRuns.filter(function (run) { return run.status === activeRunFilter; });
+      pagedList(execBody, visible, RUN_PAGE_SIZE, function (run) {
+        return runCard(run, t, locale);
       }, t);
     }
-    filter.sync(activeTurnFilter);
+    filter.sync(activeRunFilter);
     execWrap.append(filter.row, execBody);
-    renderTurnGrid();
+    renderRunGrid();
   }
   scaffold.append(anchorSection("detail-exec",
-    sectionHead(t("detail.execution"), { count: data.turns.length }),
+    sectionHead(t("detail.execution"), { count: data.runs.length }),
     execWrap));
 
   // 5b. Reviews (anchor #detail-reviews) — review rounds for completed candidates
@@ -522,7 +524,10 @@ export function renderTaskDetail(detail, data, t, locale, actions) {
     messagesBody.append(emptyRow(t));
   } else {
     pagedList(messagesBody, data.messages.slice().sort(byNewest), LIST_PAGE_SIZE, function (message) {
-      return messageCard(message, t, locale);
+      const source = message.resultRef && data.runs.find(function (run) {
+        return run.id === message.resultRef.runId && run.roleName === message.author.roleName;
+      });
+      return messageCard(message, t, locale, source && source.result);
     }, t);
   }
   scaffold.append(anchorSection("detail-messages",

package/dist/web/assets/shell.js

@@ -83,7 +83,7 @@ export const DASHBOARD_HTML = `<!doctype html>
         <button class="tab" type="button" data-target="detail-top" data-i18n="tabs.summary">Summary</button>
         <button class="tab" type="button" data-target="detail-focus" data-i18n="tabs.focus">Focus</button>
         <button class="tab" type="button" data-target="detail-work" data-i18n="tabs.work">Work items</button>
-        <button class="tab" type="button" data-target="detail-exec" data-i18n="tabs.exec">Turns</button>
+        <button class="tab" type="button" data-target="detail-exec" data-i18n="tabs.exec">AgentRuns</button>
         <button class="tab" type="button" data-target="detail-reviews" data-i18n="tabs.reviews">Reviews</button>
         <button class="tab" type="button" data-target="detail-roles" data-i18n="tabs.roles">Roles</button>
         <button class="tab" type="button" data-target="detail-history" data-i18n="tabs.history">History</button>

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

@@ -1,10 +1,28 @@
 /*
  * CARDS — content-bearing surfaces.
  * Overview blocks, detail head / conclusion band, sections, record cards,
- * input cards, Turn cards, criteria lists. Widgets (pills, chips, metrics)
+ * input cards, AgentRun cards, criteria lists. Widgets (pills, chips, metrics)
  * live in widgets.ts; markdown typography lives in markdown.ts.
  */
 export const CARD_STYLES = `
+.surface-json { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 36rem; overflow: auto; }
+.task-surface .section-body { display:grid; gap:12px; min-width:0; }
+.task-surface { grid-template-columns:minmax(0,1fr); }
+.task-surface .detail-section,.task-surface .record-card,.task-surface .execute-card { min-width:0; max-width:100%; }
+.task-surface .record-meta { min-width:0; overflow-wrap:anywhere; }
+@media(max-width:620px){
+  .task-surface .record-head{flex-wrap:wrap}
+  .task-surface .record-title-row{flex-basis:100%}
+}
+.task-surface .section-body > .pill { width:max-content; }
+.task-surface form,.task-surface label { display:grid; gap:10px; min-width:0; }
+.task-surface label { font-size:13px; font-weight:500; }
+.task-surface input,.task-surface textarea { box-sizing:border-box; width:100%; min-width:0; padding:12px; border:1px solid var(--border-strong); border-radius:var(--radius); background:var(--bg-1); color:var(--text); font:inherit; }
+.task-surface textarea { min-height:96px; resize:vertical; }
+.task-surface input:focus-visible,.task-surface textarea:focus-visible,.task-surface summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
+.task-surface button { min-height:40px; }
+.task-surface summary { cursor:pointer; padding:8px 0; font-weight:600; }
+.task-surface [role=status] { overflow-wrap:anywhere; }
 /* Overview scaffolding */
 .overview{display:grid;gap:14px;padding-top:2px}
 .overview-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
@@ -109,9 +127,9 @@ details.work-item-card>summary.record-head~*{margin-top:0}
 .input-answer:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}
 .input-form{display:flex;gap:8px;flex:1}
 .input-form input{min-width:0;flex:1;padding:8px 12px;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);font-size:12.5px}
-/* Execution Turns */
-.turn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:9px}
-.turn-filter{margin-bottom:3px}
+/* Execution AgentRuns */
+.run-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:9px}
+.run-filter{margin-bottom:3px}
 .execute-card{background:var(--bg-2);border:1px solid var(--border);border-left:2px solid var(--border);border-radius:var(--radius);padding:9px 12px;display:grid;gap:6px;box-shadow:var(--shadow-card);transition:border-color var(--motion-fast)}
 .execute-card:hover{border-left-color:var(--border-strong)}
 .execute-card[data-status=active]{border-left-color:var(--accent)}