@zq-silk/yui 2.3.0 → 2.4.0

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

@@ -1,114 +0,0 @@
-export const MARKDOWN_SCRIPT = `
-// Minimal, safe Markdown renderer.
-//
-// Agent-authored prose (focus, outcomes, reviews, messages) arrives as plain
-// text with informal Markdown. Rendering structure (headings, lists, code)
-// runs walls of text into scannable blocks.
-//
-// Safety rule: every byte of user text is HTML-escaped BEFORE any tag is
-// introduced; the transforms below only ever add our own elements. Links are
-// limited to http(s) URLs taken from already-escaped text, so no attribute
-// breakout is possible.
-export function escapeHtml(text) {
-  return String(text)
-    .replace(/&/g, "&")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;")
-    .replace(/"/g, "&quot;");
-}
-
-// Inline spans: code, bold, auto-links. Expects HTML-escaped input.
-export function inlineMarkdown(escaped) {
-  const codes = [];
-  let out = escaped.replace(/\`([^\`\\n]+)\`/g, function (_match, code) {
-    codes.push(code);
-    return "\\u0000" + (codes.length - 1) + "\\u0000";
-  });
-  out = out.replace(/\\*\\*([^*\\n]+)\\*\\*/g, "<strong>$1</strong>");
-  out = out.replace(/(https?:\\/\\/[^\\s<]+)/g, function (url) {
-    return '<a href="' + url + '" target="_blank" rel="noreferrer">' + url + "</a>";
-  });
-  out = out.replace(/\\u0000(\\d+)\\u0000/g, function (_match, index) {
-    return "<code>" + codes[Number(index)] + "</code>";
-  });
-  return out;
-}
-
-// Block structure: fenced code, ATX headings, unordered / ordered lists,
-// paragraphs with soft line breaks.
-export function renderMarkdown(text) {
-  const lines = String(text).replace(/\\u0000/g, "").replace(/\\r\\n?/g, "\\n").split("\\n");
-  const html = [];
-  let paragraph = [];
-  let list = null;
-  let code = null;
-  function flushParagraph() {
-    if (!paragraph.length) return;
-    html.push("<p>" + paragraph.map(inlineMarkdown).join("<br>") + "</p>");
-    paragraph = [];
-  }
-  function flushList() {
-    if (!list) return;
-    html.push("<" + list.type + ">" + list.items.map(function (item) {
-      return "<li>" + inlineMarkdown(item) + "</li>";
-    }).join("") + "</" + list.type + ">");
-    list = null;
-  }
-  lines.forEach(function (line) {
-    if (code !== null) {
-      if (/^\\s*\`\`\`/.test(line)) {
-        html.push("<pre><code>" + code.join("\\n") + "</code></pre>");
-        code = null;
-      } else {
-        code.push(line);
-      }
-      return;
-    }
-    if (/^\\s*\`\`\`/.test(line)) {
-      flushParagraph();
-      flushList();
-      code = [];
-      return;
-    }
-    const heading = line.match(/^\\s{0,3}(#{1,4})\\s+(.*)$/);
-    if (heading) {
-      flushParagraph();
-      flushList();
-      const level = Math.min(heading[1].length + 3, 6);
-      html.push("<h" + level + ">" + inlineMarkdown(escapeHtml(heading[2].trim())) + "</h" + level + ">");
-      return;
-    }
-    const unordered = line.match(/^\\s*[-*•]\\s+(.*)$/);
-    if (unordered) {
-      flushParagraph();
-      if (!list || list.type !== "ul") {
-        flushList();
-        list = { type: "ul", items: [] };
-      }
-      list.items.push(escapeHtml(unordered[1]));
-      return;
-    }
-    const ordered = line.match(/^\\s*\\d+[.)]\\s+(.*)$/);
-    if (ordered) {
-      flushParagraph();
-      if (!list || list.type !== "ol") {
-        flushList();
-        list = { type: "ol", items: [] };
-      }
-      list.items.push(escapeHtml(ordered[1]));
-      return;
-    }
-    if (/^\\s*$/.test(line)) {
-      flushParagraph();
-      flushList();
-      return;
-    }
-    flushList();
-    paragraph.push(escapeHtml(line));
-  });
-  flushParagraph();
-  flushList();
-  if (code !== null) html.push("<pre><code>" + code.join("\\n") + "</code></pre>");
-  return html.join("");
-}
-`;

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

@@ -1,198 +0,0 @@
-export const RECORDS_SCRIPT = String.raw `
-// Context record access. Every business fact keeps its Context reference; an
-// expanded value is a current read, never a mutation of the snapshot.
-import { h, icon } from "/assets/js/dom.js";
-import { richText, mono, button, note, disclosure } from "/assets/js/components.js";
-
-export function entriesOf(core, store) {
-  return core.records.filter(function (entry) { return entry.ref.store === store; });
-}
-
-export function valuesOf(core, store) {
-  return entriesOf(core, store).filter(function (entry) { return !entry.omitted; }).map(function (entry) { return entry.value; });
-}
-
-// The family total from the same bounded read as its samples. The current
-// view counts current records only: open work, active runs, open questions.
-export function totalOf(core, store) {
-  const row = (core.collections || []).find(function (item) { return item.store === store; });
-  return row ? row.total : entriesOf(core, store).length;
-}
-
-// List and omitted-value summaries join known fields in a fixed order
-// ("title: …; status: …"). Split them for display only; the exact record
-// stays one read away.
-const SUMMARY_KEYS = ["title", "objective", "question", "summary", "body", "status", "type"];
-export function summaryFields(summary) {
-  const fields = {};
-  if (!summary) return fields;
-  const pattern = new RegExp("(?:^|; )(" + SUMMARY_KEYS.join("|") + "): ", "g");
-  const marks = [];
-  let match;
-  while ((match = pattern.exec(summary))) {
-    const rank = SUMMARY_KEYS.indexOf(match[1]);
-    if (marks.length && rank <= marks[marks.length - 1].rank) continue;
-    marks.push({ key: match[1], rank: rank, start: match.index, from: match.index + match[0].length });
-  }
-  marks.forEach(function (mark, index) {
-    fields[mark.key] = summary.slice(mark.from, index + 1 < marks.length ? marks[index + 1].start : summary.length);
-  });
-  return fields;
-}
-
-// --- Exact reads -------------------------------------------------------------
-// One inspect per reference digest, held in view state so a refresh with an
-// unchanged reference never reads again. A changed digest is a new read.
-export function readExact(entry, taskId, actions, cache) {
-  const key = entry.ref.store + "/" + entry.ref.refId;
-  const hit = cache[key];
-  if (hit && hit.digest === entry.ref.digest) return hit.promise;
-  const promise = actions.inspect(taskId, entry.ref);
-  const slot = { digest: entry.ref.digest, promise: promise, result: null };
-  cache[key] = slot;
-  promise.then(function (result) { slot.result = result; }, function () { if (cache[key] === slot) delete cache[key]; });
-  return promise;
-}
-
-// A row drawn from its exact value: synchronously when cached, otherwise the
-// honest summary card until the read returns and replaces it in place.
-export function exactRow(entry, taskId, t, actions, cache, render) {
-  if (!entry.omitted) return render(entry.value, null);
-  const hit = cache[entry.ref.store + "/" + entry.ref.refId];
-  if (hit && hit.digest === entry.ref.digest && hit.result) return render(hit.result.value, hit.result);
-  const placeholder = recordCard(entry, taskId, t, actions);
-  placeholder.dataset.reading = "true";
-  readExact(entry, taskId, actions, cache).then(function (result) {
-    if (placeholder.isConnected) placeholder.replaceWith(render(result.value, result));
-  }, function () { placeholder.dataset.reading = "false"; });
-  return placeholder;
-}
-
-// A closed row drawn from a list summary; its exact value is read on first
-// open. Open rows are remembered in view state and reopen after a redraw.
-export function lazyRow(item, taskId, t, actions, options) {
-  const opts = options || {};
-  const key = item.ref.store + ":" + item.ref.refId;
-  const element = h("details.lazy-row");
-  if (item.status) element.dataset.status = item.status;
-  const body = h("div.lazy-body");
-  element.append(h("summary.lazy-head", null, icon("chevron", "disclosure-chevron"), opts.head), body);
-  let state = "idle";
-  function load() {
-    if (state !== "idle") return;
-    state = "reading";
-    element.dataset.reading = "true";
-    body.replaceChildren(h("p.faint.small", null, t("record.reading")));
-    readExact({ ref: item.ref }, taskId, actions, opts.cache || {}).then(function (result) {
-      state = "done";
-      const raw = disclosure(t("record.raw"), null);
-      raw.body.append(h("pre.code-block", null, JSON.stringify(result.value, null, 2)));
-      body.replaceChildren();
-      body.append(h("div.lazy-content", null, opts.render ? opts.render(result.value, result) : null), raw);
-    }, function (error) {
-      state = "idle";
-      body.replaceChildren(note(t("record.changed") + " · " + error.message, "bad"));
-    }).then(function () { element.dataset.reading = "false"; });
-  }
-  element.addEventListener("toggle", function () {
-    if (opts.openRows) { if (element.open) opts.openRows[key] = true; else delete opts.openRows[key]; }
-    if (element.open) load();
-  });
-  if (opts.openRows && opts.openRows[key]) element.open = true;
-  return element;
-}
-
-// --- Paged family discovery --------------------------------------------------
-// Pages of one Context family for the current Context cursor. A continuation
-// never mixes versions: after the cursor changes, the first page is re-read.
-export function familyState(view, store) {
-  view.families = view.families || {};
-  if (!view.families[store]) view.families[store] = { items: [], total: null, nextCursor: null, pages: 0, key: null, error: null, pending: null };
-  return view.families[store];
-}
-
-export function loadFamily(view, taskId, store, key, actions, options) {
-  const state = familyState(view, store);
-  const more = !!(options && options.more);
-  if (state.pending) return state.pending;
-  if (more ? !state.nextCursor : state.key === key && state.pages && !state.error) return Promise.resolve(state);
-  state.pending = actions.list(taskId, store, { limit: (options && options.limit) || 40, cursor: more ? state.nextCursor : null })
-    .then(function (page) {
-      if (!more) { state.items = []; state.pages = 0; }
-      state.items = state.items.concat(page.items);
-      state.total = page.total;
-      state.nextCursor = page.nextCursor;
-      state.pages += 1;
-      state.key = more ? state.key : key;
-      state.error = null;
-      state.errorKey = null;
-      return state;
-    }, function (error) { state.error = error.message; state.errorKey = more ? state.key : key; return state; })
-    .then(function (result) { state.pending = null; return result; });
-  return state.pending;
-}
-
-// --- Cards ---------------------------------------------------------------------
-// A generic, honest card for any record: omitted values say so and can be
-// read by reference; reading never acknowledges or accepts anything.
-export function recordCard(entry, taskId, t, actions, options) {
-  const opts = options || {};
-  const element = h("article.record" + (opts.compact ? ".is-compact" : ""));
-  element.append(h("header.record-head", null,
-    h("span.record-store", null, t("store." + entry.ref.store, entry.ref.store)),
-    mono(entry.ref.refId),
-    h("span.spacer"),
-    h("span.faint.small", { title: t("record.revision") }, String(entry.ref.revision).slice(0, 24))));
-  if (!entry.omitted && entry.value) {
-    const value = entry.value;
-    const text = value.content || value.summary || value.body || value.objective || value.title || value.leaderSummary;
-    if (text) element.append(richText(null, text, t, { threshold: 360 }));
-    if (entry.ref.store === "task-decision" && value.rationale) element.append(richText(t("record.rationale"), value.rationale, t, { muted: true }));
-    const facts = [value.status, value.roleName].filter(Boolean);
-    if (facts.length) element.append(h("p.faint.small", null, facts.join(" · ")));
-    if (entry.ref.store === "job") element.append(note(t("job." + value.status + ".note", t("job.terminal.note")), value.status === "unknown-needs-attention" ? "warn" : ""));
-  } else {
-    const fields = summaryFields(entry.summary);
-    const lead = fields.title || fields.question || fields.objective;
-    if (lead) element.append(h("p.record-lead", null, lead));
-    const text = fields.summary || fields.body || (lead === fields.objective ? null : fields.objective);
-    if (text) element.append(h("p.faint", null, text));
-    if (!lead && !text) element.append(h("p.faint", null, entry.summary || t("record.omitted")));
-  }
-  element.append(recordReader(entry, taskId, t, actions));
-  return element;
-}
-
-// Shared source access for cards, history and discussion, including records
-// whose compact value is present but does not display every durable field.
-// With a renderer, the exact value is drawn richly and the raw record stays
-// available behind a disclosure.
-export function recordReader(entry, taskId, t, actions, render) {
-  const element = h("div.stack");
-  const expand = button(t("record.read"), { icon: "eye", variant: "link" });
-  expand.addEventListener("click", async function () {
-    expand.disabled = true;
-    element.dataset.reading = "true";
-    try {
-      const result = await actions.inspect(taskId, entry.ref);
-      const rich = render ? render(result.value, result) : null;
-      if (rich) {
-        const raw = disclosure(t("record.raw"), null);
-        raw.body.append(h("pre.code-block", null, JSON.stringify(result.value, null, 2)));
-        element.append(rich, raw);
-      } else {
-        if (result.result && result.result.output) element.append(richText(t("record.output"), result.result.output, t));
-        if (result.result && result.result.diagnostic) element.append(richText(t("record.diagnostic"), result.result.diagnostic, t));
-        element.append(h("pre.code-block", null, JSON.stringify(result.value, null, 2)));
-        if (result.execution) element.append(h("pre.code-block", null, JSON.stringify(result.execution, null, 2)));
-      }
-      expand.remove();
-    } catch {
-      expand.disabled = false;
-      expand.replaceChildren(icon("refresh"), h("span", null, t("record.changed")));
-    } finally { element.dataset.reading = "false"; }
-  });
-  element.append(h("div.record-actions", null, expand));
-  return element;
-}
-`;

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

@@ -1,349 +0,0 @@
-export const SECTIONS_SCRIPT = String.raw `
-// The Runtime and Records tabs. Runtime is what is live now (Roles and their
-// Sessions, open execution, open operations, usage, diagnostics); Records is
-// what happened (a paged timeline of decisions, milestones, executions and
-// questions) plus Task facts. Every #detail-* anchor stays addressable via
-// ?section=.
-import { h, icon, clear } from "/assets/js/dom.js";
-import { formatDateTime } from "/assets/js/format.js";
-import {
-  card, listCard, filterChips, disclosure, emptyState, note, button, statusBadge, label, tone, dot, chip, mono,
-  kv, richText, runCard, runBody, roleCard, timeTag, observabilityMetricCard
-} from "/assets/js/components.js";
-import {
-  entriesOf, totalOf, summaryFields, exactRow, lazyRow, recordCard, familyState, loadFamily
-} from "/assets/js/records.js";
-import { controlForm, titleForm } from "/assets/js/forms.js";
-
-// --- Runtime ----------------------------------------------------------------------
-export function renderRuntime(panel, data, t, locale, ctx) {
-  const core = data.core;
-  const task = data.task;
-  const view = data.viewState;
-  view.exact = view.exact || {};
-  const runtimeRoles = (data.runtime && data.runtime.roles) || [];
-  // Active runs already read exactly (this view or an earlier render).
-  const knownRuns = entriesOf(core, "run").map(function (entry) {
-    const hit = view.exact["run/" + entry.ref.refId];
-    return hit && hit.digest === entry.ref.digest && hit.result ? hit.result.value : null;
-  }).filter(Boolean);
-
-  const roleEntries = entriesOf(core, "role");
-  const roles = listCard({
-    id: "detail-roles", title: t("roles.title"), icon: "user", count: totalOf(core, "role"), hint: t("roles.hint"),
-    actions: h("div.chip-row", { dataset: { slot: "session-counts" } })
-  });
-  roleEntries.forEach(function (entry) {
-    if (entry.omitted) { roles.list.append(recordCard(entry, task.id, t, ctx)); return; }
-    const role = entry.value;
-    const active = knownRuns.find(function (run) { return run.roleName === role.name && run.status === "active"; });
-    const runtimeRole = runtimeRoles.find(function (item) { return item.name === role.name; });
-    const element = roleCard(role, t, locale, {
-      runtimeRole: runtimeRole,
-      retry: entry.providerRetry,
-      launchDrift: active && active.effective && active.effective.sourceDesiredRevision !== role.launchRevision,
-      onOpen: task.status === "archived" ? null : ctx.openSession
-    });
-    const head = element.querySelector(".role-head");
-    head.append(h("span", { dataset: { roleStatus: role.name } }));
-    head.after(h("div.role-session", { dataset: { roleSession: role.name } }));
-    roles.list.append(element);
-  });
-  if (!roleEntries.length) roles.list.append(emptyState(t("records.none")));
-  panel.append(roles);
-
-  const redirect = disclosure(t("control.title"), "control", { className: "card-disclosure", meta: t("control.meta") });
-  redirect.id = "detail-control";
-  redirect.body.append(note(t("control.help")), controlForm(task, t, ctx, roleEntries.map(function (entry) { return entry.ref.refId; })));
-  panel.append(redirect);
-
-  const runEntries = entriesOf(core, "run");
-  const runTotal = totalOf(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, task.id, t, ctx, view.exact, function (value, result) {
-      return runCard({ ...value, execution: (result && result.execution) || entry.execution }, t, locale);
-    }));
-  });
-  if (runTotal > runEntries.length) runList.list.append(note(t("runs.more").replace("{count}", String(runTotal - runEntries.length))));
-  panel.append(runList);
-
-  const jobs = entriesOf(core, "job");
-  const jobTotal = totalOf(core, "job");
-  const jobList = listCard({
-    id: "detail-operations", title: t("jobs.title"), icon: "refresh", count: jobTotal || null,
-    hint: jobTotal ? t("jobs.hint") : null
-  });
-  if (!jobs.length) jobList.list.append(emptyState(t("jobs.none")));
-  jobs.forEach(function (entry) {
-    jobList.list.append(exactRow(entry, task.id, t, ctx, view.exact, function (job) {
-      return h("article.record", null,
-        h("header.record-head", null, dot(tone("job", job.status)), mono(task.id + "/" + job.id), h("span.spacer"),
-          statusBadge(t, "job", "job", job.status)),
-        h("p.small", null, t("job." + job.status + ".note", t("job.terminal.note"))),
-        h("p.faint.small", null, (job.steps || []).map(function (step) { return step.name; }).join(" → ")),
-        timeTag(job.terminalAt || job.startedAt || job.createdAt, locale, t));
-    }));
-  });
-  panel.append(jobList);
-
-  const usage = card({ id: "detail-usage", title: t("usage.title"), icon: "clock" });
-  const usageBody = h("div", { dataset: { slot: "usage" } });
-  const metrics = data.runtime && observabilityMetricCard(data.runtime.observability, t);
-  usageBody.append(metrics || emptyState(t("usage.unavailable")));
-  usage.body.append(usageBody);
-  panel.append(usage);
-
-  const diagnostics = disclosure(t("diagnostics.title"), "diagnostics", { className: "card-disclosure", meta: t("diagnostics.meta") });
-  diagnostics.id = "detail-diagnostics";
-  diagnostics.body.append(note(t("observation.help")));
-  (core.observations || []).forEach(function (observation) {
-    diagnostics.body.append(h("p.small.mono-line", null,
-      observation.source + " · " + observation.status + " · " + observation.coverage + " · " + observation.observedAt));
-  });
-  diagnostics.body.append(h("div.stack", { dataset: { slot: "session-facts" } }),
-    h("p.faint.small", { dataset: { slot: "runtime-status" } }), h("pre.code-block", { dataset: { slot: "runtime-raw" } }));
-  panel.append(diagnostics);
-}
-
-// --- Records ----------------------------------------------------------------------
-// One timeline over four Context families, read as paged summaries. Messages
-// live in the Discussion dock. Ascending families are read in full (bounded);
-// descending runs page on request, and older rows of other families are held
-// back until the run pages reach them so the merged order stays honest.
-const TIMELINE = [
-  { kind: "decision", store: "task-decision", icon: "check", ascending: true },
-  { kind: "milestone", store: "task-milestone", icon: "flag", ascending: true },
-  { kind: "run", store: "run", icon: "pulse", ascending: false },
-  { kind: "question", store: "input-request", icon: "inbox", ascending: true }
-];
-const FULL_PAGES = 5;
-
-function at(item) { return Date.parse(item.createdAt || 0) || 0; }
-
-export function renderRecords(panel, data, t, locale, ctx) {
-  const core = data.core;
-  const task = data.task;
-  const view = data.viewState;
-  view.panels = view.panels || {};
-  view.panels.records = panel;
-  view.exact = view.exact || {};
-  view.openRows = view.openRows || {};
-  if (!TIMELINE.some(function (family) { return family.kind === view.recordsFilter; })) view.recordsFilter = "all";
-  // Values the current snapshot already carries need no read.
-  const known = {};
-  core.records.forEach(function (entry) { if (!entry.omitted) known[entry.ref.store + "/" + entry.ref.refId] = entry; });
-
-  const history = card({
-    id: "detail-history", title: t("history.title"), icon: "history", hint: t("history.hint"),
-    actions: filterChips(t("history.filter"), [{ value: "all", label: t("history.all") }].concat(TIMELINE.map(function (family) {
-      return { value: family.kind, label: t("history." + family.kind) };
-    })), view.recordsFilter, function (value) { view.recordsFilter = value; draw(); })
-  });
-  const list = h("ol.timeline");
-  const foot = h("div.list-foot");
-  history.body.append(list, foot);
-
-  function families() {
-    return TIMELINE.filter(function (family) { return view.recordsFilter === "all" || view.recordsFilter === family.kind; });
-  }
-  function draw() {
-    clear(list);
-    clear(foot);
-    history.querySelectorAll(".chip-tab").forEach(function (chipButton) {
-      chipButton.setAttribute("aria-pressed", String(chipButton.dataset.filter === view.recordsFilter));
-    });
-    const selected = families();
-    const states = selected.map(function (family) { return { family: family, state: familyState(view, family.store) }; });
-    let horizon = -Infinity;
-    states.forEach(function (row) {
-      if (row.state.nextCursor && !row.family.ascending && row.state.items.length) {
-        horizon = Math.max(horizon, Math.min.apply(null, row.state.items.map(at)));
-      }
-    });
-    const items = [];
-    states.forEach(function (row) {
-      row.state.items.forEach(function (item) { if (at(item) >= horizon) items.push({ family: row.family, item: item }); });
-    });
-    items.sort(function (a, b) { return at(b.item) - at(a.item); });
-    const loading = states.some(function (row) { return row.state.pending && !row.state.pages; });
-    const loaded = states.every(function (row) { return row.state.pages || row.state.error; });
-    states.forEach(function (row) {
-      if (row.state.error) list.append(h("li.timeline-empty", null, note(t("history." + row.family.kind) + " · " + t("records.unavailable") + " " + row.state.error, "bad")));
-    });
-    if (!items.length) {
-      list.append(h("li.timeline-empty", null, emptyState(loading || !loaded ? t("history.loading") : t("records.none"), "history")));
-    }
-    items.forEach(function (row) { list.append(timelineItem(row.family, row.item)); });
-    const total = states.reduce(function (sum, row) { return sum + (row.state.total || 0); }, 0);
-    if (!loaded) return;
-    foot.append(h("span.faint.small", null, t("history.loaded").replace("{shown}", String(items.length)).replace("{total}", String(total))));
-    const stale = states.some(function (row) { return row.state.key && row.state.key !== core.coreCursor; });
-    if (stale) {
-      foot.append(button(t("history.stale"), { icon: "refresh", variant: "ghost", onClick: function () { show(true); } }));
-    }
-    if (states.some(function (row) { return row.state.nextCursor; })) {
-      const more = button(t("history.more"), { icon: "chevron", variant: "ghost" });
-      more.addEventListener("click", function () {
-        more.disabled = true;
-        Promise.all(states.filter(function (row) { return row.state.nextCursor; }).map(function (row) {
-          return loadFamily(view, task.id, row.family.store, row.state.key, ctx, { more: true, limit: 40 });
-        })).then(refresh);
-      });
-      foot.append(more);
-    }
-  }
-
-  function timelineItem(family, item) {
-    const fields = summaryFields(item.summary);
-    const entry = known[item.ref.store + "/" + item.ref.refId];
-    const value = entry && entry.ref.digest === item.ref.digest ? entry.value : null;
-    const element = h("li.timeline-item.kind-" + family.kind);
-    element.append(h("span.timeline-mark", { "aria-hidden": "true" }, icon(family.icon, "icon-sm")));
-    const body = h("div.timeline-body");
-    let title;
-    if (family.kind === "run") title = [item.roleName || t("store.run"), item.purpose ? label(t, "run.purpose", item.purpose) : null].filter(Boolean).join(" · ");
-    else if (family.kind === "question") title = fields.question || fields.title || item.ref.refId;
-    else title = fields.title || item.ref.refId;
-    const status = family.kind === "decision" ? statusBadge(t, "decision", "decision", item.status)
-      : family.kind === "run" ? statusBadge(t, "run", "run", item.status)
-        : family.kind === "question" ? statusBadge(t, "input", "inputStatus", item.status) : null;
-    const head = h("div.timeline-summary", null, h("header.timeline-head", null, h("strong.timeline-title", null, title),
-      family.kind === "run" ? mono(item.ref.refId) : null,
-      item.workItemId ? chip(item.workItemId) : null,
-      item.history === "retired" ? chip(t("history.retired")) : null,
-      item.status ? status : null, h("span.spacer"), timeTag(item.createdAt, locale, t)));
-    const preview = value && family.kind === "decision" ? value.rationale : fields.summary !== title ? fields.summary : null;
-    if (preview) head.append(h("p.small.muted.timeline-preview", null, preview));
-    // The row opens in place; its exact record is read on first open.
-    body.append(lazyRow(item, task.id, t, ctx, { cache: view.exact, openRows: view.openRows, head: head, render: function (exact, result) {
-      if (family.kind === "run") return h("div.stack", null, runBody({ ...exact, execution: result && result.execution }, t, locale));
-      if (family.kind === "decision") return h("div.stack", null,
-        exact.rationale ? richText(t("record.rationale"), exact.rationale, t, { muted: true }) : null,
-        exact.supersededReason ? richText(t("history.superseded"), exact.supersededReason, t, { muted: true }) : null);
-      if (family.kind === "milestone") return h("div.stack", null, exact.summary ? richText(null, exact.summary, t) : null);
-      if (family.kind === "question") {
-        const answer = exact.resolution && exact.resolution.answer;
-        return h("div.stack", null, exact.question ? richText(null, exact.question, t) : null,
-          answer ? richText(t("history.answer") + " · " + label(t, "answeredBy", exact.resolution.answeredBy),
-            answer.text || answer.choiceKey, t, { muted: true }) : null,
-          exact.cancellation ? note(exact.cancellation.reason) : null);
-      }
-      return null;
-    } }));
-    element.append(body);
-    return element;
-  }
-
-  // Reads redraw whichever Records panel is current.
-  function refresh() {
-    const current = view.panels.records;
-    if (current && current.isConnected) current.redraw();
-  }
-  function loadFull(family, key) {
-    return loadFamily(view, task.id, family.store, key, ctx, { limit: 40 }).then(function (state) {
-      if (!family.ascending || !state.nextCursor || state.pages >= FULL_PAGES || state.error) return state;
-      return loadFamily(view, task.id, family.store, key, ctx, { more: true, limit: 40 }).then(function () { return loadFull(family, key); });
-    });
-  }
-  // A stale first page re-reads silently; once the user paged further, the
-  // read waits for an explicit refresh so their position is kept.
-  function show(force) {
-    const key = core.coreCursor;
-    TIMELINE.forEach(function (family) {
-      const state = familyState(view, family.store);
-      if (state.pending || state.key === key || (!force && state.errorKey === key)) return;
-      if (!force && state.key && !family.ascending && state.pages > 1) return;
-      loadFull(family, key).then(refresh);
-    });
-    refresh();
-  }
-  panel.redraw = draw;
-  panel.onShow = function () { show(false); };
-  draw();
-  panel.append(history);
-
-  // --- Task information --------------------------------------------------------
-  const facts = card({ id: "detail-facts", title: t("details.facts"), icon: "info" });
-  facts.body.append(kv([
-    [t("details.id"), mono(task.id)],
-    [t("details.status"), statusBadge(t, "task", "status", task.status)],
-    [t("details.priority"), task.priority ? label(t, "priority", task.priority) : null],
-    [t("details.tags"), (task.tags || []).length ? h("span.chip-row", null, task.tags.map(function (tag) { return chip(tag); })) : null],
-    [t("details.projects"), (task.projectBindings || []).length ? h("span.chip-row", null, task.projectBindings.map(function (b) { return chip(b.projectId); })) : null],
-    [t("details.created"), formatDateTime(task.createdAt, locale)],
-    [t("details.updated"), formatDateTime(task.updatedAt, locale)],
-    [t("details.workspace"), task.cwd ? mono(task.cwd) : null]
-  ]));
-  facts.body.append(h("div.prose-block", null, h("h4.prose-label", null, t("details.title")), titleForm(task, t, ctx)));
-  panel.append(facts);
-
-  // --- Advanced -------------------------------------------------------------------
-  const advanced = disclosure(t("advanced.title"), "advanced", { className: "card-disclosure", meta: t("advanced.meta") });
-  advanced.id = "detail-advanced";
-  advanced.body.append(h("h4.sub-head", null, t("details.context")), h("pre.code-block", null, JSON.stringify({
-    coreCursor: core.coreCursor, throughCursor: core.throughCursor, count: core.count, collections: core.collections, omitted: core.omitted
-  }, null, 2)), note(t("details.contextHelp")));
-  const panels = h("div.stack");
-  advanced.body.append(h("h4.sub-head", null, t("panels.title")), panels);
-  let loading = false;
-  let loadedPanels = false;
-  advanced.addEventListener("toggle", async function () {
-    if (!advanced.open || loading || loadedPanels) return;
-    loading = true;
-    clear(panels);
-    panels.append(h("p.faint", null, t("panels.reading")));
-    try {
-      const current = await ctx.panels(task.id);
-      clear(panels);
-      panels.append(h("p.faint.small", null, t("panels.observed") + " " + formatDateTime(current.observedAt, locale)));
-      if (!current.panels.length) panels.append(emptyState(t("panels.none")));
-      current.panels.forEach(function (item) { panels.append(panelCard(item, task, t, ctx)); });
-      loadedPanels = true;
-    } catch (error) {
-      clear(panels);
-      panels.append(note(t("panels.unavailable") + " " + error.message, "bad"));
-    } finally { loading = false; }
-  });
-  panel.append(advanced);
-}
-
-function panelCard(item, task, t, ctx) {
-  const panel = item.panel;
-  const element = h("article.record", null,
-    h("header.record-head", null, h("strong", null, panel.title), h("span.spacer"), h("span.faint.small", null, item.capability + " · " + item.provider.id)));
-  if (item.unavailable) { element.append(note(item.unavailable, "warn")); return element; }
-  if (panel.kind === "text") element.append(h("p.small", null, panel.text));
-  else if (panel.kind === "link") {
-    try {
-      const url = new URL(panel.href);
-      if (["http:", "https:"].includes(url.protocol) && !url.username && !url.password) {
-        element.append(h("a.link", { href: url.href, rel: "noopener noreferrer", target: "_blank" }, panel.title));
-      }
-    } catch {}
-  } else if (panel.kind === "data" && panel.renderer === "json") {
-    const input = h("textarea.mono", { rows: 3 });
-    input.value = JSON.stringify({ taskId: task.id });
-    const schema = disclosure(t("panels.schema"), null);
-    schema.body.append(h("pre.code-block", null, JSON.stringify(item.inputSchema, null, 2)));
-    const output = h("pre.code-block");
-    output.hidden = true;
-    const read = button(t("panels.read"), { icon: "eye", variant: "ghost" });
-    read.addEventListener("click", async function () {
-      if (read.disabled) return;
-      read.disabled = true;
-      output.hidden = false;
-      try {
-        const result = await ctx.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 = t("panels.unavailable") + " " + error.message; }
-      finally { read.disabled = false; }
-    });
-    element.append(h("label.field", null, h("span", null, t("panels.input")), input), schema, h("div.form-actions", null, read), output);
-  }
-  return element;
-}
-`;