santree 0.3.0 → 0.5.0

package/dist/lib/dashboard/MultilineTextArea.js

@@ -5,6 +5,7 @@ import { spawnSync } from "node:child_process";
 import { openSync, readSync, closeSync, statSync, unlinkSync } from "node:fs";
 import { tmpdir } from "node:os";
 import { join } from "node:path";
+import { editExternally } from "./external-editor.js";
 const PNG_MAGIC = Buffer.from([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]);
 // macOS clipboard → PNG. Returns the written file path on success, or null if
 // the clipboard holds no image, the platform isn't macOS, or the write produced
@@ -26,14 +27,9 @@ on error
 return "no-image"
 end try`;
     try {
-        const result = spawnSync("osascript", ["-e", script], {
-            encoding: "utf-8",
-            timeout: 3000,
-        });
+        const result = spawnSync("osascript", ["-e", script], { encoding: "utf-8", timeout: 3000 });
         if (result.status !== 0 || result.stdout.trim() !== "ok")
             return null;
-        // Defense in depth: verify the file is non-empty and starts with the PNG
-        // magic header. Guards against an osascript quirk writing a stub.
         if (statSync(filePath).size === 0) {
             try {
                 unlinkSync(filePath);
@@ -59,32 +55,91 @@ end try`;
     }
     return null;
 }
-function offsetToRowCol(value, offset) {
-    const lines = value.split("\n");
-    let idx = 0;
-    for (let r = 0; r < lines.length; r++) {
-        const len = lines[r].length;
-        if (offset <= idx + len) {
-            return [r, offset - idx];
-        }
-        idx += len + 1;
+// ── Word boundary helpers (whitespace-delimited) ────────────────────────────
+function prevWordStart(text, pos) {
+    let p = pos;
+    while (p > 0 && /\s/.test(text[p - 1]))
+        p--;
+    while (p > 0 && /\S/.test(text[p - 1]))
+        p--;
+    return p;
+}
+function nextWordEnd(text, pos) {
+    let p = pos;
+    while (p < text.length && /\s/.test(text[p]))
+        p++;
+    while (p < text.length && /\S/.test(text[p]))
+        p++;
+    return p;
+}
+function lineStart(text, pos) {
+    const before = text.lastIndexOf("\n", pos - 1);
+    return before === -1 ? 0 : before + 1;
+}
+function lineEnd(text, pos) {
+    const after = text.indexOf("\n", pos);
+    return after === -1 ? text.length : after;
+}
+function buildVisualRows(value, innerWidth) {
+    const lines = value.length === 0 ? [""] : value.split("\n");
+    const rows = [];
+    const w = Math.max(1, innerWidth);
+    for (let li = 0; li < lines.length; li++) {
+        const line = lines[li];
+        if (line.length === 0) {
+            rows.push({ logicalLine: li, startCol: 0, text: "" });
+            continue;
+        }
+        for (let i = 0; i < line.length; i += w) {
+            rows.push({ logicalLine: li, startCol: i, text: line.slice(i, i + w) });
+        }
     }
-    const last = lines.length - 1;
-    return [last, lines[last].length];
+    return rows;
 }
-function rowColToOffset(value, row, col) {
-    const lines = value.split("\n");
-    const clampedRow = Math.max(0, Math.min(row, lines.length - 1));
-    let idx = 0;
-    for (let r = 0; r < clampedRow; r++) {
-        idx += lines[r].length + 1;
+function cursorVisualPos(rows, value, cursor, innerWidth) {
+    const lines = value.length === 0 ? [""] : value.split("\n");
+    let logicalLine = 0;
+    let lineStartOffset = 0;
+    for (let li = 0; li < lines.length; li++) {
+        const len = lines[li].length;
+        if (cursor <= lineStartOffset + len) {
+            logicalLine = li;
+            break;
+        }
+        lineStartOffset += len + 1;
     }
-    const clampedCol = Math.max(0, Math.min(col, lines[clampedRow].length));
-    return idx + clampedCol;
+    const colInLine = cursor - lineStartOffset;
+    const candidates = rows
+        .map((r, i) => ({ r, i }))
+        .filter(({ r }) => r.logicalLine === logicalLine);
+    for (let ci = 0; ci < candidates.length; ci++) {
+        const { r, i } = candidates[ci];
+        if (colInLine >= r.startCol && colInLine < r.startCol + r.text.length) {
+            return { vRow: i, vCol: colInLine - r.startCol };
+        }
+        if (colInLine === r.startCol + r.text.length) {
+            // Cursor sits at the end of this visual row. If the row is exactly width-full
+            // AND there's another visual row in the same logical line, the next typed char
+            // belongs at the start of that next row — defer.
+            if (r.text.length === innerWidth && ci + 1 < candidates.length) {
+                continue;
+            }
+            // Last row of this logical line and exactly width-full → return a virtual row
+            // past the end so the cursor is rendered at col 0 of a fresh row instead of
+            // overflowing the right edge.
+            if (r.text.length === innerWidth) {
+                return { vRow: i + 1, vCol: 0 };
+            }
+            return { vRow: i, vCol: colInLine - r.startCol };
+        }
+    }
+    const last = candidates[candidates.length - 1];
+    if (last)
+        return { vRow: last.i, vCol: last.r.text.length };
+    return { vRow: 0, vCol: 0 };
 }
 export function MultilineTextArea({ value, onChange, onSubmit, onCancel, placeholder, width, height = 6, focus = true, }) {
     const [cursor, setCursor] = useState(value.length);
-    // Keep cursor within bounds if value shrinks externally
     useEffect(() => {
         if (cursor > value.length)
             setCursor(value.length);
@@ -93,97 +148,185 @@ export function MultilineTextArea({ value, onChange, onSubmit, onCancel, placeho
         onChange(value.slice(0, pos) + text + value.slice(pos));
         setCursor(pos + text.length);
     };
-    const deleteBefore = (pos) => {
-        if (pos === 0)
+    const deleteRange = (from, to) => {
+        if (from === to)
             return;
-        onChange(value.slice(0, pos - 1) + value.slice(pos));
-        setCursor(pos - 1);
+        const lo = Math.min(from, to);
+        const hi = Math.max(from, to);
+        onChange(value.slice(0, lo) + value.slice(hi));
+        setCursor(lo);
     };
     useInput((input, key) => {
-        // Ctrl+D submits
+        // Ctrl+D: submit
         if (key.ctrl && input === "d") {
             onSubmit();
             return;
         }
-        // Ctrl+V — try to paste clipboard image as a temp file reference.
-        // Regular Cmd+V text paste is handled by the terminal and arrives as
-        // normal input below.
+        // Ctrl+C: cancel (preferred over Esc — vim users rely on Esc muscle memory)
+        if (key.ctrl && input === "c") {
+            onCancel();
+            return;
+        }
+        // Ctrl+O: escalate to $SANTREE_EDITOR / $VISUAL / $EDITOR. On save+close
+        // the buffer is replaced and the form is auto-submitted (matches git commit).
+        if (key.ctrl && input === "o") {
+            const result = editExternally(value, "md");
+            if (!result.ok)
+                return;
+            if (result.cancelled) {
+                onCancel();
+                return;
+            }
+            onChange(result.content);
+            setCursor(result.content.length);
+            onSubmit();
+            return;
+        }
+        // Ctrl+V: paste clipboard image as a temp file reference.
         if (key.ctrl && input === "v") {
             const imagePath = pasteClipboardImageToTmp();
-            if (imagePath) {
+            if (imagePath)
                 insertAt(cursor, `![pasted image](${imagePath})`);
-            }
             return;
         }
-        // ESC cancels (parent disables SGR mouse tracking while mounted
-        // so clicks don't masquerade as ESC)
-        if (key.escape) {
-            onCancel();
+        // Esc: swallow without cancelling (vim users hit it constantly).
+        if (key.escape)
+            return;
+        // ── Readline-ish line editing ───────────────────────────────────
+        // Ctrl+A: start of line (also what iTerm2 / Ghostty send for Cmd+Left)
+        if (key.ctrl && input === "a") {
+            setCursor(lineStart(value, cursor));
+            return;
+        }
+        // Ctrl+E: end of line (also what iTerm2 / Ghostty send for Cmd+Right)
+        if (key.ctrl && input === "e") {
+            setCursor(lineEnd(value, cursor));
+            return;
+        }
+        // Ctrl+W: delete word backwards
+        if (key.ctrl && input === "w") {
+            deleteRange(prevWordStart(value, cursor), cursor);
+            return;
+        }
+        // Ctrl+U: delete to line start
+        if (key.ctrl && input === "u") {
+            deleteRange(lineStart(value, cursor), cursor);
+            return;
+        }
+        // Ctrl+K: delete to line end
+        if (key.ctrl && input === "k") {
+            deleteRange(cursor, lineEnd(value, cursor));
+            return;
+        }
+        // Option+Backspace (meta+backspace): delete word backwards
+        if (key.meta && (key.backspace || key.delete)) {
+            deleteRange(prevWordStart(value, cursor), cursor);
+            return;
+        }
+        // Option+Left / Option+Right: word jump.
+        // Mac terminals (Ghostty/iTerm2/Terminal.app) typically send the emacs-style
+        // `\x1bb` / `\x1bf` rather than the meta+arrow CSI sequence, so Ink reports
+        // these as `key.meta && input === "b" | "f"`. Cover both forms.
+        if (key.meta && (key.leftArrow || input === "b")) {
+            setCursor(prevWordStart(value, cursor));
+            return;
+        }
+        if (key.meta && (key.rightArrow || input === "f")) {
+            setCursor(nextWordEnd(value, cursor));
+            return;
+        }
+        // Option+Up / Option+Down: doc start/end (used by some Mac terminals)
+        if (key.meta && key.upArrow) {
+            setCursor(0);
+            return;
+        }
+        if (key.meta && key.downArrow) {
+            setCursor(value.length);
             return;
         }
         if (key.backspace || key.delete) {
-            deleteBefore(cursor);
+            if (cursor === 0)
+                return;
+            onChange(value.slice(0, cursor - 1) + value.slice(cursor));
+            setCursor(cursor - 1);
             return;
         }
-        // Arrow navigation — column is remembered via col-from-current-pos
+        // Plain arrows: visual-row navigation when possible; left/right by 1 char.
         if (key.upArrow || key.downArrow || key.leftArrow || key.rightArrow) {
-            const lines = value.split("\n");
-            const [row, col] = offsetToRowCol(value, cursor);
-            if (key.upArrow) {
-                if (row === 0)
-                    setCursor(0);
-                else
-                    setCursor(rowColToOffset(value, row - 1, col));
-            }
-            else if (key.downArrow) {
-                if (row === lines.length - 1)
-                    setCursor(value.length);
-                else
-                    setCursor(rowColToOffset(value, row + 1, col));
-            }
-            else if (key.leftArrow) {
+            if (key.leftArrow) {
                 setCursor(Math.max(0, cursor - 1));
+                return;
             }
-            else if (key.rightArrow) {
+            if (key.rightArrow) {
                 setCursor(Math.min(value.length, cursor + 1));
+                return;
+            }
+            const innerW = Math.max(1, (width ?? 80) - 4);
+            const rows = buildVisualRows(value, innerW);
+            const { vRow, vCol } = cursorVisualPos(rows, value, cursor, innerW);
+            const targetVRow = key.upArrow ? vRow - 1 : vRow + 1;
+            if (targetVRow < 0) {
+                setCursor(0);
+                return;
+            }
+            if (targetVRow >= rows.length) {
+                setCursor(value.length);
+                return;
             }
+            const target = rows[targetVRow];
+            const targetColInLine = target.startCol + Math.min(vCol, target.text.length);
+            let offset = 0;
+            const lines = value.length === 0 ? [""] : value.split("\n");
+            for (let li = 0; li < target.logicalLine; li++)
+                offset += lines[li].length + 1;
+            setCursor(offset + targetColInLine);
             return;
         }
-        if (key.tab)
+        // Tab: insert a literal tab character.
+        if (key.tab) {
+            insertAt(cursor, "\t");
             return;
-        // Enter inserts a newline at cursor. MUST run before meta/ctrl swallow
-        // so Option+Enter / Ctrl+Enter also insert. When a paste carries content
-        // alongside \r, append the whole normalized chunk.
+        }
+        // Enter: insert newline (also handles paste containing \r).
         if (key.return) {
             const chunk = input ? input.replace(/\r\n?/g, "\n") : "\n";
             insertAt(cursor, chunk);
             return;
         }
-        // Swallow remaining modifier combos
         if (key.ctrl || key.meta)
             return;
         if (!input)
             return;
-        const normalized = input.replace(/\r\n?/g, "\n");
-        insertAt(cursor, normalized);
+        insertAt(cursor, input.replace(/\r\n?/g, "\n"));
     }, { isActive: focus });
-    const [cursorRow, cursorCol] = offsetToRowCol(value, cursor);
-    const lines = value.length === 0 ? [""] : value.split("\n");
-    // Scroll viewport so the cursor row is always visible
+    const innerWidth = Math.max(1, (width ?? 80) - 4);
+    const rows = buildVisualRows(value, innerWidth);
+    const { vRow: cursorVRow, vCol: cursorVCol } = cursorVisualPos(rows, value, cursor, innerWidth);
+    const totalRows = Math.max(rows.length, cursorVRow + 1);
     let scrollStart = 0;
-    if (cursorRow >= height)
-        scrollStart = cursorRow - height + 1;
-    const visibleLines = lines.slice(scrollStart, scrollStart + height);
+    if (cursorVRow >= height)
+        scrollStart = cursorVRow - height + 1;
+    const visibleRows = rows.slice(scrollStart, scrollStart + height);
     const isEmpty = value.length === 0;
-    return (_jsx(Box, { flexDirection: "column", width: width, borderStyle: "round", borderColor: "cyan", paddingX: 1, minHeight: height + 2, children: isEmpty && placeholder ? (_jsxs(Box, { minHeight: 1, children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: placeholder })] })) : (visibleLines.map((line, i) => {
-            const absoluteRow = scrollStart + i;
-            const isCursorRow = focus && absoluteRow === cursorRow;
-            if (!isCursorRow) {
-                return (_jsx(Box, { minHeight: 1, children: _jsx(Text, { children: line }) }, i));
-            }
-            const before = line.slice(0, cursorCol);
-            const atCursor = cursorCol < line.length ? line[cursorCol] : " ";
-            const after = cursorCol < line.length ? line.slice(cursorCol + 1) : "";
-            return (_jsxs(Box, { minHeight: 1, children: [_jsx(Text, { children: before }), _jsx(Text, { inverse: true, children: atCursor }), _jsx(Text, { children: after })] }, i));
-        })) }));
+    const hiddenAbove = scrollStart;
+    const hiddenBelow = Math.max(0, totalRows - scrollStart - height);
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(Box, { flexDirection: "column", width: width, borderStyle: "round", borderColor: "cyan", paddingX: 1, minHeight: height + 2, children: isEmpty && placeholder ? (_jsxs(Box, { minHeight: 1, children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: placeholder })] })) : (Array.from({ length: height }).map((_, i) => {
+                    const row = visibleRows[i];
+                    const absoluteVRow = scrollStart + i;
+                    const isCursorRow = focus && absoluteVRow === cursorVRow;
+                    if (!row) {
+                        // Phantom row past the end (cursor sits on a fresh line at wrap boundary)
+                        if (isCursorRow) {
+                            return (_jsx(Box, { minHeight: 1, children: _jsx(Text, { inverse: true, children: " " }) }, `phantom-${i}`));
+                        }
+                        return _jsx(Box, { minHeight: 1 }, `pad-${i}`);
+                    }
+                    if (!isCursorRow) {
+                        return (_jsx(Box, { minHeight: 1, children: _jsx(Text, { children: row.text }) }, i));
+                    }
+                    const before = row.text.slice(0, cursorVCol);
+                    const atCursor = cursorVCol < row.text.length ? row.text[cursorVCol] : " ";
+                    const after = cursorVCol < row.text.length ? row.text.slice(cursorVCol + 1) : "";
+                    return (_jsxs(Box, { minHeight: 1, children: [_jsx(Text, { children: before }), _jsx(Text, { inverse: true, children: atCursor }), _jsx(Text, { children: after })] }, i));
+                })) }), (hiddenAbove > 0 || hiddenBelow > 0) && (_jsxs(Box, { justifyContent: "space-between", paddingX: 1, children: [_jsx(Text, { dimColor: true, children: hiddenAbove > 0 ? `↑ ${hiddenAbove} more above` : "" }), _jsx(Text, { dimColor: true, children: hiddenBelow > 0 ? `${hiddenBelow} more below ↓` : "" })] }))] }));
 }

package/dist/lib/dashboard/Overlays.js

@@ -22,7 +22,7 @@ export function CommitOverlay({ width, height, branch, ticketId, gitStatus, phas
                     }), gitStatus.split("\n").length > 8 && (_jsxs(Text, { dimColor: true, children: [" +", gitStatus.split("\n").length - 8, " more"] }))] })) : null, _jsx(Text, { children: " " }), phase === "confirm-stage" && (_jsxs(Text, { children: ["Stage all changes?", " ", _jsx(Text, { color: "cyan", bold: true, children: "y" }), "/", _jsx(Text, { color: "cyan", bold: true, children: "n" })] })), phase === "awaiting-message" && (_jsxs(Box, { children: [_jsx(Text, { children: "Message: " }), _jsx(TextInput, { value: message, onChange: (v) => dispatch({ type: "COMMIT_MESSAGE", message: v }), onSubmit: onSubmit })] })), phase === "committing" && (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), " ", "Committing..."] })), phase === "pushing" && (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), " ", "Pushing..."] })), phase === "done" && (_jsx(Text, { color: "green", bold: true, children: "Committed and pushed!" })), phase === "error" && _jsx(Text, { color: "red", children: error }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "ESC to cancel" })] }));
 }
 export function PrCreateOverlay({ width, height, branch, ticketId, phase, error, url, body, title, dispatch, }) {
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(Text, { bold: true, color: "cyan", children: "Create Pull Request" }), _jsx(Text, { dimColor: true, children: "─".repeat(Math.min(width, 50)) }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "branch: " }), _jsx(Text, { children: branch })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "ticket: " }), _jsx(Text, { children: ticketId })] }), _jsx(Text, { children: " " }), phase === "choose-mode" && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "How do you want to create this PR?" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [" ", _jsx(Text, { color: "cyan", bold: true, children: "f" }), " ", "Fill \u2014 use AI to fill the PR template"] }), _jsxs(Text, { children: [" ", _jsx(Text, { color: "cyan", bold: true, children: "w" }), " ", "Web \u2014 open in browser to edit manually"] })] })), phase === "pushing" && (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), " ", "Pushing branch..."] })), phase === "filling" && (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), " ", "Filling PR template with AI..."] })), phase === "review" && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "Edit PR description" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "title: " }), _jsx(Text, { children: title })] }), _jsx(Text, { children: " " }), _jsx(MultilineTextArea, { value: body ?? "", onChange: (v) => dispatch({ type: "PR_CREATE_BODY_CHANGE", body: v }), onSubmit: () => dispatch({ type: "PR_CREATE_CONFIRM" }), onCancel: () => dispatch({ type: "PR_CREATE_CANCEL" }), width: width, height: Math.max(6, height - 10), placeholder: "(empty PR body)" }), _jsx(Text, { children: " " }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "cyan", bold: true, children: "Enter" }), " newline  ", _jsx(Text, { color: "cyan", bold: true, children: "\u2191\u2193\u2190\u2192" }), " move  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+V" }), " paste image  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+D" }), " continue  ", _jsx(Text, { color: "cyan", bold: true, children: "ESC" }), " cancel"] })] })), phase === "confirm" && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "Create this PR?" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "title: " }), _jsx(Text, { children: title })] }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: [(body ?? "")
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(Text, { bold: true, color: "cyan", children: "Create Pull Request" }), _jsx(Text, { dimColor: true, children: "─".repeat(Math.min(width, 50)) }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "branch: " }), _jsx(Text, { children: branch })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "ticket: " }), _jsx(Text, { children: ticketId })] }), _jsx(Text, { children: " " }), phase === "choose-mode" && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "How do you want to create this PR?" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [" ", _jsx(Text, { color: "cyan", bold: true, children: "f" }), " ", "Fill \u2014 use AI to fill the PR template"] }), _jsxs(Text, { children: [" ", _jsx(Text, { color: "cyan", bold: true, children: "w" }), " ", "Web \u2014 open in browser to edit manually"] })] })), phase === "pushing" && (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), " ", "Pushing branch..."] })), phase === "filling" && (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), " ", "Filling PR template with AI..."] })), phase === "review" && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "Edit PR description" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "title: " }), _jsx(Text, { children: title })] }), _jsx(Text, { children: " " }), _jsx(MultilineTextArea, { value: body ?? "", onChange: (v) => dispatch({ type: "PR_CREATE_BODY_CHANGE", body: v }), onSubmit: () => dispatch({ type: "PR_CREATE_CONFIRM" }), onCancel: () => dispatch({ type: "PR_CREATE_CANCEL" }), width: width, height: Math.max(6, height - 10), placeholder: "(empty PR body)" }), _jsx(Text, { children: " " }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "cyan", bold: true, children: "Ctrl+D" }), " send  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+O" }), " editor  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+C" }), " cancel"] })] })), phase === "confirm" && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "Create this PR?" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "title: " }), _jsx(Text, { children: title })] }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: [(body ?? "")
                                 .split("\n")
                                 .slice(0, Math.max(4, height - 12))
                                 .map((line, i) => (_jsx(Text, { wrap: "truncate", children: line || " " }, i))), (body ?? "").split("\n").length > Math.max(4, height - 12) && (_jsxs(Text, { dimColor: true, children: ["\u2026+", (body ?? "").split("\n").length - Math.max(4, height - 12), " more lines"] }))] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "green", bold: true, children: "y" }), " / ", _jsx(Text, { color: "green", bold: true, children: "Enter" }), "  create   ", _jsx(Text, { color: "yellow", bold: true, children: "e" }), "  keep editing   ", _jsx(Text, { color: "cyan", bold: true, children: "w" }), "  open in browser   ", _jsx(Text, { color: "red", bold: true, children: "ESC" }), "  cancel"] })] })), phase === "creating" && (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), " ", "Creating PR..."] })), phase === "done" && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "green", bold: true, children: "PR created!" }), url ? _jsx(Text, { dimColor: true, children: url }) : null] })), phase === "error" && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "red", children: error }), _jsx(Text, { children: " " }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "cyan", bold: true, children: "w" }), " ", "open in browser ESC cancel"] })] })), phase !== "review" && phase !== "confirm" && phase !== "error" && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "ESC to cancel" })] }))] }));

package/dist/lib/dashboard/ReviewDetailPanel.d.ts

@@ -5,5 +5,11 @@ interface Props {
     height: number;
     width: number;
 }
+export type ReviewActionItem = {
+    key: string;
+    label: string;
+    color: string;
+};
+export declare function buildReviewActions(item: EnrichedReviewPR): ReviewActionItem[];
 export default function ReviewDetailPanel({ item, scrollOffset, height, width }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/dashboard/ReviewDetailPanel.js

@@ -18,7 +18,7 @@ function relativeTime(dateStr) {
     const months = Math.floor(days / 30);
     return `${months}mo ago`;
 }
-function buildActions(item) {
+export function buildReviewActions(item) {
     const items = [];
     if (item.worktree) {
         items.push({ key: "r", label: "AI Review", color: "cyan" });
@@ -146,12 +146,9 @@ export default function ReviewDetailPanel({ item, scrollOffset, height, width })
         }
     }
     // ── Build actions footer ─────────────────────────────────────────
-    const actionItems = buildActions(item);
-    const actionsHeight = 2; // separator + action row
-    const scrollableHeight = height - actionsHeight;
     const totalLines = lines.length;
-    const canScroll = totalLines > scrollableHeight;
-    const contentRows = canScroll ? scrollableHeight - 2 : scrollableHeight;
+    const canScroll = totalLines > height;
+    const contentRows = canScroll ? height - 2 : height;
     const clampedOffset = Math.min(scrollOffset, Math.max(0, totalLines - contentRows));
     const visible = lines.slice(clampedOffset, clampedOffset + contentRows);
     let scrollArrow = null;
@@ -162,5 +159,5 @@ export default function ReviewDetailPanel({ item, scrollOffset, height, width })
     }
     // Truncate lines to panel width to prevent overflow into left pane
     const clamp = (text) => text.length > width ? text.slice(0, width - 1) + "\u2026" : text;
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, overflowX: "hidden", children: [visible.map((line, i) => (_jsx(Box, { children: _jsx(Text, { color: line.color, bold: line.bold, dimColor: line.dim, children: line.text ? clamp(line.text) : " " }) }, i))), scrollArrow && (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: " " }) })), scrollArrow && (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: scrollArrow }) })), _jsx(Box, { flexGrow: 1 }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: rule }) }), _jsx(Box, { children: actionItems.map((item, j) => (_jsxs(Text, { children: ["  ", _jsx(Text, { color: item.color, bold: true, children: item.key }), _jsxs(Text, { color: item.color === "gray" ? "gray" : "white", children: [" ", item.label] })] }, j))) })] }));
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, overflowX: "hidden", children: [visible.map((line, i) => (_jsx(Box, { children: _jsx(Text, { color: line.color, bold: line.bold, dimColor: line.dim, children: line.text ? clamp(line.text) : " " }) }, i))), scrollArrow && (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: " " }) })), scrollArrow && (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: scrollArrow }) }))] }));
 }

package/dist/lib/dashboard/ReviewList.d.ts

@@ -5,7 +5,9 @@ interface Props {
     scrollOffset: number;
     height: number;
     width: number;
+    /** Theme-adapted selection background. Falls back to dark navy. */
+    selectionBg?: string;
 }
 export declare function getReviewListRowCount(flatReviews: EnrichedReviewPR[]): number;
-export default function ReviewList({ flatReviews, selectedIndex, scrollOffset, height, width, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ReviewList({ flatReviews, selectedIndex, scrollOffset, height, width, selectionBg, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/dashboard/ReviewList.js

@@ -14,7 +14,7 @@ const HEADER_ROWS = 1;
 export function getReviewListRowCount(flatReviews) {
     return HEADER_ROWS + flatReviews.length;
 }
-export default function ReviewList({ flatReviews, selectedIndex, scrollOffset, height, width, }) {
+export default function ReviewList({ flatReviews, selectedIndex, scrollOffset, height, width, selectionBg = "#1e3a5f", }) {
     const listHeight = height - FOOTER_HEIGHT;
     const numColWidth = 6;
     const authorColWidth = 12;
@@ -46,8 +46,8 @@ export default function ReviewList({ flatReviews, selectedIndex, scrollOffset, h
             : pr.author.login;
         const changes = `+${item.additions} -${item.deletions}`;
         const ci = checksIndicator(item.checks);
-        const bg = selected ? "#1e3a5f" : undefined;
-        rows.push(_jsxs(Box, { width: width, children: [_jsxs(Text, { backgroundColor: bg, color: selected ? "cyan" : undefined, bold: selected, children: [cursor, " "] }), _jsx(Text, { backgroundColor: bg, color: pr.isDraft ? "gray" : "green", children: num.padEnd(numColWidth) }), _jsx(Text, { backgroundColor: bg, children: " " }), _jsx(Text, { backgroundColor: bg, color: selected ? "white" : undefined, bold: selected, children: title.padEnd(titleMaxWidth) }), _jsx(Text, { backgroundColor: bg, dimColor: true, children: author.padStart(authorColWidth) }), _jsx(Text, { backgroundColor: bg, children: " " }), _jsxs(Text, { backgroundColor: bg, children: [_jsx(Text, { color: "green", children: `+${item.additions}` }), _jsx(Text, { dimColor: true, children: "/" }), _jsx(Text, { color: "red", children: `-${item.deletions}` }), "".padStart(Math.max(0, changesColWidth - changes.length))] }), _jsx(Text, { backgroundColor: bg, children: " " }), _jsx(Text, { backgroundColor: bg, color: selected ? (ci.color === "gray" ? "gray" : ci.color) : ci.color, children: ci.text.padStart(checksColWidth) })] }, `${pr.number}`));
+        const bg = selected ? selectionBg : undefined;
+        rows.push(_jsxs(Box, { width: width, children: [_jsxs(Text, { backgroundColor: bg, bold: selected, children: [cursor, " "] }), _jsx(Text, { backgroundColor: bg, color: pr.isDraft ? "gray" : "green", children: num.padEnd(numColWidth) }), _jsx(Text, { backgroundColor: bg, children: " " }), _jsx(Text, { backgroundColor: bg, bold: selected, children: title.padEnd(titleMaxWidth) }), _jsx(Text, { backgroundColor: bg, dimColor: true, children: author.padStart(authorColWidth) }), _jsx(Text, { backgroundColor: bg, children: " " }), _jsxs(Text, { backgroundColor: bg, children: [_jsx(Text, { color: "green", children: `+${item.additions}` }), _jsx(Text, { dimColor: true, children: "/" }), _jsx(Text, { color: "red", children: `-${item.deletions}` }), "".padStart(Math.max(0, changesColWidth - changes.length))] }), _jsx(Text, { backgroundColor: bg, children: " " }), _jsx(Text, { backgroundColor: bg, color: selected ? (ci.color === "gray" ? "gray" : ci.color) : ci.color, children: ci.text.padStart(checksColWidth) })] }, `${pr.number}`));
     }
     return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(Box, { flexDirection: "column", height: listHeight, children: rows }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: footerRule }), _jsxs(Text, { children: ["  ", _jsx(Text, { color: "cyan", bold: true, children: "j/k" }), _jsx(Text, { color: "white", children: " Navigate" }), "   ", _jsxs(Text, { color: "cyan", bold: true, children: ["Shift + ", "\u2191\u2193"] }), _jsx(Text, { color: "white", children: " Scroll detail" }), "   ", _jsx(Text, { color: "cyan", bold: true, children: "o" }), _jsx(Text, { color: "white", children: " Open PR" }), "   ", _jsx(Text, { color: "cyan", bold: true, children: "Tab" }), _jsx(Text, { color: "white", children: " Issues" }), "   ", _jsx(Text, { color: "cyan", bold: true, children: "q" }), _jsx(Text, { color: "white", children: " Quit" })] })] })] }));
 }

package/dist/lib/dashboard/data.js

@@ -1,4 +1,4 @@
-import { listWorktrees, extractTicketId, getBaseBranch, readAllMetadata, readSessionState, isSessionAliveInTmux, clearSessionState, getGitStatusAsync, getCommitsAheadAsync, } from "../git.js";
+import { listWorktrees, extractTicketId, getBaseBranch, readAllMetadata, readSessionState, isSessionAlive, clearSessionState, getGitStatusAsync, getCommitsAheadAsync, getDiffShortstatAsync, } from "../git.js";
 import { getPRInfoAsync, getPRChecksAsync, getPRReviewsAsync, getPRConversationCommentsAsync, getPRViewAsync, getReviewRequestedPRsAsync, getRepoNameAsync, } from "../github.js";
 import { fetchAssignedIssues } from "../linear.js";
 export async function loadDashboardData(repoRoot) {
@@ -33,14 +33,15 @@ export async function loadDashboardData(repoRoot) {
         let reviewsInfo = null;
         if (wt) {
             const base = getBaseBranch(wt.branch);
-            const [gitStatusOutput, ahead, pr] = await Promise.all([
+            const [gitStatusOutput, ahead, pr, shortstat] = await Promise.all([
                 getGitStatusAsync(wt.path),
                 getCommitsAheadAsync(wt.path, base),
                 getPRInfoAsync(wt.branch),
+                getDiffShortstatAsync(wt.path, base),
             ]);
             let sessState = readSessionState(repoRoot, issue.identifier);
-            // Validate against tmux — if no claude process is running, clear stale state
-            if (sessState && !isSessionAliveInTmux(issue.identifier)) {
+            // Validate against the active multiplexer — if the session has gone, clear stale state
+            if (sessState && !isSessionAlive(issue.identifier)) {
                 clearSessionState(repoRoot, issue.identifier);
                 sessState = null;
             }
@@ -54,6 +55,7 @@ export async function loadDashboardData(repoRoot) {
                 gitStatus: gitStatusOutput,
                 sessionState: ss === "exited" ? null : ss,
                 sessionMessage: sessState?.message ?? null,
+                diffStats: shortstat,
             };
             prInfo = pr;
             if (pr) {
@@ -76,10 +78,11 @@ export async function loadDashboardData(repoRoot) {
         .filter(([tid]) => !consumedTicketIds.has(tid))
         .map(async ([tid, wt]) => {
         const base = getBaseBranch(wt.branch);
-        const [gitStatusOutput, ahead, pr] = await Promise.all([
+        const [gitStatusOutput, ahead, pr, shortstat] = await Promise.all([
             getGitStatusAsync(wt.path),
             getCommitsAheadAsync(wt.path, base),
             getPRInfoAsync(wt.branch),
+            getDiffShortstatAsync(wt.path, base),
         ]);
         let checksInfo = null;
         let reviewsInfo = null;
@@ -96,7 +99,7 @@ export async function loadDashboardData(repoRoot) {
             .replace(/-/g, " ")
             .trim() || tid;
         let sessState = readSessionState(repoRoot, tid);
-        if (sessState && !isSessionAliveInTmux(tid)) {
+        if (sessState && !isSessionAlive(tid)) {
             clearSessionState(repoRoot, tid);
             sessState = null;
         }
@@ -123,6 +126,7 @@ export async function loadDashboardData(repoRoot) {
                 gitStatus: gitStatusOutput,
                 sessionState: ss === "exited" ? null : ss,
                 sessionMessage: sessState?.message ?? null,
+                diffStats: shortstat,
             },
             pr,
             checks: checksInfo,
@@ -255,12 +259,13 @@ export async function loadReviewsData(repoRoot) {
             if (wt) {
                 const ticketId = extractTicketId(branch);
                 const base = getBaseBranch(branch);
-                const [gitStatusOutput, ahead] = await Promise.all([
+                const [gitStatusOutput, ahead, shortstat] = await Promise.all([
                     getGitStatusAsync(wt.path),
                     getCommitsAheadAsync(wt.path, base),
+                    getDiffShortstatAsync(wt.path, base),
                 ]);
                 let sessState = ticketId ? readSessionState(repoRoot, ticketId) : null;
-                if (sessState && ticketId && !isSessionAliveInTmux(ticketId)) {
+                if (sessState && ticketId && !isSessionAlive(ticketId)) {
                     clearSessionState(repoRoot, ticketId);
                     sessState = null;
                 }
@@ -274,6 +279,7 @@ export async function loadReviewsData(repoRoot) {
                     gitStatus: gitStatusOutput,
                     sessionState: ss === "exited" ? null : ss,
                     sessionMessage: sessState?.message ?? null,
+                    diffStats: shortstat,
                 };
             }
         }

package/dist/lib/dashboard/external-editor.d.ts

@@ -0,0 +1,12 @@
+export interface EditExternallyResult {
+    ok: boolean;
+    content: string;
+    cancelled: boolean;
+}
+/**
+ * Open the user's editor on a temp file seeded with `initial`, then return the
+ * saved content. Empty buffer is treated as cancel (matches `git commit`).
+ *
+ * Editor resolution: SANTREE_EDITOR > VISUAL > EDITOR > "vim".
+ */
+export declare function editExternally(initial: string, ext?: string): EditExternallyResult;