@zq-silk/yui 2.5.0 → 2.6.0

package/dist/web/assets/assetManifest.js

@@ -4,6 +4,7 @@
 import { readFileSync } from "node:fs";
 import { createRequire } from "node:module";
 import { APP_SCRIPT, CLIENT_MODULES } from "./client/index.js";
+import { THEME_BOOTSTRAP_SCRIPT } from "./client/lib/theme.js";
 import { FONT_WOFF2_BASE64 } from "./fontData.js";
 import { DASHBOARD_HTML } from "./shell/index.js";
 import { STYLESHEETS } from "./styles/index.js";
@@ -13,6 +14,7 @@ const JS = "text/javascript; charset=utf-8";
 export const WEB_ASSETS = Object.freeze({
     ...Object.fromEntries(STYLESHEETS.map(({ name, body }) => [`/assets/css/${name}.css`, { contentType: CSS, body }])),
     ...Object.fromEntries(Object.entries(CLIENT_MODULES).map(([path, body]) => [`/assets/js/${path}.js`, { contentType: JS, body }])),
+    "/assets/theme.js": { contentType: JS, body: THEME_BOOTSTRAP_SCRIPT },
     "/assets/app.js": { contentType: JS, body: APP_SCRIPT },
     ...fontAssets(),
     "/assets/vendor/xterm.mjs": vendorAsset("@xterm/xterm/lib/xterm.mjs", JS),

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

@@ -154,6 +154,7 @@ function detailContext(view) {
     taskAction: deps.api.taskAction,
     inspect: api.inspect,
     list: api.list,
+    activity: api.activity,
     artifacts: api.artifacts,
     readArtifact: api.artifact,
     evidence: api.evidence,

package/dist/web/assets/client/domain/records.js

@@ -4,9 +4,77 @@ export const RECORDS_SCRIPT = String.raw `
 // never acknowledges or accepts anything.
 import { h, icon } from "/assets/js/lib/dom.js";
 import { button, jsonBlock, mono, note } from "/assets/js/ui/primitives.js";
-import { rawDisclosure } from "/assets/js/ui/containers.js";
+import { rawDisclosure, listCard, setCardCount } from "/assets/js/ui/containers.js";
 import { richText } from "/assets/js/ui/text.js";
-import { cachedExact, readExact, summaryFields } from "/assets/js/domain/context.js";
+import { cachedExact, readExact, summaryFields, entriesOf, totalOf, exactCache } from "/assets/js/domain/context.js";
+
+// Current-family counts and pages use exactly the Context current filter.
+// A changed Context revalidates already-loaded membership with one bounded
+// page. Only the family's own digest invalidates its pages, not unrelated
+// runtime events. Loading a list does not eagerly inspect its bodies.
+export function currentRecordCard(data, store, t, actions, options) {
+  const view = data.viewState;
+  exactCache(view);
+  view.openRows = view.openRows || {};
+  view.currentLists = view.currentLists || {};
+  let state = view.currentLists[store];
+  if (!state || (!state.started && state.key !== data.core.coreCursor)) {
+    state = view.currentLists[store] = {
+      key: data.core.coreCursor, items: entriesOf(data.core, store),
+      total: totalOf(data.core, store), started: false, cursor: null, error: null, pending: false
+    };
+  }
+  const revalidate = state.key !== data.core.coreCursor;
+  state.key = data.core.coreCursor;
+  const element = listCard({ id: options.id, title: options.title, icon: options.icon || "pulse", count: state.total });
+  const rows = h("div.stack"), footer = h("div.stack", { "aria-live": "polite" });
+  element.list.append(rows, footer);
+  function draw(updateRows) {
+    setCardCount(element, state.total);
+    if (updateRows !== false) {
+      rows.replaceChildren();
+      state.items.forEach(function (item) {
+        rows.append(!item.omitted && item.value && options.render ? options.render(item.value, null, item)
+          : lazyRow(item, data.task.id, t, actions, {
+            cache: view.exact,
+            openRows: view.openRows,
+            head: h("span", null, item.ref.refId + (item.summary ? " · " + item.summary : "")),
+            render: options.render
+          }));
+      });
+    }
+    footer.replaceChildren(note(t("activity.loaded") + " " + state.items.length + " / " + state.total));
+    if (!state.total) footer.append(note(t("activity.none")));
+    if (state.error) footer.append(note(state.error + " · " + t("activity.refreshHint"), "bad"));
+    if ((!state.started && state.items.length < state.total) || state.cursor) {
+      footer.append(button(t("activity.more") + " (" + Math.max(0, state.total - state.items.length) + ")", {
+        disabled: state.pending, onClick: function () { load(state.started); }
+      }));
+    }
+    footer.append(button(t("activity.refresh"), { disabled: state.pending, onClick: function () { load(false); } }));
+    element.dataset.reading = String(state.pending);
+  }
+  async function load(more) {
+    if (state.pending) return;
+    const busy = function () { return !!rows.querySelector('[data-unsent="true"], [data-reading="true"]'); };
+    if (busy()) { state.error = t("activity.busy"); draw(false); return; }
+    state.pending = true;
+    draw(false);
+    try {
+      const page = await actions.list(data.task.id, store, { view: "current", limit: 20, cursor: more ? state.cursor : null });
+      if (busy()) throw new Error(t("activity.busy"));
+      if (more || !state.started || state.digest !== page.digest) {
+        state.items = more ? state.items.concat(page.items) : page.items;
+        state.cursor = page.nextCursor;
+      }
+      state.digest = page.digest; state.total = page.total; state.started = true; state.error = null;
+    } catch (error) { state.error = error.message; }
+    finally { state.pending = false; draw(!state.error); }
+  }
+  draw();
+  if (revalidate) load(false);
+  return element;
+}
 
 // A row drawn from its exact value: synchronously when cached, otherwise the
 // summary card until the read returns and replaces it in place.

package/dist/web/assets/client/domain/runs.js

@@ -16,7 +16,7 @@ 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)), runBody(run, t, locale));
+    statusBadge(t, "run", "run", run.status)), ...runBody(run, t, locale));
   return element;
 }
 
@@ -107,7 +107,8 @@ export function roleCard(role, t, locale, options) {
 function roleFacts(role, t, locale, opts) {
   const session = opts.runtimeRole && opts.runtimeRole.runtimeSession;
   const rows = [];
-  rows.push([t("role.session"), session && session.nativeSessionId ? mono(session.nativeSessionId) : t("role.noSession")]);
+  rows.push([t("role.session"), session && session.nativeSessionId ? mono(session.nativeSessionId)
+    : !opts.runtimeRole ? t("activity.notLoaded") : t("role.noSession")]);
   if (role.launchRevision !== undefined) rows.push([t("role.desired"), "r" + role.launchRevision + (opts.launchDrift ? " · " + t("role.drift") : "")]);
   if (role.defaultAccess !== undefined) rows.push([t("role.access"), role.defaultAccess]);
   if (opts.retry) rows.push([t("role.providerRetry"), label(t, "retry", opts.retry.status) + " · "

package/dist/web/assets/client/domain/vocab.js

@@ -22,7 +22,7 @@ export function label(t, prefix, value) {
 const TONES = {
   task: { draft: "warn", active: "info", completed: "ok", cancelled: "idle", archived: "idle" },
   exec: {
-    "needs-leader-action": "accent", "waiting-on-agents": "info", "waiting-user": "warn",
+    "needs-leader-action": "accent", "waiting-on-agents": "info", "waiting-on-jobs": "info", "waiting-user": "warn",
     recovering: "warn", attention: "bad", "progressing-with-attention": "warn", blocked: "bad",
     conflicted: "warn", working: "info", completed: "ok", retired: "idle", cancelled: "idle",
     accepted: "ok", open: "info", archived: "idle"

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

@@ -58,7 +58,10 @@ export const EN = {
     "create.hint": "Planning saves a Draft and queues the Leader. It does not start development. Uncheck to save only.",
     "create.open": "Open saved task",
     "workbench.next": "Next step",
-    "workbench.continue": "Continue with the current Leader",
+    "workbench.continue": "Talk to Leader",
+    "workbench.prompt.running": "Talk to the current Leader to adjust direction or add information.",
+    "workbench.prompt.activate": "Start the Task once the draft and plan are confirmed, or keep discussing with the Leader.",
+    "workbench.prompt.archive": "This Task has ended. Archive it, or follow up with the Leader.",
     "workbench.activate": "Start task",
     "workbench.activateConfirm": "Have you confirmed the Draft and plan? Request activation now?",
     "workbench.activateHint": "Uses the existing activation process. A saved request is not an active Task.",
@@ -700,6 +703,19 @@ export const EN = {
     "priority.low": "Low",
     "exec.status.needs-leader-action": "Needs Leader action",
     "exec.status.waiting-on-agents": "Waiting on agents",
+    "exec.status.waiting-on-jobs": "Waiting on background jobs",
+    "exec.action.wait-for-jobs": "Wait for background jobs",
+    "activity.loaded": "Loaded",
+    "activity.none": "No current items in this source.",
+    "activity.notLoaded": "Not loaded. Use the current activity list to read more.",
+    "activity.more": "Load more",
+    "activity.refresh": "Refresh list",
+    "activity.refreshHint": "If the source changed, refresh before continuing.",
+    "activity.busy": "Finish or clear the unsent answer, or wait for the current read before replacing this list.",
+    "activity.reviews": "Unfinished reviews",
+    "activity.native": "Native activity",
+    "activity.openSession": "Open current Role Session",
+    "activity.scope": "Partial coverage: selected native Sessions and retained, exactly identified child observations. Not a live process or complete historical Session inventory. Native facts may describe an AgentRun above; counts must not be added together.",
     "exec.status.waiting-user": "Waiting on you",
     "exec.status.recovering": "Recovering",
     "exec.status.attention": "Needs attention",

package/dist/web/assets/client/i18n/zh-CN.js

@@ -56,7 +56,10 @@ export const ZH_CN = {
     "create.hint": "保存 Draft 并通知 Leader 规划，不启动开发。取消勾选则仅保存任务。",
     "create.open": "打开已保存任务",
     "workbench.next": "下一步",
-    "workbench.continue": "与当前 Leader 继续推进",
+    "workbench.continue": "与 Leader 对话",
+    "workbench.prompt.running": "需要调整方向或补充信息时，直接与当前 Leader 对话。",
+    "workbench.prompt.activate": "确认草稿与方案后启动任务，或继续与 Leader 讨论。",
+    "workbench.prompt.archive": "任务已结束。可以归档，或继续与 Leader 跟进。",
     "workbench.activate": "启动任务",
     "workbench.activateConfirm": "已确认草稿和方案，申请激活此任务？",
     "workbench.activateHint": "复用现有激活流程。请求已保存不代表任务已激活。",
@@ -698,6 +701,19 @@ export const ZH_CN = {
     "priority.low": "低",
     "exec.status.needs-leader-action": "待 Leader 处理",
     "exec.status.waiting-on-agents": "等待智能体",
+    "exec.status.waiting-on-jobs": "等待后台任务",
+    "exec.action.wait-for-jobs": "等待后台任务结果",
+    "activity.loaded": "已加载",
+    "activity.none": "此来源没有当前事项。",
+    "activity.notLoaded": "尚未加载；可通过当前活动列表继续读取。",
+    "activity.more": "继续加载",
+    "activity.refresh": "刷新列表",
+    "activity.refreshHint": "若来源已变化，请刷新后继续。",
+    "activity.busy": "请先完成或清空未发送的回答，或等待当前读取结束，再替换列表。",
+    "activity.reviews": "未结束的审查",
+    "activity.native": "原生活动",
+    "activity.openSession": "打开该角色的当前会话",
+    "activity.scope": "部分覆盖：选中的原生会话，以及身份明确、尚未结束的保留子活动观测；不是实时进程或完整历史会话清单。原生事实可能与上方 AgentRun 描述同一执行，计数不可直接相加。",
     "exec.status.waiting-user": "等待你回答",
     "exec.status.recovering": "恢复中",
     "exec.status.attention": "需要关注",

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

@@ -70,6 +70,9 @@ export const api = {
   context: function (taskId) { return requestJson(task(taskId) + "/context"); },
   workbench: function (taskId) { return requestJson(task(taskId) + "/workbench"); },
   observation: function (taskId) { return requestJson(task(taskId) + "?compact=true", { signal: AbortSignal.timeout(1500) }); },
+  activity: function (taskId, options) {
+    return requestJson(task(taskId) + "/activity?" + new URLSearchParams(options || {}));
+  },
   projects: function (after) { return requestJson("/api/projects" + (after ? "?after=" + encodeURIComponent(after) : "")); },
   createTask: function (input) { return submitMutation("task/create", "/api/tasks", input); },
   taskAction: function (taskId, action, requestId) {
@@ -99,7 +102,7 @@ export const api = {
   // 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) {
+    ["view", "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);

package/dist/web/assets/client/lib/theme.js

@@ -1,20 +1,41 @@
 import { DEFAULT_DARK_THEME, DEFAULT_LIGHT_THEME, THEME_OPTIONS } from "../../shared/themes.js";
+// Shared by the parser-blocking head script and the later settings controller.
+// Both resolve the same browser preference without publishing global state.
+const THEME_PREFERENCE_SCRIPT = String.raw `
+const IDS = ${JSON.stringify(THEME_OPTIONS.map(theme => theme.id))};
+const DEFAULT_DARK = ${JSON.stringify(DEFAULT_DARK_THEME.id)};
+const DEFAULT_LIGHT = ${JSON.stringify(DEFAULT_LIGHT_THEME.id)};
+
+function storedPreference() {
+  try {
+    const saved = localStorage.getItem("yui.theme");
+    return IDS.includes(saved) ? saved : "system";
+  } catch { return "system"; }
+}
+
+function resolveTheme(preference, media) {
+  return preference === "system" ? (media.matches ? DEFAULT_LIGHT : DEFAULT_DARK) : preference;
+}
+`;
+// A same-origin classic script runs before styles/body, unlike the deferred
+// application module graph. No inline script or weaker CSP is needed.
+export const THEME_BOOTSTRAP_SCRIPT = String.raw `
+(function () {
+${THEME_PREFERENCE_SCRIPT}
+  document.documentElement.dataset.theme = resolveTheme(
+    storedPreference(), window.matchMedia("(prefers-color-scheme: light)")
+  );
+})();
+`;
 export const THEME_SCRIPT = String.raw `
 // Theme preference. "system" follows prefers-color-scheme and resolves to the
 // default dark or light theme; the resolved id is stamped on <html> so its
 // token block applies. Options and swatches come from shared/themes.ts.
 import { h, markSelected } from "/assets/js/lib/dom.js";
-import { readPreference, writePreference } from "/assets/js/lib/prefs.js";
+import { writePreference } from "/assets/js/lib/prefs.js";
 
 const THEMES = Object.freeze(${JSON.stringify(THEME_OPTIONS)});
-const IDS = THEMES.map(function (theme) { return theme.id; });
-const DEFAULT_DARK = ${JSON.stringify(DEFAULT_DARK_THEME.id)};
-const DEFAULT_LIGHT = ${JSON.stringify(DEFAULT_LIGHT_THEME.id)};
-
-function storedPreference() {
-  const saved = readPreference("yui.theme", "system");
-  return IDS.includes(saved) ? saved : "system";
-}
+${THEME_PREFERENCE_SCRIPT}
 
 function themeOption(theme, t, onPick) {
   const swatch = h("span.theme-swatch", { "aria-hidden": "true" }, theme.swatch.map(function (color, index) {
@@ -36,7 +57,7 @@ export function createThemeController(container, t) {
   const listeners = new Set();
 
   function resolved() {
-    return preference === "system" ? (media.matches ? DEFAULT_LIGHT : DEFAULT_DARK) : preference;
+    return resolveTheme(preference, media);
   }
   function apply() {
     document.documentElement.dataset.theme = resolved();

package/dist/web/assets/client/views/task/actions.js

@@ -1,36 +1,53 @@
 export const TASK_ACTIONS_SCRIPT = String.raw `
+// Next step: one compact action bar. A short prompt on the left, the actions
+// on the right (secondary first, primary last), and a single status line
+// below that appears only when it carries a condition, a block or a receipt.
 import { h } from "/assets/js/lib/dom.js";
-import { button, note } from "/assets/js/ui/primitives.js";
+import { button } from "/assets/js/ui/primitives.js";
 import { card } from "/assets/js/ui/containers.js";
 import { receiptLine, setReceipt, submitWrite } from "/assets/js/ui/forms.js";
 
 export function taskActions(task, t, ctx) {
-  const element = card({ title: t("workbench.next"), icon: "chat" });
-  element.body.append(button(t("workbench.continue"), { variant: "primary", onClick: function () { ctx.openConversation(); } }));
   const action = task.status === "draft" ? "activate"
     : ["completed", "cancelled"].includes(task.status) ? "archive" : null;
+  const element = card({ className: "next-card" });
+  const continueButton = button(t("workbench.continue"), {
+    icon: "chat", variant: action ? "" : "primary", onClick: function () { ctx.openConversation(); }
+  });
+  const buttons = h("div.next-actions", null, continueButton);
+  const lead = h("div.next-lead", null,
+    h("p.next-kicker", null, t("workbench.next")),
+    h("p.next-prompt", null, t("workbench.prompt." + (action || "running"))));
+  element.body.append(h("div.next-row", null, lead, buttons));
   if (!action) return element;
+
   const activation = task.activationRequest;
   const blocked = action === "activate" && (task.executionGate.state !== "enabled"
     || activation && ["pending", "failed"].includes(activation.disposition));
-  const receipt = receiptLine(blocked ? (activation && activation.outcome || t("workbench.activationBlocked")) : t("receipt.notSubmitted"));
-  const control = button(t("workbench." + action), { disabled: !!blocked, onClick: function () {
-    if (!window.confirm(t("workbench." + action + "Confirm"))) return;
-    submitWrite({
-      control: control, receipt: receipt, form: element.body, t: t,
-      send: function (requestId) { return ctx.taskAction(task.id, action, requestId); },
-      saved: function (value) {
-        const result = value.result;
-        const text = action === "activate" ? result.operationRef + " · " + result.request.disposition
-          : result.task.id + " · " + result.task.status;
-        setReceipt(receipt, text, "ok");
-        return true;
-      },
-      rejectedKey: "receipt.notSubmittedBecause", unknownKey: "workbench.unknown",
-      afterWrite: ctx.afterWrite
-    });
-  } });
-  element.body.append(control, note(t("workbench." + action + "Hint")), receipt);
+  // Idle receipts stay empty (hidden); only real state is shown.
+  const receipt = receiptLine(blocked ? (activation && activation.outcome || t("workbench.activationBlocked")) : "", blocked ? "warn" : "");
+  const control = button(t("workbench." + action), {
+    icon: action === "activate" ? "play" : "archive", variant: "primary", disabled: !!blocked,
+    title: t("workbench." + action + "Hint"),
+    onClick: function () {
+      if (!window.confirm(t("workbench." + action + "Confirm"))) return;
+      submitWrite({
+        control: control, receipt: receipt, form: element.body, t: t,
+        send: function (requestId) { return ctx.taskAction(task.id, action, requestId); },
+        saved: function (value) {
+          const result = value.result;
+          const text = action === "activate" ? result.operationRef + " · " + result.request.disposition
+            : result.task.id + " · " + result.task.status;
+          setReceipt(receipt, text, "ok");
+          return true;
+        },
+        rejectedKey: "receipt.notSubmittedBecause", unknownKey: "workbench.unknown",
+        afterWrite: ctx.afterWrite
+      });
+    }
+  });
+  buttons.append(control);
+  element.body.append(h("div.next-foot", null, h("p.next-hint", null, t("workbench." + action + "Hint")), receipt));
   return element;
 }
 `;

package/dist/web/assets/client/views/task/observation.js

@@ -73,6 +73,14 @@ function nowHead(data, execution, t, locale) {
       : h("span.now-owner", null, label(t, "exec.owner", execution.owner) + " · " + label(t, "exec.action", execution.action)));
   const activeCount = execution.activeRunCount === undefined ? (execution.activeRuns || []).length : execution.activeRunCount;
   if (activeCount) head.append(badge(activeCount + " " + t("now.activeRuns"), "info"));
+  if (execution.activity) {
+    const jobs = execution.activity.jobs, native = execution.activity.native;
+    head.append(badge(t("jobs.title") + " · " + t("job.running") + " " + jobs.running
+      + " / " + t("job.queued") + " " + jobs.queued + " / " + t("detail.unobserved") + " " + jobs.unknown, jobs.unknown ? "warn" : "info"));
+    head.append(badge(t("activity.native") + " · " + (native.active + native.waiting)
+      + " / " + t("sessions.background") + " " + native.background
+      + " / " + t("detail.unobserved") + " " + native.unknown, native.unknown ? "warn" : "info"));
+  }
   if (execution.monitoring === "stopped") head.append(badge(t("now.monitoringStopped"), "warn"));
   if (execution.failClosed) head.append(badge(t("now.failClosed"), "bad"));
   head.append(h("span.spacer"), h("span.faint.small", { title: formatDateTime(data.runtimeObservedAt, locale) },
@@ -123,7 +131,8 @@ function drawSessions(container, observation, t, locale) {
 function drawRoleSession(slot, session, observation, t, locale) {
   clear(slot);
   if (!session) {
-    slot.append(h("span.faint.small", null, observation ? t("session.noneRecorded") : t("sessions.unavailable")));
+    slot.append(h("span.faint.small", null, !observation ? t("sessions.unavailable")
+      : observation.total > observation.sessions.length ? t("activity.notLoaded") : t("session.noneRecorded")));
     return;
   }
   slot.append(h("div.role-session-head", null, dot(tone("session", session.group)),
@@ -143,8 +152,8 @@ function drawSessionFacts(facts, observation, sessions, t, locale) {
       [t("sessions.role"), session.roleName],
       [t("sessions.lastActivity"), session.lastActivityAt ? formatDateTime(session.lastActivityAt, locale) : t("sessions.unobserved")],
       [t("sessions.inputUpdated"), formatDateTime(session.sourceUpdatedAt, locale)],
-      [t("sessions.operations"), session.operations.length ? session.operations.join(", ") : null],
-      [t("sessions.background"), session.background.length ? session.background.map(function (item) { return item.id + " · " + item.execution; }).join(", ") : null],
+      [t("sessions.operations"), (session.operationCount ?? session.operations.length) + " · " + session.operations.join(", ")],
+      [t("sessions.background"), (session.backgroundCount ?? session.background.length) + " · " + session.background.map(function (item) { return item.id + " · " + item.execution; }).join(", ")],
       [t("sessions.identity"), mono([session.nativeSessionId, session.nativeTurnId, session.attemptId].filter(Boolean).join(" / "))]
     ]));
   });

package/dist/web/assets/client/views/task/overview.js

@@ -7,8 +7,8 @@ import { formatDateTime } from "/assets/js/lib/format.js";
 import { bulletList, button, codeBlock, dot, emptyState, note, timeTag } from "/assets/js/ui/primitives.js";
 import { card, disclosure } from "/assets/js/ui/containers.js";
 import { richText } from "/assets/js/ui/text.js";
-import { entriesOf, exactCache, totalOf, valuesOf } from "/assets/js/domain/context.js";
-import { lazyRow, recordCard } from "/assets/js/domain/records.js";
+import { entriesOf, totalOf, valuesOf } from "/assets/js/domain/context.js";
+import { currentRecordCard, recordCard } from "/assets/js/domain/records.js";
 import { inputCard } from "/assets/js/domain/work.js";
 import { taskActions } from "/assets/js/views/task/actions.js";
 
@@ -30,45 +30,12 @@ export function renderOverviewPanel(panel, data, t, locale, ctx) {
 // Needs you: open InputRequests with their answer controls. Open questions
 // the bounded read did not carry are listed by reference.
 function needsCard(data, t, locale, ctx) {
-  const task = data.task;
-  const openInputs = data.core.attention.openInputs;
-  const inputs = entriesOf(data.core, "input-request").filter(function (entry) { return !entry.omitted && entry.value.status === "open"; });
-  const missing = openInputs.refs.filter(function (ref) {
-    return !inputs.some(function (entry) { return entry.ref.refId === ref.refId; });
+  return currentRecordCard(data, "input-request", t, ctx, {
+    id: "detail-attention", title: t("overview.needsYou"), icon: "inbox",
+    render: function (value) {
+      return value.status === "open" ? inputCard(value, t, locale, ctx.answerInput) : note(value.id + " · " + value.status);
+    }
   });
-  const needs = card({ title: t("overview.needsYou"), icon: "inbox", count: openInputs.count, className: "needs-card" });
-  needs.id = "detail-attention";
-  inputs.forEach(function (entry) { needs.body.append(inputCard(entry.value, t, locale, ctx.answerInput)); });
-  const seen = new Set(inputs.map(function (entry) { return entry.ref.refId; }));
-  function deferredInput(item) {
-    seen.add(item.ref.refId);
-    return lazyRow(item, task.id, t, ctx, {
-      head: h("span", null, item.summary || item.ref.refId),
-      cache: exactCache(data.viewState),
-      render: function (value) {
-        return value.status === "open" ? inputCard(value, t, locale, ctx.answerInput)
-          : note(value.id + " · " + value.status);
-      }
-    });
-  }
-  missing.forEach(function (ref) {
-    const entry = entriesOf(data.core, "input-request").find(function (entry) { return entry.ref.refId === ref.refId; });
-    needs.body.append(deferredInput({ ref: ref, summary: entry && entry.summary }));
-  });
-  if (openInputs.count > inputs.length + missing.length) {
-    let cursor;
-    const more = button(t("overview.moreInputs"), { onClick: async function () {
-      more.disabled = true;
-      try {
-        const page = await ctx.list(task.id, "input-request", { status: "open", limit: 20, cursor: cursor });
-        page.items.forEach(function (item) { if (!seen.has(item.ref.refId)) needs.body.insertBefore(deferredInput(item), more); });
-        cursor = page.nextCursor;
-        more.disabled = !cursor;
-      } catch (error) { needs.body.append(note(error.message, "bad")); more.disabled = false; }
-    } });
-    needs.body.append(more);
-  }
-  return needs;
 }
 
 function briefOf(data) {

package/dist/web/assets/client/views/task/runtime.js

@@ -3,38 +3,36 @@ export const TASK_RUNTIME_SCRIPT = String.raw `
 // control, open execution, open operations, usage and diagnostics. Session
 // lines, counts and raw facts are [data-slot]s the observation fills in.
 import { h } from "/assets/js/lib/dom.js";
-import { fill } from "/assets/js/lib/format.js";
-import { dot, emptyState, mono, note, timeTag } from "/assets/js/ui/primitives.js";
-import { card, cardDisclosure, listCard } from "/assets/js/ui/containers.js";
+import { dot, button, emptyState, mono, note, timeTag } from "/assets/js/ui/primitives.js";
+import { card, cardDisclosure } from "/assets/js/ui/containers.js";
 import { observabilityMetricCard } from "/assets/js/ui/metrics.js";
 import { statusBadge, tone } from "/assets/js/domain/vocab.js";
-import { cachedExact, entriesOf, exactCache, totalOf } from "/assets/js/domain/context.js";
-import { exactRow, recordCard } from "/assets/js/domain/records.js";
+import { cachedExact, entriesOf, exactCache } from "/assets/js/domain/context.js";
+import { currentRecordCard } from "/assets/js/domain/records.js";
 import { roleCard, runCard } from "/assets/js/domain/runs.js";
 import { controlForm } from "/assets/js/domain/taskForms.js";
 
 export function renderRuntime(panel, data, t, locale, ctx) {
   exactCache(data.viewState);
   const roleEntries = entriesOf(data.core, "role");
-  panel.append(rolesCard(data, roleEntries, t, locale, ctx));
+  panel.append(rolesCard(data, t, locale, ctx));
   panel.append(controlCard(data.task, roleEntries, t, ctx));
   panel.append(runsCard(data, t, locale, ctx));
   panel.append(jobsCard(data, t, locale, ctx));
+  panel.append(currentRecordCard(data, "review-round", t, ctx, { id: "detail-reviews", title: t("activity.reviews") }));
+  panel.append(nativeCard(data, t, ctx));
   panel.append(usageCard(data, t));
   panel.append(diagnosticsCard(data.core, t));
 }
 
 // --- Roles -------------------------------------------------------------------
-function rolesCard(data, roleEntries, t, locale, ctx) {
+function rolesCard(data, t, locale, ctx) {
   const runs = knownRuns(data);
-  const roles = listCard({
-    id: "detail-roles", title: t("roles.title"), icon: "user", count: totalOf(data.core, "role"), hint: t("roles.hint"),
-    actions: h("div.chip-row", { dataset: { slot: "session-counts" } })
+  const roles = currentRecordCard(data, "role", t, ctx, {
+    id: "detail-roles", title: t("roles.title"), icon: "user",
+    render: function (role, result, entry) { return roleRow({ ...entry, value: role }, data, runs, t, locale, ctx); }
   });
-  roleEntries.forEach(function (entry) {
-    roles.list.append(entry.omitted ? recordCard(entry, data.task.id, t, ctx) : roleRow(entry, data, runs, t, locale, ctx));
-  });
-  if (!roleEntries.length) roles.list.append(emptyState(t("records.none")));
+  roles.list.prepend(h("div.chip-row", { dataset: { slot: "session-counts" } }));
   return roles;
 }
 
@@ -72,31 +70,70 @@ function controlCard(task, roleEntries, t, ctx) {
 
 // --- Execution and operations --------------------------------------------------
 function runsCard(data, t, locale, ctx) {
-  const runEntries = entriesOf(data.core, "run");
-  const runTotal = totalOf(data.core, "run");
-  const runList = listCard({ id: "detail-exec", title: t("runs.title"), icon: "pulse", count: runTotal || null, hint: t("runs.hint") });
-  if (!runEntries.length) runList.list.append(emptyState(t("runs.none"), "pulse"));
-  runEntries.forEach(function (entry) {
-    runList.list.append(exactRow(entry, data.task.id, t, ctx, data.viewState.exact, function (value, result) {
-      return runCard({ ...value, execution: (result && result.execution) || entry.execution }, t, locale);
-    }));
+  return currentRecordCard(data, "run", t, ctx, {
+    id: "detail-exec", title: t("runs.title"),
+    render: function (value, result) { return runCard({ ...value, execution: result && result.execution }, t, locale); }
   });
-  if (runTotal > runEntries.length) runList.list.append(note(fill(t("runs.more"), { count: runTotal - runEntries.length })));
-  return runList;
 }
 
 function jobsCard(data, t, locale, ctx) {
-  const jobs = entriesOf(data.core, "job");
-  const jobTotal = totalOf(data.core, "job");
-  const jobList = listCard({
-    id: "detail-operations", title: t("jobs.title"), icon: "refresh", count: jobTotal || null,
-    hint: jobTotal ? t("jobs.hint") : null
+  return currentRecordCard(data, "job", t, ctx, {
+    id: "detail-operations", title: t("jobs.title"), icon: "refresh",
+    render: function (job) { return jobRecord(job, data.task, t, locale); }
   });
-  if (!jobs.length) jobList.list.append(emptyState(t("jobs.none")));
-  jobs.forEach(function (entry) {
-    jobList.list.append(exactRow(entry, data.task.id, t, ctx, data.viewState.exact, function (job) { return jobRecord(job, data.task, t, locale); }));
-  });
-  return jobList;
+}
+
+function nativeCard(data, t, ctx) {
+  const element = card({ id: "detail-native-activity", title: t("activity.native"), icon: "pulse" });
+  let state = data.viewState.nativeActivity;
+  if (!state) {
+    state = data.viewState.nativeActivity = { key: data.core.coreCursor, items: [], page: null, pending: false, error: null };
+  }
+  const revalidate = state.page && state.key !== data.core.coreCursor;
+  state.key = data.core.coreCursor;
+  function draw() {
+    element.body.replaceChildren(note(t("activity.scope")));
+    if (!state.page) element.body.append(note(t("activity.notLoaded")));
+    else {
+      element.body.append(note(t("activity.loaded") + " " + state.items.length + " / " + state.page.total
+        + " · " + state.page.coverage + " · " + state.page.readAt));
+      if (!state.page.total) element.body.append(note(t("activity.none")));
+    }
+    state.items.forEach(function (item) {
+      element.body.append(h("article.record", null,
+        h("header.record-head", null, mono(item.roleName + " / " + item.kind), h("span.spacer"), item.status),
+        h("p.small", null, item.summary),
+        h("p.faint.small.mono-line", null, [item.nativeSessionId, item.runId, item.sourceUpdatedAt].filter(Boolean).join(" · ")),
+        button(t("activity.openSession"), { onClick: function () { ctx.openSession(item.roleName); } })));
+    });
+    if (state.error) element.body.append(note(state.error + " · " + t("activity.refreshHint"), "bad"));
+    const controls = h("div.chip-row");
+    if (!state.page || state.page.nextCursor) controls.append(button(t("activity.more"), {
+      disabled: state.pending, onClick: function () { load(!!state.page); }
+    }));
+    controls.append(button(t("activity.refresh"), { disabled: state.pending, onClick: function () { load(false); } }));
+    element.body.append(controls);
+    element.dataset.reading = String(state.pending);
+  }
+  async function load(more) {
+    if (state.pending) return;
+    state.pending = true; draw();
+    try {
+      const page = await ctx.activity(data.task.id, { limit: 20, ...(more ? { cursor: state.page.nextCursor } : {}) });
+      if (!more && state.page && state.page.digest === page.digest) {
+        // Refresh observation metadata without discarding unchanged loaded pages.
+        state.page = { ...page, nextCursor: state.page.nextCursor };
+      } else {
+        state.items = more ? state.items.concat(page.items) : page.items;
+        state.page = page;
+      }
+      state.error = null;
+    } catch (error) { state.error = error.message; }
+    finally { state.pending = false; draw(); }
+  }
+  draw();
+  if (revalidate) load(false);
+  return element;
 }
 
 function jobRecord(job, task, t, locale) {

package/dist/web/assets/shared/icons.js

@@ -32,6 +32,8 @@ export const ICON_PATHS = Object.freeze({
     user: ["M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z", "M4 20a8 8 0 0 1 16 0"],
     eye: ["M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z", "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"],
     plus: ["M12 5v14", "M5 12h14"],
+    play: ["M8 5v14l11-7z"],
+    archive: ["M3 5h18v4H3z", "M5 9v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9", "M10 13h4"],
     target: ["M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z", "M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z", "M12 12h.01"],
     flag: ["M5 21V4", "M5 4h11l-2 4 2 4H5"],
     sparkle: ["M12 3v4", "M12 17v4", "M3 12h4", "M17 12h4", "M6 6l2.5 2.5", "M15.5 15.5L18 18", "M18 6l-2.5 2.5", "M8.5 15.5L6 18"]

package/dist/web/assets/shell/index.js

@@ -17,6 +17,7 @@ export const DASHBOARD_HTML = `<!doctype html>
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
   <meta name="color-scheme" content="dark light">
   <meta name="yui-web-token" content="__YUI_WEB_TOKEN__">
+  <script src="/assets/theme.js"></script>
   <link rel="icon" href="data:,">
   <title>Yui</title>
   <link rel="preload" href="/assets/fonts/inter-500.woff2" as="font" type="font/woff2" crossorigin>