toolroll 0.9.86 → 0.9.87

package/dist/server/render-pages.js

@@ -1,37 +1,32 @@
-import { activityMetrics, activityScope, activityLimit } from '../project-activity.js';
 /** Everyday console pages: home, inbox, board, work, projects, fleet and the queue. */
 import { archivedWords, tidyGroups, TIDY_DEFAULT_DAYS } from "../tidy.js";
 import { stepUpForm } from "../settings-kit.js";
-import { originNote } from "../task-source.js";
-import { html, htmlString, joinHtml, postForm, replaceMarkup, reauth } from "../html.js";
+import { html, joinHtml, postForm, replaceMarkup, reauth } from "../html.js";
 import {} from "../assignment.js";
 import {} from "../board.js";
 import { browserWorkActionHref } from "../browser-workspace.js";
-import { CHECK_LEVEL_WORDS } from "../check-levels.js";
 import {} from "../dispatch.js";
 import {} from "../first-run.js";
 import {} from "../gaps.js";
 import { limitsHtml } from "../limits-ui.js";
 import { ASK_LABEL, ASKS, START_BUILDER_COMMAND } from "../needs-you.js";
-import {} from "../onboard.js";
 import {} from "../peek.js";
 import { projectName } from "../project.js";
 import {} from "../proof.js";
-import {} from "../quality.js";
 import { isAlive as runnerAlive } from "../runner.js";
 import { agentModelName, modelName } from "../model-names.js";
-import {} from "../scope.js";
 import {} from "../store.js";
 import { runCostWords, spendLine, tally } from "../summary.js";
 import {} from "../work-index.js";
+import { HEADLINES } from "../task-status.js";
+import { chipOfHeadline } from "../design/kit.js";
 import { WORK_VIEWS } from "../workspace-ui.js";
 import { createHash } from "node:crypto";
-import { homedir } from "node:os";
 import { join } from "node:path";
-import { buildsViews, CHEVRON_ICON, consoleSpend, FOLDER_PATHS, GRIP_HANDLE, isOverdue, projectChip, relativeAge, safePrUrl, screen, sentenceCase, strokeIcon, TO_FRONT_ICON, when, whenTime } from "./chrome.js";
+import { buildsViews, CHEVRON_ICON, consoleSpend, GRIP_HANDLE, isOverdue, projectChip, relativeAge, safePrUrl, screen, sentenceCase, TO_FRONT_ICON, when, whenTime } from "./chrome.js";
 import { reviewHref, taskHref } from "./http.js";
 import { criterionMatrixSummary, incidentWords, PHASE_WORDS, phaseWords } from "./render-results.js";
-import { acceptanceCeremonyHtml, agentsCeremonyHtml, consentClosedHtml, consentDoorOf, decisionAnswerCard, decisionAnswerScript, decisionOptionForms, dispatchHeadline, executionPlanHtml, permissionModeChoices, planContractHtml, profileWords, runtimeDetailsHtml, statusLineHtml, workDiagnosticsHtml } from "./render-tasks.js";
+import { decisionAnswerCard, decisionAnswerScript, dispatchHeadline, statusLineHtml, workDiagnosticsHtml } from "./render-tasks.js";
 export const TASK_STATES = ["queued", "running", "done", "failed", "cancelled"];
 export const INBOX_TABS = [
     { id: "needs-you", label: "Needs you" }, { id: "ready", label: "Ready" }, { id: "running", label: "Running" }, { id: "all", label: "All" },
@@ -150,9 +145,8 @@ export function inboxPage(chrome, data) {
             : {}),
     });
 }
-/** System: the machinery — workers, background service, workspaces. */
 /** Start a builder: the one command, as text to select (/start-builder, where every "Connect a builder" leads, and
- * /system#builder). `project`: the open project's name, when the viewer may see it; `connected`: whether a builder
+ * the Agents page). `project`: the open project's name, when the viewer may see it; `connected`: whether a builder
  * that may build there is checking in (null: say nothing); `managed`: whether this person can start one themselves
  * (registering a builder takes an instance operator), else who to ask. */
 export function startBuilderHtml(data) {
@@ -165,65 +159,6 @@ export function startBuilderHtml(data) {
         ? html `<p class="meta">Keep it running. Approved tasks start on their own. The console alone (<code>toolroll serve</code>) doesn't build.</p>`
         : html `<p class="meta">Starting a builder takes someone who manages this Toolroll. Ask them to run it there; your tasks start on their own once it connects.</p>`}</div></section>`;
 }
-export function systemPage(chrome, data) {
-    const nowMs = data.now.getTime();
-    const runnerCards = data.runners
-        .filter(one => one.retiredAt === null)
-        .map(one => {
-        const age = nowMs - new Date(one.heartbeatAt).getTime();
-        const dot = age < 5 * 60_000 ? "dot-ok" : age < 60 * 60_000 ? "dot-warn" : "dot-off";
-        const said = age < 5 * 60_000 ? "alive" : age < 60 * 60_000 ? `quiet ${Math.round(age / 60_000)}m` : "not heard from";
-        const busy = data.building.filter(claim => claim.runner === one.name).length;
-        return html `<div class="stat-card"><span class="k"><span class="dot ${dot}"></span>${one.name}</span><span class="v">builder · ${said} · ${busy}/${one.capacity} building</span></div>`;
-    });
-    const worktreeCards = data.worktrees.map(tree => {
-        const leased = tree.leasedAt !== null && tree.releasedAt === null;
-        const dot = leased ? "dot-ok" : tree.verified ? "dot-off" : "dot-warn";
-        const state = leased ? "building" : tree.verified ? "free" : "needs review";
-        const name = tree.path.split("/").pop() ?? tree.path;
-        return html `<div class="stat-card"><span class="k"><span class="dot ${dot}${leased ? " pulse" : ""}"></span><span class="mono">${name}</span></span><span class="v">workspace · ${tree.branch} · ${state}</span></div>`;
-    });
-    const watchCard = data.episode === null
-        ? null
-        : html `<div class="stat-card"><span class="k"><span class="dot ${data.episode.endedAt === null ? "dot-ok pulse" : "dot-off"}"></span>Toolroll</span><span class="v">${data.episode.endedAt === null
-            ? html `running since ${whenTime(data.episode.startedAt)}`
-            : html `last run: ${data.episode.built} built, ${data.episode.broke} broke · ended ${whenTime(data.episode.endedAt)}`}</span></div>`;
-    const cards = [...runnerCards, watchCard, ...worktreeCards].filter((one) => one !== null);
-    const PHASE_SAID = {
-        plan: "planning sessions ask questions and draft the plan you approve",
-        build: "builds do the work, unattended, inside the approved scope",
-        repair: "repair turns mend a malformed handoff in the same session",
-    };
-    const agentLines = joinHtml(data.agents
-        .map(one => {
-        if (one.problem !== undefined) {
-            return html `<p class="row"><span class="mono">${one.phase}</span> <span class="badge badge-failed">Misconfigured</span> <span class="meta">${one.problem}</span></p>`;
-        }
-        const who = one.source === "project"
-            ? html `chosen for this project${one.setBy === null ? null : html ` by ${one.setBy}`}`
-            : one.source === "installation"
-                ? html `set for the whole installation${one.setBy === null ? null : html ` by ${one.setBy}`}`
-                : html `the default — nothing configured`;
-        const dollars = one.provider === "claude" ? null : html ` · <span title="this provider reports tokens, not dollars — its runs land as unmeasured spend">no dollar costs</span>`;
-        return html `<p class="row"><span class="mono">${one.phase}</span> <strong>${one.provider === null || one.provider === undefined ? "" : agentModelName(one.provider, one.model ?? null)}</strong>${one.model === null || one.model === undefined ? html ` <span class="meta">(its default model)</span>` : null}<span class="right meta">${who}${dollars}</span></p><p class="meta" style="margin-top:0">${PHASE_SAID[one.phase] ?? ""}</p>`;
-    }), "\n");
-    const agentsCard = html `<h2>Agents</h2><p class="meta">Which AI provider runs each phase. An instance operator changes them in <a href="/settings/models">Settings → Models</a> with their password, or with <code>toolroll config</code>.</p><div class="card">${agentLines}<p class="meta">Repair always stays on the provider that built — only its model can differ. A schedule's task filed under an approval moved from a routine is pinned to the agents approved then.</p></div>`;
-    return screen("system", joinHtml([
-        html `<h1>System</h1>`,
-        html `<p class="hint">builders execute tasks in isolated temporary copies of each project</p>`,
-        agentsCard,
-        cards.length === 0 ? null : html `<div class="cards">${cards}</div>`,
-        startBuilderHtml({ heading: "h2", project: null, connected: data.runners.some(one => one.retiredAt === null && runnerAlive(one, data.now)) ? null : false, managed: true }),
-        data.outboxPending > 0 ? html `<p class="meta">Notifications: ${data.outboxPending} pending delivery</p>` : null,
-        (data.externalWork ?? []).length === 0
-            ? null
-            : html `<h2>External work</h2>${joinHtml((data.externalWork ?? []).map(one => html `<p class="row"><span class="mono">${one.remoteRepo}</span> ${one.blocked !== null
-                ? html `<span class="badge badge-failed">Dispatch blocked</span> <span class="meta">the tracker connection needs repair — \`toolroll sync\` says why</span>`
-                : one.openEpisode !== null
-                    ? html `<span class="badge badge-failed">Sync failing</span> <span class="meta">${one.openEpisode}</span>`
-                    : html `<span class="meta">syncing normally</span>`}</p>`), "\n")}`,
-    ], "\n"), { chrome, refreshSeconds: data.building.length > 0 ? 10 : 60 });
-}
 /**
  * A build's stage as one of three steps — set up, writing, checking and
  * committing — read from the machine's own phase, never a percent. The
@@ -449,28 +384,6 @@ export function boardBody(data, ciRed) {
         html `</div>`,
     ], "\n");
 }
-/** Completed work: one row per done task, its final run and PR attached. */
-export function donePage(chrome, rows, ciRed) {
-    const list = rows.length === 0
-        ? html `<p class="meta">No finished tasks yet.</p>`
-        : joinHtml(rows.map(row => {
-            const pr = row.prNumber === null
-                ? row.publicationState === null
-                    ? null
-                    : html ` <span class="badge">${sentenceCase(row.publicationState)}</span>`
-                : html ` <a href="${row.prUrl ?? "#"}" class="badge badge-open">PR #${row.prNumber}</a>${ciRed(row.prNumber) ? html ` <span class="badge badge-failed">CI failing</span>` : null}`;
-            const needsVerification = (row.proofVerdict === "short" || row.proofVerdict === "refuted") && !row.proofAccepted
-                ? html ` <span class="badge badge-failed">${row.proofVerdict === "refuted" ? "conflicting evidence" : "missing evidence"}</span>`
-                : null;
-            return html `<div class="card"><p><a href="${taskHref(row.taskId)}"><strong>${row.title}</strong></a>${row.outcome === "no-change" ? html ` <span class="badge">No change needed</span>` : null}${pr}${needsVerification}${criterionMatrixSummary(row.proofMatrix)}</p>${row.handoff === null ? null : html `<p class="meta">${row.handoff.length > 200 ? row.handoff.slice(0, 200) + "…" : row.handoff}</p>`}<p class="meta mono">${row.taskId} · ${whenTime(row.completedAt)}${row.ranMinutes === null ? null : html ` · ran ${row.ranMinutes}m`}${row.provider === null ? null : html ` · ${runCostWords({ authMode: row.authMode, costUsd: row.costUsd, tokensIn: null, tokensOut: null })}`} · <a href="${reviewHref(row.taskId)}">review →</a></p></div>`;
-        }), "\n");
-    return screen("done", joinHtml([
-        html `<h1>Done</h1>`,
-        buildsViews("done"),
-        html `<p class="hint">completed work in order of completion — each with its final build, the agent's conclusion, usage, and its pull request; <a href="/review">review</a> opens the same saved work and its checks</p>`,
-        list,
-    ], "\n"), { chrome });
-}
 export function homePage(chrome, data) {
     const { summary } = data;
     // The night's harvest is the page's reason to exist — strong figures in a
@@ -553,91 +466,132 @@ export function homePage(chrome, data) {
         fleet,
     ], "\n"), { chrome, refreshSeconds: refresh });
 }
-/** The one front door for new work. The common path is one prompt and one
- * button; the detailed contract remains available in-place for templates,
- * experts, and the rare task that should skip repository-aware planning. */
-/** Where new work goes when no project is open: a choice from the projects
- * this person already has, never a typed path; a new project is one link
- * away. Same-named checkouts show their parent folder to tell them apart. */
-export function projectPickerHtml(projects, chosen) {
-    if (projects.length === 0) {
-        return html `<label class="task-repo">Project folder <span class="meta">— no project is open, so the task must say where it belongs</span><input type="text" name="repo" value="${chosen}" required placeholder="/path/to/repository"></label><p class="meta task-repo-add">No projects yet. <a href="/projects?return=%2Ftasks%2Fnew">Add a project</a> to pick it here next time.</p>`;
+export const TASK_GROUP_LABEL = { ...ASK_LABEL, building: 'Building', rest: 'Recent' };
+/** A list row's chip (src/design/KIT.md): a waiting row names its ask ("Plan", "Result") in the ask tone, or says
+ * Needs you; every other row wears its headline in the tone of the status it belongs to. */
+export function workRowChip(row) {
+    if (row.archived !== undefined)
+        return { word: 'Archived', tone: '' };
+    if (row.ask !== null)
+        return row.chip === null ? { word: 'Needs you', tone: 'needs' } : { word: row.chip, tone: 'ask' };
+    const label = row.status.label;
+    if (HEADLINES.includes(label)) {
+        const chip = chipOfHeadline(label);
+        return { word: chip.word, tone: chip.tone };
     }
-    const counts = new Map();
-    for (const one of projects)
-        counts.set(one.name, (counts.get(one.name) ?? 0) + 1);
-    const label = (one) => {
-        if ((counts.get(one.name) ?? 0) < 2)
-            return one.name;
-        const parent = one.path.split(/[\\/]/).filter(Boolean).slice(-2, -1)[0] ?? one.path;
-        return `${one.name} (${parent})`;
-    };
-    const selected = projects.some(one => one.path === chosen) ? chosen : projects[0].path;
-    return html `<label class="task-repo">Project<select name="repo" required>${projects.map(one => html `<option value="${one.path}" title="${one.path}"${one.path === selected ? html ` selected` : null}>${label(one)}</option>`)}</select></label><p class="meta task-repo-add"><a href="/projects?return=%2Ftasks%2Fnew">Add a project</a></p>`;
+    const tone = row.status.tone;
+    return { word: label, tone: tone === 'live' ? 'live' : tone === 'done' ? 'done' : tone === 'problem' ? 'failed' : '' };
 }
-export function taskComposerHtml(data) {
-    const prefill = data.prefill ?? null;
-    const values = prefill?.values;
-    const after = values?.get("after") ?? "";
-    const candidates = data.candidates ?? (after === "" ? [] : [{ id: after, title: after }]);
-    const projectLabel = data.project === null ? "repository required" : projectName(data.project);
-    const showPicker = data.project === null || (data.projects !== undefined && data.projects.length > 1);
-    const quality = values?.get("quality-mode") ?? data.qualityDefault;
-    return postForm("/tasks/add", joinHtml([
-        prefill === null || values !== undefined
-            ? null
-            : html `<p class="meta" style="margin:.35rem .75rem .15rem">pre-filled from a template. Change anything; it still waits for your approval.</p>`,
-        html `<label class="task-prompt"><span class="visually-hidden">What should get done?</span><textarea name="title" rows="4" maxlength="200" required autofocus placeholder="Describe the outcome you want. The planner will inspect the repository and work out the implementation details.">${prefill === null ? "" : prefill.title}</textarea></label>`,
-        // The project is always a visible, changeable choice when the page knows
-        // the person's projects; the open project is simply preselected.
-        showPicker ? projectPickerHtml(data.projects ?? [], values?.get("repo") ?? data.project ?? "") : null,
-        html `<div class="task-composer-footer">`,
-        html `<div class="task-context">${showPicker || data.project === null ? null : html `<span class="task-context-chip" title="${data.project}">${projectLabel}</span>`}<span class="task-context-chip">planner inspects first</span></div>`,
-        html `<label class="task-quality"><span class="visually-hidden">quality mode</span><select name="quality-mode" aria-label="quality mode"><option value="default"${quality === "default" ? html ` selected` : null}>Default quality</option><option value="strict"${quality === "strict" ? html ` selected` : null}>Strict / release</option></select></label>`,
-        html `<button type="submit" class="task-submit">${prefill === null ? "Plan task" : "Continue"} →</button>`,
-        html `</div>`,
-        html `<details class="task-options"${prefill === null ? null : html ` open`}>`,
-        html `<summary><span>Edit details</span><small>optional · defaults are remembered</small></summary>`,
-        html `<div class="task-options-grid">`,
-        html `<label class="wide">Goal <span class="meta">— provide upfront for automatic approval of an unchanged plan</span><textarea name="goal" rows="3" placeholder="What success looks like">${prefill === null ? "" : prefill.goal}</textarea></label>`,
-        html `<label class="wide">Acceptance <span class="meta">— required with a goal; one per line: <code>statement | evidence,kinds | how</code></span><textarea name="acceptance" rows="3" placeholder="Requests over the limit return 429 | check">${prefill === null ? "" : prefill.acceptance}</textarea></label>`,
-        html `<label>Not this <span class="meta">— optional boundary</span><input type="text" name="not" value="${prefill === null ? "" : prefill.not}"></label>`,
-        html `<label>Likely touches <span class="meta">— paths, comma-separated</span><input type="text" name="touches" value="${prefill === null ? "" : prefill.touches}"></label>`,
-        html `<label class="wide task-check"><input type="checkbox" name="plan-first" value="1"${values === undefined || values.get("plan-first") === "1" ? html ` checked` : null}><span><strong>Let the planner inspect first</strong><small class="meta">Recommended. It drafts the goal, acceptance criteria, and implementation approach, and asks only when a missing answer materially changes the work.</small></span></label>`,
-        html `<label class="wide task-check"><input type="checkbox" name="scout" value="1"${values?.get("scout") === "1" ? html ` checked` : null}><span><strong>Research only</strong><small class="meta">Deliver a read-only report instead of changing the repository.</small></span></label>`,
-        html `<label>Task id <span class="meta">— optional</span><input type="text" name="id" value="${values?.get("id") ?? ""}" placeholder="made from the request"></label>`,
-        candidates.length === 0
-            ? null
-            : html `<label>Starts after <span class="meta">— optional</span><select name="after"><option value="">right away</option>${candidates.map(one => html `<option value="${one.id}"${one.id === after ? html ` selected` : null}>${one.id} — ${one.title}</option>`)}</select></label>`,
-        html `<fieldset class="permission-field"><legend>Agent permissions</legend>${permissionModeChoices("permission-mode", values?.get("permission-mode") === "bypassPermissions" ? "bypassPermissions" : values?.get("permission-mode") === "auto" ? "auto" : data.permissionDefault)}<p class="meta permission-note">Inherited from Settings. You can still change it on the proposed scope before approval.</p></fieldset>`,
-        html `</div>`,
-        html `</details>`,
-    ], "\n"), {
-        attrs: { class: "card task-composer" },
-        projectRevision: data.projectRevision === undefined && values?.get("projectRevision") == null ? null : String(data.projectRevision ?? values?.get("projectRevision") ?? ""),
-        hidden: { "planning-policy": "choice" },
-    });
+/** Where a row's one action goes: a result opens on its task's Result tab (the review page is the task page now). */
+function workActionHref(row) {
+    const target = row.primaryAction?.target;
+    if (row.primaryAction?.code === 'open-result' && target?.runId != null)
+        return `${taskHref(target.taskId)}?tab=result&run=${target.runId}`;
+    return browserWorkActionHref(row);
 }
-export const TASK_GROUP_LABEL = { ...ASK_LABEL, building: 'Building', rest: 'Recent' };
 export function workPage(chrome, data) {
-    // The stored-state filter (the old task list's) rides every link but a change of state, which starts on page one.
-    const href = (view, cursor, state = data.state ?? null) => {
-        const query = new URLSearchParams();
-        if (data.projectFilter !== undefined)
-            query.set('project', data.projectFilter);
+    const layout = data.board != null ? 'board' : 'list';
+    // The project and the stored-state filter ride every link; a change of filter starts on page one.
+    const query = (over = {}) => {
+        const q = new URLSearchParams();
+        const project = over.project === undefined ? (data.projectFilter ?? (data.all === true ? 'all' : null)) : over.project;
+        if (project === 'all')
+            q.set('all', '1');
+        else if (project !== null)
+            q.set('project', project);
+        const view = over.view ?? data.view;
         if (view !== 'all')
-            query.set('view', view);
+            q.set('view', view);
+        const state = over.state === undefined ? data.state ?? null : over.state;
         if (state !== null)
-            query.set('state', state);
-        if (cursor !== undefined)
-            query.set('cursor', cursor);
-        return `/work${query.size ? `?${query}` : ''}`;
+            q.set('state', state);
+        if (over.cursor !== undefined)
+            q.set('cursor', over.cursor);
+        if ((over.layout ?? layout) === 'board')
+            q.set('layout', 'board');
+        return `/work${q.size ? `?${q}` : ''}`;
     };
-    const tabs = html `<nav class="work-views" aria-label="Task views">${WORK_VIEWS.map(one => html `<a href="${href(one.key)}"${one.key === data.view ? html ` class="active" aria-current="page"` : null}>${one.label}<span class="count">${data.work.totals[one.key]}</span></a>`)}</nav>`;
+    const href = (view, cursor, state = data.state ?? null) => query({ view, ...(cursor === undefined ? {} : { cursor }), state });
     // Put away (or Restore, in Archived): one quiet act per row, never on a task with work going on.
     const tidyAct = (row) => data.canPutAway !== true ? null : row.archived !== undefined ? { action: `${taskHref(row.rootId)}/restore`, label: 'Restore' }
         : row.liveRunId !== null || row.unfinishedRunId !== null || row.status.views.includes('running') ? null : { action: `${taskHref(row.rootId)}/archive`, label: 'Put away' };
     const returnTo = href(data.view, undefined);
+    const current = WORK_VIEWS.find(one => one.key === data.view);
+    const filtered = (data.state ?? null) !== null;
+    const projectOf = (row) => data.multiProject || row.repo === null ? (row.repo === null ? 'Unplaced' : projectName(row.repo)) : null;
+    // The status filters, as addresses, each with its count; Archived sits at the foot of Finished, not in the track.
+    const tabs = WORK_VIEWS.filter(one => one.key !== 'archived').map(one => ({ key: one.key, label: one.label, href: href(one.key), count: data.work.totals[one.key], active: one.key === data.view }));
+    // The project filter: All and each project in view, when there is more than one.
+    const known = chrome.projects ?? [];
+    const lens = data.lens === undefined ? chrome.project : data.lens;
+    const projects = known.length < 2 ? null : [
+        { key: '', label: 'All', href: query({ project: 'all' }), active: lens === null },
+        ...known.map(one => ({ key: one.path, label: one.name, href: query({ project: one.path }), active: lens === one.path })),
+    ];
+    const rowOf = (row) => {
+        const act = tidyAct(row);
+        const tidy = act === null ? null : { action: act.action, label: act.label, returnTo };
+        const chip = workRowChip(row);
+        if (row.archived !== undefined)
+            return {
+                id: row.rootId, title: row.title, href: taskHref(row.rootId), project: projectOf(row), age: relativeAge(row.archived.at, data.now),
+                status: { label: 'Archived', tone: 'muted', token: 'archived' }, chip: null, word: chip,
+                ask: null, group: 'rest', rank: 4, action: null, detail: archivedWords(row.archived), problem: null, notes: [], tidy,
+            };
+        const actionHref = workActionHref(row);
+        const needsYouDetail = (row.status.views.includes('needs-you') || row.status.label === 'Failed') && !['write-scope', 'approve-scope'].includes(row.primaryAction?.code ?? '') && row.status.label !== 'Ready for review' && row.status.detail !== row.status.label && row.status.detail !== row.familyProblem;
+        return {
+            id: row.rootId, title: row.title, href: taskHref(row.rootId), project: projectOf(row), age: relativeAge(row.updatedAt, data.now),
+            status: { label: row.status.label, tone: row.status.tone, token: row.status.token }, chip: row.chip, word: chip,
+            ask: row.ask, group: row.ask ?? (row.status.rank === 1 ? 'building' : 'rest'), rank: row.status.rank,
+            // One quiet action, on a row that waits on you; every other row is its own link.
+            action: actionHref === null || row.primaryAction === null || row.ask === null ? null : { label: row.primaryAction.label, href: actionHref },
+            detail: needsYouDetail ? row.status.detail : row.progress ?? (row.ask === null && row.status.detail !== row.status.label ? row.status.detail : null),
+            problem: row.familyProblem,
+            notes: (row.status.diagnostics ?? []).map(one => `${one.label} · ${one.detail}`),
+            tidy,
+        };
+    };
+    const rows = data.work.items.map(rowOf);
+    const board = data.board == null ? null : [
+        ['needs', 'Needs you', data.board.needs, 'needs-you', 'Nothing needs you.'],
+        ['queued', 'Queued', data.board.queued, 'queued', 'Nothing queued.'],
+        ['running', 'Running', data.board.running, 'running', 'Nothing running.'],
+        ['finished', 'Finished', data.board.finished, 'completed', 'Nothing has finished yet.'],
+    ].map(([key, label, page, view, empty]) => ({ key, label, count: page.totals[view], href: query({ view, layout: 'list' }), empty, rows: page.items.map(rowOf) }));
+    const putAwayLink = data.canPutAway === true && data.view !== 'archived' ? { label: 'Put away old tasks', href: '/work/put-away' } : null;
+    const toolLinks = [['/board?view=order', 'Order the queue'], ['/recipes', 'Recipes'], ...(chrome.projectScoped ? [] : [['/workbench', 'Portfolio']]), ['/ledger', 'Action ledger']];
+    const newTaskHref = lens === null ? '/tasks/new' : `/tasks/new?project=${encodeURIComponent(lens)}`;
+    const emptyNow = data.work.items.length > 0 ? null : filtered && !data.previous ? { text: `No tasks are ${data.state} in this view.`, action: { label: 'Show every state', href: href(data.view, undefined, null) } } : {
+        text: data.previous ? 'There are no more tasks on this page.' : current.empty,
+        action: data.view === 'all' && !data.previous ? { label: chrome.chat === true ? 'Start in chat' : 'Add a task', href: chrome.chat === true ? '/chat' : newTaskHref } : data.view === 'all' ? null : { label: 'Show all tasks', href: href('all') },
+    };
+    const view = {
+        kind: 'tasks',
+        layout,
+        tabs,
+        projects,
+        layouts: { list: query({ layout: 'list' }), board: query({ layout: 'board', view: 'all' }) },
+        scope: lens === null ? 'across all your projects' : `in ${known.find(one => one.path === lens)?.name ?? projectName(lens)}`,
+        needsYou: data.work.totals['needs-you'],
+        groups: data.view !== 'all' && data.view !== 'needs-you' ? null
+            : [...ASKS, ...(data.view === 'all' ? ['building', 'rest'] : [])]
+                .map(key => ({ key, label: TASK_GROUP_LABEL[key], count: data.work.groups[key] })).filter(one => one.count > 0),
+        rows,
+        board,
+        archived: data.view === 'completed' || data.view === 'archived' ? { label: 'Archived', href: href('archived'), count: data.work.totals.archived, active: data.view === 'archived' } : null,
+        empty: emptyNow,
+        pages: { first: data.previous ? href(data.view) : null, next: data.work.nextCursor === null ? null : href(data.view, data.work.nextCursor) },
+        tools: toolLinks.map(([path, label]) => ({ label: label, href: path })),
+        newTask: { label: 'New task', href: newTaskHref },
+        putAway: putAwayLink,
+        limits: data.limits ?? null,
+        states: [{ label: 'Any state', href: href(data.view, undefined, null), active: (data.state ?? null) === null },
+            ...TASK_STATES.map(one => ({ label: one.charAt(0).toUpperCase() + one.slice(1), href: href(data.view, undefined, one), active: data.state === one }))],
+    };
+    // The page without the workspace (and its first paint) keeps the older rows the server tests read; the workspace
+    // replaces it with the kit view above.
+    const legacyTabs = html `<nav class="work-views" aria-label="Task views">${WORK_VIEWS.map(one => html `<a href="${href(one.key)}"${one.key === data.view ? html ` class="active" aria-current="page"` : null}>${one.label}<span class="count">${data.work.totals[one.key]}</span></a>`)}</nav>`;
     const rowHtml = (row) => {
         if (row.archived !== undefined) {
             const act = tidyAct(row);
@@ -654,8 +608,6 @@ export function workPage(chrome, data) {
         const putAway = act === null ? null : postForm(act.action, html `<button type="submit" class="quiet">${act.label}</button>`, { hidden: { return: returnTo }, attrs: { class: 'inline', 'data-tidy-act': 'put-away' } });
         return html `<article class="work-row" data-task="${row.rootId}" data-work-status="${row.status.token}" data-work-views="${row.status.views.join(' ')}"><div class="work-row-main"><a class="work-title" href="${taskHref(row.rootId)}">${row.title}</a><p class="work-meta">${project}<span>${relativeAge(row.updatedAt, data.now)}</span><span class="mono">${row.rootId}</span></p></div><div class="work-row-status">${statusLineHtml(row.status)}${action}${putAway}${row.familyProblem === null ? null : html `<p class="problem">${row.familyProblem}</p>`}${row.status.views.includes('needs-you') && !['write-scope', 'approve-scope'].includes(row.primaryAction?.code ?? '') && row.status.detail !== row.status.label && row.status.detail !== row.familyProblem ? html `<p class="work-detail">${row.status.detail}</p>` : null}${workDiagnosticsHtml(row.status.diagnostics)}</div></article>`;
     };
-    const current = WORK_VIEWS.find(one => one.key === data.view);
-    const filtered = (data.state ?? null) !== null;
     // The state filter, as real links (the old task list's), so a page without the React view can still change it.
     const stateLinks = html `<nav class="work-states" aria-label="Task state"><span class="meta">State:</span> ${joinHtml([html `<a href="${href(data.view, undefined, null)}"${filtered ? null : html ` aria-current="page"`}>Any</a>`,
         ...TASK_STATES.map(one => html `<a href="${href(data.view, undefined, one)}"${data.state === one ? html ` aria-current="page"` : null}>${one}</a>`)], html ` · `)}</nav>`;
@@ -665,77 +617,9 @@ export function workPage(chrome, data) {
             ? html `<div class="work-empty" data-work-empty="${data.view}"><p>${data.previous ? 'There are no more tasks on this page.' : current.empty}</p>${data.view === 'all' && !data.previous ? html `<p><a class="button-link" href="${chrome.chat === true ? '/chat' : '/tasks/new'}">${chrome.chat === true ? 'Start in chat' : 'Add a task'}</a></p>` : html `<a href="${href('all')}">See all tasks →</a>`}</div>`
             : html `<div class="work-list">${data.work.items.map(rowHtml)}</div>`;
     const pages = !data.previous && data.work.nextCursor === null ? null : html `<nav class="row work-pagination" aria-label="Task pages">${data.previous ? html `<a class="button-link" href="${href(data.view)}">First page</a>` : null}${data.work.nextCursor === null ? null : html `<a class="button-link" rel="next" href="${href(data.view, data.work.nextCursor)}">Next page</a>`}</nav>`;
-    const tools = html `<details class="work-tools"><summary>Work tools${CHEVRON_ICON}</summary><nav class="work-tools-menu">${[['/inbox', 'Inbox'], ['/board', 'Board'], ['/board?view=order', 'Order'], ['/recipes', 'Recipes'], ...(chrome.projectScoped ? [] : [['/workbench', 'Portfolio']]), ['/ledger', 'Action ledger']]
+    const tools = html `<details class="work-tools"><summary>Work tools${CHEVRON_ICON}</summary><nav class="work-tools-menu">${[['/inbox', 'Inbox'], ['/work?layout=board', 'Board'], ['/board?view=order', 'Order'], ['/recipes', 'Recipes'], ...(chrome.projectScoped ? [] : [['/workbench', 'Portfolio']]), ['/ledger', 'Action ledger']]
         .map(([path, label]) => html `<a href="${path}">${label}</a>`)}</nav></details>`;
-    const putAwayLink = data.canPutAway === true && data.view !== 'archived' ? { label: 'Put away old tasks', href: '/work/put-away' } : null;
-    const toolLinks = [['/inbox', 'Inbox'], ['/board', 'Board'], ['/board?view=order', 'Order'], ['/recipes', 'Recipes'], ...(chrome.projectScoped ? [] : [['/workbench', 'Portfolio']])];
-    const view = {
-        kind: 'tasks',
-        tabs: WORK_VIEWS.map(one => ({ label: one.label, href: href(one.key), count: data.work.totals[one.key], active: one.key === data.view })),
-        needsYou: data.work.totals['needs-you'],
-        groups: data.view !== 'all' && data.view !== 'needs-you' ? null
-            : [...ASKS, ...(data.view === 'all' ? ['building', 'rest'] : [])]
-                .map(key => ({ key, label: TASK_GROUP_LABEL[key], count: data.work.groups[key] })).filter(one => one.count > 0),
-        rows: data.work.items.map(row => {
-            const target = row.primaryAction?.target;
-            const actionHref = row.primaryAction?.code === 'open-result' && target?.runId != null
-                ? `/review?result=${encodeURIComponent(target.taskId)}&run=${target.runId}`
-                : browserWorkActionHref(row);
-            const act = tidyAct(row);
-            const tidy = act === null ? null : { action: act.action, label: act.label, returnTo };
-            if (row.archived !== undefined)
-                return {
-                    id: row.rootId, title: row.title, href: taskHref(row.rootId),
-                    project: data.multiProject || row.repo === null ? (row.repo === null ? 'Unplaced' : projectName(row.repo)) : null,
-                    age: relativeAge(row.archived.at, data.now), status: { label: 'Archived', tone: 'muted', token: 'archived' },
-                    ask: null, chip: null, group: 'rest', action: null, detail: archivedWords(row.archived), problem: null, notes: [], tidy,
-                };
-            const needsYouDetail = (row.status.views.includes('needs-you') || row.status.label === 'Failed') && !['write-scope', 'approve-scope'].includes(row.primaryAction?.code ?? '') && row.status.label !== 'Ready for review' && row.status.detail !== row.status.label && row.status.detail !== row.familyProblem;
-            return {
-                id: row.rootId, title: row.title, href: taskHref(row.rootId),
-                project: data.multiProject || row.repo === null ? (row.repo === null ? 'Unplaced' : projectName(row.repo)) : null,
-                age: relativeAge(row.updatedAt, data.now),
-                status: { label: row.status.label, tone: row.status.tone, token: row.status.token },
-                ask: row.ask, chip: row.chip, group: row.ask ?? (row.status.rank === 1 ? 'building' : 'rest'),
-                action: actionHref === null || row.primaryAction === null ? null : { label: row.primaryAction.label, href: actionHref },
-                detail: needsYouDetail ? row.status.detail : row.progress ?? null,
-                problem: row.familyProblem,
-                notes: (row.status.diagnostics ?? []).map(one => `${one.label} · ${one.detail}`),
-                tidy,
-            };
-        }),
-        empty: data.work.items.length > 0 ? null : filtered && !data.previous ? { text: `No tasks are ${data.state} in this view.`, action: { label: "Show every state", href: href(data.view, undefined, null) } } : {
-            text: data.previous ? 'There are no more tasks on this page.' : current.empty,
-            action: data.view === 'all' && !data.previous ? { label: chrome.chat === true ? 'Start in chat' : 'Add a task', href: chrome.chat === true ? '/chat' : '/tasks/new' } : { label: 'See all tasks', href: href('all') },
-        },
-        pages: { first: data.previous ? href(data.view) : null, next: data.work.nextCursor === null ? null : href(data.view, data.work.nextCursor) },
-        tools: toolLinks.map(([path, label]) => ({ label: label, href: path })),
-        newTask: { label: 'New task', href: '/tasks/new' },
-        putAway: putAwayLink,
-        limits: data.limits ?? null,
-        states: [{ label: 'Any state', href: href(data.view, undefined, null), active: (data.state ?? null) === null },
-            ...TASK_STATES.map(one => ({ label: one.charAt(0).toUpperCase() + one.slice(1), href: href(data.view, undefined, one), active: data.state === one }))],
-    };
-    return screen('work', html `<div class="work-head"><h1>Tasks</h1>${putAwayLink === null ? null : html `<a class="button-link" href="${putAwayLink.href}" data-put-away-old>${putAwayLink.label}</a>`}${tools}</div>${limitsHtml(data.limits ?? null)}${tabs}${stateLinks}${list}${pages}`, { chrome, workspace: { view } });
-}
-export function browsePage(chrome, data) {
-    const crumb = data.at === data.root ? projectName(data.root) : `${projectName(data.root)}${data.at.slice(data.root.length)}`;
-    const openForm = (path) => postForm("/projects/open", html `<button type="submit">Open</button>`, { attrs: { class: "inline" }, hidden: { path } });
-    return screen("projects", joinHtml([
-        html `<h1>Choose a folder</h1>`,
-        html `<p class="meta">git repositories float to the top and can be opened; anything else can be entered — only folders under ${data.roots.length === 1 ? html `<span class="mono">${projectName(data.root)}</span>` : "the configured roots"} are visible here</p>`,
-        data.roots.length > 1
-            ? html `<p class="meta">Roots: ${joinHtml(data.roots.map(one => html `<a href="/projects/browse?at=${encodeURIComponent(one)}" class="mono">${projectName(one)}</a>`), " · ")}</p>`
-            : null,
-        html `<p class="mono meta">${crumb}</p>`,
-        data.parent === null
-            ? null
-            : html `<p class="row"><a href="/projects/browse?at=${encodeURIComponent(data.parent)}">← up one level</a></p>`,
-        data.entries.length === 0
-            ? html `<p class="meta">No folders here</p>`
-            : joinHtml(data.entries.map(one => html `<p class="row"><a href="/projects/browse?at=${encodeURIComponent(one.path)}"><strong>${one.name}</strong></a>${one.git ? html ` <span class="badge badge-done">git</span>` : null}<span class="right">${one.git ? openForm(one.path) : html `<a class="meta" href="/projects/browse?at=${encodeURIComponent(one.path)}">enter →</a>`}</span></p>`), "\n"),
-        html `<p class="meta"><a href="/projects">← back to projects</a></p>`,
-    ], "\n"), { chrome });
+    return screen('work', html `<div class="work-head"><h1>Tasks</h1>${putAwayLink === null ? null : html `<a class="button-link" href="${putAwayLink.href}" data-put-away-old>${putAwayLink.label}</a>`}${tools}</div>${limitsHtml(data.limits ?? null)}${legacyTabs}${stateLinks}${list}${pages}`, { chrome, workspace: { view } });
 }
 /**
  * The control-room rail (attended A1): every state that matters while a
@@ -905,188 +789,6 @@ export function githubIdentityOf(remoteUrl) {
         return `${ssh[1]}/${ssh[2]}`;
     return null;
 }
-/** The GitHub listing page: the account's repositories with ONE honest
- * action each. Names, descriptions, and paths are gh/filesystem DATA —
- * escaped at the sink like everything else. */
-export function githubReposPage(chrome, data) {
-    const openForm = (path, label) => postForm("/projects/open", html `<button type="submit">${label}</button>`, { attrs: { class: "inline" }, hidden: { path } });
-    const cloneForm = (nameWithOwner) => postForm("/projects/onboard-preview", html `<button type="submit">Clone here →</button>`, { attrs: { class: "inline" }, hidden: { repo: nameWithOwner, root: "0" } });
-    const list = (label) => postForm("/projects/github", html `<button type="submit"${label === "Refresh list" ? html ` class="secondary"` : ""}>${label}</button>`, { attrs: { class: "inline" } });
-    const rows = data.listed === null
-        ? list("List repositories")
-        : !data.listed.ok
-            ? html `<p class="meta">${data.listed.message}</p>`
-            : data.listed.repos.length === 0
-                ? html `<p class="meta">The signed-in GitHub account has no repositories to list</p>`
-                : joinHtml(data.listed.repos.map(repo => {
-                    const localPath = data.local.get(repo.nameWithOwner.toLowerCase()) ?? null;
-                    const action = localPath !== null && data.openProject === localPath
-                        ? html `<span class="badge badge-done">Open now</span>`
-                        : localPath !== null
-                            ? openForm(localPath, data.registered.has(localPath) ? "open →" : "add + open →")
-                            : data.cloneReady
-                                ? cloneForm(repo.nameWithOwner)
-                                : html `<span class="meta">choose a projects folder first</span>`;
-                    return joinHtml([
-                        html `<div class="card project-card">`,
-                        html `<div class="row"><strong>${repo.nameWithOwner}</strong>${repo.isPrivate ? html ` <span class="badge">Private</span>` : null}`,
-                        html `<span class="right">${action}</span></div>`,
-                        localPath === null
-                            ? html `<p class="meta">Not on this machine yet${/^\d{4}-\d{2}-\d{2}T/.test(repo.updatedAt) ? html ` · pushed ${whenTime(repo.updatedAt)}` : null}</p>`
-                            : html `<p class="meta mono" style="overflow-wrap:anywhere;margin:.2rem 0">${localPath}</p>`,
-                        repo.description === "" ? null : html `<p class="meta">${repo.description}</p>`,
-                        html `</div>`,
-                    ], "\n");
-                }), "\n");
-    return screen("projects", joinHtml([
-        html `<h1>Your GitHub repositories</h1>`,
-        html `<p class="meta">Repositories available to the GitHub account signed in on this machine — open one you already have, or clone a new one after a quick preview.</p>`,
-        data.localUnanswered === true ? html `<p class="meta">Your projects folder didn't answer, so copies already on this machine aren't matched yet. Try again in a moment.</p>` : null,
-        rows,
-        data.listed === null ? null : list("Refresh list"),
-        html `<p class="row" style="margin-top:.6rem"><a class="badge" href="/projects">← back to projects</a></p>`,
-    ], "\n"), { chrome });
-}
-export function projectsPage(chrome, recent, candidates, open, problem, _unscopedMode, browsable = false, onboard = null, peeks = {}, returnTo = "/", pullRequestsOn, checkLevelOf, activity) {
-    const activityHtml = activity === undefined ? null : html `<details><summary>Activity · ${activity.project}</summary>${activity.report === null
-        ? html `<p role="alert">Activity is unavailable.</p><a href="/projects">Reload</a>`
-        : html `<p>${activityScope(activity.report)}</p>${activity.report.truncated ? html `<p>${activityLimit(activity.report)}</p>` : null}${activityMetrics(activity.report).map(metric => html `<details><summary>${metric.label} · ${metric.value}</summary><p>${metric.detail}</p>${metric.rows.length === 0 ? html `<p>No tasks in this group.</p>` : html `<ul>${metric.rows.map(row => html `<li><a href="${row.href}">${row.title}</a> · Recorded checks: ${row.checks}</li>`)}</ul>`}</details>`)}`}</details>`;
-    // The onboarding card (repo onboarding, findings 1-39): preview first,
-    // then a password-confirmed clone into a configured root. Disabled
-    // states explain themselves in words (finding 28/39).
-    const onboardCard = onboard === null
-        ? null
-        : !onboard.enabled
-            ? html `<p class="meta">${onboard.why}</p>`
-            : joinHtml([
-                html `<details class="project-add-more"${onboard.record === null ? null : html ` open`}><summary>${onboard.record === null ? 'Paste a GitHub link' : 'Review repository'}</summary>`,
-                html `<p class="meta">Paste a GitHub repository — you will preview it before anything is downloaded. It goes into your saved projects folder and the builder connects automatically. Large-file (LFS) objects are not downloaded.</p>`,
-                onboard.record === null
-                    ? postForm("/projects/onboard-preview", joinHtml([
-                        html `<label>Repository <input type="text" name="repo" placeholder="owner/name or https://github.com/owner/name"></label>`,
-                        onboard.roots.length > 1
-                            ? html `<label>Into <select name="root">${onboard.roots.map((one, index) => html `<option value="${index}">${one}</option>`)}</select></label>`
-                            : html `<input type="hidden" name="root" value="0"><p class="meta">Into ${onboard.roots[0] ?? ""}</p>`,
-                        html `<button type="submit">Preview</button>`,
-                    ], "\n"), { attrs: { class: "card" } })
-                    : joinHtml([
-                        html `<div class="card">`,
-                        html `<p><strong>${onboard.record[1].nameWithOwner}</strong> <span class="meta">${onboard.record[1].diskUsageKib === null ? "size unknown" : `${Math.max(1, Math.round(onboard.record[1].diskUsageKib / 1024))} MiB`} — will land at ${onboard.record[1].target}</span></p>`,
-                        postForm("/projects/onboard-confirm", joinHtml([
-                            onboard.record[1].large
-                                ? html `<label class="row"><input type="checkbox" name="big-ok" value="1"> this is a large repository (or its size is unknown) — clone it anyway</label>`
-                                : null,
-                            html `${reauth(html `<label>Your password, typed again <input type="password" name="token" autocomplete="current-password"></label>`)}`,
-                            html `<div class="sticky-actions"><button type="submit">Clone and open</button></div>`,
-                        ], "\n"), { hidden: { nonce: onboard.record[0] } }),
-                        html `</div>`,
-                    ], "\n"),
-                html `</details>`,
-            ], "\n");
-    // Opening a project is a POST (the session's scope changes); a card's
-    // name and counts are the same form, returning to the screen that count
-    // names — so every number on this page is a road, not a fact to admire.
-    const openForm = (path, label, destination = returnTo, className) => postForm("/projects/open", html `<button type="submit"${className === undefined ? null : html ` class="${className}"`}${className === "button-link" ? html ` style="min-height:44px"` : null}>${label}</button>`, { attrs: { class: "inline" }, returnTo: destination, hidden: { path } });
-    // A project switcher CARD (v30 UI): the name and path, an at-a-glance
-    // peek — what waits on a person, what is queued or running, what built
-    // in the last day — and the open action. A vertical stack that reads on
-    // a phone, not a dense row.
-    const peekChips = (path, peek) => {
-        if (peek === null)
-            return html `<span class="meta">not scanned</span>`;
-        const isOpen = open !== null && open === path;
-        const chip = (text, href, cls) => isOpen ? html `<a class="badge ${cls}" href="${href}">${text}</a>` : openForm(path, text, href, `badge ${cls}`);
-        const bits = [];
-        if (peek.waiting > 0)
-            bits.push(chip(`${peek.waiting} waiting on you`, "/", "badge-open"));
-        if (peek.running > 0)
-            bits.push(chip(`${peek.running} running`, "/runs", "badge-parked"));
-        if (peek.queued > 0)
-            bits.push(chip(`${peek.queued} queued`, "/board?view=order", "badge-queued"));
-        if (peek.doneRecently > 0)
-            bits.push(chip(`${peek.doneRecently} built today`, "/done", "badge-parked"));
-        return bits.length === 0 ? html `<span class="meta">quiet — nothing queued or waiting</span>` : joinHtml(bits, " ");
-    };
-    const projectCard = (one) => joinHtml([
-        html `<div class="card project-card">`,
-        html `<div class="row">${open !== null && open === one.path
-            ? html `<a class="project-name" href="${returnTo}"><strong>${one.name}</strong></a>`
-            : openForm(one.path, one.name, returnTo, "project-name")}`,
-        html `<span class="right">${open !== null && open === one.path ? html `<span class="badge badge-done">Open now</span>` : openForm(one.path, "Open", returnTo, "button-link")}</span></div>`,
-        html `<p class="meta mono" style="overflow-wrap:anywhere;margin:.2rem 0">${one.path}</p>`,
-        html `<p class="row" style="gap:.35rem;flex-wrap:wrap">${peekChips(one.path, one.peek)}</p>`,
-        html `<p class="meta row" style="justify-content:space-between;margin-bottom:0"><span>${one.note}</span><a href="/settings/knowledge?repo=${encodeURIComponent(one.path)}" style="display:inline-flex;align-items:center;min-height:44px">Knowledge</a></p>`,
-        html `</div>`,
-    ], "\n");
-    const cards = (items) => joinHtml(items.map(one => projectCard({ ...one, peek: peeks[one.path] ?? null })), "\n");
-    const recentItems = recent.map(one => ({ path: one.path, name: one.name, note: `last opened ${when(one.lastOpenedAt)}` }));
-    const candidateItems = candidates.map(path => ({ path, name: projectName(path), note: "seen in the queue" }));
-    // The rebuilt page's rows (shadcn/ui): the same projects, peeks and roads.
-    const home = homedir();
-    const rowOf = (path, name, openedAt) => {
-        const peek = peeks[path] ?? null;
-        return {
-            name, path, shortPath: path.startsWith(`${home}/`) ? `~${path.slice(home.length)}` : path, open: open !== null && open === path, openedAt,
-            knowledgeHref: `/settings/knowledge?repo=${encodeURIComponent(path)}`,
-            ...(pullRequestsOn === undefined ? {} : { pullRequests: { href: `/settings/pull-requests?repo=${encodeURIComponent(path)}`, on: pullRequestsOn(path) } }),
-            ...(checkLevelOf === undefined ? {} : { checks: { href: `/settings/checks?repo=${encodeURIComponent(path)}`, level: CHECK_LEVEL_WORDS[checkLevelOf(path)] } }),
-            peek: peek === null ? null : [
-                ...(peek.waiting > 0 ? [{ label: `${peek.waiting} waiting on you`, href: "/", tone: "attention" }] : []),
-                ...(peek.running > 0 ? [{ label: `${peek.running} running`, href: "/runs", tone: "neutral" }] : []),
-                ...(peek.queued > 0 ? [{ label: `${peek.queued} queued`, href: "/board?view=order", tone: "neutral" }] : []),
-                ...(peek.doneRecently > 0 ? [{ label: `${peek.doneRecently} built today`, href: "/done", tone: "neutral" }] : []),
-            ],
-        };
-    };
-    // The two ways to ADD a project are the page's large, primary actions:
-    // browse this machine, or choose a GitHub repository. Manual path entry
-    // stays available as the clearly secondary expert road.
-    const addAction = (href, paths, title, detail) => html `<a class="project-add-action" href="${href}"><span class="project-add-icon">${strokeIcon(paths)}</span><span class="project-add-copy"><strong>${title}</strong><small>${detail}</small></span><span class="project-add-arrow" aria-hidden="true">→</span></a>`;
-    const addForms = joinHtml([
-        browsable || onboard !== null && !onboard.enabled && onboard.why.includes('--project-root')
-            ? null
-            : html `<p class="meta">Choose a projects folder once with <code>toolroll up --project-root &lt;dir&gt;</code>. Toolroll remembers it after that.</p>`,
-        onboardCard === null ? null : html `<div style="margin-top:.5rem">${onboardCard}</div>`,
-        html `<details class="project-add-more"><summary>Enter an exact path instead</summary>`,
-        html `${postForm("/projects/open", joinHtml([
-            html `<label>Path on this server<input type="text" name="path" placeholder="/Users/you/code/your-repo"></label>`,
-            html `<button type="submit">Open project</button>`,
-        ], "\n"), { attrs: { class: "card" }, returnTo })}</details>`,
-    ], "\n");
-    const addCard = joinHtml([
-        html `<div class="card project-add-card">`,
-        html `<h2 class="project-add-title">Add a project</h2>`,
-        html `<div class="project-add-actions">`,
-        browsable
-            ? addAction("/projects/browse", FOLDER_PATHS, "Choose a local folder", "Browse the project folders on this machine")
-            : null,
-        onboard === null
-            ? null
-            : addAction("/projects/github", html `<circle cx="6" cy="6" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M6 9v6"/><path d="M18 9a9 9 0 0 1-9 9"/>`, "Add from GitHub", "Choose from repositories available to your GitHub login"),
-        html `</div>`,
-        addForms,
-        html `</div>`,
-    ], "\n");
-    // Arriving from New task with no project open: say what this step is for.
-    const choosing = returnTo.startsWith("/tasks/new");
-    return screen("projects", joinHtml([
-        choosing ? html `<h1>New task</h1><p class="meta">Choose the project it belongs to.</p>` : html `<h1>Projects</h1>`,
-        choosing ? null : html `<p class="meta">Add a folder or GitHub repository once. Its tasks and chat stay here.</p>`,
-        problem === null ? null : html `<div class="problem">${problem}</div>`,
-        recentItems.length === 0 && candidateItems.length === 0
-            ? html `<div class="card"><p><strong>Nothing to open yet.</strong></p><p class="meta">Add one below — opening it registers it here for next time.</p></div>`
-            : null,
-        activityHtml,
-        recentItems.length > 0 ? html `<h2>Recent</h2>${cards(recentItems)}` : null,
-        candidateItems.length > 0 ? html `<h2>Available</h2>${cards(candidateItems)}` : null,
-        addCard,
-    ], "\n"), { chrome, workspace: { view: {
-                kind: "projects", choosing, problem, returnTo, ...(activity === undefined ? {} : { activity }),
-                recent: recent.map(one => rowOf(one.path, one.name, one.lastOpenedAt)),
-                available: candidates.map(path => rowOf(path, projectName(path), null)),
-                add: { browse: browsable ? "/projects/browse" : null, github: onboard === null ? null : "/projects/github", html: htmlString(addForms) },
-            } } });
-}
 /** The no-script "move to the front" sentinel: the form cannot name the
  * front of a partition, so the handler resolves it (slice 1b, fix 1). */
 export const QUEUE_FRONT = "__TOP__";
@@ -1125,83 +827,6 @@ export function queueBody(tasks, workers, revision, queueRevision) {
         : html `<p class="meta mono">${worker.building} building in this project · unattended capacity ${worker.capacity}</p>${postForm("/queue/note", html `<input type="text" name="note" value="${worker.note ?? ""}" data-initial="${worker.note ?? ""}" placeholder="what this worker is working through" aria-label="column note" maxlength="200"><button type="submit">Save</button>`, { attrs: { class: "row" }, projectRevision: revision, hidden: { runner: worker.name } })}<p class="meta">Takes from the shared queue when this column is empty</p>`;
     return html `<div class="lanes" data-queue-revision="${queueRevision}">${column("shared queue", "anyone", html `<p class="meta">Workers take from here when their column is empty — top card first</p>`, shared, "nothing waiting — every task is reserved or running")}${joinHtml(workers.map(worker => column(worker.name + (worker.retired ? " (retired)" : ""), worker.name, noteForm(worker), columnOf(worker.name), "nothing queued — this worker will take from the shared queue")), "\n")}</div>`;
 }
-/**
- * The fleet screen — one lane per runner, and the work in front of it.
- * Building claims pin to the top of their worker's lane (live — never
- * draggable); queued reservations sit below it (draggable to another
- * worker, re-reserving them). Every card wears its project chip, which is
- * the whole point: which agent is on which project is the page's answer.
- * Form-free like the board, except the per-worker note, so the lane stack
- * can re-render itself while somebody watches.
- */
-export function fleetBody(queued, building, runners, queueRevision, visibleRepo) {
-    const chip = (repo) => repo === null ? null : html ` <span class="badge">${projectName(repo)}</span>`;
-    const queuedCardOf = (one) => html `<div class="lane-card queue-card" data-task="${one.id}" data-taken="${one.taken ? "1" : "0"}"><p class="row">${one.taken ? null : GRIP_HANDLE}<a href="${taskHref(one.id)}">${one.title}</a></p><p class="row meta"><span class="mono">${one.id}</span>${chip(one.repo)}${one.approved ? null : html ` <span class="badge">Unapproved scope</span>`}${one.blockers > 0 ? html ` <span class="badge">Waits for ${one.blockers}</span>` : null}${one.taken ? html ` <span class="badge">Being taken</span>` : null}</p></div>`;
-    const lanes = runners.map(runner => {
-        const own = queued.filter(one => one.assignedRunner === runner.name && visibleRepo(one.repo));
-        const live = building.filter(one => one.runner === runner.name);
-        const retired = runner.retiredAt !== null;
-        const head = retired
-            ? html `<p class="meta">This worker is retired — drag these elsewhere, or register the name again</p>`
-            : html `${postForm("/queue/note", html `<input type="text" name="note" class="runner-note" value="${runner.queueNote ?? ""}" data-initial="${runner.queueNote ?? ""}" placeholder="what this worker is working through" aria-label="column note" maxlength="200">`, { attrs: { class: "row" }, hidden: { from: "fleet", runner: runner.name } })}<p class="meta">${runnerAlive(runner, new Date()) ? "alive" : "quiet"} · ${live.length}/${runner.capacity} building</p>`;
-        const buildingCards = joinHtml(live.map(claim => html `<div class="lane-card" data-taken="1"><p class="row"><span class="dot dot-ok pulse"></span> ${claim.taskId}</p><p class="row meta">building${chip(claim.repo ?? null)}${claim.model === null ? null : html ` · ${modelName(null, claim.model)}`} · ${Math.max(1, Math.round((Date.now() - new Date(claim.claimedAt).getTime()) / 60_000))}m</p></div>`), "\n");
-        const queuedCards = joinHtml(own.map(queuedCardOf), "\n");
-        const empty = live.length === 0 && own.length === 0
-            ? html `<p class="meta lane-empty">${retired ? "nothing left" : "idle — will take from the shared queue"}</p>`
-            : null;
-        return html `<section class="lane queue-column${live.length > 0 ? " lane-live" : ""}" data-column="${runner.name}"><h2>${runner.name}${retired ? " (retired)" : ""}</h2>${head}${buildingCards}${queuedCards}${empty}</section>`;
-    });
-    // The shared queue: anything reserved for nobody.
-    const shared = queued.filter(one => one.assignedRunner === null && visibleRepo(one.repo));
-    const sharedCards = joinHtml(shared.map(queuedCardOf), "\n");
-    const sharedLane = html `<section class="lane queue-column" data-column="anyone"><h2>Shared queue</h2><p class="meta">Any free worker takes from here, top first</p>${sharedCards}${shared.length === 0 ? html `<p class="meta lane-empty">nothing waiting — every task is reserved or running</p>` : null}</section>`;
-    return html `<div class="lanes" data-queue-revision="${queueRevision}">${sharedLane}${joinHtml(lanes, "\n")}</div>`;
-}
-/** Identical drag mechanics to the queue — the pointer events land on the worker's column. */
-export function fleetScript() {
-    return (`(function(){var region=document.getElementById("fleet-region");if(!region)return;` +
-        `var stamp=document.getElementById("fleet-region-stamp");var dragging=null;` +
-        `function dirty(){if(region.contains(document.activeElement)&&document.activeElement!==document.body)return true;` +
-        `var inputs=region.querySelectorAll("input[type=text]");for(var i=0;i<inputs.length;i++){` +
-        `if(inputs[i].value!==(inputs[i].getAttribute("data-initial")||""))return true;}` +
-        `return false;}` +
-        `function paused(){return dragging!==null||dirty();}` +
-        `var wait=12000;var last=Date.now();var busy=false;` +
-        `function tell(){if(!stamp)return;if(paused()){stamp.textContent="paused while you edit";return;}` +
-        `stamp.textContent="updated "+Math.round((Date.now()-last)/1000)+"s ago";}setInterval(tell,1000);` +
-        `function cycle(){if(document.hidden||busy||paused()){setTimeout(cycle,wait);return;}busy=true;` +
-        `fetch("/fleet?fragment=1",{redirect:"manual",cache:"no-store"})` +
-        `.then(function(r){if(r.type==="opaqueredirect"||r.status===401||r.status===403){location.href="/login";return null;}` +
-        `return r.ok?r.text():null;})` +
-        `.then(function(t){if(t&&!paused()){region.innerHTML=t;last=Date.now();}})` +
-        `.catch(function(){})` +
-        `.then(function(){busy=false;tell();setTimeout(cycle,wait);});}setTimeout(cycle,wait);` +
-        `region.addEventListener("pointerdown",function(e){var handle=e.target.closest(".queue-handle");if(!handle)return;` +
-        `var card=handle.closest(".queue-card");if(!card||card.getAttribute("data-taken")==="1")return;` +
-        `e.preventDefault();dragging={task:card.getAttribute("data-task"),card:card};card.style.opacity="0.5";});` +
-        `region.addEventListener("pointermove",function(e){if(!dragging)return;e.preventDefault();` +
-        `var over=document.elementFromPoint(e.clientX,e.clientY);if(!over)return;` +
-        `var target=over.closest(".queue-card");var lane=over.closest(".queue-column");` +
-        `region.querySelectorAll(".queue-card,.queue-column").forEach(function(n){n.style.outline="";});` +
-        `if(target&&target!==dragging.card){target.style.outline="2px solid currentColor";}` +
-        `else if(lane){lane.style.outline="2px dashed currentColor";}});` +
-        `region.addEventListener("pointerup",function(e){if(!dragging)return;var drag=dragging;dragging=null;` +
-        `drag.card.style.opacity="";region.querySelectorAll(".queue-card,.queue-column").forEach(function(n){n.style.outline="";});` +
-        `var over=document.elementFromPoint(e.clientX,e.clientY);if(!over){tell();return;}` +
-        `var target=over.closest(".queue-card");var lane=over.closest(".queue-column");if(!lane){tell();return;}` +
-        `var column=lane.getAttribute("data-column");var before=target&&target!==drag.card?target.getAttribute("data-task"):"";` +
-        `if(target&&target.getAttribute("data-taken")==="1"){before="";}` +
-        `var wrap=region.querySelector("[data-queue-revision]");` +
-        `var fields={respond:"fragment",csrf:(region.querySelector("input[name=csrf]")||{value:""}).value,` +
-        `queueRevision:wrap?wrap.getAttribute("data-queue-revision"):"",task:drag.task,column:column,before:before};` +
-        `var post=new URLSearchParams();Object.keys(fields).forEach(function(k){post.append(k,fields[k]);});` +
-        `fetch("/queue/move",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:post.toString(),redirect:"manual"})` +
-        `.then(function(r){return r.ok?fetch("/fleet?fragment=1",{cache:"no-store"}).then(function(f){return f.ok?f.text():null;}):null;})` +
-        `.then(function(t){if(t&&!paused()){region.innerHTML=t;last=Date.now();}else if(t===null){location.href="/fleet";}})` +
-        `.catch(function(){})` +
-        `.then(function(){tell();});});` +
-        `})();`);
-}
 /** The /queue page's one nonce'd script: delegated pointer-event drag (it
  * survives every fragment swap — finding 17) plus a poller that re-checks
  * focus, dirty inputs, and an in-flight drag AT SWAP TIME, never only
@@ -1268,83 +893,6 @@ export function queueScript() {
         `.then(function(){tell();});});` +
         `})();`);
 }
-export function newTaskPage(chrome, project, 
-/** undefined: keep the revision the refused form posted (its draft), so a project switch since still refuses. */
-projectRevision, problem, candidates = [], permissionDefault = "auto", qualityDefault = "default", projects = [], 
-/** A shipped template's fields, or a refused filing's own words, back in the form. */
-prefill = null) {
-    return screen("New task", joinHtml([
-        html `<section class="task-intake">`,
-        html `<div class="task-intake-hero"><h1>What should get done?</h1></div>`,
-        html `<p class="meta">Work you do often? <a href="/recipes">Use a saved recipe</a> or <a href="/recipes/new">create one</a>.</p>`,
-        problem === null ? null : html `<div class="problem">${problem}</div>`,
-        taskComposerHtml({
-            project,
-            ...(projectRevision === undefined ? {} : { projectRevision }),
-            prefill,
-            candidates,
-            permissionDefault,
-            qualityDefault,
-            projects,
-        }),
-        html `<p class="meta task-agent-note">Nothing builds until you approve the plan. <a href="/chat">Or start in chat.</a></p>`,
-        html `</section>`,
-    ], "\n"), { chrome });
-}
-/**
- * The triage flow: everything waiting on a person, one card at a time.
- * Full context ON the card, the act inline, and every act lands back here
- * — clearing the queue is taps, not navigation. Read state travels in the
- * URL (the bounded skip cursor), never in the session: two tabs cannot
- * fight, and a shared link shows the same queue.
- */
-export function nextPage(chrome, data) {
-    const { item } = data;
-    if (item === null) {
-        const held = data.skipped.length;
-        return screen("next", joinHtml([
-            html `<h1>All clear</h1>`,
-            held > 0
-                ? html `<p>Nothing left except the ${held} you set aside. <a href="/next">Look at those again</a>, or come back later.</p>`
-                : html `<p>Nothing needs you. The machine is either working or waiting on its own clocks.</p>`,
-            html `<p class="meta"><a href="/board">the board</a> shows what is moving · <a href="/inbox">the inbox</a> lists everything at once</p>`,
-        ], "\n"), { chrome });
-    }
-    const skipHref = `/next?skip=${encodeURIComponent([...data.skipped, item.key].join(","))}`;
-    const header = html `<p class="meta next-pager"><span>${data.remaining === 1 ? "the last thing waiting on you" : `1 of ${data.remaining} waiting on you`}</span><a class="skip" href="${skipHref}">not now — next →</a></p>`;
-    let card;
-    if (item.kind === "decision") {
-        const { decision } = item;
-        card =
-            html `<h1>${decision.taskId} <span class="meta">asked ${whenTime(decision.createdAt)}</span></h1><div class="recap">${decision.recap}</div><div class="question">${decision.question}</div>${decisionOptionForms(decision, "next")}`;
-    }
-    else if (item.kind === "approval" && !consentDoorOf(data.scope, data.route).open) {
-        const door = consentDoorOf(data.scope, data.route);
-        card =
-            html `<h1>${item.approval.taskId}</h1><p>${item.approval.title}</p>${consentClosedHtml(item.approval.taskId, door, "next")}<p class="meta"><a href="${taskHref(item.approval.taskId)}">open the full task</a></p>`;
-    }
-    else if (item.kind === "approval") {
-        const scope = data.scope;
-        card =
-            html `<h1>${item.approval.taskId}</h1><p>${item.approval.title}</p>${data.planDocument === null
-                ? null
-                : html `<div class="card"><p><strong>The plan</strong> <span class="meta">drafted by a planning session</span></p>${executionPlanHtml(data.planDocument, true)}${planContractHtml(data.planContract ?? null, "ceremony")}</div>`}${postForm(`${taskHref(item.approval.taskId)}/approve`, html `<p><strong>Approve exactly this:</strong></p>${data.deliverable === "report" ? html `<p class="meta"><span class="badge">Scout</span> a read-only session investigates this goal and delivers a report — no branch, nothing changes in the repository</p>` : null}${scope === null || scope.profileState !== "unresolved" ? null : profileWords(scope)}${originNote(data.origin) === null ? null : html `<p class="meta" data-approval-origin>${originNote(data.origin)}</p>`}<p class="meta">Goal</p><p class="recap" style="margin-top:0">${scope?.goal ?? item.approval.goal}</p><p class="meta">Not this</p><p class="recap" style="margin-top:0">${scope?.outOfScope == null ? html `<em>no exclusions</em>` : scope.outOfScope}</p><p class="meta">Touches · ${scope === null || scope.touches.length === 0 ? "anything" : joinHtml(scope.touches, ", ")}</p>${scope === null ? null : acceptanceCeremonyHtml(scope.acceptance)}${
-            // The AGENTS the yes freezes (v48): the same concise block the task
-            // page and chat sign under, before the password — runtime limits one
-            // tap away, never in the way.
-            agentsCeremonyHtml(data.route)}${scope === null ? null : runtimeDetailsHtml(scope)}${reauth(html `<label>Your password, typed again — a signed-in session alone cannot agree to work<input type="password" name="token" autocomplete="current-password"></label>`)}<div class="sticky-actions"><button type="submit">Approve this scope</button></div>`, { attrs: { class: "card approve-form" }, returnTo: "next", hidden: { nonce: data.nonce, digest: data.approvalDigest ?? item.approval.digest } })}<p class="meta"><a href="${taskHref(item.approval.taskId)}">open the full task</a> to edit the scope first</p>`;
-    }
-    else if (item.kind === "requeue") {
-        card =
-            html `<h1>${item.stalled.taskId}</h1><p>${item.stalled.title}</p><p class="meta">Stopped — ${item.stalled.incidentCount} incident(s)${item.stalled.strikes > 0 ? html ` after ${item.stalled.strikes} attempt(s)` : null}</p>${postForm(`${taskHref(item.stalled.taskId)}/requeue`, html `<p class="meta">Requeue resolves the incidents, clears the failed attempts, and puts it back in line</p><button type="submit">Retry this work</button>`, { attrs: { class: "card" }, returnTo: "next" })}<p class="meta"><a href="${taskHref(item.stalled.taskId)}">open the full task</a> to read the runs first</p>`;
-    }
-    else {
-        const { gap } = item;
-        card =
-            html `<h1>Supply ${gap.key}</h1><p class="meta">${gap.state}</p><p>Filling this starts ${gap.unblocks.length} task(s): ${joinHtml(gap.unblocks.map(one => html `<span class="mono">${one}</span>`), ", ")}</p><div class="card"><p class="meta">Prove it filled from the terminal:</p><pre class="recap">${gap.verify}</pre></div>`;
-    }
-    return screen("next", joinHtml([header, card], "\n"), { chrome });
-}
 /** Put away old tasks (docs/plans/task-tidy.md): exactly what would be put away, grouped, each with why, every one
  * ticked; one step-up puts away the ticked ones, bound to this preview's digest. The CLI twin is named beside it. */
 export function putAwayPage(chrome, data) {