santree 0.6.3 → 0.7.0

package/dist/commands/dashboard.js

@@ -15,6 +15,7 @@ import { getInstalledClaudeVersion } from "../lib/version.js";
 import { extractTicketId, getStagedDiffContent } from "../lib/git.js";
 import { getMultiplexer } from "../lib/multiplexer/index.js";
 import { shellEscape } from "../lib/multiplexer/types.js";
+import Spinner from "ink-spinner";
 import SquirrelLoader from "../lib/squirrel-loader.js";
 import { getPRTemplate } from "../lib/github.js";
 import { renderPrompt, renderDiff, renderTicket } from "../lib/prompts.js";
@@ -399,7 +400,8 @@ export default function Dashboard() {
         }
         try {
             // Re-detect terminal theme alongside data fetch so light↔dark
-            // switches propagate within one refresh cycle (≤30s). Skip the
+            // switches propagate within one refresh cycle (≤5min, or sooner
+            // on a manual `R`). Skip the
             // OSC 11 query when a text-input overlay is active — the
             // terminal's response would otherwise leak into the user's
             // commit/PR/context message via Ink's stdin handler.
@@ -647,16 +649,21 @@ export default function Dashboard() {
             await refresh(true);
         };
         init();
-        // Auto-refresh every 30s. While the diff overlay is open, also bump
-        // the diff refresh tick so new/removed files (created or deleted
-        // outside the dashboard) eventually show up. Stage/unstage already
-        // patch XY in place, so this is purely about file-set drift.
+        // Auto-refresh every 5 minutes. Each refresh fans out into several
+        // `gh pr view`/`gh pr checks` calls per worktree-PR plus the reviews
+        // tab, all on the GraphQL API (5000-point/hour budget) — a 30s cadence
+        // drained it within the hour when the dashboard was left open. Press
+        // `R` for an on-demand refresh between cycles. While the diff overlay
+        // is open, also bump the diff refresh tick so new/removed files
+        // (created or deleted outside the dashboard) eventually show up.
+        // Stage/unstage already patch XY in place, so this is purely about
+        // file-set drift.
         refreshTimerRef.current = setInterval(() => {
             refresh();
             if (stateRef.current.overlay === "diff") {
                 dispatch({ type: "DIFF_REFRESH_FILES" });
             }
-        }, 30_000);
+        }, 300_000);
         return () => {
             if (refreshTimerRef.current)
                 clearInterval(refreshTimerRef.current);
@@ -1567,7 +1574,8 @@ export default function Dashboard() {
         try {
             const bodyFile = path.join(os.tmpdir(), `santree-pr-${Date.now()}.md`);
             fs.writeFileSync(bodyFile, s.prCreateBody);
-            const { stdout } = await execAsync(`gh pr create --title "${s.prCreateTitle.replace(/"/g, '\\"')}" --base "${base}" --head "${s.prCreateBranch}" --body-file "${bodyFile}"`, { cwd });
+            const draftFlag = s.prCreateDraft ? " --draft" : "";
+            const { stdout } = await execAsync(`gh pr create --title "${s.prCreateTitle.replace(/"/g, '\\"')}" --base "${base}" --head "${s.prCreateBranch}" --body-file "${bodyFile}"${draftFlag}`, { cwd });
             try {
                 fs.unlinkSync(bodyFile);
             }
@@ -1589,8 +1597,25 @@ export default function Dashboard() {
             return;
         const base = getBaseBranch(s.prCreateBranch);
         const cwd = s.prCreateWorktreePath;
+        // Carry the edited title/body into GitHub's compose page so the browser
+        // opens pre-filled (gh passes them as URL query params). Without this,
+        // the fill→"open in browser" path would drop everything the user just
+        // reviewed. Note: very long bodies can be truncated by GitHub's URL
+        // length limit — gh's documented `--web` behavior; the editable compose
+        // page is the fallback. Draft selection lives in the browser dropdown,
+        // since `gh --web` doesn't accept `--draft`.
+        let bodyFile = null;
         try {
-            await execAsync(`gh pr create --web --base "${base}" --head "${s.prCreateBranch}"`, { cwd });
+            let cmd = `gh pr create --web --base "${base}" --head "${s.prCreateBranch}"`;
+            if (s.prCreateTitle) {
+                cmd += ` --title "${s.prCreateTitle.replace(/"/g, '\\"')}"`;
+            }
+            if (s.prCreateBody) {
+                bodyFile = path.join(os.tmpdir(), `santree-pr-${Date.now()}.md`);
+                fs.writeFileSync(bodyFile, s.prCreateBody);
+                cmd += ` --body-file "${bodyFile}"`;
+            }
+            await execAsync(cmd, { cwd });
             dispatch({ type: "PR_CREATE_DONE", url: "" });
             setTimeout(() => {
                 dispatch({ type: "PR_CREATE_CANCEL" });
@@ -1601,6 +1626,14 @@ export default function Dashboard() {
             const msg = e?.stderr?.trim() || e?.message || "Failed to open in browser";
             dispatch({ type: "PR_CREATE_ERROR", error: msg });
         }
+        finally {
+            if (bodyFile) {
+                try {
+                    fs.unlinkSync(bodyFile);
+                }
+                catch { }
+            }
+        }
     }, [refresh]);
     // ── Keyboard ──────────────────────────────────────────────────────
     useInput((input, key) => {
@@ -1682,6 +1715,10 @@ export default function Dashboard() {
                     confirmPrCreate();
                     return;
                 }
+                if (input === "d") {
+                    dispatch({ type: "PR_CREATE_TOGGLE_DRAFT" });
+                    return;
+                }
                 if (input === "e") {
                     dispatch({ type: "PR_CREATE_EDIT" });
                     return;
@@ -2688,7 +2725,7 @@ export default function Dashboard() {
         : state.flatIssues[state.selectedIndex]) ?? null;
     const selectedReview = state.flatReviews[state.reviewSelectedIndex] ?? null;
     const activeTracker = getIssueTracker(repoRootRef.current);
-    return (_jsxs(Box, { width: columns, height: rows, flexDirection: "column", children: [_jsxs(Box, { paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "santree" }), _jsxs(Text, { dimColor: true, children: ["  ", "v", version] }), updateAvailable && latestVersion ? (_jsxs(Text, { color: "yellow", children: ["  ⬆ v", latestVersion, " available — `santree update`"] })) : null, CLAUDE_VERSION ? (_jsxs(Text, { dimColor: true, children: ["  ·  claude ", CLAUDE_VERSION] })) : null, claudeUpdateAvailable && latestClaudeVersion ? (_jsxs(Text, { color: "yellow", children: ["  ⬆ ", latestClaudeVersion] })) : null, state.refreshing ? _jsx(Text, { dimColor: true, children: "  ·  refreshing…" }) : null, state.actionMessage ? (_jsxs(Text, { color: "yellow", children: ["  ·  ", state.actionMessage] })) : null] }), _jsxs(Box, { paddingX: 1, children: [_jsx(Tab, { active: state.activeTab === "issues", label: `1 Issues (${state.flatIssues.length})`, mode: theme.mode }), _jsx(Text, { children: " " }), _jsx(Tab, { active: state.activeTab === "trees", label: `2 Trees (${state.flatTrees.length})`, mode: theme.mode }), _jsx(Text, { children: " " }), _jsx(Tab, { active: state.activeTab === "reviews", label: `3 Reviews (${state.flatReviews.length})`, mode: theme.mode })] }), _jsxs(Box, { flexGrow: 1, borderStyle: "round", borderColor: "cyan", flexDirection: "column", children: [state.overlay === "help" ? (_jsx(HelpOverlay, { width: innerWidth, height: contentHeight })) : state.overlay === "tracker-select" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 3, paddingY: 1, children: state.trackerSelectPhase === "linear-org" ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "Select a Linear workspace:" }), _jsx(Text, { children: " " }), state.trackerSelectOrgs.map((org, i) => {
+    return (_jsxs(Box, { width: columns, height: rows, flexDirection: "column", children: [_jsxs(Box, { paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "santree" }), _jsxs(Text, { dimColor: true, children: ["  ", "v", version] }), updateAvailable && latestVersion ? (_jsxs(Text, { color: "yellow", children: ["  ⬆ v", latestVersion, " available — `santree update`"] })) : null, CLAUDE_VERSION ? (_jsxs(Text, { dimColor: true, children: ["  ·  claude ", CLAUDE_VERSION] })) : null, claudeUpdateAvailable && latestClaudeVersion ? (_jsxs(Text, { color: "yellow", children: ["  ⬆ ", latestClaudeVersion] })) : null, state.refreshing ? (_jsxs(Text, { dimColor: true, children: ["  ·  ", _jsx(Spinner, { type: "dots" }), " refreshing"] })) : null, state.actionMessage ? (_jsxs(Text, { color: "yellow", children: ["  ·  ", state.actionMessage] })) : null] }), _jsxs(Box, { paddingX: 1, children: [_jsx(Tab, { active: state.activeTab === "issues", label: `1 Issues (${state.flatIssues.length})`, mode: theme.mode }), _jsx(Text, { children: " " }), _jsx(Tab, { active: state.activeTab === "trees", label: `2 Trees (${state.flatTrees.length})`, mode: theme.mode }), _jsx(Text, { children: " " }), _jsx(Tab, { active: state.activeTab === "reviews", label: `3 Reviews (${state.flatReviews.length})`, mode: theme.mode })] }), _jsxs(Box, { flexGrow: 1, borderStyle: "round", borderColor: "cyan", flexDirection: "column", children: [state.overlay === "help" ? (_jsx(HelpOverlay, { width: innerWidth, height: contentHeight })) : state.overlay === "tracker-select" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 3, paddingY: 1, children: state.trackerSelectPhase === "linear-org" ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "Select a Linear workspace:" }), _jsx(Text, { children: " " }), state.trackerSelectOrgs.map((org, i) => {
                                         const sel = i === state.trackerSelectIndex;
                                         return (_jsxs(Text, { color: sel ? "cyan" : undefined, bold: sel, children: [sel ? "> " : "  ", org.name, " (", org.slug, ")"] }, org.slug));
                                     }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "j/k to navigate, Enter to link, ESC to go back" })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "Select an issue tracker for this repo:" }), _jsx(Text, { children: " " }), [
@@ -2721,7 +2758,7 @@ export default function Dashboard() {
                                         : state.listScrollOffset, height: contentHeight, width: leftWidth, selectionBg: theme.selectionBg })) }), _jsx(Box, { flexDirection: "column", width: 3, children: Array.from({ length: contentHeight }).map((_, i) => (_jsx(Text, { dimColor: true, children: " │ " }, i))) }), _jsx(Box, { width: rightWidth, children: state.activeTab === "reviews" && state.creatingForTicket ? (_jsxs(Box, { flexDirection: "column", width: rightWidth, height: contentHeight, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Setting up worktree for ", state.creatingForTicket, "..."] }), state.creationLogs
                                             .split("\n")
                                             .slice(-(contentHeight - 1))
-                                            .map((line, i) => (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: line }) }, i)))] })) : state.activeTab === "reviews" ? (_jsx(ReviewDetailPanel, { item: selectedReview, scrollOffset: state.reviewDetailScrollOffset, height: contentHeight, width: rightWidth })) : state.overlay === "commit" ? (_jsx(CommitOverlay, { width: rightWidth, height: contentHeight, branch: state.commitBranch, ticketId: state.commitTicketId, gitStatus: state.commitGitStatus, phase: state.commitPhase, message: state.commitMessage, error: state.commitError, dispatch: dispatch, onSubmit: handleCommitSubmit })) : state.overlay === "pr-create" ? (_jsx(PrCreateOverlay, { width: rightWidth, height: contentHeight, branch: state.prCreateBranch, ticketId: state.prCreateTicketId, phase: state.prCreatePhase, error: state.prCreateError, url: state.prCreateUrl, body: state.prCreateBody, title: state.prCreateTitle, dispatch: dispatch })) : (_jsx(DetailPanel, { issue: selectedIssue, scrollOffset: state.activeTab === "trees"
+                                            .map((line, i) => (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: line }) }, i)))] })) : state.activeTab === "reviews" ? (_jsx(ReviewDetailPanel, { item: selectedReview, scrollOffset: state.reviewDetailScrollOffset, height: contentHeight, width: rightWidth })) : state.overlay === "commit" ? (_jsx(CommitOverlay, { width: rightWidth, height: contentHeight, branch: state.commitBranch, ticketId: state.commitTicketId, gitStatus: state.commitGitStatus, phase: state.commitPhase, message: state.commitMessage, error: state.commitError, dispatch: dispatch, onSubmit: handleCommitSubmit })) : state.overlay === "pr-create" ? (_jsx(PrCreateOverlay, { width: rightWidth, height: contentHeight, branch: state.prCreateBranch, ticketId: state.prCreateTicketId, phase: state.prCreatePhase, error: state.prCreateError, url: state.prCreateUrl, body: state.prCreateBody, title: state.prCreateTitle, draft: state.prCreateDraft, dispatch: dispatch })) : (_jsx(DetailPanel, { issue: selectedIssue, scrollOffset: state.activeTab === "trees"
                                         ? state.treeDetailScrollOffset
                                         : state.detailScrollOffset, height: contentHeight, width: rightWidth, creatingForTicket: state.creatingForTicket, creationLogs: state.creationLogs })) })] })), _jsx(Box, { children: state.overlay === "diff" ? (_jsx(Box, { width: innerWidth, paddingX: 1, children: _jsx(CommandBar, { showWorkspace: hasWorkspaceFile, mode: "diff" }) })) : (_jsxs(_Fragment, { children: [_jsx(Box, { width: leftWidth + separatorWidth, paddingX: 1, children: _jsx(CommandBar, { showWorkspace: hasWorkspaceFile, mode: "default" }) }), _jsx(Box, { width: rightWidth, children: _jsx(ActionRow, { activeTab: state.activeTab, selectedIssue: selectedIssue, selectedReview: selectedReview, overlay: state.overlay, trackerName: activeTracker.displayName, canMutate: activeTracker.canMutate === true }) })] })) })] })] }));
 }

package/dist/lib/dashboard/DetailPanel.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 function stateColor(type) {
     switch (type) {
@@ -144,7 +144,11 @@ export default function DetailPanel({ issue, scrollOffset, height, width, creati
         const contentRows = height - 1;
         const startIdx = Math.max(0, logLines.length - contentRows);
         const visible = logLines.slice(startIdx, startIdx + contentRows);
-        return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Setting up worktree for ", creatingForTicket, "..."] }), visible.map((line, i) => (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: line }) }, i)))] }));
+        // Setup-script output is arbitrary-length; clamp each line to the pane
+        // width so long lines truncate instead of wrapping/overflowing into the
+        // left pane. Ink's default soft-wrap would push the box past `height`.
+        const clampLine = (s) => s.length > width ? s.slice(0, Math.max(0, width - 1)) + "…" : s;
+        return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(Text, { color: "yellow", bold: true, children: clampLine(`Setting up worktree for ${creatingForTicket}...`) }), visible.map((line, i) => (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: clampLine(line) }) }, i)))] }));
     }
     if (!issue) {
         return (_jsx(Box, { width: width, height: height, justifyContent: "center", alignItems: "center", children: _jsx(Text, { dimColor: true, children: "No issue selected" }) }));

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

@@ -10,6 +10,8 @@ interface Props {
     selectionBg?: string;
 }
 export type ListRow = {
+    kind: "spacer";
+} | {
     kind: "header";
     name: string;
     count: number;

package/dist/lib/dashboard/IssueList.js

@@ -64,6 +64,11 @@ export function buildIssueListRows(groups, flatIssues) {
     }
     groups.forEach((group, gi) => {
         const totalIssues = group.statusGroups.reduce((sum, sg) => sum + sg.issues.length, 0);
+        // Blank line between projects. Modelled as a real row (not a render-only
+        // `marginTop`) so `rows[]` indices line up 1:1 with rendered rows —
+        // otherwise the dashboard's click→row mapping drifts by one per project.
+        if (gi > 0)
+            rows.push({ kind: "spacer" });
         rows.push({ kind: "header", name: group.name, count: totalIssues, isFirst: gi === 0 });
         for (const sg of group.statusGroups) {
             rows.push({ kind: "status-header", name: sg.name, type: sg.type, count: sg.issues.length });
@@ -86,6 +91,9 @@ export default function IssueList({ groups, flatIssues, selectedIndex, scrollOff
     const visible = rows.slice(scrollOffset, scrollOffset + height);
     const titleMaxWidth = Math.max(width - LEFT_FIXED - 1 /* leading space */ - RIGHT_FIXED - TITLE_GAP, 10);
     return (_jsx(Box, { flexDirection: "column", width: width, height: height, children: _jsx(Box, { flexDirection: "column", height: height, children: visible.map((row, i) => {
+                if (row.kind === "spacer") {
+                    return _jsx(Box, { height: 1 }, `sp-${i}`);
+                }
                 if (row.kind === "header") {
                     // On the first project header, also render the WT/CI column
                     // labels right-aligned to the worktree/CI glyph columns —
@@ -97,7 +105,7 @@ export default function IssueList({ groups, flatIssues, selectedIndex, scrollOff
                     const labelPad = row.isFirst
                         ? Math.max(2, width - namePart.length - labelText.length)
                         : 0;
-                    return (_jsxs(Box, { marginTop: i === 0 ? 0 : 1, children: [_jsx(Text, { bold: true, children: row.name }), _jsxs(Text, { dimColor: true, children: ["  ", row.count] }), row.isFirst && _jsx(Text, { dimColor: true, children: `${" ".repeat(labelPad)}${labelText}` })] }, `h-${i}`));
+                    return (_jsxs(Box, { children: [_jsx(Text, { bold: true, children: row.name }), _jsxs(Text, { dimColor: true, children: ["  ", row.count] }), row.isFirst && _jsx(Text, { dimColor: true, children: `${" ".repeat(labelPad)}${labelText}` })] }, `h-${i}`));
                 }
                 if (row.kind === "status-header") {
                     return (_jsxs(Box, { children: [_jsxs(Text, { color: stateColor(row.type, row.name), children: ["  ", row.name] }), _jsxs(Text, { dimColor: true, children: ["  ", row.count] })] }, `sh-${i}`));

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

@@ -22,9 +22,10 @@ interface PrCreateOverlayProps {
     url: string | null;
     body: string | null;
     title: string | null;
+    draft: boolean;
     dispatch: React.Dispatch<DashboardAction>;
 }
-export declare function PrCreateOverlay({ width, height, branch, ticketId, phase, error, url, body, title, dispatch, }: PrCreateOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function PrCreateOverlay({ width, height, branch, ticketId, phase, error, url, body, title, draft, dispatch, }: PrCreateOverlayProps): import("react/jsx-runtime").JSX.Element;
 interface HelpOverlayProps {
     width: number;
     height: number;

package/dist/lib/dashboard/Overlays.js

@@ -20,11 +20,11 @@ export function CommitOverlay({ width, height, branch, ticketId, gitStatus, phas
                         return (_jsxs(Text, { color: color, children: [" ", line] }, i));
                     }), 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 === "choose-mode" && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "How do you want to write the message?" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [" ", _jsx(Text, { color: "cyan", bold: true, children: "f" }), " ", "Fill \u2014 let Claude draft a short message"] }), _jsxs(Text, { children: [" ", _jsx(Text, { color: "cyan", bold: true, children: "m" }), " ", "Manual \u2014 type it yourself"] })] })), phase === "filling" && (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), " ", "Drafting commit message with Claude..."] })), phase === "awaiting-message" && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: "Edit commit message" }), _jsx(Text, { children: " " }), _jsx(MultilineTextArea, { value: message, onChange: (v) => dispatch({ type: "COMMIT_MESSAGE", message: v }), onSubmit: () => onSubmit(message), onCancel: () => dispatch({ type: "COMMIT_CANCEL" }), width: width, height: Math.max(3, Math.min(6, height - 12)), placeholder: "(empty)" }), _jsx(Text, { children: " " }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "cyan", bold: true, children: "Ctrl+D" }), " commit  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+O" }), " editor  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+G" }), " cancel"] })] })), 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 }), phase !== "awaiting-message" && phase !== "done" && phase !== "error" && (_jsxs(_Fragment, { children: [_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: "Ctrl+D" }), " send  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+O" }), " editor  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+G" }), " 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 ?? "")
+export function PrCreateOverlay({ width, height, branch, ticketId, phase, error, url, body, title, draft, 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: "Ctrl+D" }), " send  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+O" }), " editor  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+G" }), " cancel"] })] })), phase === "confirm" && (_jsxs(_Fragment, { children: [_jsxs(Text, { bold: true, children: ["Create this PR?", " ", _jsxs(Text, { color: draft ? "yellow" : "green", children: ["(", draft ? "draft" : "ready for review", ")"] })] }), _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" })] }))] }));
+                                .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: "d" }), `  ${draft ? "mark ready" : "mark draft"}   `, _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" })] }))] }));
 }
 const LEGEND = [
     {

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

@@ -146,6 +146,7 @@ export interface DashboardState {
     prCreateUrl: string | null;
     prCreateBody: string | null;
     prCreateTitle: string | null;
+    prCreateDraft: boolean;
     setupMode: "plan" | "implement" | null;
     baseSelectOptions: string[];
     baseSelectIndex: number;
@@ -312,6 +313,8 @@ export type DashboardAction = {
     type: "PR_CREATE_CONFIRM";
 } | {
     type: "PR_CREATE_EDIT";
+} | {
+    type: "PR_CREATE_TOGGLE_DRAFT";
 } | {
     type: "PR_CREATE_DONE";
     url: string;

package/dist/lib/dashboard/types.js

@@ -49,6 +49,7 @@ export const initialState = {
     prCreateUrl: null,
     prCreateBody: null,
     prCreateTitle: null,
+    prCreateDraft: false,
     setupMode: null,
     baseSelectOptions: [],
     baseSelectIndex: 0,
@@ -260,6 +261,7 @@ export function reducer(state, action) {
                 prCreateBranch: action.branch,
                 prCreateError: null,
                 prCreateUrl: null,
+                prCreateDraft: false,
             };
         case "PR_CREATE_PHASE":
             return { ...state, prCreatePhase: action.phase };
@@ -277,6 +279,8 @@ export function reducer(state, action) {
             return { ...state, prCreateBody: action.body };
         case "PR_CREATE_CONFIRM":
             return { ...state, prCreatePhase: "confirm" };
+        case "PR_CREATE_TOGGLE_DRAFT":
+            return { ...state, prCreateDraft: !state.prCreateDraft };
         case "PR_CREATE_EDIT":
             return { ...state, prCreatePhase: "review" };
         case "PR_CREATE_DONE":

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "santree",
-	"version": "0.6.3",
+	"version": "0.7.0",
 	"description": "Git worktree manager",
 	"license": "MIT",
 	"author": "Santiago Toscanini",