@mintlify/cli 4.0.1466 → 4.0.1468

package/bin/mintTestUi.js

@@ -7,27 +7,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, render, Text, useInput } from 'ink';
 import path from 'node:path';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { DEFAULT_COMMAND_TIMEOUT_MS, DEFAULT_CONCURRENCY, clearRunSave, runCodeTests, } from './agent-harness/index.js';
+import { readFilePreview } from './mintTestFilePreview.js';
+import { firstLine, footerSegments, taskProblemLabel } from './mintTestText.js';
 import { toggleScopeSelection, visibleScopeRows } from './mintTestTree.js';
 const HARNESSES = [
     { agent: 'claude', model: 'claude-opus-4-8', label: 'Claude Opus 4.8' },
     { agent: 'claude', model: 'claude-sonnet-4-6', label: 'Claude Sonnet 4.6' },
     { agent: 'codex', model: 'claude-opus-4-8', label: 'Codex' },
 ];
-export function countReport(tasks) {
-    const counts = { passed: 0, failed: 0, cancelled: 0, agentErrors: 0 };
-    for (const task of tasks) {
-        if (task.status === 'agent_error')
-            counts.agentErrors++;
-        else
-            counts[task.status]++;
-    }
-    return counts;
-}
 const STEPS = [
     { id: 'harnesses', label: 'Harnesses' },
     { id: 'scope', label: 'Scope' },
@@ -74,7 +66,7 @@ function useTerminalSize() {
 }
 function stepState(step, screen, activeRunStage) {
     const order = ['harnesses', 'scope', 'check', 'generate', 'run', 'report'];
-    const screenStep = screen === 'resume'
+    const screenStep = screen === 'resume' || screen === 'existing'
         ? 'harnesses'
         : screen === 'running' || screen === 'error'
             ? activeRunStage
@@ -99,36 +91,38 @@ function StepGlyph({ state }) {
     return _jsx(Text, { dimColor: true, children: "\u25CB" });
 }
 const RESUME_OPTIONS = ['Resume', 'Start fresh'];
+const EXISTING_RUN_OPTIONS = [
+    'Update tests',
+    'Review last test run',
+    'Start a brand new test',
+];
 const EMPTY_SELECTION = new Set();
 function ResumeScreen({ save, cursor }) {
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Resume previous run?" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: ["Run ", _jsx(Text, { color: "cyan", children: save.runId })] }), _jsxs(Text, { dimColor: true, children: [save.selectedFiles.length, " ", save.selectedFiles.length === 1 ? 'page' : 'pages', " \u00B7", ' ', save.agents.join(', ')] })] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: RESUME_OPTIONS.map((option, index) => (_jsxs(Text, { color: cursor === index ? 'cyan' : undefined, children: [cursor === index ? '›' : ' ', " ", option] }, option))) })] }));
 }
+function ExistingRunScreen({ report, cursor }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Mint test has already run in this directory." }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: ["Last run ", _jsx(Text, { color: "cyan", children: report.runId }), " \u00B7", ' ', _jsx(Text, { color: report.status === 'passed'
+                                    ? 'green'
+                                    : report.status === 'completed'
+                                        ? 'cyan'
+                                        : report.status === 'cancelled'
+                                            ? 'yellow'
+                                            : 'red', children: report.status })] }), _jsxs(Text, { dimColor: true, children: [report.selectedFiles.length, " ", report.selectedFiles.length === 1 ? 'page' : 'pages', " \u00B7", ' ', report.model, " \u00B7 ", new Date(report.completedAt).toLocaleString()] })] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: EXISTING_RUN_OPTIONS.map((option, index) => (_jsxs(Text, { color: cursor === index ? 'cyan' : undefined, children: [cursor === index ? '›' : ' ', " ", option] }, option))) })] }));
+}
 function HarnessScreen({ cursor }) {
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Which harness should generate and run the tests?" }), _jsx(Text, { dimColor: true, children: "The selected harness tests every page in the chosen scope." }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: HARNESSES.map((harness, index) => (_jsxs(Text, { color: cursor === index ? 'cyan' : undefined, children: [cursor === index ? '›' : ' ', " ", cursor === index ? '(•)' : '( )', " ", harness.label] }, harness.label))) })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Select coding harness?" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: HARNESSES.map((harness, index) => (_jsxs(Text, { color: cursor === index ? 'cyan' : undefined, children: [cursor === index ? '›' : ' ', " ", cursor === index ? '(•)' : '( )', " ", harness.label] }, harness.label))) })] }));
 }
-function ScopeScreen({ rows, cursor, height, selectedCount, selectedBlocks, testablePages, totalPages, outputDirectory, }) {
+function ScopeScreen({ rows, cursor, height, }) {
     const viewport = Math.max(4, height - 18);
     const start = Math.max(0, Math.min(cursor - Math.floor(viewport / 2), rows.length - viewport));
     const visible = rows.slice(start, start + viewport);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: testablePages }), ' ', "of ", totalPages, " total pages have untested code"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: selectedCount }), ' ', selectedCount === 1 ? 'page' : 'pages', " \u00B7", ' ', _jsx(Text, { color: "cyan", bold: true, children: selectedBlocks }), ' ', selectedBlocks === 1 ? 'code block' : 'code blocks', " will be tested"] }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["Tests generated at ", outputDirectory] })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { bold: true, children: "Choose the docs to test" }) }), _jsx(Text, { dimColor: true, children: "Folders select or clear every testable page beneath them." }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: visible.map((row, visibleIndex) => {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginTop: 1, marginRight: 2, flexDirection: "column", children: _jsx(Text, { bold: true, children: "Select pages to test" }) }), _jsx(Text, { bold: true, color: "green", children: "enter to confirm" })] }), _jsx(Text, { dimColor: true, children: "Folders select or clear every testable page beneath them." }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: visible.map((row, visibleIndex) => {
                     const index = start + visibleIndex;
                     const selection = row.selection === 'all' ? '[x]' : row.selection === 'some' ? '[-]' : '[ ]';
                     const disclosure = row.kind === 'directory' ? (row.expanded ? '▾' : '▸') : ' ';
                     return (_jsxs(Text, { color: index === cursor ? 'cyan' : undefined, children: [' '.repeat(row.depth * 2), index === cursor ? '›' : ' ', " ", selection, " ", disclosure, " ", row.label, ' ', _jsxs(Text, { dimColor: true, children: [row.blockCount, " ", row.blockCount === 1 ? 'code block' : 'code blocks'] })] }, row.id));
                 }) })] }));
 }
-const PHASE_LABELS = {
-    checking: 'validating code can be tested',
-    checked: 'code can be tested',
-    not_testable: 'no testable code',
-    generating: 'generating test code',
-    generated: 'test generated',
-    running: 'running tests',
-    passed: 'passed',
-    failed: 'tests failed',
-    agent_error: 'test could not be generated',
-    cancelled: 'cancelled',
-};
 const ACTIVE_PHASES = new Set(['checking', 'generating', 'running']);
 const DONE_PHASES = new Set([
     'passed',
@@ -138,13 +132,120 @@ const DONE_PHASES = new Set([
     'cancelled',
 ]);
 const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+const OUTPUT_PHASES = new Set([
+    'generating',
+    'generated',
+    'running',
+    'passed',
+    'failed',
+    'agent_error',
+    'cancelled',
+]);
+function generatedPathRows(tasks) {
+    const rows = [];
+    for (const task of tasks) {
+        if (!OUTPUT_PHASES.has(task.phase))
+            continue;
+        if (task.generatedFiles.length === 0) {
+            rows.push({
+                id: `${task.id}:directory`,
+                path: task.directory,
+                previewable: false,
+                task,
+            });
+            continue;
+        }
+        for (const file of task.generatedFiles) {
+            rows.push({ id: `${task.id}:${file}`, path: file, previewable: true, task });
+        }
+    }
+    return rows.sort((left, right) => left.path.localeCompare(right.path));
+}
+function useFilePreview(row) {
+    const [preview, setPreview] = useState({ status: 'empty' });
+    useEffect(() => {
+        if (!(row === null || row === void 0 ? void 0 : row.previewable)) {
+            setPreview({ status: 'empty' });
+            return;
+        }
+        let active = true;
+        setPreview({ status: 'loading' });
+        void readFilePreview(row.path)
+            .then((result) => {
+            if (!active)
+                return;
+            if (result.binary) {
+                setPreview({ status: 'error', message: 'Binary files cannot be previewed.' });
+                return;
+            }
+            setPreview({
+                status: 'loaded',
+                lines: result.text.split(/\r?\n/),
+                truncated: result.truncated,
+            });
+        })
+            .catch((error) => {
+            if (!active)
+                return;
+            setPreview({
+                status: 'error',
+                message: error instanceof Error ? error.message : String(error),
+            });
+        });
+        return () => {
+            active = false;
+        };
+    }, [row === null || row === void 0 ? void 0 : row.path, row === null || row === void 0 ? void 0 : row.previewable]);
+    return preview;
+}
+function generatedPathStatus(phase, spinner) {
+    if (phase === 'generating' || phase === 'running')
+        return { glyph: spinner, color: 'green' };
+    if (phase === 'generated' || phase === 'passed')
+        return { glyph: '✓', color: 'green' };
+    if (phase === 'failed' || phase === 'agent_error')
+        return { glyph: '✗', color: 'red' };
+    if (phase === 'cancelled')
+        return { glyph: '●', color: 'yellow' };
+    return { glyph: '○', dim: true };
+}
+function FilePreview({ row, height }) {
+    const preview = useFilePreview(row);
+    // Border (2), title, path, margin, and one row kept for the truncation notice.
+    const lineLimit = Math.max(1, height - 6);
+    return (_jsxs(Box, { width: "52%", height: height, borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", overflow: "hidden", children: [_jsx(Text, { bold: true, children: "File preview" }), row ? _jsx(Text, { dimColor: true, children: row.path }) : _jsx(Text, { dimColor: true, children: "Select a generated file." }), !(row === null || row === void 0 ? void 0 : row.previewable) ? (_jsx(Text, { dimColor: true, children: (row === null || row === void 0 ? void 0 : row.task.phase) === 'generating'
+                    ? 'Files will appear here after generation finishes.'
+                    : 'No generated file is available to preview.' })) : preview.status === 'loading' ? (_jsx(Text, { dimColor: true, children: "Loading preview..." })) : preview.status === 'error' ? (_jsx(Text, { color: "yellow", children: preview.message })) : preview.status === 'loaded' ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [preview.lines.slice(0, lineLimit).map((line, index) => (_jsxs(Text, { wrap: "truncate-end", children: [_jsxs(Text, { dimColor: true, children: [String(index + 1).padStart(3), " "] }), line || ' '] }, `${index}:${line}`))), preview.truncated || preview.lines.length > lineLimit ? (_jsx(Text, { dimColor: true, children: "Preview truncated" })) : null] })) : null] }));
+}
+function GeneratedFilesView({ rows, cursor, height, spinner, relativeRoot, emptyMessage = 'Waiting for generated files...', }) {
+    const safeCursor = Math.max(0, Math.min(cursor, rows.length - 1));
+    const viewport = Math.max(2, height - 3);
+    const start = Math.max(0, Math.min(safeCursor - Math.floor(viewport / 2), rows.length - viewport));
+    const visible = rows.slice(start, start + viewport);
+    const selected = rows[safeCursor];
+    const showPreview = (selected === null || selected === void 0 ? void 0 : selected.previewable) === true;
+    return (_jsxs(Box, { flexDirection: "row", gap: 1, flexGrow: 1, overflow: "hidden", children: [_jsxs(Box, { width: showPreview ? '48%' : '100%', borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", overflow: "hidden", children: [_jsx(Text, { bold: true, children: "Generated files" }), visible.length === 0 ? _jsx(Text, { dimColor: true, children: emptyMessage }) : null, visible.map((row, visibleIndex) => {
+                        const index = start + visibleIndex;
+                        const status = generatedPathStatus(row.task.phase, spinner);
+                        const relativePath = path.relative(relativeRoot, row.path) || '.';
+                        return (_jsxs(Text, { color: index === safeCursor ? 'cyan' : undefined, wrap: "truncate-end", children: [index === safeCursor ? '›' : ' ', ' ', _jsx(Text, { color: status.color, dimColor: status.dim, children: status.glyph }), ' ', row.previewable
+                                    ? row.path
+                                    : row.task.phase === 'generating'
+                                        ? `Writing under ${relativePath}`
+                                        : `No generated file in ${relativePath}`, row.task.phase === 'failed' || row.task.phase === 'agent_error' ? (_jsxs(Text, { color: "red", children: [' ', taskProblemLabel(row.task.phase), row.task.error ? _jsxs(Text, { dimColor: true, children: [" \u00B7 ", firstLine(row.task.error)] }) : null] })) : null] }, row.id));
+                    })] }), showPreview ? _jsx(FilePreview, { row: selected, height: height }) : null] }));
+}
 function fileStatus(row, spinner) {
     if (row && ACTIVE_PHASES.has(row.phase))
         return { glyph: spinner, color: 'green' };
-    if ((row === null || row === void 0 ? void 0 : row.phase) === 'not_testable')
-        return { glyph: '✗', color: 'yellow' };
     if ((row === null || row === void 0 ? void 0 : row.phase) === 'failed' || (row === null || row === void 0 ? void 0 : row.phase) === 'agent_error')
         return { glyph: '✗', color: 'red' };
+    if ((row === null || row === void 0 ? void 0 : row.phase) === 'checked' || (row === null || row === void 0 ? void 0 : row.phase) === 'generated' || (row === null || row === void 0 ? void 0 : row.phase) === 'passed') {
+        return { glyph: '✓', color: 'green' };
+    }
+    if ((row === null || row === void 0 ? void 0 : row.phase) === 'not_testable' || (row === null || row === void 0 ? void 0 : row.phase) === 'cancelled') {
+        return { glyph: '●', color: 'yellow' };
+    }
     return { glyph: '○', dim: true };
 }
 const SETTLED_PHASES = new Set([...DONE_PHASES, 'checked', 'generated']);
@@ -153,17 +254,21 @@ function directoryStatus(files, phases, spinner) {
     if (rows.some((row) => row && ACTIVE_PHASES.has(row.phase))) {
         return { glyph: spinner, color: 'green' };
     }
+    if (rows.some((row) => (row === null || row === void 0 ? void 0 : row.phase) === 'failed' || (row === null || row === void 0 ? void 0 : row.phase) === 'agent_error')) {
+        return { glyph: '✗', color: 'red' };
+    }
     if (rows.every((row) => row && SETTLED_PHASES.has(row.phase))) {
-        if (rows.some((row) => row && ['failed', 'agent_error'].includes(row.phase))) {
-            return { glyph: '●', color: 'red' };
+        if (rows.every((row) => (row === null || row === void 0 ? void 0 : row.phase) === 'not_testable' || (row === null || row === void 0 ? void 0 : row.phase) === 'cancelled')) {
+            return { glyph: '●', color: 'yellow' };
         }
-        return rows.every((row) => row && DONE_PHASES.has(row.phase))
-            ? { glyph: '●', color: 'green' }
-            : { glyph: '●', dim: true };
+        return { glyph: '✓', color: 'green' };
     }
     return { glyph: '○', dim: true };
 }
-function ActivityScreen({ stage, cancelling, harness, rows, cursor, phases, height, totalTasks, spinnerFrame, runStartedAt, now, }) {
+function ActivityLegend({ spinner }) {
+    return (_jsxs(Text, { dimColor: true, children: ["\u25CB waiting \u00B7 ", _jsx(Text, { color: "green", children: spinner }), " active \u00B7 ", _jsx(Text, { color: "green", children: "\u2713" }), ' ', "complete \u00B7 ", _jsx(Text, { color: "red", children: "\u2717" }), " failed \u00B7 ", _jsx(Text, { color: "yellow", children: "\u25CF" }), " skipped / cancelled"] }));
+}
+function ActivityScreen({ stage, cancelling, harness, docsRoot, rows, generatedRows, cursor, phases, height, totalTasks, spinnerFrame, runStartedAt, now, }) {
     var _a;
     const spinner = (_a = SPINNER_FRAMES[spinnerFrame % SPINNER_FRAMES.length]) !== null && _a !== void 0 ? _a : '⠋';
     const updates = [...phases.values()];
@@ -187,46 +292,48 @@ function ActivityScreen({ stage, cancelling, harness, rows, cursor, phases, heig
     const viewport = Math.max(4, height - 13);
     const start = Math.max(0, Math.min(cursor - Math.floor(viewport / 2), rows.length - viewport));
     const visible = rows.slice(start, start + viewport);
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [padDuration(now - runStartedAt), " ", _jsxs(Text, { dimColor: true, children: [padTokens(tokens), " tokens"] })] }), _jsxs(Text, { color: "green", children: [_jsx(Text, { children: spinner }), " ", message] }), _jsxs(Text, { dimColor: true, children: ["Harness: ", harness] }), _jsx(Text, { dimColor: true, children: progress })] }), _jsx(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1, flexDirection: "column", flexGrow: 1, children: visible.map((row, visibleIndex) => {
-                    var _a;
-                    const index = start + visibleIndex;
-                    const disclosure = row.kind === 'directory' ? (row.expanded ? '▾' : '▸') : ' ';
-                    const status = row.kind === 'directory'
-                        ? directoryStatus(row.selectableFiles, phases, spinner)
-                        : fileStatus(row.file ? phases.get(row.file) : undefined, spinner);
-                    const task = row.file ? phases.get(row.file) : undefined;
-                    const settled = row.kind === 'directory'
-                        ? row.selectableFiles.filter((file) => {
-                            var _a;
-                            const phase = (_a = phases.get(file)) === null || _a === void 0 ? void 0 : _a.phase;
-                            return phase !== undefined && SETTLED_PHASES.has(phase);
-                        }).length
-                        : 0;
-                    return (_jsxs(Text, { color: index === cursor ? 'cyan' : undefined, wrap: "truncate-end", children: [' '.repeat(row.depth * 2), index === cursor ? '›' : ' ', ' ', _jsx(Text, { color: status.color, dimColor: status.dim, children: status.glyph }), ' ', disclosure, " ", row.label, row.kind === 'directory' ? (_jsxs(Text, { dimColor: true, children: [' ', padCount(settled, row.selectableFiles.length), "/", row.selectableFiles.length, ' ', "complete"] })) : null, task ? (_jsxs(Text, { dimColor: true, children: [" ", padDuration(((_a = task.finishedAt) !== null && _a !== void 0 ? _a : now) - task.startedAt)] })) : null] }, row.id));
-                }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [padDuration(now - runStartedAt), " ", _jsxs(Text, { dimColor: true, children: [padTokens(tokens), " tokens"] })] }), _jsxs(Text, { color: "green", children: [_jsx(Text, { children: spinner }), " ", message] }), _jsxs(Text, { dimColor: true, children: ["Harness: ", harness] }), _jsx(Text, { dimColor: true, children: progress }), stage === 'check' || stage === 'generate' ? _jsx(ActivityLegend, { spinner: spinner }) : null] }), _jsx(Box, { marginTop: 1, flexGrow: 1, overflow: "hidden", children: stage === 'check' ? (_jsx(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", flexGrow: 1, children: visible.map((row, visibleIndex) => {
+                        var _a;
+                        const index = start + visibleIndex;
+                        const disclosure = row.kind === 'directory' ? (row.expanded ? '▾' : '▸') : ' ';
+                        const status = row.kind === 'directory'
+                            ? directoryStatus(row.selectableFiles, phases, spinner)
+                            : fileStatus(row.file ? phases.get(row.file) : undefined, spinner);
+                        const task = row.file ? phases.get(row.file) : undefined;
+                        const settled = row.kind === 'directory'
+                            ? row.selectableFiles.filter((file) => {
+                                var _a;
+                                const phase = (_a = phases.get(file)) === null || _a === void 0 ? void 0 : _a.phase;
+                                return phase !== undefined && SETTLED_PHASES.has(phase);
+                            }).length
+                            : 0;
+                        return (_jsxs(Text, { color: index === cursor ? 'cyan' : undefined, wrap: "truncate-end", children: [' '.repeat(row.depth * 2), index === cursor ? '›' : ' ', ' ', _jsx(Text, { color: status.color, dimColor: status.dim, children: status.glyph }), ' ', disclosure, " ", row.label, row.kind === 'directory' ? (_jsxs(Text, { dimColor: true, children: [' ', padCount(settled, row.selectableFiles.length), "/", row.selectableFiles.length, ' ', "complete"] })) : null, task ? (_jsxs(Text, { dimColor: true, children: [" ", padDuration(((_a = task.finishedAt) !== null && _a !== void 0 ? _a : now) - task.startedAt)] })) : null, task && (task.phase === 'failed' || task.phase === 'agent_error') ? (_jsxs(Text, { color: "red", children: [' ', taskProblemLabel(task.phase), task.error ? _jsxs(Text, { dimColor: true, children: [" \u00B7 ", firstLine(task.error)] }) : null] })) : null] }, row.id));
+                    }) })) : (_jsx(GeneratedFilesView, { rows: generatedRows, cursor: cursor, height: Math.max(4, height - 7), spinner: spinner, relativeRoot: docsRoot })) })] }));
 }
-function reportFileStatus(row) {
-    if ((row === null || row === void 0 ? void 0 : row.phase) === 'passed')
-        return { glyph: '✓', color: 'green' };
-    if ((row === null || row === void 0 ? void 0 : row.phase) === 'failed' || (row === null || row === void 0 ? void 0 : row.phase) === 'agent_error')
-        return { glyph: '✗', color: 'red' };
-    if ((row === null || row === void 0 ? void 0 : row.phase) === 'not_testable')
-        return { glyph: '✗', color: 'yellow' };
-    if ((row === null || row === void 0 ? void 0 : row.phase) === 'cancelled')
-        return { glyph: '●', color: 'yellow' };
-    return { glyph: '○', dim: true };
+const MAX_PROBLEM_ROWS = 6;
+function ProblemsView({ report }) {
+    const problems = report.tasks.filter((task) => task.status === 'failed' || task.status === 'agent_error');
+    if (problems.length === 0)
+        return null;
+    const hidden = problems.length - MAX_PROBLEM_ROWS;
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "red", paddingX: 1, flexDirection: "column", flexShrink: 0, children: [_jsxs(Text, { bold: true, color: "red", children: [problems.length, " ", problems.length === 1 ? 'page needs' : 'pages need', " attention"] }), problems.slice(0, MAX_PROBLEM_ROWS).map((task) => (_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: "red", children: "\u2717" }), " ", task.file, ' ', _jsx(Text, { dimColor: true, children: taskProblemLabel(task.status) }), task.error ? _jsxs(Text, { dimColor: true, children: [" \u00B7 ", firstLine(task.error)] }) : null] }, task.id))), hidden > 0 ? _jsxs(Text, { dimColor: true, children: ["+", hidden, " more in the report"] }) : null] }));
 }
-function reportDirectoryStatus(files, phases) {
-    const rows = files.map((file) => phases.get(file));
-    if (rows.some((row) => (row === null || row === void 0 ? void 0 : row.phase) === 'failed' || (row === null || row === void 0 ? void 0 : row.phase) === 'agent_error')) {
-        return { glyph: '✗', color: 'red' };
-    }
-    if (rows.length > 0 && rows.every((row) => (row === null || row === void 0 ? void 0 : row.phase) === 'passed')) {
-        return { glyph: '✓', color: 'green' };
-    }
-    return { glyph: '●', color: 'yellow' };
+/**
+ * Rows the report header takes, including its border and the margin below it. The optional
+ * lines must be counted, or the screen is one row taller than the terminal and Ink drops the
+ * heading (it showed as "Finished in 1m 37s passed").
+ */
+function reportHeaderHeight(report, rows) {
+    const optionalLines = (report.historyError ? 1 : 0) + (rows.some((row) => row.previewable) ? 1 : 0);
+    return 2 + 4 + optionalLines + 1;
 }
-function ReportScreen({ report, rows, cursor, phases, height, }) {
+function problemsViewHeight(report) {
+    const problems = report.tasks.filter((task) => task.status === 'failed' || task.status === 'agent_error').length;
+    if (problems === 0)
+        return 0;
+    return Math.min(problems, MAX_PROBLEM_ROWS) + 4 + (problems > MAX_PROBLEM_ROWS ? 1 : 0);
+}
+function ReportScreen({ report, rows, cursor, height, }) {
     const statusColor = report.status === 'passed'
         ? 'green'
         : report.status === 'completed'
@@ -239,46 +346,43 @@ function ReportScreen({ report, rows, cursor, phases, height, }) {
         : report.status === 'completed'
             ? 'Run completed'
             : `Run ${report.status}`;
-    const viewport = Math.max(4, height - 12);
-    const start = Math.max(0, Math.min(cursor - Math.floor(viewport / 2), rows.length - viewport));
-    const visible = rows.slice(start, start + viewport);
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: statusColor, children: heading }), _jsxs(Text, { children: ["Finished in ", _jsx(Text, { bold: true, children: formatDuration(report.durationMs) })] }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["Report at ", report.reportPath] })] }), _jsx(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1, flexDirection: "column", flexGrow: 1, children: visible.map((row, visibleIndex) => {
-                    const index = start + visibleIndex;
-                    const disclosure = row.kind === 'directory' ? (row.expanded ? '▾' : '▸') : ' ';
-                    const status = row.kind === 'directory'
-                        ? reportDirectoryStatus(row.selectableFiles, phases)
-                        : reportFileStatus(row.file ? phases.get(row.file) : undefined);
-                    const task = row.file ? phases.get(row.file) : undefined;
-                    const passed = row.kind === 'directory'
-                        ? row.selectableFiles.filter((file) => { var _a; return ((_a = phases.get(file)) === null || _a === void 0 ? void 0 : _a.phase) === 'passed'; }).length
-                        : 0;
-                    return (_jsxs(Text, { color: index === cursor ? 'cyan' : undefined, wrap: "truncate-end", children: [' '.repeat(row.depth * 2), index === cursor ? '›' : ' ', ' ', _jsx(Text, { color: status.color, dimColor: status.dim, children: status.glyph }), ' ', disclosure, " ", row.label, row.kind === 'directory' ? (_jsxs(Text, { dimColor: true, children: [' ', padCount(passed, row.selectableFiles.length), "/", row.selectableFiles.length, " passed"] })) : task ? (_jsxs(Text, { dimColor: true, children: [' ', PHASE_LABELS[task.phase], task.finishedAt ? ` · ${formatDuration(task.finishedAt - task.startedAt)}` : ''] })) : null] }, row.id));
-                }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", flexShrink: 0, children: [_jsx(Text, { bold: true, color: statusColor, children: heading }), _jsxs(Text, { children: ["Finished in ", _jsx(Text, { bold: true, children: formatDuration(report.durationMs) })] }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["Report at ", report.reportPath] }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["Generated files at ", report.outputDirectory] }), report.historyError ? (_jsxs(Text, { color: "yellow", wrap: "truncate-end", children: ["Warning: ", report.historyError] })) : null, rows.some((row) => row.previewable) ? (_jsx(Text, { children: "Select a file below to preview its contents." })) : null] }), _jsx(ProblemsView, { report: report }), _jsx(Box, { marginTop: 1, flexGrow: 1, overflow: "hidden", children: _jsx(GeneratedFilesView, { rows: rows, cursor: cursor, height: Math.max(4, height - reportHeaderHeight(report, rows) - problemsViewHeight(report)), spinner: "\u25CF", relativeRoot: report.docsRoot, emptyMessage: "No generated files." }) })] }));
 }
-function footerForScreen(screen, running, cancelled) {
-    if (running)
-        return '↑/↓/j/k move · ←/→/h/l collapse/expand · Ctrl-C cancel';
+function FooterHints({ text }) {
+    return (_jsx(_Fragment, { children: footerSegments(text).map((segment, index) => (_jsxs(Text, { children: [index > 0 ? ' · ' : '', _jsx(Text, { bold: true, children: segment.key }), segment.action ? ` ${segment.action}` : ''] }, `${index}:${segment.key}`))) }));
+}
+function footerForScreen(screen, running, cancelled, activeRunStage, reviewingSavedRun) {
+    if (running) {
+        return activeRunStage === 'check'
+            ? '↑/↓/j/k move · ←/→/h/l collapse/expand · Ctrl-C cancel'
+            : '↑/↓/j/k preview generated files · Ctrl-C cancel';
+    }
     if (screen === 'resume')
         return '↑/↓/j/k move · Enter confirm · Ctrl-C cancel';
+    if (screen === 'existing')
+        return '↑/↓/j/k move · Enter confirm · Ctrl-C cancel';
     if (screen === 'harnesses')
         return '↑/↓/j/k move · Enter continue · Ctrl-C cancel';
     if (screen === 'scope') {
         return '↑/↓/j/k move · ←/→/h/l collapse/expand · Space select · a all · Enter start';
     }
     if (screen === 'report') {
+        if (reviewingSavedRun)
+            return '↑/↓/j/k preview generated files · Enter exit';
         return cancelled
-            ? '↑/↓/j/k move · ←/→/h/l collapse/expand · Ctrl-C exit · save kept for resume'
-            : '↑/↓/j/k move · ←/→/h/l collapse/expand · Enter exit';
+            ? '↑/↓/j/k preview generated files · Ctrl-C exit · save kept for resume'
+            : '↑/↓/j/k preview generated files · Enter exit';
     }
     return 'Enter exit';
 }
-function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, totalPages, save, onFinish, }) {
+function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, save, lastReport, onFinish, }) {
     var _a;
     const size = useTerminalSize();
     const files = useMemo(() => pages.map((page) => page.file), [pages]);
     const outputDirectory = path.join(docsRoot, 'tests', 'mint-test');
-    const [screen, setScreen] = useState(save ? 'resume' : 'harnesses');
+    const [screen, setScreen] = useState(save ? 'resume' : lastReport ? 'existing' : 'harnesses');
     const [resumeCursor, setResumeCursor] = useState(0);
+    const [existingRunCursor, setExistingRunCursor] = useState(0);
     const [harnessIndex, setHarnessIndex] = useState(0);
     const [runHarness, setRunHarness] = useState('');
     const harness = (_a = HARNESSES[harnessIndex]) !== null && _a !== void 0 ? _a : HARNESSES[0];
@@ -297,9 +401,11 @@ function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, totalPage
     const [runStartedAt, setRunStartedAt] = useState(0);
     const autoCollapsed = useRef(new Set());
     const manualCursor = useRef(false);
+    const previousRunStage = useRef(activeRunStage);
     const [spinnerFrame, setSpinnerFrame] = useState(0);
     const [now, setNow] = useState(() => Date.now());
     const [report, setReport] = useState();
+    const [reviewingSavedRun, setReviewingSavedRun] = useState(false);
     const [error, setError] = useState();
     const abortController = useRef(undefined);
     const finished = useRef(false);
@@ -310,6 +416,7 @@ function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, totalPage
         const included = new Set(visibleRunFiles);
         return visibleScopeRows(pages.filter((page) => included.has(page.file)), runExpanded, EMPTY_SELECTION);
     }, [pages, visibleRunFiles, runExpanded]);
+    const generatedRows = useMemo(() => generatedPathRows(taskPhases.values()), [taskPhases]);
     useEffect(() => {
         if (screen !== 'running')
             return;
@@ -322,7 +429,7 @@ function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, totalPage
     }, [screen]);
     useEffect(() => {
         var _a;
-        if (screen !== 'running')
+        if (screen !== 'running' || activeRunStage !== 'check')
             return;
         const fileDone = (file) => {
             var _a;
@@ -364,19 +471,56 @@ function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, totalPage
             if (nextIndex !== -1 && nextIndex !== runCursor)
                 setRunCursor(nextIndex);
         }
-    }, [screen, phasesByFile, visibleRunFiles, runRows, runCursor]);
+    }, [screen, activeRunStage, phasesByFile, visibleRunFiles, runRows, runCursor]);
+    useEffect(() => {
+        if (previousRunStage.current === activeRunStage)
+            return;
+        previousRunStage.current = activeRunStage;
+        manualCursor.current = false;
+        setRunCursor(0);
+    }, [activeRunStage]);
     const finish = (exitCode) => {
         if (finished.current)
             return;
         finished.current = true;
         onFinish(exitCode);
     };
+    const reviewRun = (savedReport) => {
+        var _a, _b;
+        const startedAt = Date.parse(savedReport.startedAt);
+        const finishedAt = Date.parse(savedReport.completedAt);
+        setTaskPhases(new Map(savedReport.tasks.map((task) => [
+            task.id,
+            {
+                id: task.id,
+                agent: task.agent,
+                file: task.file,
+                directory: task.directory,
+                generatedFiles: task.generatedFiles,
+                phase: !task.testable && task.status === 'passed' ? 'not_testable' : task.status,
+                tokens: task.tokens,
+                startedAt: Number.isNaN(startedAt) ? 0 : startedAt,
+                finishedAt: Number.isNaN(finishedAt) ? undefined : finishedAt,
+            },
+        ])));
+        setRunFiles(savedReport.selectedFiles);
+        setRunHarness((_b = (_a = HARNESSES.find((entry) => entry.agent === savedReport.agents[0] && entry.model === savedReport.model)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : `${savedReport.agents.join(', ')} · ${savedReport.model}`);
+        setReport(savedReport);
+        setReviewingSavedRun(true);
+        setActiveRunStage('run');
+        setRunCursor(0);
+        setScreen('report');
+    };
     const startRun = ({ runId, runAgents, runModel, runFiles: runFiles_, }) => {
         var _a, _b;
         if (abortController.current)
             return;
         const controller = new AbortController();
         abortController.current = controller;
+        setTaskPhases(new Map());
+        setReport(undefined);
+        setReviewingSavedRun(false);
+        setError(undefined);
         setTotalTasks(runAgents.length * runFiles_.length);
         setRunHarness((_b = (_a = HARNESSES.find((entry) => entry.agent === runAgents[0] && entry.model === runModel)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : `${runAgents.join(', ')} · ${runModel}`);
         setRunCursor(0);
@@ -462,15 +606,17 @@ function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, totalPage
         if (screen === 'running' || screen === 'report') {
             const collapse = key.leftArrow || input === 'h';
             const expand = key.rightArrow || input === 'l';
+            const showingGeneratedFiles = screen === 'report' || activeRunStage !== 'check';
+            const rowCount = showingGeneratedFiles ? generatedRows.length : runRows.length;
             if (key.upArrow || input === 'k') {
                 manualCursor.current = true;
                 setRunCursor((current) => Math.max(0, current - 1));
             }
             else if (key.downArrow || input === 'j') {
                 manualCursor.current = true;
-                setRunCursor((current) => Math.max(0, Math.min(runRows.length - 1, current + 1)));
+                setRunCursor((current) => Math.max(0, Math.min(rowCount - 1, current + 1)));
             }
-            else if (collapse || expand) {
+            else if ((collapse || expand) && !showingGeneratedFiles) {
                 manualCursor.current = true;
                 const row = runRows[runCursor];
                 if ((row === null || row === void 0 ? void 0 : row.kind) !== 'directory')
@@ -485,7 +631,50 @@ function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, totalPage
                 });
             }
             else if (screen === 'report' && key.return && report) {
-                finish(report.status === 'passed' ? 0 : report.status === 'cancelled' ? 130 : 1);
+                finish(reviewingSavedRun
+                    ? 0
+                    : report.status === 'passed'
+                        ? 0
+                        : report.status === 'cancelled'
+                            ? 130
+                            : 1);
+            }
+            return;
+        }
+        if (screen === 'existing' && lastReport) {
+            if (key.upArrow || input === 'k') {
+                setExistingRunCursor((current) => (current + EXISTING_RUN_OPTIONS.length - 1) % EXISTING_RUN_OPTIONS.length);
+            }
+            else if (key.downArrow || input === 'j') {
+                setExistingRunCursor((current) => (current + 1) % EXISTING_RUN_OPTIONS.length);
+            }
+            else if (key.return) {
+                if (existingRunCursor === 0) {
+                    const knownFiles = new Set(files);
+                    const updateFiles = lastReport.selectedFiles.filter((file) => knownFiles.has(file));
+                    setSelectedFiles(new Set(updateFiles.length > 0 ? updateFiles : autoSelectedFiles));
+                    if (updateFiles.length === 0) {
+                        const previousHarness = HARNESSES.findIndex((entry) => entry.agent === lastReport.agents[0] && entry.model === lastReport.model);
+                        if (previousHarness !== -1)
+                            setHarnessIndex(previousHarness);
+                        setScreen('scope');
+                    }
+                    else {
+                        startRun({
+                            runId: null,
+                            runAgents: lastReport.agents,
+                            runModel: lastReport.model,
+                            runFiles: updateFiles,
+                        });
+                    }
+                }
+                else if (existingRunCursor === 1) {
+                    reviewRun(lastReport);
+                }
+                else {
+                    setSelectedFiles(new Set(autoSelectedFiles));
+                    setScreen('harnesses');
+                }
             }
             return;
         }
@@ -568,27 +757,28 @@ function MintTestApp({ targetPath, docsRoot, pages, autoSelectedFiles, totalPage
     let content;
     if (screen === 'resume' && save)
         content = _jsx(ResumeScreen, { save: save, cursor: resumeCursor });
+    else if (screen === 'existing' && lastReport) {
+        content = _jsx(ExistingRunScreen, { report: lastReport, cursor: existingRunCursor });
+    }
     else if (screen === 'harnesses') {
         content = _jsx(HarnessScreen, { cursor: harnessIndex });
     }
     else if (screen === 'scope') {
-        content = (_jsx(ScopeScreen, { rows: rows, cursor: scopeCursor, height: viewHeight, selectedCount: selectedFiles.size, selectedBlocks: pages.reduce((total, page) => total + (selectedFiles.has(page.file) ? page.blockCount : 0), 0), testablePages: pages.length, totalPages: totalPages, outputDirectory: outputDirectory }));
+        content = _jsx(ScopeScreen, { rows: rows, cursor: scopeCursor, height: viewHeight });
     }
     else if (screen === 'report' && report) {
-        content = (_jsx(ReportScreen, { report: report, rows: runRows, cursor: runCursor, phases: phasesByFile, height: viewHeight }));
+        content = (_jsx(ReportScreen, { report: report, rows: generatedRows, cursor: runCursor, height: viewHeight }));
     }
     else if (screen === 'error') {
         content = (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "red", bold: true, children: "Mint test stopped" }), _jsx(Text, { children: error !== null && error !== void 0 ? error : 'Unknown error' })] }));
     }
     else {
-        content = (_jsx(ActivityScreen, { stage: activeRunStage, cancelling: cancelling, harness: runHarness, rows: runRows, cursor: runCursor, phases: phasesByFile, height: viewHeight, totalTasks: totalTasks, spinnerFrame: spinnerFrame, runStartedAt: runStartedAt, now: now }));
+        content = (_jsx(ActivityScreen, { stage: activeRunStage, cancelling: cancelling, harness: runHarness, docsRoot: docsRoot, rows: runRows, generatedRows: generatedRows, cursor: runCursor, phases: phasesByFile, height: viewHeight, totalTasks: totalTasks, spinnerFrame: spinnerFrame, runStartedAt: runStartedAt, now: now }));
     }
     return (_jsxs(Box, { flexDirection: "column", width: size.columns, height: viewHeight, overflow: "hidden", children: [_jsxs(Box, { flexGrow: 1, gap: 1, overflow: "hidden", children: [_jsxs(Box, { width: leftWidth, flexShrink: 0, borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Steps" }), STEPS.map((step) => {
                                 const state = stepState(step.id, screen, activeRunStage);
                                 return (_jsxs(Text, { color: state === 'running' ? 'cyan' : undefined, children: [_jsx(StepGlyph, { state: state }), " ", step.label] }, step.id));
-                            })] }), _jsx(Box, { flexGrow: 1, borderStyle: fullBleed ? undefined : 'round', borderColor: "gray", paddingX: fullBleed ? 0 : 1, flexDirection: "column", overflow: "hidden", children: content })] }), _jsx(Text, { dimColor: true, children: ctrlCArmed
-                    ? 'Ctrl-C again to exit'
-                    : footerForScreen(screen, running, (report === null || report === void 0 ? void 0 : report.status) === 'cancelled') })] }));
+                            })] }), _jsx(Box, { flexGrow: 1, borderStyle: fullBleed ? undefined : 'round', borderColor: "gray", paddingX: fullBleed ? 0 : 1, flexDirection: "column", overflow: "hidden", children: content })] }), _jsx(Text, { dimColor: true, children: ctrlCArmed ? (_jsx(FooterHints, { text: "Ctrl-C again to exit" })) : (_jsx(FooterHints, { text: footerForScreen(screen, running, (report === null || report === void 0 ? void 0 : report.status) === 'cancelled', activeRunStage, reviewingSavedRun) })) })] }));
 }
 export function runMintTestUi(options) {
     return __awaiter(this, void 0, void 0, function* () {