@nanocollective/roster 0.1.0-alpha.50 → 0.1.0-alpha.52

package/docs/portal.md

@@ -80,6 +80,8 @@ goes away; the repo picker lives on under [Org](#org).
 
 ## Home
 
+![Home: latest reports, what needs you, and the Ask box](images/home.jpg)
+
 Where the portal opens. An Ask box at the top, then these, in order.
 
 - **Ask.** Pick a staff member, type what you want, **Send**. It opens an issue on their
@@ -427,11 +429,15 @@ half complaints answered neither well.
 
 ### Getting help changing it
 
-**Copy a brief for changing this** asks what you want changed, in a box big enough to say it
-in, and copies the same thing: a
-self-contained prompt carrying the composed text, every layer with its path and blast radius,
-and what may and may not be edited. `roster brief amend <handle> --want "…"` prints the same
-from the terminal.
+**Change this with your AI** opens a side sheet in three steps:
+1. What you want changed, in a box big enough to say it in.
+2. **Copy the prompt**: a self-contained brief carrying the composed text, every layer with its
+   path and blast radius, and what may and may not be edited. It only copies. The prompt as it
+   composes today is under it, to read first.
+3. Paste your AI's reply. It hands back whole files, which are checked against the layers this
+   prompt is made of and shown as diffs, each with Save. Nothing is written until you press it.
+
+`roster brief amend <handle> --want "…"` prints the same brief from the terminal.
 
 It carries the state rather than asking for it, because working out which of eight files to
 open is the difficulty being solved. A brief that says "read your layers first" has handed
@@ -550,11 +556,9 @@ worse than no linter. A finding true of more than one prompt is one row, and it
 | it names a file that is not there | an instruction to read something absent is a quiet no-op inside a run nobody watches |
 | an included layer is empty | it contributes nothing and costs a line of includes |
 
-**Every finding carries the fix.** "Copy a prompt to fix this" builds a brief containing the
-finding, the composed prompt, and every layer, and puts it on your clipboard. Paste it into
-whatever agent you use. Knowing there is a problem is the hard part; writing the paragraph is
-not. The box comes pre-filled with what the finding worked out, so you can add to it rather
-than retype it. "Open the file" takes you to that layer on the Prompt screen.
+**Every finding carries the fix.** "Fix this with your AI" opens the same sheet as the Prompt
+screen's, with the finding at the top and the box pre-filled with what it worked out, so you
+can add to it rather than retype it. Copy the prompt, paste the reply back, save the diff. "Open the file" takes you to that layer on the Prompt screen.
 
 **Memory problems** are the same checks `roster lint` runs. Each one has a button that opens an
 issue in that staff member's own repo asking them to fix it, which is usually right, because

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanocollective/roster",
-  "version": "0.1.0-alpha.50",
+  "version": "0.1.0-alpha.52",
   "description": "An agent-run org, powered by GitHub. Scaffold AI staff members whose brain is a repo.",
   "type": "module",
   "bin": {

package/templates/brain/.github/workflows/%%STAFF%%-mention.yaml

@@ -11,9 +11,19 @@ name: %%STAFF_UPPER%% on a mention
 
 # What the run is and what started it, as the Actions list shows it. The portal reads this back
 # to link a live run to the request behind it, and the daily limit counts peer runs by it.
+# Most events here are nobody asking (a comment without the mention, this staff member's own
+# reply), and those are named `ignored`, so nothing reads one as work while it waits to be
+# skipped.
 run-name: >-
-  %%STAFF%% ${{ contains(fromJSON('%%HUMAN_LOGINS%%'), github.event.sender.login) && 'mention' || 'peer' }}
-  #${{ github.event.issue.number }}
+  %%STAFF%% ${{
+    (contains(fromJSON('%%HUMAN_LOGINS%%'), github.event.sender.login) &&
+      (contains(github.event.comment.body, '%%MENTION%%') ||
+       (github.event_name == 'issues' && contains(github.event.issue.body, '%%MENTION%%'))))
+    && 'mention'
+    || ((github.event_name == 'issues' && github.event.action == 'opened' &&
+         endsWith(github.event.sender.login, '[bot]') &&
+         github.event.sender.login != '%%APP%%[bot]') && 'peer' || 'ignored')
+  }} #${{ github.event.issue.number }}
 
 on:
   # A mention in the body of a brand new issue, which is often the faster route: one box, rather
@@ -29,12 +39,6 @@ on:
   issue_comment:
     types: [created, edited]
 
-# Per issue, not global. Several comments in a row are the normal case and a shared group would
-# silently drop all but one of them.
-concurrency:
-  group: %%STAFF%%-mention-${{ github.event.issue.number }}
-  cancel-in-progress: false
-
 jobs:
   answer:
     # Only a human this org answers to, only on a real mention. A bot quoting the phrase must
@@ -58,6 +62,14 @@ jobs:
     # accounts that can open an issue on a private tracker are the people and Apps it is
     # installed for. A peer run may not file on another peer, and session.yaml holds peer runs
     # to the day's limit, so two staff cannot wake each other forever.
+    # Per issue, not global: several comments in a row are the normal case, and a shared group
+    # would silently drop all but one of them. On the job rather than the workflow, so the
+    # condition below is decided first. At workflow level every event queued here, including
+    # this staff member's own replies, and GitHub keeps one waiting run per group, so a reply
+    # waiting to be skipped could knock out a real mention waiting behind a run.
+    concurrency:
+      group: %%STAFF%%-mention-${{ github.event.issue.number }}
+      cancel-in-progress: false
     if: >-
       (
         contains(fromJSON('%%HUMAN_LOGINS%%'), github.event.sender.login) &&

package/templates/briefs/amend.md

@@ -44,7 +44,8 @@ If what is wanted needs one of these, say so and stop. Do not work around it.
 
 1. **Say which file, and why that one.** Prefer the narrowest file that achieves it. If the
    change is about %%NAME%% specifically, it does not belong in `org/`.
-2. **Show a diff, not a rewritten file.** %%HUMAN%% has to be able to see exactly what moved.
+2. **Hand back the whole file you changed**, in the block described at the end. The tool
+   %%HUMAN%% pastes your answer into shows them the diff, so they see exactly what moved.
 3. **Do not restate.** Every layer is already in the composed text below. A rule added to
    `org/voice.md` that `org/operating.md` already states makes the prompt longer and no
    clearer.
@@ -56,5 +57,5 @@ If what is wanted needs one of these, say so and stop. Do not work around it.
 
 ## Then
 
-Give %%HUMAN%% the diff, the one-line reason for the file you chose, and what you cut. They
-apply it: in the portal's Prompt screen, or by editing the file and committing it.
+Outside the block: the one-line reason for the file you chose, and what you cut. Inside it:
+the whole changed file. Nothing is saved until %%HUMAN%% has seen the diff and pressed Save.

package/templates/portal/css/health.css

@@ -23,6 +23,11 @@
 .hsect i{margin-left:auto;font:11.5px var(--mono);font-style:normal;letter-spacing:0;
       text-transform:none;color:var(--ink-faint)}
 .hbody{padding-top:2px}
+/* Findings sit in a card, as Home's lists do: the marker carries the colour, the words stay
+   readable. The row's warn or fail class used to colour the whole sentence amber. */
+.hlist{padding:2px 16px;margin:12px 0 0}
+.hlist .check{color:var(--ink)}
+.hlist .check b{color:var(--ink)}
 /* What the section is, in one line, before any of its findings. */
 .hnote{margin:10px 0 0;font:12.5px/1.55 var(--sans);color:var(--ink-faint)}
 .hacts{margin-top:12px}
@@ -60,3 +65,11 @@
 .ffield label{display:block;font:600 11px var(--sans);letter-spacing:.05em;
       text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}
 .ffield small{display:block;margin-top:3px;font:11px var(--sans);color:var(--ink-faint)}
+
+/* ---------- fixing a prompt with your own AI (amendSheet in prompt.js) ---------- */
+.amend .sheettitle{padding-right:44px}
+.amendlabel{display:block;font:600 13px var(--sans);color:var(--ink);margin:20px 0 8px}
+.amend .pastebox{width:100%;box-sizing:border-box}
+.amendtoday{margin-top:14px;font-size:12.5px;color:var(--ink-dim)}
+.amendtoday summary{cursor:pointer}
+.amendtoday pre{max-height:45vh;overflow:auto;margin-top:8px}

package/templates/portal/css/home.css

@@ -1,6 +1,8 @@
 /* Home: what needs you, who is working, your requests, closed today. */
 
-.home{max-width:820px}
+.home{max-width:820px;margin-top:22px}
+/* The placeholder lines up with the title, as the cards that replace it do. */
+.home > .sk-row{padding-left:0;padding-right:0}
 /* Secondary text on Home is read, not scanned for numbers: the readable face and colour, not
    the faint monospace the rest of the portal uses for metadata. */
 .home .meta{font:12.5px/1.5 var(--sans);color:var(--ink-dim)}
@@ -64,10 +66,11 @@
 .homecard.gone,.homeline.gone{opacity:0;transform:translateX(12px);
          transition:opacity .2s var(--ease),transform .2s var(--ease)}
 
-/* Activity you have not seen, as Trackers marks it: a blue edge and a bold title. Opening the
-   thread marks it read, here and on GitHub. */
+/* Activity you have not seen: a blue dot and a bold title, and on a card in Needs you a blue
+   edge that follows its corners. A row inside a list card carries no edge, since a bar drawn to
+   the card's side squares off its rounded corners. Opening the thread marks it read, here and on
+   GitHub. */
 .homecard.unread{box-shadow:inset 3px 0 0 var(--blue)}
-.homeline.unread{box-shadow:inset 3px 0 0 var(--blue);margin:0 -16px;padding-left:13px;padding-right:16px}
 .unread .homeopen,.unread .homerowtitle{font-weight:700}
 .unread .homeopen::before,.unread .homerowtitle::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
          background:var(--blue);margin:0 7px 1px 0;vertical-align:middle}

package/templates/portal/css/setup.css

@@ -41,8 +41,9 @@
 .btn:active{opacity:.8}
 /* The full accent, not the dim one. Dim on the page background is pale-green-on-white with
    near-white text: the button that does the main thing on the screen read as disabled. */
-.btn.primary{background:var(--accent-fill);border-color:transparent;color:var(--accent-ink);font-weight:600}
-.btn.primary:hover{background:var(--accent-fill);opacity:.88}
+/* The same green as every other primary button, so a screen never shows two. */
+.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600}
+.btn.primary:hover{background:var(--accent);opacity:.88}
 .btn[disabled]{opacity:.45;cursor:default}
 
 .cmd{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;

package/templates/portal/js/views/health.js

@@ -7,7 +7,7 @@ import { inline } from "../md.js";
 import { render } from "../router.js";
 import { S, staff } from "../state.js";
 import { checklist } from "./checklist.js";
-import { copyAmendBrief } from "./prompt.js";
+import { amendSheet } from "./prompt.js";
 import { runOnce } from "./runonce.js";
 
 const DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
@@ -141,6 +141,8 @@ function memoryProblems({ body, actions, say }, s) {
   );
   if (!s.problems.length) return;
 
+  const list = el("div", { className: "card hlist" });
+  body.append(list);
   for (const p of s.problems) {
     const { row, body: text } = finding(
       p.level === "error" ? "error" : "warning",
@@ -158,7 +160,7 @@ function memoryProblems({ body, actions, say }, s) {
     }
     acts.append(status);
     text.append(acts);
-    body.append(row);
+    list.append(row);
   }
 
   /* The portal's one power over an agent is that it acts as the human, so "fix this" is an
@@ -235,13 +237,16 @@ async function promptProblems({ body, say }, s) {
   /* Worst first, and each one carrying the sentence that fixes it. Knowing there is a problem
      is the hard part; writing the paragraph that asks for the change is not. */
   const rank = { error: 0, warning: 1, note: 2 };
+  const list = el("div", { className: "card hlist" });
+  body.append(list);
   for (const p of [...problems].sort((a, b) => (rank[a.level] ?? 3) - (rank[b.level] ?? 3))) {
     const { row, body: text } = finding(p.level, { text: p.title }, [(p.kinds ?? []).join(", ")]);
     text.append(el("p", { textContent: p.detail }));
 
     const note = el("span", { className: "meta" });
-    const fix = el("button", { className: "ghbtn", textContent: "Copy a prompt to fix this" });
-    fix.onclick = () => copyAmendBrief(s.handle, p.kind, p.want, fix, note);
+    const fix = el("button", { className: "ghbtn", textContent: "Fix this with your AI" });
+    fix.onclick = () =>
+      amendSheet({ handle: s.handle, name: s.name, kind: p.kind, want: p.want, title: p.title, detail: p.detail });
     const actions = el("div", { className: "row facts" }, [fix]);
     if (p.path) {
       const go = el("button", { className: "ghbtn", textContent: "Open the file" });
@@ -256,7 +261,7 @@ async function promptProblems({ body, say }, s) {
     }
     actions.append(note);
     text.append(actions);
-    body.append(row);
+    list.append(row);
   }
 }
 

package/templates/portal/js/views/paste.js

@@ -120,89 +120,97 @@ export function paste(opts) {
       result.replaceChildren(el("p", { className: "err", textContent: String(err.message || err) }));
       return;
     }
-    result.replaceChildren();
-
-    /* Problems first, each with the sentence that gets a better answer. A model that replied in
-       prose is the common case and it is not the person's mistake, so it reads as a next step
-       rather than as an error. */
-    for (const p of data.problems ?? []) {
-      const note = el("div", { className: "problem" });
-      note.append(el("b", { textContent: p.message }));
-      if (p.retry) {
-        const retry = el("pre", { className: "cmd", textContent: p.retry });
-        const again = el("button", { className: "btn", textContent: "Copy this reply" });
-        again.onclick = () => toClipboard(p.retry, again, "Copied");
-        note.append(retry, again);
-      }
-      result.append(note);
-    }
-
-    // What the AI said around the file: its caveats and "check these" are worth reading first.
-    const notes = String(answer.value ?? "")
-      .replace(/<<<ROSTER FILE [^>]+>>>[\s\S]*?<<<ROSTER END>>>/g, "")
-      .trim();
-
-    for (const file of data.files ?? []) {
-      const card = el("div", { className: "pastefile" });
-      const name = file.path.split("/").slice(-2).join("/");
-      if (file.unchanged) {
-        card.append(el("p", { className: "verdict", textContent: "✓ Same as what's already in " + name + ". Nothing to save." }));
-        result.append(card);
-        continue;
-      }
-      card.append(
-        el("p", {
-          className: "verdict" + (file.writable ? " ok" : " bad"),
-          textContent: file.writable
-            ? "✓ Looks good. Saving replaces " + name + " with this:"
-            : "✗ " + file.path + " can't be written from here.",
-        }),
-      );
-      card.append(el("div", { className: "md doc pastepreview", innerHTML: mdlite(file.text) }));
-
-      if (notes) {
-        const said = el("details", { className: "pastenotes", open: true });
-        said.append(el("summary", { textContent: "Your AI also said" }), el("div", { className: "md doc", innerHTML: mdlite(notes) }));
-        card.append(said);
-      }
+    showPasteResult(result, data, answer.value, opts.onSaved);
+  };
 
-      const diff = el("pre", { className: "diff", hidden: true });
-      diff.textContent = unifiedDiff(file.before, file.text, file.path);
-      const stat = diffStat(file.before, file.text);
-      const toggle = el("button", { className: "ghbtn", textContent: `Show changes (+${stat.added} −${stat.removed})` });
-      toggle.onclick = () => {
-        diff.hidden = !diff.hidden;
-        toggle.textContent = (diff.hidden ? "Show changes" : "Hide changes") + ` (+${stat.added} −${stat.removed})`;
-      };
+  return box;
+}
 
-      const row = el("div", { className: "row" });
-      if (file.writable) {
-        const save = el("button", { className: "btn primary", textContent: "Save" });
-        save.onclick = async () => {
-          save.disabled = true;
-          save.textContent = "Saving…";
-          try {
-            await saveFile(file.path, file.text, `portal: write ${file.path}`);
-            save.textContent = "Saved";
-            card.classList.add("saved");
-            opts.onSaved?.();
-          } catch (err) {
-            save.disabled = false;
-            save.textContent = "Save";
-            card.append(el("p", { className: "err", textContent: String(err.message || err) }));
-          }
-        };
-        row.append(save);
-      }
-      row.append(toggle);
-      card.append(row, diff);
+/**
+ * What a pasted reply turned into: problems first, then each file with its diff and a Save.
+ * Shared by every copy-a-prompt, paste-the-answer loop, whichever endpoint parsed it.
+ */
+export function showPasteResult(result, data, answerText, onSaved) {
+  result.replaceChildren();
+
+  /* Problems first, each with the sentence that gets a better answer. A model that replied in
+     prose is the common case and it is not the person's mistake, so it reads as a next step
+     rather than as an error. */
+  for (const p of data.problems ?? []) {
+    const note = el("div", { className: "problem" });
+    note.append(el("b", { textContent: p.message }));
+    if (p.retry) {
+      const retry = el("pre", { className: "cmd", textContent: p.retry });
+      const again = el("button", { className: "btn", textContent: "Copy this reply" });
+      again.onclick = () => toClipboard(p.retry, again, "Copied");
+      note.append(retry, again);
+    }
+    result.append(note);
+  }
+
+  // What the AI said around the file: its caveats and "check these" are worth reading first.
+  const notes = String(answerText ?? "")
+    .replace(/<<<ROSTER FILE [^>]+>>>[\s\S]*?<<<ROSTER END>>>/g, "")
+    .trim();
+
+  for (const file of data.files ?? []) {
+    const card = el("div", { className: "pastefile" });
+    const name = file.path.split("/").slice(-2).join("/");
+    if (file.unchanged) {
+      card.append(el("p", { className: "verdict", textContent: "✓ Same as what's already in " + name + ". Nothing to save." }));
       result.append(card);
+      continue;
     }
-
-    if (!(data.problems ?? []).length && !(data.files ?? []).length) {
-      result.append(el("p", { className: "verdict bad", textContent: "✗ No file found in that reply." }));
+    card.append(
+      el("p", {
+        className: "verdict" + (file.writable ? " ok" : " bad"),
+        textContent: file.writable
+          ? "✓ Looks good. Saving replaces " + name + " with this:"
+          : "✗ " + file.path + " can't be written from here.",
+      }),
+    );
+    card.append(el("div", { className: "md doc pastepreview", innerHTML: mdlite(file.text) }));
+
+    if (notes) {
+      const said = el("details", { className: "pastenotes", open: true });
+      said.append(el("summary", { textContent: "Your AI also said" }), el("div", { className: "md doc", innerHTML: mdlite(notes) }));
+      card.append(said);
     }
-  };
 
-  return box;
+    const diff = el("pre", { className: "diff", hidden: true });
+    diff.textContent = unifiedDiff(file.before, file.text, file.path);
+    const stat = diffStat(file.before, file.text);
+    const toggle = el("button", { className: "ghbtn", textContent: `Show changes (+${stat.added} −${stat.removed})` });
+    toggle.onclick = () => {
+      diff.hidden = !diff.hidden;
+      toggle.textContent = (diff.hidden ? "Show changes" : "Hide changes") + ` (+${stat.added} −${stat.removed})`;
+    };
+
+    const row = el("div", { className: "row" });
+    if (file.writable) {
+      const save = el("button", { className: "btn primary", textContent: "Save" });
+      save.onclick = async () => {
+        save.disabled = true;
+        save.textContent = "Saving…";
+        try {
+          await saveFile(file.path, file.text, `portal: write ${file.path}`);
+          save.textContent = "Saved";
+          card.classList.add("saved");
+          onSaved?.();
+        } catch (err) {
+          save.disabled = false;
+          save.textContent = "Save";
+          card.append(el("p", { className: "err", textContent: String(err.message || err) }));
+        }
+      };
+      row.append(save);
+    }
+    row.append(toggle);
+    card.append(row, diff);
+    result.append(card);
+  }
+
+  if (!(data.problems ?? []).length && !(data.files ?? []).length) {
+    result.append(el("p", { className: "verdict bad", textContent: "✗ No file found in that reply." }));
+  }
 }

package/templates/portal/js/views/prompt.js

@@ -11,7 +11,7 @@
 
 import { highlighted } from "../mdedit.js";
 import { getFile, post } from "../api.js";
-import { askText, askYes } from "../dialog.js";
+import { askYes, sheet } from "../dialog.js";
 import { el, esc, grow, kb, toClipboard } from "../dom.js";
 import { icon } from "../icons.js";
 import { mdlite } from "../md.js";
@@ -19,6 +19,7 @@ import { render } from "../router.js";
 import { S, staff, writeHash } from "../state.js";
 import { diffStat, unifiedDiff } from "../textdiff.js";
 import { renderDiff } from "./changed.js";
+import { showPasteResult } from "./paste.js";
 
 const KINDS = [
   ["daily", "Daily", "the scheduled run"],
@@ -26,48 +27,98 @@ const KINDS = [
 ];
 
 /**
- * Build the paste-ready brief on the server, where compose.mjs lives, and copy it.
+ * Fix a prompt with your own AI, in a side sheet: what is wrong, what you want changed, the
+ * prompt as it is today, a brief to copy, and a box for the reply. The reply is parsed into
+ * whole files and shown as diffs; nothing is saved until you press Save on one.
  *
- * A finding pre-fills the box rather than skipping it: what it wrote is a starting point, and
- * "and keep it in operating.md" is exactly the sort of thing you want to add.
- *
- * Exported because the findings themselves live on Health now, and the fix for one of them is
- * the same brief whichever screen you asked from.
+ * @param {{handle: string, name?: string, kind: string, want?: string, title?: string,
+ *   detail?: string}} o
+ * @returns {{box: object | null, body: HTMLElement, want: HTMLTextAreaElement}} what it built,
+ *   so a caller (or a test, where there is no <dialog>) can see it.
  */
-export async function copyAmendBrief(handle, kind, want, btn, note) {
-  const label = btn.textContent;
-  const asked = await askText({
-    title: "What do you want changed?",
-    hint:
-      "This goes at the top of a brief carrying the whole prompt and every file it is " +
-      "made of. Say it the way you would say it to a person.",
-    value: want,
+export function amendSheet(o) {
+  const body = el("div", { className: "amend" });
+  const x = el("button", { className: "iconbtn", title: "Close (Esc)", ariaLabel: "Close" });
+  x.append(icon("close"));
+  body.append(el("div", { className: "sidebar-x" }, [x]));
+
+  body.append(el("h3", { className: "sheettitle", textContent: o.title ?? "Change what they are told" }));
+  if (o.detail) body.append(el("p", { className: "sub", textContent: o.detail }));
+
+  const want = el("textarea", {
+    className: "pastebox",
+    rows: 3,
+    value: o.want ?? "",
     placeholder: "stop opening decision issues for anything reversible",
-    confirm: "Copy the brief",
   });
-  if (!asked) return;
-  btn.disabled = true;
-  btn.textContent = "building…";
-  try {
-    const url =
-      "/api/amend?staff=" + encodeURIComponent(handle) +
-      "&kind=" + encodeURIComponent(kind) +
-      "&want=" + encodeURIComponent(asked);
-    const text = await (await fetch(url, { cache: "no-store" })).text();
-    btn.disabled = false;
-    toClipboard(text, btn, label);
-    if (note) {
-      note.textContent = "paste it into whatever agent you use";
-      note.className = "meta";
+  body.append(el("label", { className: "amendlabel", textContent: "1. What you want changed" }), want);
+
+  const copy = el("button", { className: "btn primary", textContent: "Copy the prompt" });
+  const copied = el("span", { className: "meta" });
+  copy.onclick = async () => {
+    copy.disabled = true;
+    try {
+      const url =
+        "/api/amend?staff=" + encodeURIComponent(o.handle) +
+        "&kind=" + encodeURIComponent(o.kind) +
+        "&want=" + encodeURIComponent(want.value);
+      const text = await (await fetch(url, { cache: "no-store" })).text();
+      await toClipboard(text, copy, "Copy the prompt");
+      copied.textContent = "Paste it into Claude, ChatGPT or any other AI.";
+      copied.className = "meta";
+    } catch (e) {
+      copied.textContent = String(e.message || e);
+      copied.className = "meta err";
+    } finally {
+      copy.disabled = false;
     }
-  } catch (e) {
-    btn.disabled = false;
-    btn.textContent = label;
-    if (note) {
-      note.textContent = e.message;
-      note.className = "meta err";
+  };
+  body.append(
+    el("label", { className: "amendlabel", textContent: "2. Copy the prompt into your AI" }),
+    el("div", { className: "row" }, [copy, copied]),
+  );
+
+  // The prompt this is about, to read before deciding what to ask for.
+  const today = el("details", { className: "amendtoday" });
+  const summary = el("summary", { textContent: "The " + o.kind + " prompt as it is today" });
+  const text = el("pre", { className: "briefpreview", textContent: "Composing…" });
+  today.append(summary, text);
+  body.append(today);
+  fetch("/api/prompt?staff=" + encodeURIComponent(o.handle) + "&kind=" + encodeURIComponent(o.kind), { cache: "no-store" })
+    .then((r) => r.json())
+    .then((v) => {
+      if (v.error) throw new Error(v.error);
+      const words = String(v.composed ?? "").split(/\s+/).filter(Boolean).length;
+      summary.textContent = "The " + o.kind + " prompt as it is today · " + words.toLocaleString() + " words";
+      text.textContent = v.composed ?? "";
+    })
+    .catch((e) => {
+      text.textContent = String(e.message || e);
+    });
+
+  const answer = el("textarea", { className: "pastebox", rows: 8, placeholder: "Paste its whole reply here." });
+  const check = el("button", { className: "btn", textContent: "Check the answer" });
+  const result = el("div", { className: "pasteresult" });
+  check.onclick = async () => {
+    if (!answer.value.trim()) return;
+    result.replaceChildren(el("p", { className: "sub", textContent: "Reading…" }));
+    try {
+      const data = await post({ staff: o.handle, kind: o.kind, answer: answer.value }, "/api/amend/check");
+      showPasteResult(result, data, answer.value, () => {});
+    } catch (e) {
+      result.replaceChildren(el("p", { className: "err", textContent: String(e.message || e) }));
     }
-  }
+  };
+  body.append(
+    el("label", { className: "amendlabel", textContent: "3. Paste its reply" }),
+    answer,
+    el("div", { className: "row" }, [check]),
+    result,
+  );
+
+  const box = sheet({ node: body, side: true });
+  if (box) x.onclick = () => box.close();
+  return { box, body, want };
 }
 
 export function viewPrompt(m) {
@@ -91,7 +142,7 @@ export function viewPrompt(m) {
   };
   /* The point of the screen: you can see the prompt, and you can get help changing it
      without first working out which of eight files to open. */
-  const help = el("button", { className: "ghbtn primary", textContent: "Copy a brief for changing this" });
+  const help = el("button", { className: "ghbtn primary", textContent: "Change this with your AI" });
   help.onclick = () => copyAmend("");
   const copy = el("button", { className: "ghbtn", textContent: "Copy the prompt" });
   copy.onclick = () => {
@@ -100,7 +151,7 @@ export function viewPrompt(m) {
   const note = el("span", { className: "meta" });
   m.append(el("div", { className: "row", style: "margin-bottom:16px" }, [kind, help, copy, note]));
 
-  const copyAmend = (want, btn) => copyAmendBrief(s.handle, S.promptKind, want, btn ?? help, note);
+  const copyAmend = (want) => amendSheet({ handle: s.handle, name: s.name, kind: S.promptKind, want });
 
   const split = el("div", { className: "split" });
   const tree = el("div", { className: "tree" });