@nanocollective/roster 0.1.0-alpha.15 → 0.1.0-alpha.16

package/package.json

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

package/templates/portal/css/markdown.css

@@ -75,3 +75,22 @@ pre.yaml{color:var(--ink)}
 .md img{display:block;max-width:100%;height:auto;margin:14px 0;
         border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
 .md img+em,.md p>img+em{display:block}
+
+/* ---------- highlighted editors (mdedit.js) ---------- */
+
+.hled{position:relative}
+.hled .hlback{position:absolute;inset:0;margin:0;pointer-events:none;overflow:hidden;
+      white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;color:var(--ink);
+      border-color:transparent !important;background:transparent !important}
+.hled .hlfront{position:relative;color:transparent;background:transparent;caret-color:var(--ink);
+      -webkit-text-fill-color:transparent}
+.hled .hlfront::selection{background:var(--accent-soft)}
+.mdh{color:var(--ruled);font-weight:700}
+.mdb{font-weight:700}
+.mdi{font-style:italic}
+.mdc,.mdcode,.mdfence{color:var(--derived)}
+.mdq{color:var(--ink-dim);font-style:italic}
+.mdl{color:var(--accent)}
+.mdk{color:var(--accent)}
+.mdu{color:var(--ink-faint)}
+.mdt{color:var(--ruled)}

package/templates/portal/js/mdedit.js

@@ -0,0 +1,84 @@
+/* Colour behind a textarea, for the files people edit here.
+ *
+ * The textarea stays the thing you type into, so undo, selection, spellcheck and ⌘S all work
+ * as they always did. Its text is made transparent and a <pre> with the same box sits behind
+ * it, redrawn on every keystroke. The editors grow to fit rather than scroll, which is what
+ * keeps the two lined up without syncing a scroll position.
+ *
+ * Markdown here is a per-line tokeniser, like yaml.js: enough to read by, and anything it does
+ * not recognise is plain text rather than an error.
+ */
+
+import { el, esc } from "./dom.js";
+import { yamlHTML } from "./yaml.js";
+
+/**
+ * Wrap a textarea so its contents are highlighted. Returns the wrapper, which is what goes on
+ * the page in place of the textarea.
+ * @param {"md"|"yaml"} lang
+ */
+export function highlighted(ta, lang = "md") {
+  const wrap = el("div", { className: "hled" });
+  const back = el("pre", { className: "hlback" });
+  back.setAttribute?.("aria-hidden", "true");
+  ta.classList?.add("hlfront");
+  wrap.append(back, ta);
+  /* The colours only line up if both boxes set text identically, and the textarea's box comes
+     from whichever class it already had, so it is read rather than restated in CSS. */
+  const match = () => {
+    if (typeof getComputedStyle !== "function" || !ta.isConnected) return;
+    const cs = getComputedStyle(ta);
+    for (const k of ["font", "lineHeight", "letterSpacing", "tabSize", "padding", "borderWidth", "borderStyle", "borderRadius"]) {
+      back.style[k] = cs[k];
+    }
+  };
+  const paint = () => {
+    match();
+    // A trailing newline in a textarea is a line; in a <pre> it is not, without something after it.
+    back.innerHTML = (lang === "yaml" ? yamlHTML(ta.value) : markdownHTML(ta.value)) + "\n ";
+  };
+  ta.addEventListener("input", paint);
+  paint();
+  // Setting .value from code fires no input event, so the owner can ask for a repaint.
+  wrap.repaint = paint;
+  return wrap;
+}
+
+/** Escaped, highlighted HTML for markdown source. */
+export function markdownHTML(text) {
+  let fenced = false;
+  return String(text ?? "")
+    .split("\n")
+    .map((line) => {
+      if (/^\s*(```|~~~)/.test(line)) {
+        fenced = !fenced;
+        return span("mdfence", line);
+      }
+      if (fenced) return span("mdcode", line);
+      if (/^#{1,6}\s/.test(line)) return span("mdh", line);
+      if (/^\s*>/.test(line)) return span("mdq", line);
+      if (/^\s*([-*_])(\s*\1){2,}\s*$/.test(line)) return span("mdfence", line);
+      const list = /^(\s*)([-*+]|\d+[.)])(\s+)(.*)$/.exec(line);
+      if (list) return esc(list[1]) + span("mdl", list[2]) + esc(list[3]) + inline(list[4]);
+      return inline(line);
+    })
+    .join("\n");
+}
+
+const span = (cls, text) => '<span class="' + cls + '">' + esc(text) + "</span>";
+
+/** Inline marks, on one line. Code spans first, so nothing inside one is read as markup. */
+function inline(line) {
+  return line
+    .split(/(`[^`]+`)/)
+    .map((part, i) => (i % 2 ? span("mdc", part) : marks(part)))
+    .join("");
+}
+
+function marks(text) {
+  return esc(text)
+    .replace(/\{\{[^}]*\}\}/g, (m) => '<span class="mdt">' + m + "</span>")
+    .replace(/(\*\*|__)(?=\S)(.+?)(?<=\S)\1/g, '<span class="mdb">$1$2$1</span>')
+    .replace(/(^|[^*\w])([*_])(?=\S)([^*_]+?)(?<=\S)\2(?![*\w])/g, '$1<span class="mdi">$2$3$2</span>')
+    .replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, '<span class="mdk">[$1]</span><span class="mdu">($2)</span>');
+}

package/templates/portal/js/views/org.js

@@ -14,6 +14,7 @@
  * wrong. The server validates it before writing.
  */
 
+import { highlighted } from "../mdedit.js";
 import { getFile, getOrgLayer, post } from "../api.js";
 import { askYes } from "../dialog.js";
 import { el, esc, grow, kb, skeleton } from "../dom.js";
@@ -21,31 +22,27 @@ import { icon } from "../icons.js";
 import { mdlite } from "../md.js";
 import { humansOf, S, writeHash } from "../state.js";
 import { yamlPre } from "../yaml.js";
+import { businessForm, fileModes, prioritiesForm } from "./orgedit.js";
 import { repoPicker } from "./repos.js";
 
 /* What the files roster itself ships are for, in one line each. A filename says nothing about
    which one to open; anything a tenant has added of its own falls back to its first heading. */
 const KNOWN = {
-  "org.yaml": "Who and what: the humans, the repos, the defaults, which agent runs them.",
-  "org/business.md":
-    "What the business actually is. Every prompt is composed on top of it, and it is the file that stops the agents writing generic slop.",
-  "org/priorities.md":
-    "What matters this month, ranked, and what is out of scope. Every daily run reads it, and every PR says which priority it serves.",
-  "org/operating.md":
-    "The autonomy contract: what they do without asking, what they escalate, how a run starts and ends.",
-  "org/guardrails.md":
-    "The non-negotiables. Every staff member is bound by these and cannot argue with them.",
-  "org/voice.md":
-    "How everything they write reads. Change it once, and every surface changes on the next run.",
-  "prompts/daily.md": "The whole of a scheduled run, before the fragments are pulled into it.",
-  "prompts/mention.md": "What they are sent when you @-mention them.",
-  "prompts/_identity.md": "Who they post as, and what wakes you.",
-  "prompts/_paths.md": "Where everything is in the runner's checkout.",
+  "org.yaml": "The people, repos, defaults and coding agent.",
+  "org/business.md": "What the business is. Every staff member reads it.",
+  "org/priorities.md": "This month's priorities, in order, and what's out of scope.",
+  "org/operating.md": "What staff do on their own, what they ask about, and how a run starts and ends.",
+  "org/guardrails.md": "Rules every staff member must follow.",
+  "org/voice.md": "How staff write.",
+  "prompts/daily.md": "The instructions for a scheduled run.",
+  "prompts/mention.md": "The instructions when you @-mention someone.",
+  "prompts/_identity.md": "Who staff post as.",
+  "prompts/_paths.md": "Where files are during a run.",
 };
 
 const GROUPS = [
-  ["org", "The org layer", "Inherited by everybody, on their next run."],
-  ["prompts", "The prompts", "The runs themselves. Edit these last: they are the framework's."],
+  ["org", "Org files", "Every staff member reads these."],
+  ["prompts", "Prompts", "Roster's run instructions. Upgrades may change them."],
 ];
 
 export function viewOrg(m) {
@@ -55,8 +52,7 @@ export function viewOrg(m) {
     el("p", {
       className: "sub",
       textContent:
-        "The layer every staff member inherits. Editing one of these reaches all " +
-        org.staff.length + " of them on their next run.",
+        "Files every staff member reads. Changes apply from their next run.",
     }),
   );
 
@@ -172,17 +168,28 @@ export function viewOrg(m) {
     head.append(el("span", { className: "meta", textContent: full(path) + " · " + kb(text.length) }));
     /* The edit control used to be a word in a row of grey text, which is why "there is no easy
        way to edit the org docs" was a fair thing to say about a screen that could edit them. */
-    const edit = el("button", { className: "ghbtn primary editbtn", onclick: () => editor(path, text) });
-    edit.append(icon("edit", "ic"), el("span", { textContent: "Edit" }));
-    head.append(edit);
     const file = S.orgFiles.find((f) => f.path === path) ?? { path };
-    viewer.append(head, el("p", { className: "factsub", textContent: why(file) }));
 
     if (path.endsWith(".yaml") || path.endsWith(".yml")) {
-      viewer.append(yamlPre(text));
+      const edit = el("button", { className: "ghbtn primary editbtn", onclick: () => editor(path, text) });
+      edit.append(icon("edit", "ic"), el("span", { textContent: "Edit" }));
+      head.append(edit);
+      viewer.append(head, el("p", { className: "factsub", textContent: why(file) }), yamlPre(text));
       return;
     }
-    viewer.append(el("div", { className: "md doc", innerHTML: mdlite(text) }));
+
+    /* Prose files open on Read, with the ways to change them as tabs beside it: the same ones
+       Getting started offers, because a file is no easier to write after setup than during it. */
+    viewer.append(head, el("p", { className: "factsub", textContent: why(file) }));
+    const read = { label: "Read", node: el("div", { className: "md doc", innerHTML: mdlite(text) }) };
+    const o = { path: full(path), name: S.data.name, text, before: [read], onSaved: () => show(path) };
+    viewer.append(
+      path === "org/business.md"
+        ? businessForm(o)
+        : path === "org/priorities.md"
+          ? prioritiesForm(o)
+          : fileModes(o),
+    );
   }
 
   function editor(path, text) {
@@ -198,8 +205,10 @@ export function viewOrg(m) {
     viewer.append(bar);
 
     const ta = el("textarea", { value: text, className: "editor" });
-    viewer.append(ta);
+    const hl = highlighted(ta, isYaml ? "yaml" : "md");
+    viewer.append(hl);
     grow(ta);
+    hl.repaint();
     ta.addEventListener("input", () => grow(ta));
     // ⌘S is what a person's hands do in a text box. Without it, saving means finding a button
     // above a screenful of textarea you have just scrolled past.

package/templates/portal/js/views/orgedit.js

@@ -0,0 +1,213 @@
+/* Ways to write the two org files a person has to write, shared by Getting started and the Org
+ * screen: plain questions, an AI interview, or the file itself. Each is one tab of a switcher,
+ * so the choice is visible rather than folded under a Save button. */
+
+import { fileUrl, saveFile } from "../api.js";
+import { el, grow } from "../dom.js";
+import { highlighted } from "../mdedit.js";
+import { paste } from "./paste.js";
+
+const BUSINESS_QUESTIONS = [
+  ["line", "What does it do, in one line?", "What this business does, in one line", true],
+  ["who", "Who is it for?", "Who the customers are, specifically", true],
+  ["key", "What does everything depend on?", "The one fact everything else follows from", false],
+  ["true", "What's already true? What's built, measured or tried?", "What is already true", false],
+  ["not", "What should staff never decide on their own?", "What is not ours to decide", false],
+];
+
+const val = (input) => String(input.value ?? "").trim();
+
+/**
+ * org/business.md as five questions. With `text`, the answers already in the file fill the
+ * fields, so changing one answer does not mean retyping the other four.
+ * @param {{path: string, name: string, text?: string, onSaved: () => void, before?: object[]}} o
+ *   `before` puts extra tabs ahead of the three, which is how the Org screen adds Read.
+ */
+export function businessForm(o) {
+  const form = el("div");
+  const known = sections(o.text ?? "");
+  const fields = BUSINESS_QUESTIONS.map(([id, label, heading, required]) => {
+    const input = id === "line" ? el("input", { type: "text" }) : el("textarea", { className: "pastebox", rows: 3 });
+    const had = known.get(heading.toLowerCase());
+    if (had) input.value = had.replace(/^>\s?/gm, "");
+    return { id, input, wrap: el("label", { className: "qfield" }, [el("span", { textContent: label + (required ? "" : " (optional)") }), input]) };
+  });
+  const save = el("button", { className: "btn primary", textContent: "Save" });
+  const out = el("div");
+  form.append(...fields.map((f) => f.wrap), el("div", { className: "row" }, [save]), out);
+
+  save.onclick = async () => {
+    const missing = fields.find((f, i) => BUSINESS_QUESTIONS[i][3] && !val(f.input));
+    if (missing) {
+      missing.input.focus?.();
+      out.replaceChildren(el("p", { className: "err", textContent: "Answer the first two at least." }));
+      return;
+    }
+    const text =
+      `# What ${o.name} is\n\n` +
+      fields
+        .map((f, i) => [BUSINESS_QUESTIONS[i][2], val(f.input)])
+        .filter(([, v]) => v)
+        .map(([h, v]) => `## ${h}\n\n${v}\n`)
+        .join("\n");
+    await saveAndSay(save, out, o.path, text, "portal: write org/business.md", o.onSaved);
+  };
+
+  return modes([
+    ...(o.before ?? []),
+    { label: "Answer questions", node: form },
+    { label: "Let an AI interview you", node: paste({ kind: "discover", title: "", onSaved: o.onSaved }) },
+    rawMode(o.path, o.onSaved),
+  ]);
+}
+
+/** org/priorities.md as three lines and an out-of-scope list, filled from the file if it has them. */
+export function prioritiesForm(o) {
+  const form = el("div");
+  const { items, outs } = parsePriorities(o.text ?? "");
+  const ranks = [1, 2, 3].map((i) => {
+    const input = el("input", { type: "text", placeholder: i === 1 ? "e.g. Tasks can be ticked off and removed" : "" });
+    if (items[i - 1]) input.value = items[i - 1];
+    return { input, wrap: el("label", { className: "qfield" }, [el("span", { textContent: "Priority " + i + (i > 1 ? " (optional)" : "") }), input]) };
+  });
+  const scope = el("textarea", { className: "pastebox", rows: 3, placeholder: "One per line" });
+  if (outs.length) scope.value = outs.join("\n");
+  const save = el("button", { className: "btn primary", textContent: "Save" });
+  const out = el("div");
+  form.append(
+    ...ranks.map((r) => r.wrap),
+    el("label", { className: "qfield" }, [el("span", { textContent: "Out of scope this month (optional)" }), scope]),
+    el("div", { className: "row" }, [save]),
+    out,
+  );
+  save.onclick = async () => {
+    const list = ranks.map((r) => val(r.input)).filter(Boolean);
+    if (!list.length) {
+      ranks[0].input.focus?.();
+      out.replaceChildren(el("p", { className: "err", textContent: "Add at least one priority." }));
+      return;
+    }
+    const scoped = val(scope).split("\n").map((l) => l.replace(/^[-*]\s*/, "").trim()).filter(Boolean);
+    const text =
+      "## What matters this month\n\n### Priorities, in order\n\n" +
+      list.map((t, i) => `${i + 1}. ${t}`).join("\n") +
+      "\n" +
+      (scoped.length ? "\n### Out of scope this month\n\n" + scoped.map((t) => `- ${t}`).join("\n") + "\n" : "");
+    await saveAndSay(save, out, o.path, text, "portal: write org/priorities.md", o.onSaved);
+  };
+  return modes([...(o.before ?? []), { label: "Fill in", node: form }, rawMode(o.path, o.onSaved)]);
+}
+
+/** Any org file as highlighted text, with Read ahead of it on the Org screen. */
+export function fileModes(o) {
+  return modes([...(o.before ?? []), rawMode(o.path, o.onSaved, o.lang)]);
+}
+
+/** The file itself, for editing what is already there rather than starting again. */
+export function rawMode(path, onSaved, lang = "md") {
+  const node = el("div");
+  const ta = el("textarea", { className: "pastebox" });
+  ta.rows = 12;
+  const save = el("button", { className: "btn primary", textContent: "Save" });
+  const out = el("div");
+  const hl = highlighted(ta, lang);
+  node.append(hl, el("div", { className: "row" }, [save]), out);
+  ta.addEventListener("input", () => grow(ta));
+  const commit = () =>
+    saveAndSay(save, out, path, ta.value, "portal: edit " + path.split("/").slice(1).join("/"), onSaved);
+  save.onclick = commit;
+  // ⌘S is what a person's hands do in a text box.
+  ta.addEventListener("keydown", (e) => {
+    if ((e.metaKey || e.ctrlKey) && e.key === "s") {
+      e.preventDefault();
+      commit();
+    }
+  });
+  // Read when first shown, so it shows the file as it is then, not as it was at page load.
+  const load = () =>
+    // Not getFile: an absent file answers 404 with a message, and that is not what to edit.
+    fetch(fileUrl(path), { cache: "no-store" })
+      .then((r) => (r.ok ? r.text() : ""))
+      .then((text) => {
+        ta.value = text;
+        grow(ta);
+        hl.repaint();
+      });
+  return { label: "Edit the file", node, onShow: load };
+}
+
+/** Ways to do one thing, as a switcher across the top: one shown at a time. */
+export function modes(list) {
+  const box = el("div");
+  const bar = el("div", { className: "modes" });
+  const panes = el("div");
+  const buttons = list.map((m, i) => {
+    const b = el("button", { className: "mode", textContent: m.label });
+    b.onclick = () => show(i);
+    return b;
+  });
+  bar.append(...buttons);
+  box.append(bar, panes);
+  function show(i) {
+    buttons.forEach((b, j) => b.classList.toggle("on", i === j));
+    panes.replaceChildren(list[i].node);
+    list[i].onShow?.();
+  }
+  show(0);
+  return box;
+}
+
+async function saveAndSay(btn, out, path, text, message, onSaved) {
+  btn.disabled = true;
+  const label = btn.textContent;
+  btn.textContent = "Saving…";
+  try {
+    const r = await saveFile(path, text, message);
+    out.replaceChildren(
+      el("p", {
+        className: r.pushed ? "sub" : "err",
+        textContent: r.pushed ? "Saved." : "Saved locally, but the push failed: " + (r.note ?? ""),
+      }),
+    );
+    onSaved?.();
+  } catch (err) {
+    out.replaceChildren(el("p", { className: "err", textContent: String(err.message || err) }));
+  } finally {
+    btn.disabled = false;
+    btn.textContent = label;
+  }
+}
+
+/** `## Heading` → the text under it, by lower-cased heading. */
+function sections(text) {
+  const out = new Map();
+  let key = null;
+  let buf = [];
+  const flush = () => key && out.set(key, buf.join("\n").trim());
+  for (const line of text.split("\n")) {
+    const m = /^##\s+(.*)$/.exec(line);
+    if (m) {
+      flush();
+      key = m[1].trim().toLowerCase();
+      buf = [];
+    } else if (key) buf.push(line);
+  }
+  flush();
+  return out;
+}
+
+function parsePriorities(text) {
+  const items = [];
+  const outs = [];
+  let where = "";
+  for (const line of text.split("\n")) {
+    if (/^#+\s.*priorit/i.test(line)) where = "p";
+    else if (/^#+\s.*out of scope/i.test(line)) where = "o";
+    else if (/^#/.test(line)) where = "";
+    const n = /^\s*\d+[.)]\s+(.*)$/.exec(line);
+    const b = /^\s*[-*]\s+(.*)$/.exec(line);
+    if (where === "p" && n) items.push(n[1].trim());
+    if (where === "o" && b) outs.push(b[1].trim());
+  }
+  return { items, outs };
+}

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

@@ -9,6 +9,7 @@
  * changing a byte of the composed text, and nothing said so before.
  */
 
+import { highlighted } from "../mdedit.js";
 import { getFile, post } from "../api.js";
 import { askText, askYes } from "../dialog.js";
 import { el, esc, grow, kb, toClipboard } from "../dom.js";
@@ -351,8 +352,10 @@ export function viewPrompt(m) {
     );
 
     const ta = el("textarea", { value: text, className: "editor" });
-    viewer.append(ta);
+    const hl = highlighted(ta, "md");
+    viewer.append(hl);
     grow(ta);
+    hl.repaint();
     ta.addEventListener("input", () => grow(ta));
 
     const status = el("span", { className: "meta" });

package/templates/portal/js/views/setup.js

@@ -8,22 +8,20 @@
 import {
   checkOrg,
   createTenant,
-  fileUrl,
   getAccess,
   getOrg,
   getSetup,
   joinOrg,
   planTenant,
-  saveFile,
   setAccess,
 } from "../api.js";
-import { $, el, esc, grow, toClipboard } from "../dom.js";
+import { $, el, esc, toClipboard } from "../dom.js";
 import { go } from "../router.js";
 import { S as App } from "../state.js";
 import { checklist } from "./checklist.js";
+import { businessForm, prioritiesForm } from "./orgedit.js";
 import { credentialPanel } from "./credential.js";
 import { repoPicker } from "./repos.js";
-import { paste } from "./paste.js";
 
 let S = null; // /api/setup/status, refreshed after anything that changes the world
 
@@ -394,13 +392,24 @@ function afterCreate() {
 
   const business = todo(++n, "Describe the business", !left.includes("business"));
   business.hint("A few short answers. Every staff member reads them before they start work.");
-  business.body.append(businessForm(() => business.setDone(true)));
+  business.body.append(
+    businessForm({
+      path: opsName() + "/org/business.md",
+      name: App.data?.name ?? S.tenant.name ?? S.tenant.org,
+      onSaved: () => (business.setDone(true), recheck()),
+    }),
+  );
   fileSteps.set("business", business.setDone);
   list.append(business.card);
 
   const priorities = todo(++n, "Set this month's priorities", !left.includes("priorities"));
   priorities.hint("Up to three, in order. Staff pick work that serves them.");
-  priorities.body.append(prioritiesForm(() => priorities.setDone(true)));
+  priorities.body.append(
+    prioritiesForm({
+      path: opsName() + "/org/priorities.md",
+      onSaved: () => (priorities.setDone(true), recheck()),
+    }),
+  );
   fileSteps.set("priorities", priorities.setDone);
   list.append(priorities.card);
 
@@ -482,158 +491,11 @@ function todo(n, title, done) {
  * quicker to type than to explain to a model. So the file opens as it is on disk, stub and
  * all, and saving it is the same commit-and-push as every other editor here.
  */
-const BUSINESS_QUESTIONS = [
-  ["line", "What does it do, in one line?", "What this business does, in one line", true],
-  ["who", "Who is it for?", "Who the customers are, specifically", true],
-  ["key", "What does everything depend on?", "The one fact everything else follows from", false],
-  ["true", "What's already true? What's built, measured or tried?", "What is already true", false],
-  ["not", "What should staff never decide on their own?", "What is not ours to decide", false],
-];
-
-/** The business, as five questions in plain fields, written out as org/business.md. */
-function businessForm(onSaved) {
-  const form = el("div");
-  const path = opsName() + "/org/business.md";
-  const fields = BUSINESS_QUESTIONS.map(([id, label, , required]) => {
-    const input = id === "line" ? el("input", { type: "text" }) : el("textarea", { className: "pastebox", rows: 3 });
-    const wrap = el("label", { className: "qfield" }, [
-      el("span", { textContent: label + (required ? "" : " (optional)") }),
-      input,
-    ]);
-    return { id, input, wrap };
-  });
-  const save = el("button", { className: "btn primary", textContent: "Save" });
-  const out = el("div");
-  form.append(...fields.map((f) => f.wrap), el("div", { className: "row" }, [save]), out);
 
-  save.onclick = async () => {
-    const missing = fields.find((f, i) => BUSINESS_QUESTIONS[i][3] && !String(f.input.value ?? "").trim());
-    if (missing) {
-      missing.input.focus();
-      out.replaceChildren(el("p", { className: "err", textContent: "Answer the first two at least." }));
-      return;
-    }
-    const name = App.data?.name ?? S.tenant.name ?? S.tenant.org;
-    const text =
-      `# What ${name} is\n\n` +
-      fields
-        .map((f, i) => [BUSINESS_QUESTIONS[i][2], String(f.input.value ?? "").trim()])
-        .filter(([, v]) => v)
-        .map(([h, v]) => `## ${h}\n\n${v}\n`)
-        .join("\n");
-    await saveAndSay(save, out, path, text, "portal: write org/business.md", onSaved);
-  };
 
-  return modes([
-    { label: "Answer questions", node: form },
-    {
-      label: "Let an AI interview you",
-      node: paste({ kind: "discover", title: "", onSaved: () => (onSaved(), recheck()) }),
-    },
-    rawMode(path, onSaved),
-  ]);
-}
-
-/** This month's priorities, as three lines and an out-of-scope list. */
-function prioritiesForm(onSaved) {
-  const form = el("div");
-  const path = opsName() + "/org/priorities.md";
-  const ranks = [1, 2, 3].map((i) => {
-    const input = el("input", { type: "text", placeholder: i === 1 ? "e.g. Tasks can be ticked off and removed" : "" });
-    return { input, wrap: el("label", { className: "qfield" }, [el("span", { textContent: "Priority " + i + (i > 1 ? " (optional)" : "") }), input]) };
-  });
-  const scope = el("textarea", { className: "pastebox", rows: 3, placeholder: "One per line" });
-  const save = el("button", { className: "btn primary", textContent: "Save" });
-  const out = el("div");
-  form.append(
-    ...ranks.map((r) => r.wrap),
-    el("label", { className: "qfield" }, [el("span", { textContent: "Out of scope this month (optional)" }), scope]),
-    el("div", { className: "row" }, [save]),
-    out,
-  );
-  save.onclick = async () => {
-    const items = ranks.map((r) => String(r.input.value ?? "").trim()).filter(Boolean);
-    if (!items.length) {
-      ranks[0].input.focus();
-      out.replaceChildren(el("p", { className: "err", textContent: "Add at least one priority." }));
-      return;
-    }
-    const outs = String(scope.value ?? "").split("\n").map((l) => l.replace(/^[-*]\s*/, "").trim()).filter(Boolean);
-    const text =
-      "## What matters this month\n\n### Priorities, in order\n\n" +
-      items.map((t, i) => `${i + 1}. ${t}`).join("\n") +
-      "\n" +
-      (outs.length ? "\n### Out of scope this month\n\n" + outs.map((t) => `- ${t}`).join("\n") + "\n" : "");
-    await saveAndSay(save, out, path, text, "portal: write org/priorities.md", onSaved);
-  };
-  return modes([{ label: "Fill in", node: form }, rawMode(path, onSaved)]);
-}
 
-async function saveAndSay(btn, out, path, text, message, onSaved) {
-  btn.disabled = true;
-  const label = btn.textContent;
-  btn.textContent = "Saving…";
-  try {
-    const r = await saveFile(path, text, message);
-    out.replaceChildren(
-      el("p", {
-        className: r.pushed ? "sub" : "err",
-        textContent: r.pushed ? "Saved." : "Saved locally, but the push failed: " + (r.note ?? ""),
-      }),
-    );
-    onSaved();
-    recheck();
-  } catch (err) {
-    out.replaceChildren(el("p", { className: "err", textContent: String(err.message || err) }));
-  } finally {
-    btn.disabled = false;
-    btn.textContent = label;
-  }
-}
 
-/** The file itself, for editing what is already there rather than starting again. */
-function rawMode(path, onSaved) {
-  const node = el("div");
-  const ta = el("textarea", { className: "pastebox" });
-  ta.rows = 12;
-  const save = el("button", { className: "btn primary", textContent: "Save" });
-  const out = el("div");
-  node.append(ta, el("div", { className: "row" }, [save]), out);
-  ta.addEventListener("input", () => grow(ta));
-  save.onclick = () =>
-    saveAndSay(save, out, path, ta.value, "portal: edit " + path.split("/").slice(1).join("/"), onSaved);
-  // Read when first shown, so it shows the file as it is then, not as it was at page load.
-  const load = () =>
-    // Not getFile: an absent file answers 404 with a message, and that is not what to edit.
-    fetch(fileUrl(path), { cache: "no-store" })
-      .then((r) => (r.ok ? r.text() : ""))
-      .then((text) => {
-        ta.value = text;
-        grow(ta);
-      });
-  return { label: "Edit the file", node, onShow: load };
-}
 
-/** Ways to do one step, as a switcher across the top: one shown at a time. */
-function modes(list) {
-  const box = el("div");
-  const bar = el("div", { className: "modes" });
-  const panes = el("div");
-  const buttons = list.map((m, i) => {
-    const b = el("button", { className: "mode", textContent: m.label });
-    b.onclick = () => show(i);
-    return b;
-  });
-  bar.append(...buttons);
-  box.append(bar, panes);
-  function show(i) {
-    buttons.forEach((b, j) => b.classList.toggle("on", i === j));
-    panes.replaceChildren(list[i].node);
-    list[i].onShow?.();
-  }
-  show(0);
-  return box;
-}
 
 /** The ops repo's directory name, which is what every workspace-relative path starts with. */
 function opsName() {