cloving 1.2.0 → 1.4.0

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

@@ -1,15 +1,18 @@
+import { shownScheduled } from "./schedule-render.js";
+import { shownCommandWaits } from "./command-waits.js";
 import { operationalDecision } from "../decision-visibility.js";
 import { workflowRefusals, } from "../workflow-refusals.js";
 import { isTicketStatus } from "../ticket-status.js";
 import { isPromotionId } from "../workflow-contracts.js";
 import { priceFields, statusTurns } from "./watch-usage.js";
-import { priceOf, usageOf } from "../worker-usage.js";
+import { priceOf, usageOf, attemptFields } from "../worker-usage.js";
 import { priceText } from "./usage-render.js";
 import { boardsOf, currentStepOf, roundOf, stagesFor, startWorkflowOf, } from "./watch-board.js";
 import { decisionOf, phasesOf } from "./watch-phases.js";
 import { pullOf } from "./watch-pull-request.js";
 import { establishedIssue } from "./watch-pr-identity.js";
 import { displayRun } from "./watch-paths.js";
+import { shownCommands } from "./command-effects.js";
 const textLimit = 600;
 const activityLimit = 400;
 function record(value) {
@@ -88,6 +91,9 @@ export function activityOf(line) {
         return parts(value).flatMap(failed);
     return value["type"] === "result" ? ended(value) : [];
 }
+export function turnActivity(lines) {
+    return lines.flatMap(activityOf).slice(-activityLimit - 1);
+}
 function concise(items) {
     return items.map((item, index) => {
         const before = items[index - 1];
@@ -119,7 +125,10 @@ export function turnOf(records) {
     const result = record(records.result);
     const outcome = text(result["outcome"]);
     const report = record(parsed(text(result["result"])));
+    const harness = text(started["harness"]) || text(report["harness"]);
     return {
+        ...attemptFields(report["attempts"]),
+        ...(harness === "" ? {} : { harness }),
         key: records.key,
         operationId: text(started["operationId"]),
         usage: usageOf(report["usage"]),
@@ -131,8 +140,7 @@ export function turnOf(records) {
         outcome: records.result === null ? "in work" : outcome,
         costUsd: priceOf(report["costUsd"]),
         estimatedCostUsd: priceOf(report["estimatedCostUsd"]),
-        activity: records.lines
-            .flatMap(activityOf)
+        activity: records.activity
             .map((item) => item.kind === "result"
             ? {
                 kind: item.kind,
@@ -186,21 +194,28 @@ function outcomeOf(value) {
         ...(issueUpdate === "failed" ? { issueUpdate } : {}),
     };
 }
+function runLinksOf(status) {
+    return {
+        parentRunId: stamp(status["parentRunId"]),
+        chainId: stamp(status["chainId"]) ?? text(status["runId"]),
+        childRunIds: texts(status["childRunIds"]),
+        awaitedRunId: stamp(status["awaitedRunId"]),
+    };
+}
 function runOf(inputs, value) {
     const status = record(record(value)["status"]);
     const runId = text(status["runId"]);
     const workflowId = text(status["workflowId"]);
     const budget = record(status["budget"]);
+    const pull = pullOf({ records: inputs.githubRecords, repository: inputs.repository ?? null }, runId);
     const ticketId = text(status["ticketId"]);
-    const issue = workflowId === "develop-issue"
-        ? establishedIssue(inputs.repository ?? null, status["issueIdentity"])
-        : null;
+    const issue = establishedIssue(inputs.repository ?? null, status["issueIdentity"]);
     return {
         runId,
         workflowId,
-        parentRunId: stamp(status["parentRunId"]),
-        chainId: stamp(status["chainId"]) ?? runId,
-        childRunIds: texts(status["childRunIds"]),
+        ...shownScheduled(status["scheduled"]),
+        ...runLinksOf(status),
+        commandWaits: shownCommandWaits(status["commandWaits"]),
         ticketId: ticketId === "" ? null : ticketId,
         ...(issue === null ? {} : { issueIdentity: issue }),
         title: stamp(status["title"]),
@@ -210,7 +225,7 @@ function runOf(inputs, value) {
         estimatedCostUsd: priceOf(status["estimatedCostUsd"]),
         usage: usageOf(status["usage"]),
         currentStep: currentStepOf(list(record(value)["events"]), {
-            workflowId,
+            pullRequest: pull.pullRequest,
             stages: stagesFor(inputs.workflowStages, workflowId),
         }),
         round: roundOf(list(record(value)["events"])),
@@ -224,13 +239,16 @@ function runOf(inputs, value) {
             .map((decision) => decisionCommands(operationalDecision(record(decision), workflowId), inputs.client)),
         events: list(record(value)["events"]).map(eventOf),
         turns: statusTurns(inputs.turns, status),
-        phases: phasesOf(list(record(value)["events"]), workflowId),
+        ...(status["commandEffects"] === undefined
+            ? {}
+            : { commandEffects: shownCommands(status["commandEffects"]) }),
+        phases: phasesOf(list(record(value)["events"]), {
+            pullRequest: pull.pullRequest,
+            stages: stagesFor(inputs.workflowStages, workflowId),
+        }),
         decision: decisionOf(list(record(value)["events"])),
         feedback: list(status["feedback"]).map(feedbackOf),
-        ...pullOf({
-            records: inputs.githubRecords,
-            repository: workflowId === "develop-issue" ? (inputs.repository ?? null) : null,
-        }, runId),
+        ...pull,
     };
 }
 function began(run) {
@@ -245,6 +263,7 @@ export function watchModel(inputs) {
     const workflows = boardsOf({ ...inputs, completionCandidates: candidates }, runs);
     return {
         workflows,
+        ...(inputs.schedules === undefined ? {} : { schedules: inputs.schedules }),
         ...(inputs.queue === undefined ? {} : { queue: inputs.queue }),
         workflowRefusals: workflowRefusals(inputs.workflowRefusals),
         startWorkflowId: startWorkflowOf(workflows),

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

@@ -1,19 +1,37 @@
+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";
 import { watchCardClient } from "./watch-card-client.js";
 import { AddCard, CardInput, cardKey, cardSubmitKey, } from "./watch-card-view.js";
 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, 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 { clove, Banner, BannerDetail, BoardPage, Header, Page, Phases, PullRequest, Review, RefusedWorkflows, Queue, Run, } from "./watch-view.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";
 const functions = [
+    scheduleStatusLine,
+    scheduledText,
+    shownScheduled,
     record,
+    commandText,
+    Commands,
+    waitDisplay.CommandWaits,
+    waitDisplay.commandWaitText,
+    waitDisplay.effectBudgetText,
+    queueLanes,
+    skippedText,
     Queue,
+    Brand,
+    HeaderStatus,
+    HeaderActions,
     cardReply,
     cardSubmitKey,
     cardKey,
@@ -23,7 +41,9 @@ const functions = [
     tokenCount,
     usageOf,
     priceText,
+    queueSpendLines,
     usageText,
+    attemptText,
     totalsSuffix,
     watchHash,
     watchLocation,
@@ -61,15 +81,20 @@ const functions = [
     Command,
     Decision,
     Events,
-    startPrompts,
-    StartCard,
-    StartRun,
     BannerDetail,
     Banner,
     Phases,
     PullRequest,
     Review,
     Run,
+    timeLeft,
+    refusalText,
+    phoneButton,
+    phoneNotices,
+    PhoneCode,
+    PhoneAsk,
+    PhoneList,
+    PhonePanel,
     Header,
     RefusedWorkflows,
     BoardPage,
@@ -126,64 +151,72 @@ 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); }
-header { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding: 22px 0 10px; color: var(--muted); font-size: 12px; }
+.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
+.header-status { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
+.queue-lanes { padding: 2px 8px; border-radius: 999px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); font-variant-numeric: tabular-nums; }
+.header-actions { margin-left: auto; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
+.queue-waiting { flex-shrink: 0; margin: 0 0 4px; color: var(--muted); font-size: 12px; }
+.queue-waiting ul { margin: 6px 0 0; padding: 0 0 0 18px; columns: 220px; column-gap: 24px; max-height: 25dvh; overflow-y: auto; }
+.phone { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 0; }
+.phone-pairing { flex-basis: 100%; }
+.phone-pairing div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
+.phone-qr { width: 196px; height: 196px; border-radius: 8px; }
+.phone-ask { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
+.phone-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
+.phone-list li { display: flex; gap: 8px; align-items: center; color: var(--ink); }
+header { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding: 18px 0 12px; color: var(--muted); font-size: 12px; }
 .brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font: 800 26px/1.2 var(--heading-font); }
 .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; }
 .workflows a[aria-current="page"] { border-bottom-color: var(--accent); background: var(--surface); border-radius: 8px 8px 0 0; }
 .workflows span, .card small { color: var(--muted); font-size: 12px; }
 .board { width: 100%; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
-.board h2 { margin: 0 0 8px; font-size: 24px; flex-shrink: 0; }
 .columns { display: flex; align-items: flex-start; gap: ${String(boardSizing.gap)}px; flex: 1; min-height: 0; overflow-x: scroll; overflow-y: hidden; padding: 6px 6px 12px; scrollbar-color: var(--muted) var(--surface-2); }
 @supports selector(::-webkit-scrollbar) { .columns { scrollbar-color: auto; } }
 .columns::-webkit-scrollbar { height: 12px; }
 .columns::-webkit-scrollbar-track { background: var(--surface-2); }
 .columns::-webkit-scrollbar-thumb { background: var(--muted); border-radius: 6px; }
 .column { flex: 1 0 ${String(boardSizing.minimumColumnWidth)}px; min-width: ${String(boardSizing.minimumColumnWidth)}px; max-height: 100%; display: flex; flex-direction: column; overflow: hidden; padding: 10px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line); background: var(--surface-2); }
-.column-name { display: flex; align-items: center; gap: 6px; flex-shrink: 0; margin: 0; padding: 4px 0 10px; color: var(--muted); font: 500 12px/1.5 var(--code-font); }
+.column-name { display: flex; align-items: center; gap: 6px; flex-shrink: 0; margin: 0; padding: 4px 0 10px; color: var(--muted); font: 600 13px/1.5 var(--body-font); }
+.column-count { font-variant-numeric: tabular-nums; }
 .column-name > span:first-child { flex: 1; }
 .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; }
-.column-name button, .start-toggle { color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); margin: 0; }
-.column-name button:hover, .start-toggle:hover, .add-card:hover, .add-card-form button:hover { background: var(--surface); }
+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; }
+.add-card { width: 100%; text-align: left; margin: 4px 0; }
 .add-card-form { padding: 8px 0; overflow-wrap: anywhere; }
 .add-card-form label { display: block; color: var(--ink); margin-bottom: 8px; }
 .add-card-form input, .add-card-form textarea { display: block; width: 100%; min-width: 0; box-sizing: border-box; padding: 8px; border: 1px solid var(--line); border-radius: 6px; font: inherit; color: var(--ink); background: var(--surface); }
 .add-card-form textarea { resize: vertical; }
 .add-card-form button:disabled { opacity: 0.6; cursor: default; }
 .add-card-form p { font-size: 12px; margin: 8px 0; }
-.card { display: grid; gap: 6px; margin-bottom: 10px; padding: 12px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line), var(--shadow); color: var(--ink); overflow-wrap: anywhere; background: var(--surface); }
+.card { display: grid; gap: 6px; margin-bottom: 10px; padding: 12px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); overflow-wrap: anywhere; background: var(--surface); }
 .card:hover { outline: 1px solid var(--accent-strong); }
 .card-run { display: grid; gap: 4px; min-width: 0; color: inherit; text-decoration: none; }
 .card-run strong { font-family: var(--heading-font); font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
 .completion-mark { font-size: 12px; }
-.card-step, .card-review, .card-cost, .card small { font: 400 12px/1.6 var(--code-font); font-variant-numeric: tabular-nums; }
+.card-step, .card-review, .card-cost { font: 400 12px/1.6 var(--body-font); font-variant-numeric: tabular-nums; }
+.card small { font: 400 11px/1.6 var(--code-font); }
 .card-step, .card-review { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .card-step { color: var(--muted); }
 .card-step.active { color: var(--accent-strong); }
 .card-review { color: var(--muted); }
 .review-pill { display: inline-block; padding: 1px 5px; border-radius: 5px; box-shadow: inset 0 0 0 1px var(--line); }
-.decision-mark { width: fit-content; padding: 3px 7px; border-radius: 6px; background: linear-gradient(var(--warn-tint), var(--warn-tint)), var(--surface); color: var(--warn); font: 500 12px/1.6 var(--code-font); }
+.decision-mark { width: fit-content; padding: 3px 7px; border-radius: 6px; background: linear-gradient(var(--warn-tint), var(--warn-tint)), var(--surface); color: var(--warn); font: 600 12px/1.6 var(--body-font); }
 .column.stopped { background: var(--surface); box-shadow: inset 0 0 0 1px var(--bad), inset 0 0 0 100vmax var(--bad-tint); }
+.column.stopped.collapsed { background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); }
 .stopped .column-name { color: var(--bad); background: var(--surface); border-radius: 6px; }
-.stopped .card { background: linear-gradient(var(--bad-tint), var(--bad-tint)), var(--surface); box-shadow: inset 0 0 0 1px var(--bad), var(--shadow); }
+.stopped .card { background: linear-gradient(var(--bad-tint), var(--bad-tint)), var(--surface); box-shadow: inset 0 0 0 1px var(--bad); }
 .back { display: block; width: fit-content; margin: 16px 0; }
 .icon { font-weight: 700; color: var(--muted); }
 .good .icon, .phase.done .mark, p.good { color: var(--accent-strong); }
@@ -261,6 +294,7 @@ export function pageDocument(actionToken = null) {
         `const actionToken = ${JSON.stringify(actionToken)};`,
         ...functions.map((item) => item.toString()),
         watchCardClient,
+        watchPhoneClient,
         watchClient,
     ].join("\n");
     return [

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-phone-client.d.ts

@@ -0,0 +1 @@
+export declare const watchPhoneClient = "\nasync function phoneLoad() {\n  const sent = Date.now();\n  const sequence = ++state.phoneSequence;\n  try {\n    const reply = await fetch(\"phone.json\", { cache: \"no-store\" });\n    const phone = reply.ok ? await reply.json() : null;\n    if (phone !== null && sequence > state.phoneApplied) {\n      state.phoneApplied = sequence;\n      state.phone = phone;\n      state.phoneLoadedAt = sent;\n    }\n  } catch {}\n  draw();\n}\nasync function phonePost(action, body = {}) {\n  state.phoneBusy = true;\n  state.phoneMessage = \"\";\n  draw();\n  let reply;\n  try {\n    const response = await fetch(\"actions/phone/\" + action, {\n      method: \"POST\",\n      headers: { \"content-type\": \"application/json\", \"x-cloving-token\": actionToken },\n      body: JSON.stringify(body),\n    });\n    reply = response.ok ? await response.json() : { error: { detail: \"The watch page refused the request. Refresh the page.\" } };\n  } catch {\n    reply = { error: { detail: \"The watch tool does not answer.\" } };\n  }\n  state.phoneBusy = false;\n  state.phoneMessage = reply.error?.detail ?? reply.warning ?? \"\";\n  return reply;\n}\nfunction phoneSession(now) {\n  const pairing = state.phonePairing;\n  const live = state.phone?.pairing ?? null;\n  const ended = live === null && state.phoneLoadedAt > (pairing?.at ?? 0);\n  if (pairing !== null && (ended || Date.parse(pairing.expiresAt) <= Date.parse(now))) state.phonePairing = null;\n  const accepted = state.phoneAccepted;\n  const device = (state.phone?.devices ?? []).find((item) => item.deviceId === accepted?.deviceId);\n  const shown = device?.state === \"connected\" && device.removedAt === null;\n  return { live, connected: shown ? device.name : null };\n}\nfunction phoneControls(now) {\n  if (actionToken === null) return undefined;\n  const { live, connected } = phoneSession(now);\n  return {\n    pairing: state.phonePairing,\n    request: live?.request ?? null,\n    stage: live?.stage ?? null,\n    connected,\n    refusal: state.phone?.refusal ?? null,\n    reason: state.phone?.reason ?? null,\n    devices: state.phone?.devices ?? [],\n    busy: state.phoneBusy,\n    message: state.phoneMessage,\n    async onPair() {\n      state.phoneAccepted = null;\n      const reply = await phonePost(\"pair\");\n      if (!reply.error) state.phonePairing = { ...reply, at: Date.now() };\n      await phoneLoad();\n    },\n    async onCancel() {\n      state.phonePairing = null;\n      await phonePost(\"cancel\");\n      await phoneLoad();\n    },\n    async onAccept() {\n      state.phoneAccepted = live?.request ?? null;\n      await phonePost(\"accept\", { pairingId: live?.pairingId });\n      await phoneLoad();\n    },\n    async onDeny() {\n      await phonePost(\"deny\", { pairingId: live?.pairingId });\n      await phoneLoad();\n    },\n    async onRemove(deviceId) {\n      await phonePost(\"remove\", { deviceId });\n      await phoneLoad();\n    },\n  };\n}\n";

package/dist/src/cli/watch-phone-client.js

@@ -0,0 +1,84 @@
+export const watchPhoneClient = `
+async function phoneLoad() {
+  const sent = Date.now();
+  const sequence = ++state.phoneSequence;
+  try {
+    const reply = await fetch("phone.json", { cache: "no-store" });
+    const phone = reply.ok ? await reply.json() : null;
+    if (phone !== null && sequence > state.phoneApplied) {
+      state.phoneApplied = sequence;
+      state.phone = phone;
+      state.phoneLoadedAt = sent;
+    }
+  } catch {}
+  draw();
+}
+async function phonePost(action, body = {}) {
+  state.phoneBusy = true;
+  state.phoneMessage = "";
+  draw();
+  let reply;
+  try {
+    const response = await fetch("actions/phone/" + action, {
+      method: "POST",
+      headers: { "content-type": "application/json", "x-cloving-token": actionToken },
+      body: JSON.stringify(body),
+    });
+    reply = response.ok ? await response.json() : { error: { detail: "The watch page refused the request. Refresh the page." } };
+  } catch {
+    reply = { error: { detail: "The watch tool does not answer." } };
+  }
+  state.phoneBusy = false;
+  state.phoneMessage = reply.error?.detail ?? reply.warning ?? "";
+  return reply;
+}
+function phoneSession(now) {
+  const pairing = state.phonePairing;
+  const live = state.phone?.pairing ?? null;
+  const ended = live === null && state.phoneLoadedAt > (pairing?.at ?? 0);
+  if (pairing !== null && (ended || Date.parse(pairing.expiresAt) <= Date.parse(now))) state.phonePairing = null;
+  const accepted = state.phoneAccepted;
+  const device = (state.phone?.devices ?? []).find((item) => item.deviceId === accepted?.deviceId);
+  const shown = device?.state === "connected" && device.removedAt === null;
+  return { live, connected: shown ? device.name : null };
+}
+function phoneControls(now) {
+  if (actionToken === null) return undefined;
+  const { live, connected } = phoneSession(now);
+  return {
+    pairing: state.phonePairing,
+    request: live?.request ?? null,
+    stage: live?.stage ?? null,
+    connected,
+    refusal: state.phone?.refusal ?? null,
+    reason: state.phone?.reason ?? null,
+    devices: state.phone?.devices ?? [],
+    busy: state.phoneBusy,
+    message: state.phoneMessage,
+    async onPair() {
+      state.phoneAccepted = null;
+      const reply = await phonePost("pair");
+      if (!reply.error) state.phonePairing = { ...reply, at: Date.now() };
+      await phoneLoad();
+    },
+    async onCancel() {
+      state.phonePairing = null;
+      await phonePost("cancel");
+      await phoneLoad();
+    },
+    async onAccept() {
+      state.phoneAccepted = live?.request ?? null;
+      await phonePost("accept", { pairingId: live?.pairingId });
+      await phoneLoad();
+    },
+    async onDeny() {
+      await phonePost("deny", { pairingId: live?.pairingId });
+      await phoneLoad();
+    },
+    async onRemove(deviceId) {
+      await phonePost("remove", { deviceId });
+      await phoneLoad();
+    },
+  };
+}
+`;

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

@@ -0,0 +1,56 @@
+import { type Shown } from "./watch-element.ts";
+export interface PhonePicture {
+    readonly size: number;
+    readonly path: string;
+}
+export interface PhonePairing {
+    readonly link: string;
+    readonly expiresAt: string;
+    readonly picture: PhonePicture;
+}
+export interface PhoneRequest {
+    readonly deviceId: string;
+    readonly name: string;
+    readonly platform: string;
+    readonly code: string;
+}
+export interface PhoneDevice {
+    readonly deviceId: string;
+    readonly name: string;
+    readonly platform: string;
+    readonly state: string;
+    readonly removedAt: string | null;
+}
+export interface PhoneControls {
+    readonly pairing: PhonePairing | null;
+    readonly request: PhoneRequest | null;
+    readonly stage: string | null;
+    readonly connected: string | null;
+    readonly refusal: string | null;
+    readonly reason: string | null;
+    readonly devices: readonly PhoneDevice[];
+    readonly busy: boolean;
+    readonly message: string;
+    readonly onPair: () => void;
+    readonly onCancel: () => void;
+    readonly onAccept: () => void;
+    readonly onDeny: () => void;
+    readonly onRemove: (deviceId: string) => void;
+}
+export declare function timeLeft(expiresAt: string, now: string): string;
+export declare function refusalText(code: string): string;
+export declare function PhoneCode(props: {
+    readonly picture: PhonePicture;
+}): Shown;
+export declare function phoneButton(label: string, onClick: () => void): Shown;
+export declare function PhoneAsk(props: {
+    readonly phone: PhoneControls;
+}): Shown;
+export declare function PhoneList(props: {
+    readonly phone: PhoneControls;
+}): Shown;
+export declare function phoneNotices(phone: PhoneControls): Shown;
+export declare function PhonePanel(props: {
+    readonly phone: PhoneControls;
+    readonly now: string;
+}): Shown;