@kenkaiiii/ggcoder 4.3.212 → 4.3.213

package/dist/ui/components/GoalOverlay.js

@@ -1,9 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { Box, Text, useInput } from "ink";
+import { Box, Static, Text, useInput, useStdout } from "ink";
 import { basename } from "node:path";
 import { formatGoalPrerequisiteInstruction, goalHasBlockingPrerequisites, isBlockingGoalPrerequisite, loadGoalRuns, saveGoalRuns, summarizeGoalCountsFromRuns, } from "../../core/goal-store.js";
 import { useTerminalSize } from "../hooks/useTerminalSize.js";
+import { buildGoalFinalSummarySections } from "../goal-summary.js";
+import { Markdown } from "./Markdown.js";
 import { useTheme } from "../theme/theme.js";
 const GOAL_LOGO = [" ▄▀▀▀ ▄▀▀▀", " █ ▀█ █ ▀█", " ▀▄▄▀ ▀▄▄▀"];
 const GRADIENT = [
@@ -21,6 +23,7 @@ const GOAL_ACTIVE = "#fbbf24";
 const GAP = "   ";
 const LOGO_WIDTH = 9;
 const SIDE_BY_SIDE_MIN = LOGO_WIDTH + GAP.length + 20;
+const PREFIX_WIDTH = 2;
 export function clampGoalSelectedIndex(index, length) {
     if (length <= 0)
         return 0;
@@ -110,40 +113,6 @@ export function getGoalScrollOffsetForSelection({ selectedIndex, currentOffset,
         return clampGoalScrollOffset(selected - rows + 1, itemCount, rows);
     return offset;
 }
-export function getGoalDetailRowCount(run) {
-    let count = 2;
-    count += 1 + Math.max(1, run.successCriteria.length);
-    if (run.prerequisites.length > 0) {
-        count += 1;
-        for (const prerequisite of run.prerequisites) {
-            count += 1;
-            if (isBlockingGoalPrerequisite(prerequisite) || prerequisite.evidence)
-                count += 1;
-        }
-    }
-    count += 1;
-    if (run.tasks.length === 0) {
-        count += 1;
-    }
-    else {
-        for (const task of run.tasks) {
-            count += 1;
-            if (task.lastSummary)
-                count += 1;
-        }
-    }
-    if (run.harness.length > 0)
-        count += 1 + run.harness.length;
-    if (run.evidencePlan.length > 0)
-        count += 1 + run.evidencePlan.length;
-    if (run.verifier)
-        count += 2;
-    if (run.blockers.length > 0)
-        count += 1 + run.blockers.length;
-    if (run.evidence.length > 0)
-        count += 1 + Math.min(5, run.evidence.length);
-    return count;
-}
 export function getGoalCardExtraRowCount(run) {
     let count = 0;
     if (goalHasBlockingPrerequisites(run))
@@ -224,44 +193,17 @@ export function getGoalListWindow({ runs, selectedIndex, viewportRows, }) {
         rowsUsed: fixedRows + indicatorRows + cardRows,
     };
 }
-export function getGoalExpandedDetailViewportRows({ viewportRows, cardExtraRows, }) {
-    const rows = Number.isFinite(viewportRows) ? Math.max(1, Math.floor(viewportRows)) : 8;
-    const selectedCardRows = 1 + Math.max(0, Math.floor(cardExtraRows));
-    const fixedRows = 1 + // Goals heading
-        selectedCardRows +
-        2 + // selected card border
-        1 + // detail top margin
-        1; // selected card bottom margin
-    return Math.max(1, rows - fixedRows);
-}
-export function clampGoalDetailScrollOffset(offset, detailRowCount, viewportRows) {
-    const visibleRows = Math.max(1, Math.floor(viewportRows));
-    const scrolledBodyRows = Math.max(1, visibleRows - 1);
-    const maxOffset = Math.max(0, detailRowCount - scrolledBodyRows);
-    if (!Number.isFinite(offset))
-        return 0;
-    return Math.min(Math.max(0, Math.floor(offset)), maxOffset);
-}
-export function getGoalDetailScrollWindow({ detailRowCount, scrollOffset, viewportRows, }) {
-    const rows = Math.max(1, Math.floor(viewportRows));
-    const start = clampGoalDetailScrollOffset(scrollOffset, detailRowCount, rows);
-    const topIndicatorRows = start > 0 && rows > 2 ? 1 : 0;
-    let bodyRows = Math.max(1, rows - topIndicatorRows);
-    let hiddenAfter = Math.max(0, detailRowCount - start - bodyRows);
-    if (hiddenAfter > 0 && bodyRows > 1) {
-        bodyRows -= 1;
-        hiddenAfter = Math.max(0, detailRowCount - start - bodyRows);
-    }
-    return {
-        start,
-        end: Math.min(detailRowCount, start + bodyRows),
-        hiddenBefore: start,
-        hiddenAfter,
-    };
-}
 export function sortGoalRunsForOverlay(runs) {
     return [...runs].sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
 }
+export function getGoalAutoExpandedState({ autoExpandNewest, loaded, runs, alreadyExpanded, }) {
+    if (!autoExpandNewest || !loaded || runs.length === 0 || alreadyExpanded)
+        return null;
+    const newestRun = runs[0];
+    if (!newestRun)
+        return null;
+    return { selectedIndex: 0, expandedRunId: newestRun.id };
+}
 export function shouldPersistGoalOverlayRuns(previousRuns, nextRuns) {
     if (nextRuns.length > 0)
         return true;
@@ -323,41 +265,6 @@ function verifierSummaryColor(run, fallbackColor) {
         return "magenta";
     return fallbackColor;
 }
-function taskStatusColor(status) {
-    switch (status) {
-        case "done":
-            return "green";
-        case "failed":
-            return "red";
-        case "blocked":
-            return "yellow";
-        case "running":
-        case "verifying":
-            return "cyan";
-        case "pending":
-            return "blue";
-    }
-}
-function prerequisiteStatusColor(status) {
-    switch (status) {
-        case "met":
-            return "green";
-        case "missing":
-            return "yellow";
-        case "unknown":
-            return "cyan";
-    }
-}
-function evidencePlanStatusColor(status) {
-    switch (status) {
-        case "ready":
-            return "green";
-        case "blocked":
-            return "yellow";
-        case "planned":
-            return "cyan";
-    }
-}
 function verifierStatusColor(status) {
     switch (status) {
         case "pass":
@@ -368,139 +275,229 @@ function verifierStatusColor(status) {
             return "yellow";
     }
 }
-function evidenceKindColor(kind) {
-    switch (kind) {
-        case "command":
-            return "cyan";
-        case "file":
-            return "blue";
-        case "log":
-            return "yellow";
-        case "screenshot":
-            return "magenta";
-        case "summary":
-            return "green";
-    }
-}
-export function getGoalDetailTaskHeading(run) {
-    return run.prerequisites.length > 0 ? "2. Worker tasks" : "Worker tasks";
-}
-export function getGoalUserPrerequisiteHeading(run) {
-    return run.prerequisites.length > 0 ? "1. User prerequisites" : null;
-}
-export function formatGoalTaskDetailSummary(summary) {
-    const firstLine = summary
-        .split("\n")
-        .map((line) => line.trim())
-        .find((line) => line.length > 0);
-    if (!firstLine)
-        return "";
-    return firstLine.length > 180 ? `${firstLine.slice(0, 177)}…` : firstLine;
-}
-function truncateGoalDetailText(text, maxLength = 220) {
-    const collapsed = text.replace(/\s+/g, " ").trim();
-    return collapsed.length > maxLength ? `${collapsed.slice(0, maxLength - 1)}…` : collapsed;
-}
-function GoalHeader({ cwd, runs, agentRunning, }) {
-    const theme = useTheme();
-    const { columns } = useTerminalSize();
-    const displayPath = formatDisplayPath(cwd);
-    const counts = summarizeGoalCountsFromRuns(runs);
-    if (columns < SIDE_BY_SIDE_MIN) {
-        return (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, width: columns, children: [_jsx(GoalGradientText, { text: GOAL_LOGO[0] }), _jsx(GoalGradientText, { text: GOAL_LOGO[1] }), _jsx(GoalGradientText, { text: GOAL_LOGO[2] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: GOAL_SUCCESS, bold: true, children: "Goal Pane" }), agentRunning && _jsx(Text, { color: GOAL_ACTIVE, children: " (agent running)" }), _jsxs(Text, { color: theme.textDim, children: [" \u00B7 ", basename(cwd)] })] }), _jsx(Text, { color: theme.textDim, wrap: "truncate", children: displayPath }), _jsxs(Text, { children: [_jsxs(Text, { color: GOAL_SUCCESS, children: [counts.passed, " passed"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: GOAL_ACTIVE, children: [counts.running, " active"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: theme.text, children: [counts.pending, " pending"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: GOAL_ACTIVE, children: [counts.blocked, " blocked"] })] })] }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, width: columns, children: [_jsxs(Box, { children: [_jsx(GoalGradientText, { text: GOAL_LOGO[0] }), _jsx(Text, { children: GAP }), _jsx(Text, { color: GOAL_SUCCESS, bold: true, children: "Goal Pane" }), agentRunning && _jsx(Text, { color: GOAL_ACTIVE, children: " (agent running)" })] }), _jsxs(Box, { children: [_jsx(GoalGradientText, { text: GOAL_LOGO[1] }), _jsx(Text, { children: GAP }), _jsx(Text, { color: theme.textDim, wrap: "truncate", children: displayPath })] }), _jsxs(Box, { children: [_jsx(GoalGradientText, { text: GOAL_LOGO[2] }), _jsx(Text, { children: GAP }), _jsxs(Text, { children: [_jsxs(Text, { color: GOAL_SUCCESS, children: [counts.passed, " passed"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: GOAL_ACTIVE, children: [counts.running, " active"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: theme.text, children: [counts.pending, " pending"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: GOAL_ACTIVE, children: [counts.blocked, " blocked"] })] })] })] }));
-}
-function StatusChip({ label, color }) {
-    return (_jsxs(Text, { color: color, bold: true, children: ["\u25D6 ", label, " \u25D7"] }));
-}
-function GoalDetail({ run, maxRows, scrollOffset, }) {
-    const theme = useTheme();
-    const rows = [
-        _jsxs(Text, { children: [_jsx(Text, { color: theme.primary, bold: true, children: "Goal" }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsx(Text, { color: statusColor(run.status) || theme.secondary, children: getGoalReadinessText(run) }), _jsxs(Text, { color: theme.textDim, children: [" \u00B7 ", formatGoalProgressText(run)] })] }, "goal-heading"),
-        _jsx(Text, { color: theme.text, children: truncateGoalDetailText(run.goal || run.title) }, "goal-text"),
-        _jsx(Text, { color: theme.primary, bold: true, children: "Success criteria" }, "success-heading"),
+function normalizeGoalPlanText(text) {
+    return text.replace(/\s+/g, " ").trim();
+}
+function markdownListItem(text) {
+    const normalized = normalizeGoalPlanText(text);
+    return `- ${normalized || "not recorded"}`;
+}
+function markdownCode(value) {
+    return `\`${value.replace(/`/g, "\\`")}\``;
+}
+function appendGoalMetadataLine(lines, label, value) {
+    if (!value)
+        return;
+    lines.push(`  - ${label}: ${value}`);
+}
+export function formatGoalPlanMarkdown(run) {
+    const lines = [
+        `# ${run.title}`,
+        "",
+        `**Status:** ${run.status}`,
+        `**Readiness:** ${getGoalReadinessText(run)}`,
+        `**Progress:** ${formatGoalProgressText(run)}`,
+        `**Verifier:** ${formatGoalVerifierSummary(run)}`,
+        `**Goal ID:** ${run.id}`,
+        `**Project:** ${run.projectPath}`,
+        `**Updated:** ${run.updatedAt}`,
+        "",
+        "## Goal",
+        "",
+        run.goal || run.title,
+        "",
+        "## Success criteria",
+        "",
     ];
     if (run.successCriteria.length === 0) {
-        rows.push(_jsx(Text, { color: theme.textDim, children: "- none recorded" }, "success-none"));
+        lines.push("- none recorded");
     }
     else {
-        for (const [index, criterion] of run.successCriteria.entries()) {
-            rows.push(_jsxs(Text, { children: [_jsx(Text, { color: "green", children: "\u2713 " }), _jsx(Text, { color: theme.text, children: truncateGoalDetailText(criterion) })] }, `success-${index}`));
+        lines.push(...run.successCriteria.map(markdownListItem));
+    }
+    const finalSummarySections = buildGoalFinalSummarySections(run);
+    if (finalSummarySections.length > 0) {
+        lines.push("", "## Final summary", "");
+        for (const section of finalSummarySections) {
+            lines.push(`### ${section.title}`, "", ...section.lines.map(markdownListItem), "");
         }
     }
-    if (run.prerequisites.length > 0) {
-        rows.push(_jsx(Text, { color: theme.primary, bold: true, children: getGoalUserPrerequisiteHeading(run) }, "prereq-heading"));
+    lines.push("", "## User prerequisites", "");
+    if (run.prerequisites.length === 0) {
+        lines.push("- none recorded");
+    }
+    else {
         for (const prerequisite of run.prerequisites) {
-            rows.push(_jsxs(Text, { children: [_jsxs(Text, { color: prerequisiteStatusColor(prerequisite.status), children: ["\u25CF ", prerequisite.status] }), _jsxs(Text, { color: theme.text, bold: isBlockingGoalPrerequisite(prerequisite), children: [" ", prerequisite.label] }), isBlockingGoalPrerequisite(prerequisite) ? (_jsx(Text, { color: theme.warning, children: " \u00B7 user action required" })) : null] }, `prereq-${prerequisite.id}`));
+            lines.push(`- **${prerequisite.status}** ${prerequisite.label}`);
+            appendGoalMetadataLine(lines, "ID", markdownCode(prerequisite.id));
+            appendGoalMetadataLine(lines, "Check", prerequisite.checkCommand ? markdownCode(prerequisite.checkCommand) : undefined);
+            appendGoalMetadataLine(lines, "Instructions", prerequisite.instructions);
+            appendGoalMetadataLine(lines, "Evidence", prerequisite.evidence);
             if (isBlockingGoalPrerequisite(prerequisite)) {
-                rows.push(_jsxs(Text, { color: theme.textDim, wrap: "truncate", children: ["\u2514\u2500 ", formatGoalPrerequisiteInstruction(prerequisite)] }, `prereq-${prerequisite.id}-instruction`));
-            }
-            else if (prerequisite.evidence) {
-                rows.push(_jsxs(Text, { color: theme.textDim, wrap: "truncate", children: ["\u2514\u2500 ", prerequisite.evidence] }, `prereq-${prerequisite.id}-evidence`));
+                appendGoalMetadataLine(lines, "User action required", formatGoalPrerequisiteInstruction(prerequisite));
             }
         }
     }
-    rows.push(_jsx(Text, { color: theme.primary, bold: true, children: getGoalDetailTaskHeading(run) }, "task-heading"));
+    lines.push("", "## Worker tasks", "");
     if (run.tasks.length === 0) {
-        rows.push(_jsx(Text, { color: theme.textDim, children: goalHasBlockingPrerequisites(run)
-                ? "⏸ Waiting for prerequisites before workers can start."
-                : "✨ No worker tasks yet — run the goal to generate focused work." }, "no-tasks"));
+        lines.push(goalHasBlockingPrerequisites(run)
+            ? "- Waiting for prerequisites before workers can start."
+            : "- No worker tasks yet — run the goal to generate focused work.");
     }
     else {
         for (const task of run.tasks) {
-            rows.push(_jsxs(Text, { children: [_jsxs(Text, { color: taskStatusColor(task.status), children: ["\u25CF ", task.status] }), _jsxs(Text, { color: theme.text, children: [" ", task.title] }), _jsxs(Text, { color: theme.textDim, children: [" \u00B7 try ", task.attempts] }), task.workerId ? _jsxs(Text, { color: theme.textDim, children: [" \u00B7 ", task.workerId] }) : null] }, `task-${task.id}`));
-            if (task.lastSummary) {
-                rows.push(_jsxs(Text, { color: theme.textDim, wrap: "truncate", children: ["\u2514\u2500 ", formatGoalTaskDetailSummary(task.lastSummary)] }, `task-${task.id}-summary`));
+            lines.push(`- **${task.status}** ${task.title}`);
+            appendGoalMetadataLine(lines, "ID", markdownCode(task.id));
+            appendGoalMetadataLine(lines, "Attempts", String(task.attempts));
+            appendGoalMetadataLine(lines, "Worker", task.workerId ? markdownCode(task.workerId) : undefined);
+            appendGoalMetadataLine(lines, "Prompt", task.prompt);
+            if (task.verification) {
+                appendGoalMetadataLine(lines, "Verification", task.verification.status);
+                appendGoalMetadataLine(lines, "Verification summary", task.verification.summary);
+                appendGoalMetadataLine(lines, "Verification command", task.verification.command ? markdownCode(task.verification.command) : undefined);
+                appendGoalMetadataLine(lines, "Verification output", task.verification.outputPath);
             }
+            appendGoalMetadataLine(lines, "Last summary", task.lastSummary);
         }
     }
-    if (run.harness.length > 0) {
-        rows.push(_jsx(Text, { color: theme.primary, bold: true, children: "Harness" }, "harness-heading"));
+    lines.push("", "## Harness", "");
+    if (run.harness.length === 0) {
+        lines.push("- none recorded");
+    }
+    else {
         for (const item of run.harness) {
-            rows.push(_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "\u25E6 " }), _jsx(Text, { color: theme.text, children: item.label }), item.command ? _jsxs(Text, { color: theme.secondary, children: [" \u00B7 ", item.command] }) : null, !item.command && item.path ? _jsxs(Text, { color: theme.secondary, children: [" \u00B7 ", item.path] }) : null] }, `harness-${item.id}`));
+            lines.push(`- ${item.label}`);
+            appendGoalMetadataLine(lines, "ID", markdownCode(item.id));
+            appendGoalMetadataLine(lines, "Command", item.command ? markdownCode(item.command) : undefined);
+            appendGoalMetadataLine(lines, "Path", item.path ? markdownCode(item.path) : undefined);
+            appendGoalMetadataLine(lines, "Description", item.description);
         }
     }
-    if (run.evidencePlan.length > 0) {
-        rows.push(_jsx(Text, { color: theme.primary, bold: true, children: "Evidence plan" }, "evidence-plan-heading"));
+    lines.push("", "## Evidence plan", "");
+    if (run.evidencePlan.length === 0) {
+        lines.push("- none recorded");
+    }
+    else {
         for (const item of run.evidencePlan) {
-            rows.push(_jsxs(Text, { children: [_jsxs(Text, { color: evidencePlanStatusColor(item.status), children: ["\u25CF ", item.status] }), _jsxs(Text, { color: theme.text, children: [" \u00B7 ", item.label] }), item.command ? _jsxs(Text, { color: theme.secondary, children: [" \u00B7 ", item.command] }) : null, !item.command && item.path ? _jsxs(Text, { color: theme.secondary, children: [" \u00B7 ", item.path] }) : null] }, `evidence-plan-${item.id}`));
+            lines.push(`- **${item.status}** ${item.label} (${item.mechanism})`);
+            appendGoalMetadataLine(lines, "ID", markdownCode(item.id));
+            appendGoalMetadataLine(lines, "Description", item.description);
+            appendGoalMetadataLine(lines, "Command", item.command ? markdownCode(item.command) : undefined);
+            appendGoalMetadataLine(lines, "Path", item.path ? markdownCode(item.path) : undefined);
+            appendGoalMetadataLine(lines, "Instructions", item.instructions);
+            appendGoalMetadataLine(lines, "Evidence", item.evidence);
         }
     }
-    if (run.verifier) {
-        rows.push(_jsx(Text, { color: theme.primary, bold: true, children: "Verifier" }, "verifier-heading"), _jsxs(Text, { wrap: "truncate", children: [run.verifier.lastResult ? (_jsxs(Text, { color: verifierStatusColor(run.verifier.lastResult.status), children: ["\u25CF ", formatGoalVerifierSummary(run)] })) : (_jsxs(Text, { color: run.verifier.command ? "cyan" : theme.textDim, children: ["\u25CF ", formatGoalVerifierSummary(run)] })), run.verifier.command ? (_jsxs(Text, { color: theme.secondary, children: [" \u00B7 ", run.verifier.command] })) : null] }, "verifier-summary"));
+    lines.push("", "## Verifier", "");
+    if (!run.verifier) {
+        lines.push("- none recorded");
     }
-    if (run.blockers.length > 0) {
-        rows.push(_jsx(Text, { color: theme.warning, bold: true, children: "Blockers" }, "blockers-heading"));
-        for (const [index, blocker] of run.blockers.entries()) {
-            rows.push(_jsxs(Text, { color: theme.warning, children: ["- ", truncateGoalDetailText(blocker)] }, `blocker-${index}`));
+    else {
+        lines.push(markdownListItem(run.verifier.description));
+        appendGoalMetadataLine(lines, "Command", run.verifier.command ? markdownCode(run.verifier.command) : undefined);
+        if (run.verifier.lastResult) {
+            appendGoalMetadataLine(lines, "Last result", run.verifier.lastResult.status);
+            appendGoalMetadataLine(lines, "Summary", run.verifier.lastResult.summary);
+            appendGoalMetadataLine(lines, "Exit code", run.verifier.lastResult.exitCode?.toString());
+            appendGoalMetadataLine(lines, "Output", run.verifier.lastResult.outputPath);
+            appendGoalMetadataLine(lines, "Checked at", run.verifier.lastResult.checkedAt);
         }
     }
-    if (run.evidence.length > 0) {
-        rows.push(_jsx(Text, { color: theme.primary, bold: true, children: "Recent evidence" }, "evidence-heading"));
-        for (const item of run.evidence.slice(-5)) {
-            rows.push(_jsxs(Text, { children: [_jsxs(Text, { color: evidenceKindColor(item.kind), children: ["[", item.kind, "]"] }), _jsxs(Text, { color: theme.text, children: [" ", item.label] }), item.path ? _jsxs(Text, { color: theme.secondary, children: [" \u00B7 ", item.path] }) : null] }, `evidence-${item.id}`));
+    lines.push("", "## Final audit", "");
+    if (!run.completionAudit) {
+        lines.push("- none recorded");
+    }
+    else {
+        lines.push(`- **${run.completionAudit.status}** ${run.completionAudit.summary}`);
+        appendGoalMetadataLine(lines, "Checked at", run.completionAudit.checkedAt);
+        appendGoalMetadataLine(lines, "Verifier checked at", run.completionAudit.verifierCheckedAt);
+        appendGoalMetadataLine(lines, "Output", run.completionAudit.outputPath);
+    }
+    lines.push("", "## Evidence", "");
+    if (run.evidence.length === 0) {
+        lines.push("- none recorded");
+    }
+    else {
+        for (const item of run.evidence) {
+            lines.push(`- **${item.kind}** ${item.label}`);
+            appendGoalMetadataLine(lines, "ID", markdownCode(item.id));
+            appendGoalMetadataLine(lines, "Path", item.path ? markdownCode(item.path) : undefined);
+            appendGoalMetadataLine(lines, "Content", item.content);
+            appendGoalMetadataLine(lines, "Created", item.createdAt);
         }
     }
-    const window = getGoalDetailScrollWindow({
-        detailRowCount: rows.length,
-        scrollOffset,
-        viewportRows: maxRows,
-    });
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, height: maxRows, overflowY: "hidden", children: [window.hiddenBefore > 0 ? (_jsxs(Text, { color: theme.secondary, children: ["\u2191 ", window.hiddenBefore, " detail row(s) above \u00B7 PgUp"] })) : null, rows.slice(window.start, window.end), window.hiddenAfter > 0 ? (_jsxs(Text, { color: theme.secondary, children: ["\u2193 ", window.hiddenAfter, " more detail row(s) \u00B7 PgDn"] })) : null] }));
+    lines.push("", "## Blockers", "");
+    if (run.blockers.length === 0) {
+        lines.push("- none recorded");
+    }
+    else {
+        lines.push(...run.blockers.map(markdownListItem));
+    }
+    return lines
+        .join("\n")
+        .replace(/\n{3,}/g, "\n\n")
+        .trim();
 }
-export function GoalOverlay({ cwd, onClose, onRunGoal, onVerifyGoal, onPauseGoal, agentRunning, }) {
+function GoalHeader({ cwd, runs, agentRunning, }) {
+    const theme = useTheme();
+    const { columns } = useTerminalSize();
+    const displayPath = formatDisplayPath(cwd);
+    const counts = summarizeGoalCountsFromRuns(runs);
+    if (columns < SIDE_BY_SIDE_MIN) {
+        return (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, width: columns, children: [_jsx(GoalGradientText, { text: GOAL_LOGO[0] }), _jsx(GoalGradientText, { text: GOAL_LOGO[1] }), _jsx(GoalGradientText, { text: GOAL_LOGO[2] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: GOAL_SUCCESS, bold: true, children: "Goal Pane" }), agentRunning && _jsx(Text, { color: GOAL_ACTIVE, children: " (agent running)" }), _jsxs(Text, { color: theme.textDim, children: [" \u00B7 ", basename(cwd)] })] }), _jsx(Text, { color: theme.textDim, wrap: "truncate", children: displayPath }), _jsxs(Text, { children: [_jsxs(Text, { color: GOAL_SUCCESS, children: [counts.passed, " passed"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: GOAL_ACTIVE, children: [counts.running, " active"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: theme.text, children: [counts.pending, " pending"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: GOAL_ACTIVE, children: [counts.blocked, " blocked"] })] })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, width: columns, children: [_jsxs(Box, { children: [_jsx(GoalGradientText, { text: GOAL_LOGO[0] }), _jsx(Text, { children: GAP }), _jsx(Text, { color: GOAL_SUCCESS, bold: true, children: "Goal Pane" }), agentRunning && _jsx(Text, { color: GOAL_ACTIVE, children: " (agent running)" })] }), _jsxs(Box, { children: [_jsx(GoalGradientText, { text: GOAL_LOGO[1] }), _jsx(Text, { children: GAP }), _jsx(Text, { color: theme.textDim, wrap: "truncate", children: displayPath })] }), _jsxs(Box, { children: [_jsx(GoalGradientText, { text: GOAL_LOGO[2] }), _jsx(Text, { children: GAP }), _jsxs(Text, { children: [_jsxs(Text, { color: GOAL_SUCCESS, children: [counts.passed, " passed"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: GOAL_ACTIVE, children: [counts.running, " active"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: theme.text, children: [counts.pending, " pending"] }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsxs(Text, { color: GOAL_ACTIVE, children: [counts.blocked, " blocked"] })] })] })] }));
+}
+function StatusChip({ label, color }) {
+    return (_jsxs(Text, { color: color, bold: true, children: ["\u25D6 ", label, " \u25D7"] }));
+}
+export function createGoalReviewSnapshot({ run, markdownWidth, }) {
+    const safeMarkdownWidth = Number.isFinite(markdownWidth)
+        ? Math.max(40, Math.floor(markdownWidth))
+        : 80;
+    return {
+        id: `${run.id}:${run.updatedAt}:${safeMarkdownWidth}`,
+        run,
+        content: formatGoalPlanMarkdown(run),
+        markdownWidth: safeMarkdownWidth,
+    };
+}
+export function getGoalExpandedDetailViewModel({ run, markdownWidth, }) {
+    return createGoalReviewSnapshot({ run, markdownWidth });
+}
+function GoalReviewDocument({ snapshot }) {
+    const theme = useTheme();
+    return (_jsxs(Box, { flexDirection: "column", paddingRight: 1, children: [_jsx(GoalHeader, { cwd: snapshot.run.projectPath, runs: [snapshot.run], agentRunning: false }), _jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: GOAL_SUCCESS, bold: true, children: ["◆ ", snapshot.run.title] }), _jsxs(Text, { color: theme.textDim, children: [" \u00B7 ", snapshot.run.status] })] }), _jsxs(Box, { flexDirection: "row", marginTop: 1, paddingRight: 1, children: [_jsx(Box, { width: PREFIX_WIDTH, flexShrink: 0, children: _jsx(Text, { color: GOAL_SUCCESS, children: "◇ " }) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, width: snapshot.markdownWidth, children: _jsx(Markdown, { width: snapshot.markdownWidth, children: snapshot.content }) })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { color: theme.textDim, children: "Mouse-wheel scroll this terminal output to review the full Goal plan." }) })] }));
+}
+export function GoalOverlay({ cwd, onClose, onRunGoal, onVerifyGoal, onPauseGoal, onRefineGoal, agentRunning, autoExpandNewest, }) {
     const theme = useTheme();
     const [runs, setRuns] = useState([]);
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [loaded, setLoaded] = useState(false);
     const [expandedRunId, setExpandedRunId] = useState(null);
+    const [reviewSnapshot, setReviewSnapshot] = useState(null);
     const [mode, setMode] = useState("normal");
+    const [refineFeedback, setRefineFeedback] = useState("");
     const [status, setStatus] = useState("");
-    const [detailScrollOffset, setDetailScrollOffset] = useState(0);
+    const autoExpandedRef = useRef(false);
     const statusTimer = useRef(null);
     const saveTimer = useRef(null);
     const lastPersistedRunsRef = useRef([]);
+    const { stdout } = useStdout();
+    const { rows, columns } = useTerminalSize();
+    const markdownWidth = Math.max(40, columns - PREFIX_WIDTH);
+    function expandGoal(run) {
+        setExpandedRunId(run.id);
+        setReviewSnapshot(createGoalReviewSnapshot({ run, markdownWidth }));
+    }
+    function collapseGoal() {
+        stdout?.write("\x1b[2J\x1b[3J\x1b[H");
+        setExpandedRunId(null);
+        setReviewSnapshot(null);
+        setMode("normal");
+        setRefineFeedback("");
+        autoExpandedRef.current = true;
+    }
     const showStatus = useCallback((message) => {
         setStatus(message);
         if (statusTimer.current)
@@ -537,7 +534,27 @@ export function GoalOverlay({ cwd, onClose, onRunGoal, onVerifyGoal, onPauseGoal
     }, [cwd]);
     useEffect(() => {
         setSelectedIndex((index) => clampGoalSelectedIndex(index, runs.length));
-    }, [runs.length]);
+        if (expandedRunId && !runs.some((run) => run.id === expandedRunId)) {
+            setExpandedRunId(null);
+            setReviewSnapshot(null);
+        }
+    }, [expandedRunId, runs]);
+    useEffect(() => {
+        const nextState = getGoalAutoExpandedState({
+            autoExpandNewest,
+            loaded,
+            runs,
+            alreadyExpanded: autoExpandedRef.current,
+        });
+        if (!nextState)
+            return;
+        const run = runs[nextState.selectedIndex];
+        if (!run)
+            return;
+        autoExpandedRef.current = true;
+        setSelectedIndex(nextState.selectedIndex);
+        expandGoal(run);
+    }, [autoExpandNewest, loaded, runs, markdownWidth]);
     useEffect(() => {
         if (!loaded)
             return;
@@ -552,39 +569,42 @@ export function GoalOverlay({ cwd, onClose, onRunGoal, onVerifyGoal, onPauseGoal
             void saveGoalRuns(cwd, runs);
         }, 100);
     }, [cwd, loaded, runs]);
-    const { rows } = useTerminalSize();
     const viewportRows = getGoalOverlayViewportRows(rows);
     const selectedRun = runs[selectedIndex];
-    const expandedRun = selectedRun && selectedRun.id === expandedRunId ? selectedRun : null;
-    const selectedCardExtraRows = selectedRun ? getGoalCardExtraRowCount(selectedRun) : 0;
-    const expandedCardExtraRows = expandedRun ? selectedCardExtraRows : 0;
-    const detailViewportRows = expandedRun
-        ? getGoalExpandedDetailViewportRows({
-            viewportRows,
-            cardExtraRows: expandedCardExtraRows,
-        })
-        : 0;
-    const listWindow = expandedRun
-        ? null
-        : getGoalListWindow({
-            runs,
-            selectedIndex,
-            viewportRows,
-        });
-    const scrollOffset = expandedRun ? selectedIndex : (listWindow?.start ?? 0);
-    const visibleRuns = expandedRun
-        ? [expandedRun]
-        : runs.slice(listWindow?.start ?? 0, listWindow?.end ?? 0);
-    const hiddenBefore = expandedRun ? 0 : (listWindow?.hiddenBefore ?? 0);
-    const hiddenAfter = expandedRun ? 0 : (listWindow?.hiddenAfter ?? 0);
-    const detailRowCount = expandedRun ? getGoalDetailRowCount(expandedRun) : 0;
-    useEffect(() => {
-        setDetailScrollOffset(0);
-    }, [expandedRunId]);
-    useEffect(() => {
-        setDetailScrollOffset((offset) => clampGoalDetailScrollOffset(offset, detailRowCount, detailViewportRows));
-    }, [detailRowCount, detailViewportRows]);
+    const expandedRun = runs.find((run) => run.id === expandedRunId) ?? reviewSnapshot?.run ?? null;
+    const listWindow = getGoalListWindow({
+        runs,
+        selectedIndex,
+        viewportRows,
+    });
+    const scrollOffset = listWindow.start;
+    const visibleRuns = runs.slice(listWindow.start, listWindow.end);
+    const hiddenBefore = listWindow.hiddenBefore;
+    const hiddenAfter = listWindow.hiddenAfter;
     useInput((input, key) => {
+        if (mode === "refine") {
+            if (key.return) {
+                if (expandedRun) {
+                    onRefineGoal?.(expandedRun, refineFeedback || "Please refine this Goal setup.");
+                }
+                setMode("normal");
+                setRefineFeedback("");
+                return;
+            }
+            if (key.escape) {
+                setMode("normal");
+                setRefineFeedback("");
+                return;
+            }
+            if (key.backspace || key.delete) {
+                setRefineFeedback((previous) => previous.slice(0, -1));
+                return;
+            }
+            if (input && !key.ctrl && !key.meta) {
+                setRefineFeedback((previous) => previous + input);
+            }
+            return;
+        }
         if (mode === "confirmDelete") {
             if (key.escape || input === "n") {
                 setMode("normal");
@@ -594,39 +614,36 @@ export function GoalOverlay({ cwd, onClose, onRunGoal, onVerifyGoal, onPauseGoal
             if (input === "y" && selectedRun) {
                 setRuns((previousRuns) => previousRuns.filter((run) => run.id !== selectedRun.id));
                 setExpandedRunId(null);
+                setReviewSnapshot(null);
                 setMode("normal");
                 showStatus("Goal archived");
             }
             return;
         }
         if (key.escape) {
-            onClose();
-            return;
-        }
-        if (expandedRun && (key.pageUp || input === "[")) {
-            setDetailScrollOffset((offset) => clampGoalDetailScrollOffset(offset - Math.max(1, detailViewportRows - 1), detailRowCount, detailViewportRows));
-            return;
-        }
-        if (expandedRun && (key.pageDown || input === "]")) {
-            setDetailScrollOffset((offset) => clampGoalDetailScrollOffset(offset + Math.max(1, detailViewportRows - 1), detailRowCount, detailViewportRows));
+            if (expandedRun) {
+                collapseGoal();
+            }
+            else {
+                onClose();
+            }
             return;
         }
-        if (expandedRun && key.home) {
-            setDetailScrollOffset(0);
+        if (expandedRun && input === "a") {
+            onRunGoal(expandedRun);
             return;
         }
-        if (expandedRun && key.end) {
-            setDetailScrollOffset(clampGoalDetailScrollOffset(detailRowCount, detailRowCount, detailViewportRows));
+        if (expandedRun && input === "r") {
+            setMode("refine");
+            setRefineFeedback("");
             return;
         }
-        if (expandedRun && (key.upArrow || input === "k")) {
-            setDetailScrollOffset((offset) => clampGoalDetailScrollOffset(offset - 1, detailRowCount, detailViewportRows));
+        if (expandedRun && (input === "q" || key.return)) {
+            collapseGoal();
             return;
         }
-        if (expandedRun && (key.downArrow || input === "j")) {
-            setDetailScrollOffset((offset) => clampGoalDetailScrollOffset(offset + 1, detailRowCount, detailViewportRows));
+        if (expandedRun)
             return;
-        }
         if (key.upArrow || input === "k") {
             setSelectedIndex((index) => clampGoalSelectedIndex(index - 1, runs.length));
             return;
@@ -636,13 +653,23 @@ export function GoalOverlay({ cwd, onClose, onRunGoal, onVerifyGoal, onPauseGoal
             return;
         }
         if ((key.return || input === "d") && selectedRun) {
-            setExpandedRunId((current) => (current === selectedRun.id ? null : selectedRun.id));
+            expandGoal(selectedRun);
             return;
         }
-        if (input === "r" && selectedRun) {
+        if (input === "a" && selectedRun) {
             onRunGoal(selectedRun);
             return;
         }
+        if (input === "r" && selectedRun) {
+            if (expandedRun) {
+                setMode("refine");
+                setRefineFeedback("");
+            }
+            else {
+                expandGoal(selectedRun);
+            }
+            return;
+        }
         if (input === "v" && selectedRun) {
             onVerifyGoal(selectedRun);
             return;
@@ -656,11 +683,14 @@ export function GoalOverlay({ cwd, onClose, onRunGoal, onVerifyGoal, onPauseGoal
             showStatus("Archive goal? y/n");
         }
     });
+    if (expandedRun && reviewSnapshot) {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: [reviewSnapshot], style: { width: "100%" }, children: (snapshot) => _jsx(GoalReviewDocument, { snapshot: snapshot }, snapshot.id) }, reviewSnapshot.id), _jsx(Box, { marginTop: 1, children: mode === "confirmDelete" ? (_jsx(Text, { color: theme.warning, children: "Confirm archive selected goal: y/n" })) : mode === "refine" ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.primary, children: "Feedback (Enter to submit, Esc to cancel):" }), _jsxs(Text, { color: theme.text, children: ["> ", refineFeedback, "▍"] })] })) : (_jsxs(Text, { color: theme.textDim, children: [_jsx(Text, { color: theme.success, children: "a" }), " approve/run · ", _jsx(Text, { color: theme.error, children: "r" }), " refine · ", _jsx(Text, { color: theme.primary, children: "q" }), " back · ", _jsx(Text, { color: theme.primary, children: "ESC" }), " close"] })) }), status ? (_jsx(Box, { children: _jsx(Text, { color: theme.secondary, children: status }) })) : null] }));
+    }
     return (_jsxs(Box, { flexDirection: "column", height: rows, overflow: "hidden", children: [_jsx(GoalHeader, { cwd: cwd, runs: runs, agentRunning: agentRunning }), agentRunning ? (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.textDim, children: "Agent is running; Goal pane stays available without resetting chat." }) })) : null, !loaded ? (_jsx(Box, { borderStyle: "round", borderColor: theme.textDim, paddingX: 1, children: _jsx(Text, { color: theme.textDim, children: "Loading goals\u2026" }) })) : runs.length === 0 ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, borderStyle: "round", borderColor: theme.primary, paddingX: 1, paddingY: 1, children: [_jsx(Text, { color: theme.primary, bold: true, children: "Start a durable Goal run" }), _jsx(Text, { color: theme.textDim, children: "No goals yet. Ask the agent to start a durable Goal." }), _jsx(Text, { color: theme.textDim, children: "Prerequisites, worker tasks, evidence, and verifier results will appear in this pane." })] })) : (_jsxs(Box, { flexDirection: "column", height: viewportRows, overflowY: "hidden", children: [_jsx(Text, { color: theme.textDim, bold: true, children: "Goals" }), hiddenBefore > 0 ? (_jsxs(Text, { color: theme.textDim, children: ["\u2191 ", hiddenBefore, " earlier goal", hiddenBefore === 1 ? "" : "s"] })) : null, visibleRuns.map((run, visibleIndex) => {
                         const index = scrollOffset + visibleIndex;
                         const selected = index === selectedIndex;
                         const blocked = goalHasBlockingPrerequisites(run);
-                        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, borderStyle: expandedRun?.id === run.id ? "round" : undefined, borderColor: expandedRun?.id === run.id ? theme.primary : undefined, paddingX: expandedRun?.id === run.id ? 1 : 0, children: [_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: selected ? theme.primary : theme.textDim, children: selected ? "❯ " : "  " }), _jsx(StatusChip, { label: run.status, color: getGoalCardStatusColor({
+                        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: selected ? theme.primary : theme.textDim, children: selected ? "❯ " : "  " }), _jsx(StatusChip, { label: run.status, color: getGoalCardStatusColor({
                                                 status: run.status,
                                                 selected,
                                                 primaryColor: theme.primary,
@@ -669,7 +699,7 @@ export function GoalOverlay({ cwd, onClose, onRunGoal, onVerifyGoal, onPauseGoal
                                                 selected,
                                                 primaryColor: theme.primary,
                                                 textColor: theme.text,
-                                            }), bold: selected, children: [" ", run.title] }), _jsxs(Text, { color: theme.textDim, children: [" \u00B7 ", run.id.slice(0, 8)] })] }), expandedRun?.id === run.id ? null : (_jsxs(_Fragment, { children: [_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: theme.textDim, children: selected ? "  " : "    " }), _jsx(Text, { color: statusColor(run.status) || theme.secondary, children: getGoalReadinessText(run) }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsx(Text, { color: theme.text, children: formatGoalProgressText(run) }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsx(Text, { color: verifierSummaryColor(run, theme.textDim), children: formatGoalVerifierSummary(run) })] }), _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: theme.textDim, children: selected ? "  " : "    " }), _jsx(Text, { color: goalHasBlockingPrerequisites(run) ? theme.warning : GOAL_SUCCESS, children: formatGoalPrerequisiteSummary(run) }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsx(Text, { color: run.tasks.length > 0 ? GOAL_SUCCESS : theme.text, children: formatGoalTaskSummary(run) })] })] })), blocked ? (_jsxs(Text, { color: theme.warning, wrap: "truncate", children: [selected ? "  " : "    ", "\u26A0 prerequisite needed before workers continue"] })) : run.status === "running" || run.status === "verifying" ? (_jsxs(Text, { color: GOAL_ACTIVE, wrap: "truncate", children: [selected ? "  " : "    ", "\u25CF active \u2014 watching worker/verifier progress"] })) : null, run.blockers.length > 0 ? (_jsxs(Text, { color: theme.warning, wrap: "truncate", children: [selected ? "  " : "    ", "blocker: ", run.blockers[0]] })) : null, expandedRun?.id === run.id ? (_jsx(GoalDetail, { run: run, maxRows: detailViewportRows, scrollOffset: detailScrollOffset })) : null] }, run.id));
-                    }), hiddenAfter > 0 ? (_jsxs(Text, { color: theme.textDim, children: ["\u2193 ", hiddenAfter, " later goal", hiddenAfter === 1 ? "" : "s"] })) : null] })), _jsx(Box, { marginTop: 1, children: mode === "confirmDelete" ? (_jsx(Text, { color: theme.warning, children: "Confirm archive selected goal: y/n" })) : (_jsxs(Text, { color: theme.textDim, children: [_jsx(Text, { color: theme.primary, children: "\u2191\u2193/jk" }), expandedRun ? " scroll detail · " : " select · ", _jsx(Text, { color: theme.primary, children: "Enter/d" }), expandedRun ? " close detail · " : " detail · ", expandedRun ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.primary, children: "PgUp/PgDn" }), " page detail · "] })) : null, _jsx(Text, { color: theme.primary, children: "r" }), " run · ", _jsx(Text, { color: theme.primary, children: "v" }), " verify · ", _jsx(Text, { color: theme.primary, children: "p" }), " pause · ", _jsx(Text, { color: theme.primary, children: "x" }), " archive · ", _jsx(Text, { color: theme.primary, children: "Esc" }), " close"] })) }), status ? (_jsx(Box, { children: _jsx(Text, { color: theme.secondary, children: status }) })) : null] }));
+                                            }), bold: selected, children: [" ", run.title] }), _jsxs(Text, { color: theme.textDim, children: [" \u00B7 ", run.id.slice(0, 8)] })] }), _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: theme.textDim, children: selected ? "  " : "    " }), _jsx(Text, { color: statusColor(run.status) || theme.secondary, children: getGoalReadinessText(run) }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsx(Text, { color: theme.text, children: formatGoalProgressText(run) }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsx(Text, { color: verifierSummaryColor(run, theme.textDim), children: formatGoalVerifierSummary(run) })] }), _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: theme.textDim, children: selected ? "  " : "    " }), _jsx(Text, { color: goalHasBlockingPrerequisites(run) ? theme.warning : GOAL_SUCCESS, children: formatGoalPrerequisiteSummary(run) }), _jsx(Text, { color: theme.textDim, children: " \u00B7 " }), _jsx(Text, { color: run.tasks.length > 0 ? GOAL_SUCCESS : theme.text, children: formatGoalTaskSummary(run) })] }), blocked ? (_jsxs(Text, { color: theme.warning, wrap: "truncate", children: [selected ? "  " : "    ", "\u26A0 prerequisite needed before workers continue"] })) : run.status === "running" || run.status === "verifying" ? (_jsxs(Text, { color: GOAL_ACTIVE, wrap: "truncate", children: [selected ? "  " : "    ", "\u25CF active \u2014 watching worker/verifier progress"] })) : null, run.blockers.length > 0 ? (_jsxs(Text, { color: theme.warning, wrap: "truncate", children: [selected ? "  " : "    ", "blocker: ", run.blockers[0]] })) : null] }, run.id));
+                    }), hiddenAfter > 0 ? (_jsxs(Text, { color: theme.textDim, children: ["\u2193 ", hiddenAfter, " later goal", hiddenAfter === 1 ? "" : "s"] })) : null] })), _jsx(Box, { marginTop: 1, children: mode === "confirmDelete" ? (_jsx(Text, { color: theme.warning, children: "Confirm archive selected goal: y/n" })) : mode === "refine" ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.primary, children: "Feedback (Enter to submit, Esc to cancel):" }), _jsxs(Text, { color: theme.text, children: ["> ", refineFeedback, "▍"] })] })) : (_jsxs(Text, { color: theme.textDim, children: [_jsx(Text, { color: theme.primary, children: "\u2191\u2193/jk" }), " select · ", _jsx(Text, { color: theme.primary, children: "Enter/d" }), " detail · ", _jsx(Text, { color: theme.primary, children: "a" }), " run · ", _jsx(Text, { color: theme.primary, children: "v" }), " verify · ", _jsx(Text, { color: theme.primary, children: "p" }), " pause · ", _jsx(Text, { color: theme.primary, children: "x" }), " archive · ", _jsx(Text, { color: theme.primary, children: "Esc" }), " close"] })) }), status ? (_jsx(Box, { children: _jsx(Text, { color: theme.secondary, children: status }) })) : null] }));
 }
 //# sourceMappingURL=GoalOverlay.js.map