cloving 1.3.0 → 1.5.0

package/dist/src/cli/watch-page.js

@@ -1,3 +1,5 @@
+import { scheduleStatusLine, scheduledText, shownScheduled, } from "./schedule-render.js";
+import * as waitDisplay from "./command-waits.js";
 import { cardReply } from "./watch-card-reply.js";
 import { record } from "../protocol.js";
 import { Commands, commandText } from "./command-effects.js";
@@ -7,24 +9,30 @@ import { watchClient } from "./watch-client.js";
 import { watchPhoneClient } from "./watch-phone-client.js";
 import { PhoneAsk, PhoneCode, PhoneList, PhonePanel, phoneButton, phoneNotices, refusalText, timeLeft, } from "./watch-phone-view.js";
 import { priceOf, tokenCount, usageOf } from "../worker-usage.js";
-import { priceText, usageText, attemptText, totalsSuffix, } from "./usage-render.js";
-import { startPrompts, StartCard, StartRun } from "./watch-start-view.js";
+import { priceText, queueSpendLines, usageText, attemptText, totalsSuffix, } from "./usage-render.js";
 import { Board, boardSizing, Card, HandoffLinks, Column, columnCollapsed, CardReview, WorkflowList, cardReview, cardStep, completionMark, observationText, staleObservation, } from "./watch-board-view.js";
 import { boardWorkflow, watchHash, watchLocation, watchTitle, } from "./watch-navigation.js";
 import { clockTime, completedDetail, counted, elapsed, groupActivity, pageTitle, phaseTime, runName, runTone, selectedRun, toneOf, turnTime, waitingDetail, } from "./watch-render.js";
 import { Command, Decision, Events, Group, Item, Turn, Work, } from "./watch-turn.js";
 import { Banner, BannerDetail, BoardPage, Page, Phases, PullRequest, Review, RefusedWorkflows, Run, } from "./watch-view.js";
-import { Brand, clove, Header, HeaderActions, HeaderStatus, Queue, queueLanes, skippedText, } from "./watch-header-view.js";
+import { Brand, clove, Header, HeaderActions, HeaderStatus, Queue, queueLanes, skippedText, Version, } from "./watch-header-view.js";
 const functions = [
+    scheduleStatusLine,
+    scheduledText,
+    shownScheduled,
     record,
     commandText,
     Commands,
+    waitDisplay.CommandWaits,
+    waitDisplay.commandWaitText,
+    waitDisplay.effectBudgetText,
     queueLanes,
     skippedText,
     Queue,
     Brand,
     HeaderStatus,
     HeaderActions,
+    Version,
     cardReply,
     cardSubmitKey,
     cardKey,
@@ -34,6 +42,7 @@ const functions = [
     tokenCount,
     usageOf,
     priceText,
+    queueSpendLines,
     usageText,
     attemptText,
     totalsSuffix,
@@ -73,9 +82,6 @@ const functions = [
     Command,
     Decision,
     Events,
-    startPrompts,
-    StartCard,
-    StartRun,
     BannerDetail,
     Banner,
     Phases,
@@ -146,7 +152,6 @@ body { margin: 0 auto; max-width: 1800px; padding: 0 20px 96px; }
 body:has(.board-page) { padding-bottom: 0; overflow: hidden; }
 .board-page { height: 100dvh; display: flex; flex-direction: column; overflow: hidden; }
 .board-page > header, .board-page > .down { flex-shrink: 0; }
-.start-run { flex-shrink: 0; max-height: 45dvh; overflow-y: auto; }
 .workflow-refusals { flex-shrink: 0; max-height: 25dvh; overflow-y: auto; overflow-wrap: anywhere; }
 .workflow-refusals h2 { margin: 8px 0; }
 a { color: var(--accent-strong); }
@@ -168,12 +173,6 @@ header { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding
 .brand svg { width: 30px; height: 30px; color: var(--accent); }
 a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; box-shadow: 0 0 0 6px var(--code-bg); }
 h2, h3 { font-family: var(--heading-font); font-weight: 700; }
-.start-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 16px; margin-top: 12px; }
-.start-card { min-width: 0; padding: 14px; border-radius: 14px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
-.start-card h3 { margin: 0; }
-.start-card p { margin: 6px 0 12px; }
-.start-card .command { grid-template-columns: minmax(0, 1fr); margin: 0; }
-.start-card button { justify-self: end; }
 .workspace { display: flex; width: 100%; margin-top: 12px; flex: 1; min-height: 0; }
 .workflows { display: flex; flex-direction: row; flex-shrink: 0; gap: 8px; min-width: 0; margin-top: 12px; padding: 6px; overflow-x: auto; overflow-y: hidden; }
 .workflows a { display: grid; flex-shrink: 0; white-space: nowrap; gap: 2px; border-bottom: 3px solid transparent; padding: 10px; color: inherit; text-decoration: none; }
@@ -192,8 +191,8 @@ h2, h3 { font-family: var(--heading-font); font-weight: 700; }
 .column-cards { min-height: 0; overflow-y: auto; overscroll-behavior-y: contain; }
 .column.collapsed { flex: 0 0 ${String(boardSizing.collapsedColumnWidth)}px; min-width: ${String(boardSizing.collapsedColumnWidth)}px; padding: 6px; }
 .collapsed .column-name { writing-mode: vertical-rl; padding: 0; }
-header button, .phone button, .column-name button, .add-card, .add-card-form button, .start-card button { font: 500 13px/1.4 var(--body-font); color: var(--ink); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); margin: 0; }
-header button:hover, .phone button:hover, .column-name button:hover, .add-card:hover, .add-card-form button:hover, .start-card button:hover { background: var(--surface-2); }
+header button, .phone button, .column-name button, .add-card, .add-card-form button { font: 500 13px/1.4 var(--body-font); color: var(--ink); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); margin: 0; }
+header button:hover, .phone button:hover, .column-name button:hover, .add-card:hover, .add-card-form button:hover { background: var(--surface-2); }
 .add-card, .add-card-form button { color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); margin: 4px 8px 4px 0; }
 .add-card { width: 100%; text-align: left; margin: 4px 0; }
 .add-card-form { padding: 8px 0; overflow-wrap: anywhere; }
@@ -286,6 +285,7 @@ button:hover { background: var(--code-head); }
 .events { margin-top: 18px; padding-bottom: 10px; }
 .events > summary { color: var(--code-fg); }
 .down { font-weight: 600; }
+.version { position: fixed; left: 12px; bottom: 8px; font: 12px/1.4 var(--code-font); color: var(--muted); pointer-events: none; }
 @media (max-width: 700px) { body { padding-inline: 12px; } }
 `;
 export function pageDocument(actionToken = null) {

package/dist/src/cli/watch-phases.d.ts

@@ -1,7 +1,16 @@
-import type { WatchPhase } from "./watch-render.ts";
-export declare const issueSteps: {
+import type { WorkflowStage } from "../workflow-declaration.ts";
+import type { WatchPhase, WatchPullRequest } from "./watch-render.ts";
+export declare const pullRequestSteps: {
     name: string;
     operation: string;
 }[];
 export declare function decisionOf(events: readonly unknown[]): string;
-export declare function phasesOf(events: readonly unknown[], workflowId?: string): WatchPhase[];
+export declare function pullRequestStepOf(event: unknown): {
+    name: string;
+    operation: string;
+} | undefined;
+export declare function stageOf(event: unknown, stages: readonly WorkflowStage[]): WorkflowStage | undefined;
+export declare function phasesOf(events: readonly unknown[], workflow?: {
+    readonly pullRequest?: WatchPullRequest | null;
+    readonly stages?: readonly WorkflowStage[] | undefined;
+}): WatchPhase[];

package/dist/src/cli/watch-phases.js

@@ -5,8 +5,7 @@ const endings = [
 ];
 const review = { open: "gate.opened", close: "gate.decided" };
 const effect = { open: "effect.requested", close: "effect.reported" };
-const issueWorkflow = "develop-issue";
-export const issueSteps = [
+export const pullRequestSteps = [
     { name: "Work tree", operation: "github-prepare" },
     { name: "Agent turn", operation: "claude-turn" },
     { name: "Pull request", operation: "github-open-pr" },
@@ -79,24 +78,82 @@ function operationOf(event) {
         return [];
     }
 }
+export function pullRequestStepOf(event) {
+    const scope = operationOf(record(event));
+    return pullRequestSteps.find((step) => step.operation === scope[4] ||
+        (step.name === "Code review" && scope[3] === "review") ||
+        (step.name === "Merge" && scope[3] === "merge"));
+}
+function stepEffects(events, context) {
+    const { step, round } = context;
+    const repeated = roundOperations.includes(step.operation);
+    const currentTurn = events.findLastIndex((event) => event["type"] === effect.open && operationOf(event)[4] === "claude-turn");
+    const requested = new Set(events
+        .slice(currentTurn + 1)
+        .filter((event) => event["type"] === effect.open)
+        .map((event) => record(event["payload"])["operationId"]));
+    return events.filter((event) => {
+        if (pullRequestStepOf(event) !== step)
+            return false;
+        if (!repeated)
+            return true;
+        const scope = operationOf(event);
+        return roundOperations.includes(String(scope[4]))
+            ? scope[1] === round
+            : requested.has(record(event["payload"])["operationId"]);
+    });
+}
+export function stageOf(event, stages) {
+    const fields = record(event);
+    if ([effect.open, effect.close].includes(String(fields["type"]))) {
+        const operation = operationOf(fields)[4];
+        return stages.find((stage) => stage.operations?.some((name) => name === operation));
+    }
+    const payload = record(fields["payload"]);
+    return (stages.find((stage) => stage.gateIds?.some((name) => name === payload["gateId"])) ??
+        stages.find((stage) => stage.gateKinds?.some((name) => name === payload["gateKind"])));
+}
+function declaredSpans(events, stages) {
+    return stages.map((stage) => {
+        const index = events.findLastIndex((event) => [effect.open, review.open].includes(String(event["type"])) &&
+            stageOf(event, stages) === stage);
+        const opening = events[index];
+        const pair = opening?.["type"] === review.open ? review : effect;
+        const identity = pair === review ? "gateId" : "operationId";
+        const key = record(opening?.["payload"])[identity];
+        const closing = events
+            .slice(index + 1)
+            .findLast((event) => event["type"] === pair.close &&
+            key !== undefined &&
+            record(event["payload"])[identity] === key);
+        const payload = record(closing?.["payload"]);
+        const failed = unfinished.includes(String(payload["outcome"])) ||
+            payload["decision"] === "denied";
+        return {
+            name: stage.label,
+            startedAt: timeOf(opening),
+            endedAt: timeOf(closing),
+            ending: failed ? "failed" : "done",
+        };
+    });
+}
 function currentRound(events) {
     const requested = events.findLast((event) => event["type"] === effect.open && operationOf(event)[4] === "claude-turn");
     const round = operationOf(requested)[1];
     return typeof round === "number" ? round : 1;
 }
-function spans(events, workflowId) {
-    if (workflowId !== issueWorkflow)
+function spans(events, workflow) {
+    if (workflow.stages !== undefined)
+        return [...admission(events), ...declaredSpans(events, workflow.stages)];
+    if (workflow.pullRequest == null)
         return ticketSpans(events);
     const effects = events.filter((event) => [effect.open, effect.close].includes(String(event["type"])));
     const round = currentRound(effects);
     return [
         ...admission(events),
-        ...issueSteps.map((step) => {
+        ...pullRequestSteps.map((step) => {
             const repeated = roundOperations.includes(step.operation);
-            const own = effects.filter((event) => {
-                const scope = operationOf(event);
-                return scope[4] === step.operation && (!repeated || scope[1] === round);
-            });
+            const own = stepEffects(effects, { step, round });
             const last = own.findLast((event) => event["type"] === effect.close);
             const outcome = String(record(last?.["payload"])["outcome"]);
             return {
@@ -132,9 +189,9 @@ function advanced(phases) {
         ? { ...item, state: "active" }
         : item);
 }
-export function phasesOf(events, workflowId = "") {
+export function phasesOf(events, workflow = {}) {
     const known = events.map(record);
-    const steps = spans(known, workflowId);
+    const steps = spans(known, workflow);
     const [end] = ends(known);
     if (end !== undefined)
         return [...steps.map((span) => phase(span, "failed")), end];

package/dist/src/cli/watch-pr-board.js

@@ -2,7 +2,7 @@ function observedCard(context, card) {
     if (card.completionMark?.text !== "Needs attention")
         return card;
     const run = context.model.runs.find((run) => run.runId === card.runId);
-    if (run?.workflowId !== "develop-issue" ||
+    if (run === undefined ||
         run.state !== "completed" ||
         run.outcome !== "blocked" ||
         run.pullRequest === null)

package/dist/src/cli/watch-pr-command.d.ts

@@ -6,6 +6,7 @@ export interface WatchCommandOutput {
     readonly errorCode: string | null;
 }
 export interface WatchCommandRequest {
+    readonly outputBytes?: number;
     readonly command: readonly string[];
     readonly directory: string;
     readonly signal: AbortSignal;

package/dist/src/cli/watch-pull-request.js

@@ -23,6 +23,11 @@ function list(value) {
 function count(value) {
     return typeof value === "number" ? value : null;
 }
+function methodScope(method, operation) {
+    if (operation[3] === "pull-request")
+        return operation[4] === `github-${method}`;
+    return (method === "merge" && operation[3] === "merge" && operation[4] === "merge");
+}
 function attributed(started, operation) {
     const stage = list(operation[5]);
     const checked = operationIdentity({
@@ -37,8 +42,7 @@ function attributed(started, operation) {
     });
     return (checked.kind === "valid" &&
         checked.value === JSON.stringify(operation) &&
-        operation[3] === "pull-request" &&
-        operation[4] === `github-${text(started["method"])}` &&
+        methodScope(text(started["method"]), operation) &&
         (started["runId"] === undefined || started["runId"] === operation[2]));
 }
 function githubOf(records) {
@@ -47,22 +51,28 @@ function githubOf(records) {
     const result = record(records.result);
     const completed = result["outcome"] === "completed";
     return {
-        runId: text(operation[2]),
+        runId: started["runId"] === undefined || started["runId"] === operation[2]
+            ? text(operation[2])
+            : "",
         round: Number(operation[1]),
+        startedAt: Date.parse(text(started["startedAt"])) || 0,
         method: text(started["method"]),
         completed,
         attributed: attributed(started, operation) && !Object.hasOwn(result, "reason"),
         report: completed ? record(parsed(text(result["result"]))) : {},
     };
 }
-function pullRequestOf(results) {
+function pullRequestOf(results, repository) {
     const opened = results
-        .filter((item) => item.method === "open-pr")
+        .filter((item) => item.method === "open-pr" && item.completed)
         .map((item) => item.report)
         .findLast((report) => text(report["url"]).startsWith("https://"));
     if (opened === undefined)
         return null;
-    return { number: Number(opened["number"]), url: text(opened["url"]) };
+    const pull = { number: Number(opened["number"]), url: text(opened["url"]) };
+    return repository === null || prIdentity(repository, pull) !== null
+        ? pull
+        : null;
 }
 function reviewsOf(results) {
     return results
@@ -115,8 +125,8 @@ export function pullOf(inputs, runId) {
     const results = inputs.records
         .map(githubOf)
         .filter((item) => item.runId === runId)
-        .toSorted((first, second) => first.round - second.round);
-    const pullRequest = pullRequestOf(results);
+        .toSorted((first, second) => first.round - second.round || first.startedAt - second.startedAt);
+    const pullRequest = pullRequestOf(results, inputs.repository);
     const mergeProof = mergeProofOf(results, {
         repository: inputs.repository,
         pullRequest,

package/dist/src/cli/watch-reads.d.ts

@@ -1,4 +1,5 @@
 import { type PrRepository } from "./watch-pr-identity.ts";
+import { type ShownSchedules } from "./schedule-render.ts";
 import { type WorkflowStages } from "../workflow-declaration.ts";
 import { type Fields } from "../protocol.ts";
 import { type WorkflowRefusal } from "../workflow-refusals.ts";
@@ -16,8 +17,10 @@ interface ReadRun {
     readonly events: readonly ReadEvent[];
 }
 export interface WatchRead {
+    readonly schedules?: ShownSchedules;
     readonly queue?: Fields;
     readonly service: string;
+    readonly serviceVersion?: string;
     readonly workflows: readonly string[];
     readonly workflowRefusals: readonly WorkflowRefusal[];
     readonly workflowStages?: WorkflowStages;

package/dist/src/cli/watch-reads.js

@@ -1,5 +1,6 @@
 import { establishedIssue } from "./watch-pr-identity.js";
-import { isWorkflowStages, } from "../workflow-declaration.js";
+import { shownSchedules } from "./schedule-render.js";
+import { workflowStagesOf, } from "../workflow-declaration.js";
 import { record } from "../protocol.js";
 import { send } from "./client.js";
 import { activeRun, recentRun } from "./watch-board.js";
@@ -86,7 +87,6 @@ async function creationOf(reader, runId) {
 function matchingCompletion(status, context) {
     const issue = establishedIssue(context.repository, status["issueIdentity"]);
     return (status.state === "completed" &&
-        status["workflowId"] === "develop-issue" &&
         record(status["outcome"])?.["kind"] === "handoff_requested" &&
         record(status["outcome"])?.["ticketStatus"] !== "partial" &&
         record(status["outcome"])?.["issueUpdate"] !== "failed" &&
@@ -127,20 +127,17 @@ async function completionOf(reader, search) {
     reader.completions.set(runId, { ...known, creation });
     return { status: known.status, events: creation === null ? [] : [creation] };
 }
-function refreshedLinks(run, status) {
-    const links = Object.fromEntries(["parentRunId", "chainId", "childRunIds"]
+function refreshedStatus(run, status) {
+    const links = Object.fromEntries(["parentRunId", "chainId", "childRunIds", "commandWaits"]
         .filter((name) => Object.hasOwn(status, name))
         .map((name) => [name, status[name]]));
-    return {
-        ...run,
-        status: { ...run.status, ...links },
-    };
+    return { ...run, status: { ...run.status, ...links } };
 }
 async function detailed(reader, summary) {
     const { runId, latestSequence: sequence } = summary;
     const known = reader.details.get(runId);
     if (known !== undefined && known.sequence === sequence)
-        return refreshedLinks(known.value, summary);
+        return refreshedStatus(known.value, summary);
     const shown = await asked(reader, {
         operation: "status",
         parameters: { runId },
@@ -181,21 +178,22 @@ function stoppedIssues(runs, context) {
     const stopped = runs
         .map((run) => run.status)
         .filter((status) => recentRun(status.latestAt, context.now) &&
-        status["workflowId"] === "develop-issue" &&
         (["failed", "cancelled"].includes(status.state) ||
             (status.state === "completed" &&
                 record(status["outcome"])?.["kind"] === "blocked")))
-        .toSorted((first, second) => Date.parse(second.latestAt ?? "") - Date.parse(first.latestAt ?? ""))
-        .slice(0, 20);
-    return new Set(stopped.flatMap((status) => {
+        .toSorted((first, second) => Date.parse(second.latestAt ?? "") - Date.parse(first.latestAt ?? ""));
+    const retained = [
+        ...Map.groupBy(stopped, (status) => status["workflowId"]).values(),
+    ].flatMap((group) => group.slice(0, 20));
+    return new Set(retained.flatMap((status) => {
         const issue = establishedIssue(context.repository, status["issueIdentity"]);
         return status.state === "completed" && issue !== null
             ? [JSON.stringify(issue)]
             : [];
     }));
 }
-function stageMetadata(value) {
-    return Object.fromEntries(Object.entries(record(value) ?? {}).flatMap(([workflowId, stages]) => isWorkflowStages(stages) ? [[workflowId, stages]] : []));
+function versionOf(value) {
+    return typeof value === "string" ? { serviceVersion: value } : {};
 }
 async function service(reader, now) {
     const status = await asked(reader, {
@@ -213,9 +211,7 @@ async function service(reader, now) {
     const issues = stoppedIssues(runs, { now, repository: reader.repository });
     const older = issues.size === 0
         ? []
-        : summaries.filter((summary) => !recentRun(summary.latestAt, now) &&
-            summary["workflowId"] === "develop-issue" &&
-            summary.state === "completed");
+        : summaries.filter((summary) => !recentRun(summary.latestAt, now) && summary.state === "completed");
     for (const summary of older) {
         const candidate = await completionOf(reader, { summary, issues });
         if (candidate !== null)
@@ -223,11 +219,15 @@ async function service(reader, now) {
     }
     return {
         service: "up",
+        ...("schedules" in status
+            ? { schedules: shownSchedules(status["schedules"]) }
+            : {}),
         ...(record(status["queue"]) === undefined
             ? {}
             : { queue: record(status["queue"]) ?? {} }),
         workflows: list(status["workflows"]).filter((value) => typeof value === "string"),
-        workflowStages: stageMetadata(status["workflowStages"]),
+        workflowStages: workflowStagesOf(status["workflowStages"]),
+        ...versionOf(status["serviceVersion"]),
         workflowRefusals: workflowRefusals(status["workflowRefusals"]),
         summaries,
         runs,
@@ -247,11 +247,13 @@ async function singleRun(reader, runId) {
     const status = statusOf(reply.result["run"]);
     const known = reader.details.get(runId);
     const value = known !== undefined && known.sequence === status.latestSequence
-        ? refreshedLinks(known.value, status)
+        ? refreshedStatus(known.value, status)
         : await remember(reader, status);
+    const metadata = await asked(reader, { operation: "status", parameters: {} });
     return {
         ...unavailable,
         service: "up",
+        workflowStages: workflowStagesOf(metadata["workflowStages"]),
         runs: [value],
         decisions: await decisionsOf(reader),
     };

package/dist/src/cli/watch-render.d.ts

@@ -1,3 +1,5 @@
+import type { ShownSchedule, ShownSchedules } from "./schedule-render.ts";
+import type { CommandWaitView } from "../authority/command-wait-view.ts";
 import type { CommandEffect } from "../command-settings.ts";
 import type { CardForm } from "./watch-run-input.ts";
 import type { CiRerunNotice } from "./github-ci-progress.ts";
@@ -68,6 +70,12 @@ export interface WatchStep {
     readonly startedAt: string | null;
 }
 export interface WatchCard {
+    readonly scheduled?: {
+        readonly slot: number;
+    };
+    readonly commandWaits?: readonly CommandWaitView[];
+    readonly spent?: number | null;
+    readonly limit?: number | null;
     readonly awaitedRunId?: string | null;
     readonly parentRunId?: string | null;
     readonly chainId?: string;
@@ -95,6 +103,7 @@ export interface WatchColumn {
     readonly cards: readonly WatchCard[];
 }
 export interface WatchWorkflow {
+    readonly schedule?: ShownSchedule;
     readonly workflowId: string;
     readonly activeCount: number;
     readonly waitingCount: number;
@@ -102,6 +111,10 @@ export interface WatchWorkflow {
     readonly columns: readonly WatchColumn[];
 }
 export interface WatchRun {
+    readonly scheduled?: {
+        readonly slot: number;
+    };
+    readonly commandWaits?: readonly CommandWaitView[];
     readonly awaitedRunId?: string | null;
     readonly commandEffects?: readonly CommandEffect[];
     readonly ciReruns?: readonly CiRerunNotice[];
@@ -140,6 +153,8 @@ export interface WatchRun {
     readonly mergeCommit: string | null;
 }
 export interface WatchModel {
+    readonly serviceVersion?: string;
+    readonly schedules?: ShownSchedules;
     readonly queue?: Fields;
     readonly workflowRefusals?: readonly WorkflowRefusal[];
     readonly cardForms?: readonly CardForm[];

package/dist/src/cli/watch-run-input.d.ts

@@ -10,5 +10,4 @@ export interface CardForm {
     readonly source: "ticket" | "prompt" | "input";
     readonly fields: readonly CardField[];
 }
-export declare function builtinCardForms(): readonly CardForm[];
 export declare function cardRunRequest(forms: readonly CardForm[], value: unknown): ServiceRequest | null;

package/dist/src/cli/watch-run-input.js

@@ -1,17 +1,4 @@
 import { record } from "../protocol.js";
-export function builtinCardForms() {
-    const entries = [
-        ["develop-issue", "ticket", "Issue number"],
-        ["develop-ticket", "ticket", "Ticket ID"],
-        ["develop-prd", "prompt", "Idea"],
-        ["develop-prompt", "prompt", "Task"],
-    ];
-    return entries.map(([workflowId, name, label]) => ({
-        workflowId,
-        source: name === "ticket" ? "ticket" : "prompt",
-        fields: [{ name, label, multiline: name === "prompt", optional: false }],
-    }));
-}
 function validFields(form, fields) {
     if (Object.keys(fields).some((name) => !form.fields.some((field) => field.name === name)))
         return false;

package/dist/src/cli/watch-server.js

@@ -1,4 +1,5 @@
 import { watchAction, watchActions, watchHost, } from "./watch-actions.js";
+import { watchApiChange, watchApiReply } from "./watch-api.js";
 import { observedBoard } from "./watch-pr-board.js";
 import { isPhoneAction, phoneAction, phoneRead } from "./watch-phone.js";
 import { watchPrObserver } from "./watch-pr-settings.js";
@@ -9,7 +10,7 @@ import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 import { watchReader } from "./watch-reads.js";
 import { ciRerunNotices } from "./github-ci-progress.js";
-import { turnOf, watchModel } from "./watch-model.js";
+import { turnActivity, turnOf, watchModel, } from "./watch-model.js";
 import { pageDocument } from "./watch-page.js";
 import { watchStream } from "./watch-stream.js";
 export const defaultWatchPort = 3663;
@@ -30,6 +31,7 @@ const fontFiles = new Map([
     new URL(`assets/watch-fonts/${name}`, import.meta.resolve("#package")),
 ]));
 const libraryFile = fileURLToPath(import.meta.resolve("preact"));
+const pageChange = () => "data: change\n\n";
 function parsed(text) {
     try {
         const value = JSON.parse(text);
@@ -39,7 +41,7 @@ function parsed(text) {
         return null;
     }
 }
-const noStream = { size: 0, lines: [], activeAt: null };
+const noStream = { size: 0, activity: [], activeAt: null };
 async function streamed(watch, file) {
     const found = await stat(file).catch(() => null);
     if (found === null)
@@ -48,9 +50,9 @@ async function streamed(watch, file) {
     const activeAt = found.mtime.toISOString();
     if (known?.size === found.size)
         return { ...known, activeAt };
-    const lines = (await readFile(file, "utf8").catch(() => "")).split("\n");
-    watch.streams.set(file, { size: found.size, lines });
-    return { size: found.size, lines, activeAt };
+    const activity = turnActivity((await readFile(file, "utf8").catch(() => "")).split("\n"));
+    watch.streams.set(file, { size: found.size, activity });
+    return { size: found.size, activity, activeAt };
 }
 async function stored(file) {
     return parsed(await readFile(file, "utf8").catch(() => "null"));
@@ -67,7 +69,7 @@ async function turns(watch) {
             key,
             started,
             result: await stored(join(journal, key, "result.json")),
-            lines: stream.lines,
+            activity: stream.activity,
             activeAt: stream.activeAt,
         }));
     }
@@ -139,6 +141,14 @@ async function answered(watch, request) {
     if (font !== null)
         return font;
     const url = new URL(String(request.url), "http://localhost");
+    const api = await watchApiReply({
+        method: request.method ?? "",
+        url,
+        model: () => snapshot(watch, null),
+        run: (runId) => snapshot(watch, runId),
+    });
+    if (api !== null)
+        return api;
     if (request.method === "GET")
         return readReply(watch, url);
     if (request.method !== "POST" || watch.actions === null)
@@ -187,13 +197,14 @@ function replied(response, reply) {
     response.writeHead(reply.status, {
         "content-type": reply.type,
         "cache-control": reply.cache ?? "no-store",
+        ...(reply.allow === undefined ? {} : { allow: reply.allow }),
     });
     response.end(reply.body);
 }
 function subscribed(stream, exchange) {
-    const { request, response } = exchange;
+    const { request, response, message } = exchange;
     const changed = () => {
-        response.write("data: change\n\n");
+        response.write(message());
     };
     response.writeHead(200, {
         "content-type": "text/event-stream",
@@ -223,11 +234,14 @@ export async function watchServer(settings) {
         if (watchHost(request) &&
             request.method === "GET" &&
             request.url === "/events") {
-            subscribed(stream, { request, response });
+            subscribed(stream, { request, response, message: pageChange });
             return;
         }
         answered(watch, request).then((reply) => {
-            replied(response, reply);
+            if (reply === "stream")
+                subscribed(stream, { request, response, message: watchApiChange });
+            else
+                replied(response, reply);
         }, () => {
             replied(response, { ...notFound, status: 500, body: "failed" });
         });

package/dist/src/cli/watch-view.d.ts

@@ -1,8 +1,6 @@
 import type { CardControls } from "./watch-card-view.ts";
 import type { PhoneControls } from "./watch-phone-view.ts";
-import { type StartControls } from "./watch-header-view.ts";
 export { clove, Header } from "./watch-header-view.ts";
-export type { StartControls } from "./watch-header-view.ts";
 import { type Shown } from "./watch-element.ts";
 import { type Copying, type WatchModel, type WatchPhase, type WatchRun } from "./watch-render.ts";
 import { type ColumnControls } from "./watch-board-view.ts";
@@ -33,7 +31,6 @@ export interface PageProps {
     readonly stale: boolean;
     readonly copying: Copying;
     readonly columns?: ColumnControls;
-    readonly start?: StartControls;
     readonly phone?: PhoneControls | undefined;
 }
 export declare function RefusedWorkflows(props: {