toolroll 0.9.100 → 0.9.101

package/dist/server/console.css

@@ -41,7 +41,7 @@
     --muted: var(--so-raised); --muted-foreground: var(--so-muted); --border: var(--so-line); --input: var(--so-input-line);
     --primary: var(--so-accent); --primary-foreground: var(--so-on-accent); --secondary: var(--so-raised);
     --accent: var(--so-soft); --destructive: var(--so-danger); --destructive-soft: var(--so-danger-soft);
-    --success: var(--so-success); --success-soft: var(--so-success-soft); --warning: var(--so-warning); --warning-soft: var(--so-warning-soft);
+    --success: var(--so-success); --success-soft: var(--so-success-soft); --warning: var(--so-neutral-ink); --warning-soft: var(--so-neutral-soft);
     --running: var(--so-info); --running-soft: var(--so-info-soft); --ring: var(--so-signal);
     /* The accent means one thing: a person is needed (approve, answer, decide). */
     --brand: var(--so-attention); --brand-foreground: var(--so-on-attention); --brand-soft: var(--so-attention-soft);
@@ -141,7 +141,7 @@
   }
   .badge-note {
     background: color-mix(in srgb, var(--muted) 58%, var(--card));
-    color: var(--so-warning, #ab6400); border-color: var(--border);
+    color: var(--so-neutral-ink); border-color: var(--border);
   }
   .badge-overdue {
     background: color-mix(in srgb, var(--muted) 58%, var(--card)); color: var(--foreground);
@@ -173,17 +173,17 @@
   }
   .badge-cut { background: var(--muted); }
   /* The status chip (components/ui/badge.tsx `size="chip"`, after ReUI's light badge with a dot): 20px, 6px
-     corners, a soft wash, 11.5px words and a 6px dot. Needs you is the amber wash with its words leaned toward ink
-     (4.5:1); the dot is decoration and the word carries the meaning. */
+     corners, a soft wash, 11.5px words and a 6px dot. Needs you is solid ink with paper words and
+     no dot; elsewhere the dot is decoration and the word carries the meaning. */
   .chip {
     display: inline-flex; align-items: center; gap: .375rem; height: 1.25rem; padding: 0 .375rem; border-radius: var(--so-radius-sm);
     font-family: var(--font-sans); font-size: .71875rem; font-weight: 500; line-height: 1; white-space: nowrap; vertical-align: middle;
     background: var(--so-neutral-soft); color: var(--so-ink);
   }
-  /* Ink words, the tone in the dot (the Agents → Live chip); Needs you keeps amber words leaned toward ink. */
+  /* Ink words, the tone in the dot (the Agents → Live chip); Needs you is solid ink, no dot. */
   .chip-dot { width: .375rem; height: .375rem; flex-shrink: 0; border-radius: var(--so-radius-full); background: var(--so-neutral-ink); }
-  .chip-needs { background: var(--so-warning-soft); color: color-mix(in oklab, var(--so-warning) 85%, var(--so-ink)); }
-  .chip-needs .chip-dot { background: var(--so-warning); }
+  .chip-needs { background: var(--so-needs); color: var(--so-on-signal); }
+  .chip-needs .chip-dot { display: none; }
   .chip-live { background: var(--so-info-soft); }
   .chip-live .chip-dot { background: var(--so-info); }
   .chip-done { background: var(--so-success-soft); }
@@ -195,7 +195,7 @@
   .frame { display: flex; flex-direction: column; gap: .25rem; padding: .25rem; border: 1px solid var(--so-line); border-radius: var(--so-radius-card); background: var(--so-raised); }
   .frame-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 2rem; padding: .25rem .625rem; }
   .frame-panel { position: relative; border: 1px solid var(--so-line); border-radius: calc(var(--so-radius-card) - .25rem - 1px); background: var(--so-paper); padding: .75rem .875rem; }
-  .frame-panel.waits { border-color: var(--so-warning); }
+  .frame-panel.waits { border-color: var(--so-needs); }
 
   .card {
     border: 1px solid var(--glass-border); border-radius: var(--radius); background: var(--glass);
@@ -1012,7 +1012,7 @@
   .dispatch-status[data-dispatch-status="proof-refuted"] .dispatch-copy > strong::before,
   .dispatch-status[data-dispatch-status="needs-verification"] .dispatch-copy > strong::before {
     content: ""; display: inline-block; width: .45rem; height: .45rem; margin-right: .45rem; border-radius: 50%; vertical-align: .08rem;
-    background: var(--so-warning, #ab6400);
+    background: var(--warning);
   }
   .problem.dispatch-status[data-dispatch-status="proof-refuted"] .dispatch-copy > strong::before { background: var(--destructive); }
   .dispatch-status[data-dispatch-status="needs-verification"] .dispatch-copy > strong::before { background: var(--muted-foreground); }
@@ -1110,14 +1110,14 @@
   .contract-panel { margin-top: .8rem; padding: .7rem .85rem; border: 1px solid var(--glass-border); border-radius: calc(var(--radius) - 3px); background: color-mix(in srgb, var(--muted) 45%, transparent); }
   .contract-panel .approval-label { margin: 0 0 .25rem; }
   .contract-panel p { margin: .2rem 0; }
-  .contract-amended { border-color: color-mix(in srgb, var(--warning, #c98a1b) 55%, var(--glass-border)); background: color-mix(in srgb, var(--warning, #c98a1b) 9%, transparent); }
+  .contract-amended { border-color: color-mix(in srgb, var(--warning) 55%, var(--glass-border)); background: color-mix(in srgb, var(--warning) 9%, transparent); }
   .contract-reason { font-size: .9rem; }
   .contract-changes { margin: .5rem 0 0; padding-left: 1.1rem; display: grid; gap: .45rem; }
   .contract-changes li { overflow-wrap: anywhere; }
   .contract-change-kind { display: inline-block; margin-right: .3rem; padding: .05rem .4rem; border-radius: 999px; font: 600 .62rem/1.5 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; background: color-mix(in srgb, var(--muted) 70%, transparent); }
   .contract-change-added { background: color-mix(in srgb, var(--success, #2f9e5f) 18%, transparent); }
   .contract-change-removed { background: color-mix(in srgb, var(--danger, #c8453d) 18%, transparent); }
-  .contract-change-changed { background: color-mix(in srgb, var(--warning, #c98a1b) 22%, transparent); }
+  .contract-change-changed { background: color-mix(in srgb, var(--warning) 22%, transparent); }
   .contract-before, .contract-after { margin-top: .15rem; font-size: .85rem; }
   .contract-before { color: var(--muted-foreground); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--muted-foreground) 55%, transparent); }
   .contract-note { margin-top: .5rem; }
@@ -1251,6 +1251,35 @@
   .approval-roles dd { margin: 0; }
   .approval-roles dd ul { margin: 2px 0 0; color: var(--muted-foreground); }
   .chat-plan .approval-sheet { padding: 0; border: 0; background: none; }
+  /* The plan sheet (task page, docs/plans/task-page-steps.md): the same terms read top to bottom — one lead sentence,
+     Steps, Done when, Will change / Won't touch, Worth knowing, the agent — every part open, small muted headings. */
+  .plan-sheet { display: grid; gap: 22px; margin: 0; min-width: 0; color: var(--so-ink); }
+  .plan-sheet > * { margin: 0; }
+  .plan-sheet-lead { max-width: 66ch; font-size: 17px; line-height: 1.5; letter-spacing: -.01em; overflow-wrap: anywhere; }
+  .plan-sheet-lead-long { font-size: 15px; line-height: 1.6; letter-spacing: 0; }
+  .plan-sheet-text { max-width: 66ch; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; white-space: pre-wrap; }
+  .plan-sheet-part { display: grid; align-content: start; gap: var(--so-space-sm); min-width: 0; max-width: 75ch; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
+  .plan-sheet-part > *, .plan-sheet-part p, .plan-sheet-part ul, .plan-sheet-part ol, .plan-sheet-part dl { margin: 0; }
+  .plan-sheet-h { margin: 0; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: 0; text-transform: none; color: var(--so-muted); }
+  .plan-sheet-sub { color: var(--so-muted); font-size: 12.5px; }
+  .plan-sheet-steps { display: grid; gap: var(--so-space-sm); padding: 0; list-style: none; counter-reset: plan-step; }
+  .plan-sheet-steps > li { display: flex; gap: var(--so-space-md); counter-increment: plan-step; }
+  .plan-sheet-steps > li::before { content: counter(plan-step); flex: 0 0 22px; box-sizing: border-box; width: 22px; height: 22px; border: 1px solid var(--so-line); border-radius: 50%; display: grid; place-items: center; font-size: 12px; color: var(--so-muted); font-variant-numeric: tabular-nums; }
+  .plan-sheet-steps > li > span { min-width: 0; padding-top: 1px; }
+  .plan-sheet-done { display: grid; padding: 0; list-style: none; }
+  .plan-sheet-done > li { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--so-space-xs) var(--so-space-md); padding: var(--so-space-sm) 0; border-bottom: 1px solid var(--so-line); }
+  .plan-sheet-done > li:last-child { border-bottom: 0; }
+  .plan-sheet-done > li > span:first-child { flex: 1 1 260px; min-width: 0; }
+  .plan-sheet-how { flex: none; font-size: 12.5px; color: var(--so-muted); }
+  .plan-sheet-pair { display: flex; flex-wrap: wrap; gap: var(--so-space-lg) 40px; }
+  .plan-sheet-pair > .plan-sheet-part { flex: 1 1 220px; }
+  .plan-sheet .approval-paths li { color: var(--so-ink); font-size: 13px; line-height: 1.7; }
+  .plan-sheet-list { display: grid; gap: var(--so-space-xs); padding-left: 1.25rem; }
+  .plan-sheet-warn { color: var(--so-ink); }
+  .plan-sheet .approval-amendment { margin: 0; }
+  .plan-sheet .approval-who, .plan-sheet .approval-evidence, .plan-sheet .approval-allowing, .plan-sheet .approval-you-check { margin: 0; }
+  .plan-sheet .approval-roles { margin: 0; }
+  .plan-sheet .revision-card { margin: 0; padding: 0; border: 0; background: none; }
   @media (max-width: 760px) {
     .approval-sheet { gap: var(--so-space-md); padding: 14px; }
     .approval-row { grid-template-columns: 1fr; gap: 2px; }
@@ -1564,7 +1593,7 @@
   .status-line { display: inline-flex; align-items: center; gap: .45rem; min-width: 0; font-size: .875rem; font-weight: 600; color: var(--foreground); }
   .status-line .status-label { min-width: 0; overflow-wrap: anywhere; }
   .status-line .status-dot { flex: none; width: .5rem; height: .5rem; border-radius: 50%; background: var(--muted-foreground); }
-  .status-line[data-tone="attention"] .status-dot { background: var(--warning); }
+  .status-line[data-tone="attention"] .status-dot { background: var(--so-needs); }
   .status-line[data-tone="problem"] .status-dot { background: var(--destructive); }
   .status-line[data-tone="live"] .status-dot { background: var(--running); box-shadow: 0 0 0 3px var(--running-soft); }
   .status-line[data-tone="ready"] .status-dot, .status-line[data-tone="done"] .status-dot { background: var(--success); }
@@ -1577,7 +1606,7 @@
   .pull-request-head strong { font-size: 1.0625rem; font-weight: 600; color: var(--foreground); display: inline-flex; align-items: center; gap: .5rem; }
   .pull-request-head strong::before { content: ""; width: .5rem; height: .5rem; border-radius: 999px; background: var(--muted-foreground); }
   .pull-request--ok .pull-request-head strong::before { background: var(--success, #15803d); }
-  .pull-request--problem .pull-request-head strong::before { background: var(--so-warning, #ab6400); }
+  .pull-request--problem .pull-request-head strong::before { background: var(--foreground); }
   .pull-request-act { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5rem .75rem; margin: .25rem 0 0; }
   .pull-request-act .meta { flex: 1 1 100%; }
   .pull-request-act label { display: grid; gap: .25rem; flex: 1 1 12rem; margin: 0; }
@@ -1813,7 +1842,7 @@
   }
   /* A lane is a frame (components/ui/frame.tsx, after ReUI's Frame): a raised well with a hairline, its head a
      status chip and a mono count on the well's fill, its cards paper panels at concentric corners. Only the lane
-     that waits on a person is amber: its chip, and each card's thin full outline. No fill, no stripe, no shadow. */
+     that waits on a person is ink: its chip, and each card's thin full outline. No fill, no stripe, no shadow. */
   .lane {
     background: var(--so-raised); border: 1px solid var(--so-line);
     border-radius: var(--so-radius-card); padding: .25rem; min-height: 12rem;
@@ -1830,7 +1859,7 @@
     background: var(--so-paper); border: 1px solid var(--so-line);
     border-radius: calc(var(--so-radius-card) - .25rem - 1px); padding: .625rem .75rem; margin-top: .25rem;
   }
-  .lane-attention .lane-card { border-color: var(--so-warning); }
+  .lane-attention .lane-card { border-color: var(--so-needs); }
   /* The order view's columns are frames too, with roomier insides (a form, a note) and a quiet dot by the name. */
   .lane.queue-column { padding: .5rem; }
   .queue-column > h2::before { content: ""; width: .375rem; height: .375rem; border-radius: var(--so-radius-full); flex: none; background: var(--muted-foreground); opacity: .55; }
@@ -2854,9 +2883,9 @@ html.so-swap::view-transition-old(*):only-child { animation: so-card-out 160ms e
 .tc-c0 { color: var(--so-ink); stroke: var(--so-ink); }
 .tc-c1 { color: var(--so-info); stroke: var(--so-info); }
 .tc-c2 { color: var(--so-success); stroke: var(--so-success); }
-.tc-c3 { color: var(--so-warning); stroke: var(--so-warning); }
+.tc-c3 { color: var(--so-muted); stroke: var(--so-muted); }
 .tc-c4 { color: var(--so-danger); stroke: var(--so-danger); }
-.tc-c5 { color: var(--so-muted); stroke: var(--so-muted); }
+.tc-c5 { color: var(--so-input-line); stroke: var(--so-input-line); }
 .tc-line { margin: 0; display: grid; gap: var(--so-space-xs); }
 .tc-line svg { width: 100%; height: 90px; }
 .tc-line figcaption { font-size: 11.5px; color: var(--so-muted); }

package/dist/server/kit.d.ts

@@ -9,7 +9,7 @@
  * as plain HTML without it.
  */
 import { type AttributeValue, type Html, type HtmlValue, type PostFormOptions } from "../html.js";
-import { type ApprovalFacts, type ApprovalKind, type ChipTone, type KitIcon, type StatusKey, type StepItem, type TimingRow } from "../design/kit.js";
+import { type ApprovalFacts, type ApprovalKind, type ChipTone, type KitIcon, type StatusKey, type StepItem, type StepRowMark, type TimingRow } from "../design/kit.js";
 import type { Headline } from "../task-status.js";
 type Attrs = Readonly<Record<string, AttributeValue>>;
 export declare function icon(name: KitIcon, small?: boolean): Html;
@@ -140,7 +140,7 @@ export declare function facts(rows: ReadonlyArray<readonly [key: string, value:
 export declare const note: (text: HtmlValue) => Html;
 /** A refusal or problem, where it happened (role=alert): what went wrong and what didn't change. */
 export declare const notice: (text: HtmlValue) => Html;
-/** One neutral system line (a builder offline, an update): not a failure, never amber. */
+/** One neutral system line (a builder offline, an update): not a failure, never the needs-you mark. */
 export declare const infoLine: (text: HtmlValue) => Html;
 export declare function empty(options: {
     title: string;
@@ -223,7 +223,7 @@ export declare function approveForm(options: {
 }): Html;
 /** The terms line for an act, from the same rules. */
 export declare const approvalTerms: (kind: ApprovalKind, facts: ApprovalFacts) => string;
-/** Waits that aren't tasks, on their own page (a spend limit, a failed backup): one amber outline, a count, items
+/** Waits that aren't tasks, on their own page (a spend limit, a failed backup): one ink outline, a count, items
  * split by hairlines, each with its one action. They never join the global Needs-you count. */
 export declare function needsPanel(items: ReadonlyArray<{
     title: string;
@@ -359,6 +359,39 @@ export declare function outField(options: {
     error?: string | null;
     attrs?: Attrs;
 }): Html;
+/** One step row: its marker, label, one sentence, a time (`at` ISO, `when` the words for it), and its body. `toggle`: a
+ * finished row's head is a disclosure button (aria-expanded) for its body; `open` shows the body. */
+export type StepRowItem = {
+    key: string;
+    label: string;
+    mark: StepRowMark;
+    sentence: HtmlValue;
+    needsYou?: boolean;
+    current?: boolean;
+    at?: string | null;
+    when?: string;
+    body?: HtmlValue;
+    toggle?: boolean;
+    open?: boolean;
+};
+/** The steps of one object as the page itself (a task: Plan · Approval · Build · Checks · Ready): an ordered list, a
+ * marker on a rail, the label, one sentence and a time per row, and the row's body under it. The current row is
+ * `aria-current="step"`. Same markup as `KStepRows`. */
+export declare function stepRows(items: readonly StepRowItem[], label?: string): Html;
+/** The work's frame (KIT.md "The work"): a header (the title, who is working with a blue dot while it runs, Close), the
+ * body that scrolls, and the message box at the foot. The records themselves are followed live by the workspace
+ * (`KWork` and `useConversation`); a page without script shows what `body` holds. Same markup as `KWork`. */
+export declare function work(options: {
+    id: string;
+    title: string;
+    who?: HtmlValue;
+    live?: boolean;
+    close?: string | null;
+    hidden?: boolean;
+    body?: HtmlValue;
+    foot?: HtmlValue;
+    attrs?: Attrs;
+}): Html;
 export type CheckStep = {
     key: string;
     title: string;

package/dist/server/kit.js

@@ -8,8 +8,8 @@
  * (src/browser/kit/behavior.ts), which wires any kit markup the workspace places; every control here still works
  * as plain HTML without it.
  */
-import { attributes, html, joinHtml, passwordlessRendering, postForm } from "../html.js";
-import { KIT_ICONS, NOT_FOUND, SETTINGS_GROUPS, STATUS, STEP_WORDS, TIMING_WORDS, approvalAsk, chipOfHeadline, dur, needsWords, stepsFill, termsOf, timingBars, } from "../design/kit.js";
+import { attributes, html, htmlString, joinHtml, passwordlessRendering, postForm } from "../html.js";
+import { KIT_ICONS, NOT_FOUND, SETTINGS_GROUPS, STATUS, STEP_ROW_WORDS, STEP_WORDS, stepRowBodyId, TIMING_WORDS, approvalAsk, chipOfHeadline, dur, needsWords, stepsFill, termsOf, timingBars, } from "../design/kit.js";
 const cls = (...names) => names.filter(Boolean).join(" ");
 // ---- text and icons ---------------------------------------------------------------------------------------------
 export function icon(name, small = false) {
@@ -106,7 +106,7 @@ export function facts(rows) {
 export const note = (text) => html `<p class="k-note">${text}</p>`;
 /** A refusal or problem, where it happened (role=alert): what went wrong and what didn't change. */
 export const notice = (text) => html `<p class="k-notice" role="alert">${icon("alert", true)}<span>${text}</span></p>`;
-/** One neutral system line (a builder offline, an update): not a failure, never amber. */
+/** One neutral system line (a builder offline, an update): not a failure, never the needs-you mark. */
 export const infoLine = (text) => html `<p class="k-notice info">${text}</p>`;
 export function empty(options) {
     return html `<div class="k-empty"><p class="k-empty-t">${options.title}</p>${options.text ? html `<p class="k-empty-x">${options.text}</p>` : ""}${options.action ?? ""}</div>`;
@@ -180,7 +180,7 @@ export function approveForm(options) {
 }
 /** The terms line for an act, from the same rules. */
 export const approvalTerms = (kind, facts) => termsOf(kind, facts);
-/** Waits that aren't tasks, on their own page (a spend limit, a failed backup): one amber outline, a count, items
+/** Waits that aren't tasks, on their own page (a spend limit, a failed backup): one ink outline, a count, items
  * split by hairlines, each with its one action. They never join the global Needs-you count. */
 export function needsPanel(items, label = "Needs you") {
     if (items.length === 0)
@@ -320,6 +320,35 @@ export function outField(options) {
     return html `<div class="k-field"><label class="k-label" for="${options.id}">${options.label}</label>${control}\
 ${options.hint ? html `<p class="k-hint" id="${options.id}-hint">${options.hint}</p>` : ""}${options.error ? html `<p class="k-err" id="${options.id}-err" role="alert">${options.error}</p>` : ""}</div>`;
 }
+/** The steps of one object as the page itself (a task: Plan · Approval · Build · Checks · Ready): an ordered list, a
+ * marker on a rail, the label, one sentence and a time per row, and the row's body under it. The current row is
+ * `aria-current="step"`. Same markup as `KStepRows`. */
+export function stepRows(items, label = "Steps") {
+    return html `<ol class="k-steprows" aria-label="${label}">${items.map(item => {
+        const hasBody = item.body !== undefined && htmlString(html `${item.body}`) !== "";
+        const id = stepRowBodyId(item.key);
+        const head = html `<span class="k-steprow-label">${item.label}<span class="k-sr">, ${STEP_ROW_WORDS[item.mark]}</span></span>\
+<span class="k-steprow-say">${item.needsYou ? chip("Needs you", "needs") : ""}${item.sentence === "" ? "" : html `<span>${item.sentence}</span>`}</span>\
+${item.at ? html `<time class="k-steprow-time k-num" datetime="${item.at}">${item.when ?? ""}</time>` : ""}`;
+        return html `<li class="${cls("k-steprow", item.mark)}" data-step-row="${item.key}"${item.current ? html ` aria-current="step"` : ""}><span class="k-steprow-mark" aria-hidden="true"></span>\
+<div class="k-steprow-main">${item.toggle && hasBody
+            ? html `<button class="k-steprow-head" type="button" aria-expanded="${item.open ? "true" : "false"}" aria-controls="${id}">${head}</button>`
+            : html `<div class="k-steprow-head">${head}</div>`}${hasBody ? html `<div class="k-steprow-body" id="${id}"${item.open ? "" : html ` hidden`}>${item.body}</div>` : ""}</div></li>`;
+    })}</ol>`;
+}
+// ---- the work -----------------------------------------------------------------------------------------------------
+/** The work's frame (KIT.md "The work"): a header (the title, who is working with a blue dot while it runs, Close), the
+ * body that scrolls, and the message box at the foot. The records themselves are followed live by the workspace
+ * (`KWork` and `useConversation`); a page without script shows what `body` holds. Same markup as `KWork`. */
+export function work(options) {
+    const who = options.who === undefined || htmlString(html `${options.who}`) === "" ? ""
+        : html `<p class="k-work-who">${options.live ? html `<span class="k-work-dot" aria-hidden="true"></span>` : ""}<span>${options.who}</span></p>`;
+    const close = options.close === undefined || options.close === null ? "" : btn(options.close, { variant: "ghost", sm: true, iconOnly: "x" });
+    const foot = options.foot === undefined || htmlString(html `${options.foot}`) === "" ? "" : html `<div class="k-work-foot">${options.foot}</div>`;
+    return html `<aside class="k-work" id="${options.id}" aria-labelledby="${options.id}-h"${options.hidden ? html ` hidden` : ""}${attributes(options.attrs ?? {})}>\
+<header class="k-work-head"><div class="k-work-title"><h2 id="${options.id}-h">${options.title}</h2>${who}</div>${close}</header>\
+<div class="k-work-body" data-agent-scroll="">${options.body ?? ""}</div>${foot}</aside>`;
+}
 /** A short list of steps: a mark, the step and one line, its one action. Done steps read muted with a check; a step
  * being checked shows a static ring (running state never animates). The state is also said in words. */
 export function checklist(steps, label = "Steps") {

package/dist/server/render-chat.d.ts

@@ -84,6 +84,8 @@ export type TaskChatFocus = {
         origin?: TaskOrigin | null;
         /** The repair chain row when this task is a machine-drafted repair. */
         repairChain: RepairChainRow | null;
+        /** A release filed while its pull request's checks still ran: the sheet says nothing deploys until they pass. */
+        releaseCiRunning?: boolean;
     } | null;
     decisions: (Decision & {
         taskId: string;

package/dist/server/render-chat.js

@@ -93,6 +93,7 @@ export function taskChatApproval(focus, csrf) {
         coordinator: approval.coordinator,
         origin: approval.origin ?? null,
         deliverable: approval.deliverable,
+        releaseCiRunning: approval.releaseCiRunning === true,
         rebuild: focus.assignment?.need != null && "key" in focus.assignment.need && focus.assignment.need.key === "replan" ? focus.assignment.need.build : null,
         // Edit plan opens the task page's sheet with its fields open for editing.
         editHref: `${taskHref(focus.id)}?edit=plan#plan-editor`,

package/dist/server/render-pages.js

@@ -129,7 +129,7 @@ export function boardBody(data, ciRed) {
             return `${Math.round(minutes / 60)}h`;
         return `${Math.round(minutes / (24 * 60))}d`;
     };
-    // A lane's head is a status chip in its own tone (after ReUI's badge with a dot): amber only for the lane that
+    // A lane's head is a status chip in its own tone (after ReUI's badge with a dot): solid ink only for the lane that
     // waits on a person, blue for building, green for done, neutral otherwise. The word carries the state.
     const LANE_CHIP = { attention: "chip-needs", building: "chip-live", done: "chip-done", queued: "", waiting: "" };
     const laneChip = (key, title) => html `<span class="chip ${LANE_CHIP[key]}"><span class="chip-dot" aria-hidden="true"></span>${title}</span>`;

package/dist/server/render-results.js

@@ -70,7 +70,7 @@ export function editorFileHref(worktree, path, line) {
  * chat (v39, extending Priority 2's "one surface, six places" rule from
  * the verdict word to the per-criterion state). */
 export function matrixStateBadge(state) {
-    // Red belongs to a Failed headline alone (task-status.ts); an unmet requirement is an amber note.
+    // Red belongs to a Failed headline alone (task-status.ts); an unmet requirement is an ink note.
     const cls = state === "pass" ? "badge-done" : state === "failed" ? "badge-note" : state === "missing" ? "badge-note" : "badge-manual-review";
     // The same words as the Checks tab and the card's Requirements row (task-status.ts).
     return html `<span class="badge ${cls}" data-matrix-state="${state}">${requirementWordOf({ state })}</span>`;
@@ -828,7 +828,7 @@ export function pullRequestCardHtml(pr, csrf) {
     const view = pr.view;
     const url = safePrUrl(view.prUrl);
     const link = view.prNumber === null ? "" : url === null ? html `<span class="mono">PR #${view.prNumber}</span>` : html `<a href="${url}" class="mono" rel="noreferrer" target="_blank">PR #${view.prNumber}</a>`;
-    // A pull request's trouble never undoes the result: amber, never red.
+    // A pull request's trouble never undoes the result: an ink note, never red.
     const tone = view.state === "ready" || view.state === "merged" ? "ok" : view.state === "failing" || view.state === "failed" ? "problem" : "waiting";
     const revision = view.revisionTask === null || view.state !== "failing" ? "" : html ` <a href="${taskHref(view.revisionTask)}">Open revision</a>`;
     const merged = view.mergeCommit === null ? "" : html `<p class="meta">Merge commit <span class="mono">${view.mergeCommit.slice(0, 12)}</span></p>`;
@@ -1507,7 +1507,7 @@ export function completionReceiptCard(view, taskId, place, standing = receiptSta
         lead,
         html `<p class="receipt-summary">${conciseOutcomeOf(view.summary ?? (view.outcome === "no-change" ? "The agent found that no repository change was needed." : "The build finished without a concise handoff."))}</p>`,
         headline ? html `<div class="receipt-actions"><a class="button-link" href="${resultHref}" data-open-result data-primary-action>${status.action?.label ?? "Open result"}</a></div>` : "",
-        // A pull request that couldn't open never undoes the result: an amber note, not red.
+        // A pull request that couldn't open never undoes the result: an ink note, not red.
         view.publication?.state === "failed" ? html `<p class="receipt-note">${statusIconSvg("note")} Pull request couldn't open. The commit is safe locally.</p>` : "",
         caveats,
         coverage,

package/dist/server/render-tasks.d.ts

@@ -122,6 +122,8 @@ export type ApprovalSheetInput = {
     freshSince?: string | null;
     /** Easy-start C5: a laptop's local owner — eligible (no password field), or why not and where to go. */
     localOwner?: LocalApprovalView | null;
+    /** A release filed while its pull request's checks still ran: the plan sheet says nothing deploys until they pass. */
+    releaseCiRunning?: boolean;
 };
 export type LocalApprovalView = {
     eligible: true;
@@ -147,7 +149,15 @@ export declare function approvalSheetParts(input: ApprovalSheetInput): {
     after: Html;
     allowing: string[];
     passwordNote: string;
+    /** The same terms as `lead`, `rows` and `details`, re-ordered to read top to bottom (`planSheetHtml`), nothing folded. */
+    sheet: Html;
+    /** The sheet's lead sentence (the approach's first sentence, else the goal), for a one-line summary of the plan. */
+    sheetLead: string;
 };
+/** The plan sheet: what an approval signs, read top to bottom (approvalSheetParts' own parts, re-ordered). */
+export declare function planSheetHtml(input: ApprovalSheetInput): Html;
+/** Evidence kinds on the plan sheet: how each requirement is proven, in plain words. */
+export declare const EVIDENCE_SHEET: Record<string, string>;
 /** Earlier versions of a task still in flight, in plain words: queued
  * while they only wait, running once one has started; null when none. */
 export declare function earlierVersionsWords(active: number, running: number): string | null;