@fitchmultz/pi-subagents 0.44.7 → 0.46.0

package/dist/tui/compact-results.js

@@ -0,0 +1,193 @@
+import { keyText } from "@earendil-works/pi-coding-agent";
+import { Container, Text, TruncatedText } from "@earendil-works/pi-tui";
+import { shortenPath } from "../shared/formatters.js";
+import { getSingleResultOutput } from "../shared/utils.js";
+import { buildMultiProgressLabel, renderEntries, resultRowLabel, } from "./workflow-labels.js";
+import { widgetStepGlyph, widgetStepStatus } from "./widget-status.js";
+import { totalProgress, resultProgress, workflowFacts, } from "./result-facts.js";
+import { hasText, nonemptyText } from "./text-values.js";
+import { statJoin, formatProgressStats, getTermWidth, modelThinkingBadge, modelStat, resultGlyph, compactCurrentActivity, truncLine, buildLiveStatusLine, snapshotNowForProgress, resultStatusLine, firstOutputLine, hasEmptyTextOutputWithoutOutputTarget, runningGlyph, runningSeed, progressRunningSeed, themeBold, extractOutputTarget, } from "./display.js";
+function resultOutput(d, r) {
+    return (nonemptyText(r.truncation?.text) ??
+        nonemptyText(getSingleResultOutput(r)) ??
+        (d.intercomDelivery?.delivered === true ? d.intercomDelivery.summary : ""));
+}
+function expandLabel(d) {
+    return `${keyText("app.tools.expand")} ${d.intercomDelivery?.delivered === true ? "receipt details" : "full response"}`;
+}
+function paths(r, theme) {
+    const c = new Container();
+    if (hasText(r.sessionFile)) {
+        c.addChild(new TruncatedText(theme.fg("dim", `  session: ${shortenPath(r.sessionFile)}`)));
+    }
+    if (r.artifactPaths) {
+        c.addChild(new TruncatedText(theme.fg("dim", `  output: ${shortenPath(r.artifactPaths.outputPath)}`)));
+    }
+    if (hasText(r.truncation?.artifactPath)) {
+        c.addChild(new TruncatedText(theme.fg("dim", `  full output: ${shortenPath(r.truncation.artifactPath)}`)));
+    }
+    return c;
+}
+function singleHeadline(d, r, theme, isError) {
+    const progress = r.progress ?? r.progressSummary;
+    const running = !isError && r.progress?.status === "running";
+    const badge = d.context === "fork" ? theme.fg("warning", " [fork]") : "";
+    const turns = r.usage.turns > 0 ? `⟳ ${r.usage.turns}` : "";
+    const stats = statJoin(theme, [turns, formatProgressStats(theme, progress)]);
+    const glyph = isError
+        ? theme.fg("error", "✗")
+        : resultGlyph(r, resultOutput(d, r), theme, { running });
+    return new TruncatedText(`${glyph} ${theme.fg("toolTitle", theme.bold(r.agent))}${modelThinkingBadge(theme, r.model)}${badge}${hasText(stats) ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`);
+}
+function compactLive(r, theme) {
+    const c = new Container(), width = getTermWidth() - 4, progress = r.progress;
+    if (!progress) {
+        return c;
+    }
+    const activity = compactCurrentActivity(progress), live = buildLiveStatusLine(progress, snapshotNowForProgress(progress));
+    c.addChild(new Text(truncLine(theme.fg("dim", `  ⎿  ${activity}`), width), 0, 0));
+    if (hasText(live) && live !== activity) {
+        c.addChild(new Text(truncLine(theme.fg("dim", `     ${live}`), width), 0, 0));
+    }
+    const expand = keyText("app.tools.expand");
+    if (hasText(expand)) {
+        c.addChild(new Text(truncLine(theme.fg("accent", `  Press ${expand} for live detail`), width), 0, 0));
+    }
+    if (r.artifactPaths) {
+        c.addChild(new Text(truncLine(theme.fg("dim", `  output: ${shortenPath(r.artifactPaths.outputPath)}`), width), 0, 0));
+    }
+    return c;
+}
+export function renderSingleCompact(d, r, theme, isError = false) {
+    const c = new Container(), output = nonemptyText(r.truncation?.text) ?? getSingleResultOutput(r);
+    c.addChild(singleHeadline(d, r, theme, isError));
+    if (!isError && r.progress?.status === "running") {
+        c.addChild(compactLive(r, theme));
+        return c;
+    }
+    c.addChild(new TruncatedText(theme.fg("dim", `  ⎿  ${resultStatusLine(r, resultOutput(d, r))}`)));
+    const preview = firstOutputLine(output);
+    if (hasText(preview) &&
+        r.exitCode === 0 &&
+        !hasEmptyTextOutputWithoutOutputTarget(r.task, output)) {
+        c.addChild(new TruncatedText(theme.fg("dim", `     ${preview}`)));
+    }
+    c.addChild(paths(r, theme));
+    c.addChild(new TruncatedText(theme.fg("dim", `  ${expandLabel(d)}`)));
+    return c;
+}
+function compactMultiGlyph(d, theme, isError) {
+    const facts = workflowFacts(d, isError);
+    if (facts.running) {
+        return theme.fg("accent", runningGlyph(runningSeed(progressRunningSeed(totalProgress(d)), d.currentStepIndex)));
+    }
+    if (facts.failed) {
+        return theme.fg("error", "✗");
+    }
+    return theme.fg(facts.paused || facts.blocked ? "warning" : "success", facts.paused || facts.blocked ? "■" : "✓");
+}
+function compactMultiHeading(d, theme, label, isError) {
+    const stats = statJoin(theme, [label.headerLabel, formatProgressStats(theme, totalProgress(d))]);
+    const badge = d.context === "fork" ? theme.fg("warning", " [fork]") : "";
+    return new TruncatedText(`${compactMultiGlyph(d, theme, isError)} ${theme.fg("toolTitle", theme.bold(d.mode))}${badge}${hasText(stats) ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`);
+}
+function placeholder(entry, theme) {
+    const c = new Container();
+    c.addChild(new TruncatedText(`  ${widgetStepGlyph(entry.status, theme)} ${entry.stepLabel}: ${themeBold(theme, entry.agentName)} ${theme.fg("dim", "·")} ${widgetStepStatus(entry.status, theme)}`));
+    if (hasText(entry.error)) {
+        c.addChild(new TruncatedText(theme.fg("error", `    ⎿  Error: ${entry.error}`)));
+    }
+    return c;
+}
+function needsOutcome(r, output) {
+    return (r.exitCode !== 0 ||
+        r.interrupted === true ||
+        r.detached === true ||
+        r.timedOut === true ||
+        r.acceptance?.status === "blocked" ||
+        hasEmptyTextOutputWithoutOutputTarget(r.task, output));
+}
+function rowPaths(r, theme) {
+    const c = new Container(), target = extractOutputTarget(r.task);
+    if (hasText(target)) {
+        c.addChild(new TruncatedText(theme.fg("dim", `    output: ${target}`)));
+    }
+    if (r.artifactPaths) {
+        c.addChild(new TruncatedText(theme.fg("dim", `    output: ${shortenPath(r.artifactPaths.outputPath)}`)));
+    }
+    return c;
+}
+function compactRow(d, entry, theme, label) {
+    const c = new Container(), r = d.results.at(entry.resultIndex);
+    if (!r) {
+        const pending = label.hasParallelInChain
+            ? resultRowLabel(d, label, entry.resultIndex, entry.rowNumber)
+            : `${label.itemTitle} ${entry.rowNumber}`;
+        c.addChild(new TruncatedText(theme.fg("dim", `  ◦ ${pending}: ${entry.agentName} · pending`)));
+        return { component: c, live: false };
+    }
+    const progress = resultProgress(d, entry.resultIndex), running = progress?.status === "running";
+    const output = nonemptyText(getSingleResultOutput(r)) ??
+        (d.intercomDelivery?.delivered === true ? d.intercomDelivery.summary : "");
+    const number = progress?.index === undefined ? entry.resultIndex + 1 : progress.index + 1;
+    const step = resultRowLabel(d, label, entry.resultIndex, number);
+    c.addChild(compactRowHeading(r, theme, output, { progress, step, agentName: entry.agentName }));
+    c.addChild(compactRowActivity(r, theme, output, progress));
+    c.addChild(rowPaths(r, theme));
+    return { component: c, live: running };
+}
+function compactRowHeading(r, theme, output, row) {
+    const progress = row.progress, running = progress?.status === "running", pending = progress?.status === "pending";
+    const stats = formatProgressStats(theme, progress), glyph = pending
+        ? theme.fg("dim", "◦")
+        : resultGlyph(r, output, theme, { running, seed: progressRunningSeed(progress) });
+    return new TruncatedText(`  ${glyph} ${row.step}: ${themeBold(theme, row.agentName)}${modelStat(theme, r.model)}${hasText(stats) ? ` ${theme.fg("dim", "·")} ${stats}` : ""}${pending ? ` ${theme.fg("dim", "· pending")}` : ""}`);
+}
+function compactRowActivity(r, theme, output, progress) {
+    const c = new Container();
+    if (progress?.status === "running") {
+        c.addChild(new Text(truncLine(theme.fg("dim", `    ⎿  ${compactCurrentActivity(progress)}`), getTermWidth() - 4), 0, 0));
+    }
+    else if (progress?.status !== "pending" && needsOutcome(r, output)) {
+        c.addChild(new TruncatedText(theme.fg(r.exitCode !== 0 ? "error" : "dim", `    ⎿  ${resultStatusLine(r, output)}`)));
+    }
+    return c;
+}
+function multiFooter(d, theme, input) {
+    const c = new Container(), expand = keyText("app.tools.expand");
+    if (input.hidden > 0) {
+        c.addChild(new Text(theme.fg("dim", `  +${input.hidden} more${hasText(expand) ? ` · ${expand} expands` : ""}`), 0, 0));
+    }
+    if (input.live && hasText(expand)) {
+        c.addChild(new Text(theme.fg("accent", `  Press ${expand} for live detail`), 0, 0));
+    }
+    if (d.artifacts) {
+        c.addChild(new TruncatedText(theme.fg("dim", `  artifacts: ${shortenPath(d.artifacts.dir)}`)));
+    }
+    if (!input.running) {
+        c.addChild(new TruncatedText(theme.fg("dim", `  ${expandLabel(d)}`)));
+    }
+    return c;
+}
+export function renderMultiCompact(d, theme, isError = false) {
+    const c = new Container(), facts = workflowFacts(d, isError), label = buildMultiProgressLabel(d, facts.running);
+    c.addChild(compactMultiHeading(d, theme, label, isError));
+    const entries = renderEntries(d, label, label.itemTitle.toLowerCase());
+    const visible = facts.running || facts.failed || facts.paused || facts.blocked ? entries : entries.slice(0, 6);
+    let live = false;
+    for (const entry of visible) {
+        if (entry.kind === "placeholder") {
+            c.addChild(placeholder(entry, theme));
+            continue;
+        }
+        const row = compactRow(d, entry, theme, label);
+        c.addChild(row.component);
+        live ||= row.live;
+    }
+    c.addChild(multiFooter(d, theme, {
+        hidden: entries.length - visible.length,
+        live,
+        running: facts.running,
+    }));
+    return c;
+}

package/dist/tui/conversation-details.js

@@ -0,0 +1,190 @@
+import { hasText, errorText } from "./text-values.js";
+import { readableText } from "./agent-history.js";
+function quote(item) {
+    const parts = item.call || item.result
+        ? [item.diff, item.details ?? item.text]
+        : [item.text, item.diff, item.details];
+    return { title: item.title, text: parts.filter(Boolean).join("\n\n") };
+}
+export class ConversationDetails {
+    detail;
+    detailError;
+    loadingDetail = false;
+    pendingDetail = false;
+    detailRequest = 0;
+    conversationAnchor;
+    closed = false;
+    tui;
+    effects;
+    constructor(tui, effects) {
+        this.tui = tui;
+        this.effects = effects;
+    }
+    active(request) {
+        return !this.closed && request === this.detailRequest;
+    }
+    sameAttempt(request, runId) {
+        return this.active(request) && this.effects.task()?.run.runId === runId;
+    }
+    begin(item) {
+        this.conversationAnchor = this.effects.following() ? undefined : this.effects.anchor();
+        this.loadingDetail = item.load !== undefined;
+        this.detailError = undefined;
+        this.detail = item.load
+            ? {
+                id: item.id,
+                kind: "notice",
+                title: "Loading selected details…",
+                text: "Native record validation is running in the history process.",
+                timestamp: item.timestamp,
+            }
+            : item;
+        this.effects.closeMenu();
+        this.effects.compose(false);
+        this.effects.toStart();
+        this.effects.restore({ id: item.id, line: 0 });
+        this.tui.requestRender();
+    }
+    async inspectSelected() {
+        const item = this.effects.selected();
+        if (item) {
+            await this.inspect(item);
+        }
+    }
+    async inspect(item) {
+        const request = ++this.detailRequest, runId = this.effects.task()?.run.runId;
+        this.begin(item);
+        try {
+            const detail = item.load ? await item.load() : item;
+            if (this.sameAttempt(request, runId)) {
+                this.detail = detail;
+            }
+        }
+        catch (error) {
+            if (this.sameAttempt(request, runId)) {
+                this.detailError = readableText(errorText(error));
+                this.detail = {
+                    id: item.id,
+                    kind: "notice",
+                    title: "Details unavailable",
+                    text: this.detailError,
+                    timestamp: item.timestamp,
+                };
+            }
+        }
+        if (this.active(request)) {
+            this.loadingDetail = false;
+            this.tui.requestRender();
+        }
+    }
+    replyAnchor() {
+        if (this.detail) {
+            return this.conversationAnchor;
+        }
+        return this.effects.following() ? undefined : this.effects.anchor();
+    }
+    async quoteItem(item) {
+        if (!item.load || this.detail) {
+            return item;
+        }
+        const request = ++this.detailRequest, runId = this.effects.task()?.run.runId;
+        this.loadingDetail = true;
+        this.effects.compose(true);
+        this.tui.requestRender();
+        try {
+            const full = await item.load();
+            return this.sameAttempt(request, runId) ? full : undefined;
+        }
+        catch (error) {
+            if (this.active(request)) {
+                this.effects.visit().notice = `Quoted context unavailable; draft kept. ${readableText(errorText(error))}`;
+                this.effects.changed();
+            }
+            return;
+        }
+        finally {
+            if (this.active(request)) {
+                this.loadingDetail = false;
+                this.tui.requestRender();
+            }
+        }
+    }
+    async reply() {
+        if (this.loadingDetail) {
+            return;
+        }
+        if (this.detail && hasText(this.detailError)) {
+            this.effects.visit().notice = `Quoted context unavailable; draft kept. ${this.detailError}`;
+            this.effects.back();
+            this.effects.changed();
+            return;
+        }
+        const selected = this.effects.selected();
+        if (!selected) {
+            return;
+        }
+        const anchor = this.replyAnchor();
+        let item = selected;
+        if (selected.load && !this.detail) {
+            item = await this.quoteItem(selected);
+        }
+        if (!item) {
+            return;
+        }
+        this.effects.visit().quote = quote(item);
+        this.detailRequest++;
+        this.detail = undefined;
+        this.effects.closeMenu();
+        this.effects.compose(true);
+        this.effects.restore(anchor);
+        this.effects.changed();
+    }
+    async changes() {
+        if (this.pendingDetail) {
+            return;
+        }
+        const request = ++this.detailRequest, runId = this.effects.task()?.run.runId;
+        this.pendingDetail = true;
+        try {
+            const item = await this.effects.changes();
+            if (item && this.sameAttempt(request, runId)) {
+                await this.inspect(item);
+                this.tui.requestRender();
+            }
+        }
+        catch (error) {
+            if (this.sameAttempt(request, runId)) {
+                this.effects.visit().notice = `Changes unavailable: ${errorText(error)}`;
+            }
+        }
+        finally {
+            this.pendingDetail = false;
+        }
+    }
+    close() {
+        if (!this.detail) {
+            return false;
+        }
+        this.detailRequest++;
+        this.loadingDetail = false;
+        this.detail = undefined;
+        this.effects.compose(true);
+        this.effects.restore(this.conversationAnchor);
+        if (!this.conversationAnchor) {
+            this.effects.toEnd();
+        }
+        return true;
+    }
+    unquote() {
+        if (this.loadingDetail && !this.detail) {
+            this.detailRequest++;
+            this.loadingDetail = false;
+        }
+        this.effects.visit().quote = undefined;
+        this.effects.changed();
+    }
+    dispose() {
+        this.closed = true;
+        this.detailRequest++;
+    }
+}

package/dist/tui/conversation-frame.js

@@ -0,0 +1,135 @@
+import { DynamicBorder } from "@earendil-works/pi-coding-agent";
+import { Box, Container, Text, truncateToWidth } from "@earendil-works/pi-tui";
+import { actionHints } from "./action-hints.js";
+import { readableText } from "./history-text.js";
+import { CONTINUE_HINT, CONTINUE_NOTICES, primaryKey } from "./view-model.js";
+export function conversationControls(model, theme) {
+    const { compact, act } = model;
+    const primary = model.primary !== undefined
+        ? { text: model.actionHint, run: () => act(model.primary ?? "") }
+        : model.actionHint;
+    const actions = { text: compact ? "F2" : "F2 Actions", run: () => act("actions") };
+    const focus = { text: compact ? "Tab" : "Tab Read/write", run: () => act("focus") };
+    const reply = { text: compact ? "Alt+R" : "Alt+R Reply", run: () => act("reply") };
+    const back = { text: backLabel(model), run: () => act("back") };
+    const choose = {
+        text: `${primaryKey("tui.select.confirm")}${compact ? "" : " Choose"}`.trim(),
+        run: () => act("choose"),
+    };
+    if (model.menu) {
+        return actionHints([choose, " · ", back]);
+    }
+    const style = (text) => theme.fg("dim", text);
+    if (model.detail) {
+        return actionHints([reply, " · ", actions, " · ", back], style);
+    }
+    if (compact) {
+        return actionHints([actions, " · ", focus, " · ", back], style);
+    }
+    if (model.width < 60) {
+        return actionHints([actions, " · ", back, "\n", primary, " · ", focus], style);
+    }
+    return actionHints([primary, " · ", actions, " · ", focus, " · ", back], style);
+}
+function backLabel(model) {
+    if (!model.menu) {
+        return model.compact ? "Esc" : "Esc Back";
+    }
+    let suffix = "";
+    if (!model.compact) {
+        suffix = model.detail ? " Back to details" : " Back to conversation";
+    }
+    return `${primaryKey("tui.select.cancel")}${suffix}`.trim();
+}
+function header(model, theme, showStatus) {
+    const c = new Container(), width = Math.max(1, model.width - 2);
+    c.addChild(new Text(theme.fg("accent", theme.bold(truncateToWidth(model.title, width))), 0, 0));
+    if (showStatus) {
+        c.addChild(actionHints([
+            ...(model.unread
+                ? [
+                    "New activity · ",
+                    ...(model.menu
+                        ? []
+                        : [{ text: "Alt+L latest", run: () => model.act("latest") }, " · "]),
+                ]
+                : []),
+            model.status,
+        ], (text) => theme.fg("dim", text), "..."));
+    }
+    return c;
+}
+function composer(model, theme, compact) {
+    const c = new Container(), width = Math.max(1, model.width - 2);
+    if (!model.detail) {
+        const notice = model.notice;
+        if (notice !== undefined) {
+            const parts = typeof notice === "string"
+                ? [readableText(notice).replace(/\s+/g, " ").trim()]
+                : [
+                    CONTINUE_NOTICES[notice.continue],
+                    { text: CONTINUE_HINT, run: () => model.act("continue") },
+                    ".",
+                ];
+            c.addChild(actionHints(parts, (text) => theme.fg("warning", text), "..."));
+        }
+        if (model.quoteTitle !== undefined) {
+            c.addChild(actionHints([
+                "Quote · ",
+                { text: "Alt+Q remove", run: () => model.act("unquote") },
+                ": ",
+                model.quoteTitle,
+            ], (text) => theme.fg("dim", text), "..."));
+        }
+        if (!compact) {
+            c.addChild(new Text(theme.fg("accent", truncateToWidth(model.composeLabel, width)), 0, 0));
+        }
+        c.addChild(model.editorViewport);
+    }
+    c.addChild(model.footer);
+    return c;
+}
+export function conversationFrame(model, theme) {
+    const width = Math.max(1, model.width - 2), compact = model.height < 16;
+    const contentRows = model.menu
+        ? model.menu.render(width).length
+        : 1 +
+            (model.detail
+                ? 0
+                : 1 +
+                    Number(!compact) +
+                    Number(model.notice !== undefined) +
+                    Number(model.quoteTitle !== undefined));
+    const required = 1 + model.footer.render(width).length + contentRows;
+    const showStatus = model.height > required, framed = model.height >= required + Number(showStatus) + 2;
+    const root = new Container(), body = new Box(1, 0, (text) => theme.bg("customMessageBg", text));
+    const title = header(model, theme, showStatus);
+    body.addChild(title);
+    let editorHeight = Infinity, historyHeight = 1;
+    if (model.menu) {
+        body.addChild(model.menu);
+        body.addChild(model.footer);
+    }
+    else {
+        const bottom = composer(model, theme, compact);
+        const space = model.height - Number(framed) * 2 - title.render(width).length;
+        const bottomRows = bottom.render(width).length;
+        if (!model.detail) {
+            editorHeight = Math.max(1, space - (bottomRows - model.editorRows) - 1);
+        }
+        const clippedRows = model.detail
+            ? bottomRows
+            : bottomRows - model.editorRows + Math.min(model.editorRows, editorHeight);
+        historyHeight = Math.max(1, space - clippedRows);
+        body.addChild(model.viewport);
+        body.addChild(bottom);
+    }
+    if (framed) {
+        root.addChild(new DynamicBorder((text) => theme.fg("borderAccent", text)));
+    }
+    root.addChild(body);
+    if (framed) {
+        root.addChild(new DynamicBorder((text) => theme.fg("borderAccent", text)));
+    }
+    return { component: root, editorHeight, historyHeight };
+}