@ymy88/pi-subagents 0.0.0-stage → 0.24.0

package/dist/ui/fleet-list.js

@@ -0,0 +1,489 @@
+/**
+ * fleet-list.ts — Claude Code-style "FleetView" list rendered below the editor.
+ *
+ * Shows `main` + each running/queued subagent as a navigable list. Pressing ↓ (or
+ * ←) at an empty prompt activates the list; ↑/↓ move the selection (filled ● marker),
+ * Enter opens the selected agent's live conversation overlay, Esc returns to the prompt.
+ * A viewer stays open when its agent finishes; finished agents linger briefly in the list.
+ *
+ * Mechanics (see plan): the list is a `belowEditor` widget (render-only), and ALL key
+ * handling goes through `onTerminalInput` — which fires before the focused editor and
+ * can `consume` keys — gated on `getEditorText() === ""` so normal typing is untouched.
+ */
+import { isKeyRelease, Key, matchesKey, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { hasAgentBadge, renderAgentName } from "../agent-color.js";
+import { isTopLevelAgent } from "../agent-manager.js";
+import { getLifetimeCost, getLifetimeTotal } from "../usage.js";
+import { formatCost } from "./agent-widget.js";
+import { ConversationViewer, getConversationOverlayOptions } from "./conversation-viewer.js";
+/** Widget key for the below-editor fleet list. */
+const FLEET_KEY = "fleet";
+/** Max agent rows shown at once; extras collapse into a "↓ N more" indicator. */
+const MAX_AGENT_ROWS = 5;
+/** Re-render cadence so elapsed/token stats tick while agents run. */
+const TICK_MS = 200;
+/** How long a finished agent lingers in the list before it drops out. */
+const FINISHED_LINGER_MS = 4000;
+/** `11s` — integer seconds, no decimal/suffix (matches Claude Code, unlike formatMs). */
+export function formatFleetElapsed(ms) {
+    return `${Math.max(0, Math.round(ms / 1000))}s`;
+}
+/** `↓ 13.1k tokens` — down-arrow prefix, compact magnitude, plural "tokens". */
+export function formatFleetTokens(count) {
+    let compact;
+    if (count >= 1_000_000)
+        compact = `${(count / 1_000_000).toFixed(1)}M`;
+    else if (count >= 1_000)
+        compact = `${(count / 1_000).toFixed(1)}k`;
+    else
+        compact = `${count}`;
+    return `↓ ${compact} tokens`;
+}
+/**
+ * Place `right` flush to `width`, truncating `left` first so the stats survive.
+ * The final clamp guarantees the line never exceeds `width` (which would wrap and
+ * desync pi's line-diff → flicker) even on a terminal too narrow for the stats.
+ */
+function rightAlign(left, right, width) {
+    const rightW = visibleWidth(right);
+    const maxLeft = Math.max(0, width - rightW - 1);
+    const leftClamped = truncateToWidth(left, maxLeft);
+    const gap = Math.max(1, width - visibleWidth(leftClamped) - rightW);
+    return truncateToWidth(leftClamped + " ".repeat(gap) + right, width);
+}
+export class FleetList {
+    manager;
+    agentActivity;
+    showCost;
+    viewerMarkdown;
+    onViewerMarkdown;
+    scrollbarMode;
+    backgroundAction;
+    ui;
+    tui;
+    inputUnsub;
+    widgetRegistered = false;
+    timer;
+    enabled = true;
+    /** Whether arrow keys currently navigate the list (vs. flow to the editor). */
+    active = false;
+    /** 0 = `main`, 1..N = subagents. */
+    selectedIndex = 0;
+    /** Set while a conversation overlay is open; calling it closes the overlay. */
+    viewerClose;
+    viewingAgentId;
+    /** Injected by the extension; absent until workflows are wired (or at all). */
+    workflowSource;
+    openWorkflow;
+    /**
+     * Set while the workflow inspector is up.
+     *
+     * It does the two jobs `viewerClose` does for an agent's overlay — keep the
+     * list out of the dialog's keys, and remember which row to come back to —
+     * minus the close handle, because that overlay belongs to the extension.
+     */
+    viewingWorkflowId;
+    constructor(manager, agentActivity, 
+    /**
+     * Read live at render time. Whether each row shows an estimated cost after
+     * its token count. Defaults to off — the extension supplies the user's
+     * `showCost` setting.
+     */
+    showCost = () => false, 
+    /**
+     * The user's `viewerMarkdown` setting, for a conversation overlay opened
+     * from here. Read live rather than captured, because the viewer's `m` key
+     * changes it while the overlay is up. Omitted → the viewer's own default.
+     */
+    viewerMarkdown, 
+    /**
+     * Persist a mode chosen with `m` in that overlay, so the key means the same
+     * thing here as it does from `/agents` — one setting, not one per entry
+     * point. Omitted → `m` still cycles, viewer-locally.
+     */
+    onViewerMarkdown, scrollbarMode = () => "auto", 
+    /**
+     * The viewer's `b` for this row's run, supplied by the extension: only it
+     * knows which runs have a tool call waiting to be released, and it owns the
+     * widget this list shares with. Omitted → no `b` affordance.
+     */
+    backgroundAction) {
+        this.manager = manager;
+        this.agentActivity = agentActivity;
+        this.showCost = showCost;
+        this.viewerMarkdown = viewerMarkdown;
+        this.onViewerMarkdown = onViewerMarkdown;
+        this.scrollbarMode = scrollbarMode;
+        this.backgroundAction = backgroundAction;
+    }
+    // ---- Lifecycle ----
+    setEnabled(enabled) {
+        if (enabled === this.enabled)
+            return;
+        this.enabled = enabled;
+        if (!enabled)
+            this.active = false;
+        this.update();
+    }
+    /** Capture the UI context and (re)register the global input handler. */
+    setUICtx(ui) {
+        if (ui === this.ui)
+            return;
+        this.inputUnsub?.();
+        this.ui = ui;
+        this.widgetRegistered = false;
+        this.tui = undefined;
+        this.inputUnsub = ui.onTerminalInput(data => this.handleKey(data));
+    }
+    /** Ensure the re-render timer is running (called when an agent spawns). */
+    ensureTimer() {
+        if (!this.timer)
+            this.timer = setInterval(() => this.update(), TICK_MS);
+    }
+    /**
+     * Called when an agent finishes. The viewer (if open on it) stays open so the
+     * final output remains readable, and the row lingers in the list — just refresh.
+     */
+    onAgentFinished(_id) {
+        this.update();
+    }
+    dispose() {
+        if (this.timer) {
+            clearInterval(this.timer);
+            this.timer = undefined;
+        }
+        this.inputUnsub?.();
+        this.inputUnsub = undefined;
+        if (this.viewerClose) {
+            this.viewerClose();
+            this.viewerClose = undefined;
+        }
+        this.viewingAgentId = undefined;
+        // No handle to close the workflow inspector with, but the list is going
+        // away — leaving the id set would keep it swallowing input forever.
+        this.viewingWorkflowId = undefined;
+        if (this.ui && this.widgetRegistered)
+            this.ui.setWidget(FLEET_KEY, undefined);
+        this.widgetRegistered = false;
+        this.tui = undefined;
+        this.active = false;
+        // Null last so a `viewerClose()` microtask above can't re-register the widget.
+        this.ui = undefined;
+    }
+    /** Re-register/refresh the below-editor widget; clears it when nothing remains. */
+    update() {
+        if (!this.ui)
+            return;
+        // A run with no agents of its own left in the list is still worth a row —
+        // it is the thing the user opens to see what its children did. Read off the
+        // roster for the same reason activation does: two counts of "is there
+        // anything here" drifted apart once before.
+        const hasRows = this.enabled && this.roster().length > 1;
+        if (!hasRows) {
+            if (this.widgetRegistered) {
+                this.ui.setWidget(FLEET_KEY, undefined);
+                this.widgetRegistered = false;
+                this.tui = undefined;
+            }
+            if (this.timer) {
+                clearInterval(this.timer);
+                this.timer = undefined;
+            }
+            this.active = false;
+            this.selectedIndex = 0;
+            return;
+        }
+        this.clampSelection();
+        this.ensureTimer(); // keep stats ticking whenever the list is shown (e.g. after a re-enable)
+        if (!this.widgetRegistered) {
+            this.ui.setWidget(FLEET_KEY, (tui, theme) => {
+                this.tui = tui;
+                return {
+                    render: (w) => this.renderBar(w, theme),
+                    invalidate: () => { this.widgetRegistered = false; this.tui = undefined; },
+                };
+            }, { placement: "belowEditor" });
+            this.widgetRegistered = true;
+        }
+        else {
+            this.tui?.requestRender();
+        }
+    }
+    // ---- Roster ----
+    /**
+     * Agents shown in the list, ordered earliest-launched first so the ones you
+     * started sooner sit at the top. Every row is openable (has a session), so Enter
+     * never dead-ends. Included: running/queued, plus the agent currently being
+     * viewed, plus recently-finished ones (they linger briefly before dropping out).
+     * Pending agents with no session yet are hidden until they start.
+     * (`listAgents()` is newest-first, so we re-sort.)
+     */
+    agentRecords() {
+        const now = Date.now();
+        return this.manager.listAgents()
+            .filter(a => isTopLevelAgent(a) && a.session && (a.status === "running" || a.status === "queued"
+            || a.id === this.viewingAgentId
+            || (a.completedAt != null && now - a.completedAt < FINISHED_LINGER_MS)))
+            .sort((a, b) => a.startedAt - b.startedAt);
+    }
+    /**
+     * Wire workflow runs into the list.
+     *
+     * Injected rather than constructed here because the fleet list predates
+     * workflows and must keep working without them — a session with the feature
+     * switched off never calls this, and the roster is agents-only exactly as
+     * before.
+     */
+    setWorkflowSource(source, open) {
+        this.workflowSource = source;
+        this.openWorkflow = open;
+    }
+    /** Live runs, plus recently settled ones — the same linger the agents get. */
+    workflows() {
+        if (!this.workflowSource)
+            return [];
+        const now = Date.now();
+        return [...this.workflowSource()]
+            .filter(run => run.status === "running"
+            || run.status === "paused"
+            || (run.completedAt != null && now - run.completedAt < FINISHED_LINGER_MS))
+            .sort((a, b) => a.startedAt - b.startedAt);
+    }
+    /**
+     * Runs sit above the agents rather than interleaved by start time: a run owns
+     * most of the agents under it, so listing the container first is what makes
+     * the list read as a hierarchy rather than a shuffle.
+     */
+    roster() {
+        return [
+            { kind: "main" },
+            ...this.workflows().map(workflow => ({ kind: "workflow", workflow })),
+            ...this.agentRecords().map(record => ({ kind: "agent", record })),
+        ];
+    }
+    clampSelection() {
+        const max = this.roster().length - 1;
+        if (this.selectedIndex > max)
+            this.selectedIndex = Math.max(0, max);
+        if (this.selectedIndex < 0)
+            this.selectedIndex = 0;
+    }
+    // ---- Key handling ----
+    /** Returns `{consume:true}` to swallow a key, or undefined to let it through. */
+    handleKey(data) {
+        if (!this.enabled || !this.ui)
+            return undefined;
+        // Input listeners receive BOTH key-press and key-release (the kitty protocol
+        // emits both, and matchesKey matches either) — act on press only, or every
+        // tap would move/fire twice. Repeats still pass through for held-key nav.
+        if (isKeyRelease(data))
+            return undefined;
+        // While an overlay is open, let it own all input. Checked before the focus
+        // test below, which would otherwise read the dialog holding the keyboard as
+        // "the user left the list" and reset the selection out from under it.
+        if (this.viewerClose || this.viewingWorkflowId)
+            return undefined;
+        // Input listeners fire BEFORE the focused component, and dialogs
+        // (ctx.ui.select/confirm/input, pi's own menus) swap the prompt editor out
+        // while getEditorText() still reads the detached — empty — editor. So when
+        // anything but the editor owns the keyboard, stay out of its keys (#123).
+        if (!this.editorHasFocus()) {
+            if (this.active)
+                this.deactivate();
+            return undefined;
+        }
+        if (!this.active) {
+            // Activate: ↓ or ← at an empty prompt moves focus into the list.
+            const isActivator = matchesKey(data, "down") || matchesKey(data, "left");
+            // Gated on the roster, not the agents: a session whose only row is a
+            // workflow run still has somewhere to go, and requiring an agent would
+            // render the row but refuse to move into it.
+            if (isActivator && this.roster().length > 1 && this.ui.getEditorText() === "") {
+                this.active = true;
+                this.selectedIndex = 0;
+                this.update();
+                return { consume: true };
+            }
+            return undefined;
+        }
+        // Active — arrows navigate, Enter opens, Esc / Up-past-top exits.
+        if (matchesKey(data, "down")) {
+            const max = this.roster().length - 1;
+            this.selectedIndex = Math.min(max, this.selectedIndex + 1);
+            this.update();
+            return { consume: true };
+        }
+        if (matchesKey(data, "up")) {
+            if (this.selectedIndex === 0) {
+                this.deactivate();
+                return { consume: true };
+            }
+            this.selectedIndex -= 1;
+            this.update();
+            return { consume: true };
+        }
+        if (matchesKey(data, "escape")) {
+            this.deactivate();
+            return { consume: true };
+        }
+        if (matchesKey(data, Key.enter)) {
+            this.openSelected();
+            return { consume: true };
+        }
+        // Any other key cancels navigation and flows to the editor.
+        this.deactivate();
+        return undefined;
+    }
+    /**
+     * True when pi's prompt editor owns the keyboard. The editor is pluggable
+     * (ui.setEditorComponent) and need not extend `Editor` (#374), so match pi-tui's
+     * `EditorComponent` contract instead: `getText` + `setText`, which pi calls on
+     * every editor and none of pi's dialogs, selectors or overlays implement.
+     * `focusedComponent` is TUI-private (no public accessor), hence the best-effort
+     * peek: unknowable focus (no tui seen yet, nothing focused) counts as the
+     * editor so activation keeps working.
+     */
+    editorHasFocus() {
+        const focused = this.tui?.focusedComponent;
+        if (focused == null)
+            return true;
+        const c = focused;
+        return typeof c.getText === "function" && typeof c.setText === "function";
+    }
+    deactivate() {
+        this.active = false;
+        this.selectedIndex = 0;
+        this.update();
+    }
+    openSelected() {
+        const entry = this.roster()[this.selectedIndex];
+        if (!entry || entry.kind === "main") {
+            // `main` = return to the prompt; the native transcript is already shown.
+            this.deactivate();
+            return;
+        }
+        if (entry.kind === "workflow") {
+            // The extension owns this overlay and closes it, so there is no
+            // `viewerClose` to hold — but the list still has to know one is up, and
+            // still has to put the cursor back on the run when it comes down.
+            this.viewingWorkflowId = entry.workflow.id;
+            void Promise.resolve(this.openWorkflow?.(entry.workflow.id)).then(() => this.clearViewer(), () => this.clearViewer());
+            return;
+        }
+        const record = entry.record;
+        if (!this.ui)
+            return;
+        if (!record.session) {
+            this.ui.notify(`Agent is ${record.status} — no session available.`, "info");
+            return;
+        }
+        const session = record.session;
+        const activity = this.agentActivity.get(record.id);
+        this.viewingAgentId = record.id;
+        let overlayOptions = getConversationOverlayOptions({ mode: "regular" });
+        void this.ui.custom((tui, theme, keybindings, done) => {
+            overlayOptions = getConversationOverlayOptions(tui);
+            this.viewerClose = () => done(undefined);
+            return new ConversationViewer(tui, session, record, activity, theme, done, () => {
+                if (this.manager.abort(record.id))
+                    this.ui?.notify(`Stopped "${record.description}".`, "info");
+            }, keybindings, (message) => this.manager.steer(record.id, message), this.showCost(), this.viewerMarkdown, this.onViewerMarkdown, this.scrollbarMode(), this.backgroundAction?.(record, message => this.ui?.notify(message, "info")));
+        }, {
+            overlay: true,
+            overlayOptions: () => overlayOptions,
+        }).then(() => this.clearViewer(), () => this.clearViewer());
+    }
+    /** Reset overlay state and return to the list (on close, auto-close, or error). */
+    clearViewer() {
+        // Keep the cursor on the agent we were viewing — re-resolve by id so it
+        // still feels natural if the list reordered (an earlier agent finished)
+        // while the overlay was open. If that agent is gone, leave the index for
+        // update()'s clamp to settle.
+        const viewed = this.viewingAgentId ?? this.viewingWorkflowId;
+        if (viewed !== undefined) {
+            const idx = this.roster().findIndex(e => e.kind === "agent" ? e.record.id === viewed
+                : e.kind === "workflow" ? e.workflow.id === viewed
+                    : false);
+            if (idx >= 0)
+                this.selectedIndex = idx;
+        }
+        this.viewerClose = undefined;
+        this.viewingAgentId = undefined;
+        this.viewingWorkflowId = undefined;
+        this.update();
+    }
+    // ---- Rendering ----
+    renderBar(width, theme) {
+        const rows = this.roster().slice(1);
+        if (rows.length === 0)
+            return [];
+        // Clamp locally so a render between a roster shrink and the next update()
+        // (e.g. on terminal resize) never loses the selection marker.
+        const sel = Math.min(this.selectedIndex, rows.length);
+        const hint = this.active
+            ? "↑↓ select · enter view · esc back"
+            : "esc to interrupt · ← for agents · ↓ to manage";
+        const lines = [];
+        lines.push(truncateToWidth("  " + theme.fg("dim", hint), width));
+        lines.push("");
+        lines.push(truncateToWidth(`  ${this.bullet(0, sel, theme)} main`, width));
+        // Window the rows so the selected one stays visible.
+        const visible = Math.min(MAX_AGENT_ROWS, rows.length);
+        const selRow = Math.max(0, sel - 1);
+        const start = selRow < visible ? 0 : selRow - visible + 1;
+        const hiddenBelow = rows.length - (start + visible);
+        if (start > 0)
+            lines.push(rightAlign("", theme.fg("dim", `↑ ${start} more`), width));
+        for (let a = start; a < start + visible; a++) {
+            const row = rows[a];
+            lines.push(row.kind === "workflow" ?
+                this.renderWorkflowRow(a + 1, sel, row.workflow, width, theme)
+                : this.renderAgentRow(a + 1, sel, row.record, width, theme));
+        }
+        if (hiddenBelow > 0)
+            lines.push(rightAlign("", theme.fg("dim", `↓ ${hiddenBelow} more`), width));
+        // pi stacks below-editor widgets directly on its footer with no spacer (#351).
+        lines.push("");
+        return lines;
+    }
+    bullet(rosterIndex, sel, theme) {
+        return rosterIndex === sel ? theme.fg("accent", "●") : theme.fg("dim", "○");
+    }
+    /**
+     * A run's row. Shaped like an agent's — bullet, kind, name, stats flush right
+     * — so the two read as one list, with the agent count where an agent has its
+     * description and the same elapsed/token tail.
+     */
+    renderWorkflowRow(rosterIndex, sel, workflow, width, theme) {
+        const selected = rosterIndex === sel;
+        const kind = theme.fg(selected ? "text" : "muted", "workflow");
+        const name = selected ? theme.fg("text", workflow.name) : workflow.name;
+        const left = `  ${this.bullet(rosterIndex, sel, theme)} ${kind}  ${name}`;
+        // Frozen once the run settles, exactly as an agent's clock is.
+        const elapsed = (workflow.completedAt ?? Date.now()) - workflow.startedAt;
+        const agents = `${workflow.doneCount}/${workflow.totalCount} agent${workflow.totalCount === 1 ? "" : "s"}`;
+        const stats = `${agents} · ${formatFleetElapsed(elapsed)} · ${formatFleetTokens(workflow.tokens)}`;
+        return rightAlign(left, selected ? theme.fg("text", stats) : theme.fg("dim", stats), width);
+    }
+    renderAgentRow(rosterIndex, sel, record, width, theme) {
+        // The selected row renders in the theme's primary text color so it reads as
+        // one selection (#230). A configured badge survives — Claude Code's FleetView
+        // keeps the agent color on the selected row too and only bolds it — which also
+        // keeps the row's width fixed as the selection moves.
+        const selected = rosterIndex === sel;
+        const name = renderAgentName(record.type, theme, selected
+            ? { fallbackColor: "text", bold: hasAgentBadge(record.type) }
+            : { fallbackColor: "muted" });
+        const description = selected ? theme.fg("text", record.description) : record.description;
+        const left = `  ${this.bullet(rosterIndex, sel, theme)} ${name}  ${description}`;
+        // The record, not the activity tracker — see the note in AgentWidget's
+        // running line: only the record carries a nested child's spend, and only it
+        // outlives the agent.
+        const tokens = getLifetimeTotal(record.lifetimeUsage);
+        const elapsedMs = (record.completedAt ?? Date.now()) - record.startedAt; // freezes once finished
+        const cost = this.showCost() ? formatCost(getLifetimeCost(record.lifetimeUsage)) : "";
+        const stats = `${formatFleetElapsed(elapsedMs)} · ${formatFleetTokens(tokens)}${cost ? ` · ${cost}` : ""}`;
+        const right = selected ? theme.fg("text", stats) : theme.fg("dim", stats);
+        return rightAlign(left, right, width);
+    }
+}

package/dist/ui/schedule-menu.d.ts

@@ -0,0 +1,16 @@
+/**
+ * schedule-menu.ts — `/agents → Scheduled jobs` submenu.
+ *
+ * Minimal v1 surface: list scheduled jobs, select one to inspect details +
+ * confirm cancellation. No create wizard (the `Agent` tool's `schedule` param
+ * is the canonical creation path), no toggle/cleanup (cancel is enough for
+ * "I scheduled something dumb, get rid of it"). Add management surfaces here
+ * if real demand emerges.
+ */
+import type { ExtensionCommandContext } from "@earendil-works/pi-coding-agent";
+import type { SubagentScheduler } from "../schedule.js";
+/**
+ * List scheduled jobs; selecting one opens a cancel-confirm with details.
+ * Returns when the user backs out or after a cancellation.
+ */
+export declare function showSchedulesMenu(ctx: ExtensionCommandContext, scheduler: SubagentScheduler): Promise<void>;

package/dist/ui/schedule-menu.js

@@ -0,0 +1,94 @@
+/**
+ * schedule-menu.ts — `/agents → Scheduled jobs` submenu.
+ *
+ * Minimal v1 surface: list scheduled jobs, select one to inspect details +
+ * confirm cancellation. No create wizard (the `Agent` tool's `schedule` param
+ * is the canonical creation path), no toggle/cleanup (cancel is enough for
+ * "I scheduled something dumb, get rid of it"). Add management surfaces here
+ * if real demand emerges.
+ */
+import { selectItem } from "./select-item.js";
+/** Format an ISO timestamp as relative time ("in 4h", "2d ago", "—"). */
+function relTime(iso, now = Date.now()) {
+    if (!iso)
+        return "—";
+    const t = new Date(iso).getTime();
+    if (Number.isNaN(t))
+        return "—";
+    const diff = t - now;
+    const abs = Math.abs(diff);
+    const future = diff > 0;
+    if (abs < 60_000)
+        return future ? "in <1m" : "<1m ago";
+    const m = Math.round(abs / 60_000);
+    if (m < 60)
+        return future ? `in ${m}m` : `${m}m ago`;
+    const h = Math.round(abs / 3_600_000);
+    if (h < 24)
+        return future ? `in ${h}h` : `${h}h ago`;
+    const d = Math.round(abs / 86_400_000);
+    return future ? `in ${d}d` : `${d}d ago`;
+}
+/** One-line status icon. */
+function statusIcon(j) {
+    if (!j.enabled)
+        return "✗";
+    if (j.lastStatus === "error")
+        return "!";
+    if (j.lastStatus === "running")
+        return "⋯";
+    return "✓";
+}
+/** Compact selectable row — name, schedule, agent type, next/last run, count. */
+function formatJob(j, scheduler) {
+    const next = scheduler.getNextRun(j.id);
+    return [
+        statusIcon(j),
+        j.name.padEnd(18).slice(0, 18),
+        j.schedule.padEnd(14).slice(0, 14),
+        `[${j.subagent_type}]`,
+        `next ${relTime(next)}`,
+        `last ${relTime(j.lastRun)}`,
+        `runs ${j.runCount}`,
+    ].join("  ");
+}
+/** Multi-line details block for the cancel confirm. */
+function formatDetails(j, scheduler) {
+    const next = scheduler.getNextRun(j.id) ?? "—";
+    return [
+        `name:      ${j.name}`,
+        `schedule:  ${j.schedule} (${j.scheduleType})`,
+        `agent:     ${j.subagent_type}`,
+        `prompt:    ${j.prompt.slice(0, 200)}${j.prompt.length > 200 ? "…" : ""}`,
+        `created:   ${j.createdAt}`,
+        `last run:  ${j.lastRun ?? "—"} (${j.lastStatus ?? "—"})`,
+        `next run:  ${next}`,
+        `runs:      ${j.runCount}`,
+    ].join("\n");
+}
+/**
+ * List scheduled jobs; selecting one opens a cancel-confirm with details.
+ * Returns when the user backs out or after a cancellation.
+ */
+export async function showSchedulesMenu(ctx, scheduler) {
+    if (!scheduler.isActive()) {
+        ctx.ui.notify("Scheduler is not active in this session.", "warning");
+        return;
+    }
+    const jobs = scheduler.list();
+    if (jobs.length === 0) {
+        ctx.ui.notify("No scheduled jobs.", "info");
+        return;
+    }
+    // Numbered + item-paired: two jobs whose names agree in the first 18
+    // characters format identically, and matching the returned string back
+    // against a parallel label array cancelled whichever came first.
+    const job = await selectItem(ctx.ui, `Scheduled jobs (${jobs.length}) — select to cancel`, jobs, j => formatJob(j, scheduler));
+    if (!job)
+        return;
+    const ok = await ctx.ui.confirm(`Cancel "${job.name}"?`, formatDetails(job, scheduler));
+    if (!ok)
+        return;
+    scheduler.removeJob(job.id);
+    ctx.ui.notify(`Cancelled "${job.name}".`, "info");
+}

package/dist/ui/select-item.d.ts

@@ -0,0 +1,27 @@
+/**
+ * select-item.ts — pick an item from a list via `ctx.ui.select`, safely.
+ *
+ * Pi's dialog API is `select(title, options: string[]) => Promise<string | undefined>`:
+ * strings in, string out, with no index or value form. Callers therefore have to
+ * map the returned string back to the item it came from, and the obvious way —
+ * `labels.indexOf(choice)` over a parallel array — silently resolves to the
+ * FIRST match whenever two rows format identically. Row formatters here truncate
+ * (job names to 18 chars, agent descriptions to whatever fits), and the text they
+ * truncate is LLM-authored, so collisions are ordinary rather than exotic.
+ *
+ * This numbers every row, which makes the labels unique by construction — no
+ * data-dependent branch that only executes in the case nobody exercises — and
+ * keeps each label paired with its item so a later edit that sorts or filters
+ * between building and resolving cannot desync them.
+ */
+/** Minimal shape of the `ctx.ui` surface this needs. */
+export interface SelectUI {
+    select(title: string, options: string[]): Promise<string | undefined>;
+}
+/**
+ * Show a numbered picker and return the chosen item (not its label).
+ *
+ * Returns undefined when the user escapes, or when the returned string is not
+ * one we offered.
+ */
+export declare function selectItem<T>(ui: SelectUI, title: string, items: readonly T[], format: (item: T, index: number) => string): Promise<T | undefined>;

package/dist/ui/select-item.js

@@ -0,0 +1,34 @@
+/**
+ * select-item.ts — pick an item from a list via `ctx.ui.select`, safely.
+ *
+ * Pi's dialog API is `select(title, options: string[]) => Promise<string | undefined>`:
+ * strings in, string out, with no index or value form. Callers therefore have to
+ * map the returned string back to the item it came from, and the obvious way —
+ * `labels.indexOf(choice)` over a parallel array — silently resolves to the
+ * FIRST match whenever two rows format identically. Row formatters here truncate
+ * (job names to 18 chars, agent descriptions to whatever fits), and the text they
+ * truncate is LLM-authored, so collisions are ordinary rather than exotic.
+ *
+ * This numbers every row, which makes the labels unique by construction — no
+ * data-dependent branch that only executes in the case nobody exercises — and
+ * keeps each label paired with its item so a later edit that sorts or filters
+ * between building and resolving cannot desync them.
+ */
+/**
+ * Show a numbered picker and return the chosen item (not its label).
+ *
+ * Returns undefined when the user escapes, or when the returned string is not
+ * one we offered.
+ */
+export async function selectItem(ui, title, items, format) {
+    // Pad the number so a 10+ item list keeps its columns aligned.
+    const width = String(items.length).length;
+    const rows = items.map((item, i) => ({
+        item,
+        label: `${String(i + 1).padStart(width)}. ${format(item, i)}`,
+    }));
+    const choice = await ui.select(title, rows.map(r => r.label));
+    if (!choice)
+        return undefined;
+    return rows.find(r => r.label === choice)?.item;
+}