santree 0.6.2 → 0.7.0

package/dist/commands/dashboard.js

@@ -15,10 +15,14 @@ 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";
-import { getIssueTracker } from "../lib/trackers/index.js";
+import { getIssueTracker, isRepoTrackerConfigured, setRepoTracker } from "../lib/trackers/index.js";
+import { setRepoLinearOrg } from "../lib/trackers/linear/index.js";
+import { readLinearAuthStore } from "../lib/trackers/auth-store.js";
+import { getAuthenticatedUser, getCurrentRepoNwo } from "../lib/trackers/github/auth.js";
 import { openUrl } from "../lib/open-url.js";
 import { parseUnifiedDiff } from "../lib/diff-parse.js";
 import * as os from "os";
@@ -264,7 +268,6 @@ function ensureAltScreen() {
     if (altScreenEntered)
         return;
     altScreenEntered = true;
-    getMultiplexer().renameWindow("", "santree");
     process.stdout.write("\x1b[?1049h"); // Enter alternate screen buffer
     process.stdout.write("\x1b[?25l"); // Hide cursor
 }
@@ -387,9 +390,18 @@ export default function Dashboard() {
             return;
         }
         repoRootRef.current = repoRoot;
+        // No tracker configured → show the selection flow instead of letting
+        // getIssueTracker silently fall back to GitHub and then fail auth on
+        // the dead-end error screen. Genuine auth/network failures of a
+        // *configured* tracker still hit the catch → error screen below.
+        if (!isRepoTrackerConfigured(repoRoot)) {
+            dispatch({ type: "TRACKER_SELECT_OPEN" });
+            return;
+        }
         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.
@@ -528,18 +540,22 @@ export default function Dashboard() {
                     }
                     return;
                 }
-                if (inLeftPane) {
-                    // Scroll left pane (issue list)
-                    const maxIdx = s.flatIssues.length - 1;
-                    if (maxIdx < 0)
-                        return;
-                    const next = Math.max(0, Math.min(s.selectedIndex + delta, maxIdx));
-                    dispatch({ type: "SELECT", index: next });
-                }
-                else {
-                    // Scroll right pane (detail)
-                    const next = Math.max(0, s.detailScrollOffset + delta);
-                    dispatch({ type: "SCROLL_DETAIL", offset: next });
+                {
+                    const isTreesTab = s.activeTab === "trees";
+                    const flat = isTreesTab ? s.flatTrees : s.flatIssues;
+                    const idx = isTreesTab ? s.treeSelectedIndex : s.selectedIndex;
+                    const detailOff = isTreesTab ? s.treeDetailScrollOffset : s.detailScrollOffset;
+                    if (inLeftPane) {
+                        const maxIdx = flat.length - 1;
+                        if (maxIdx < 0)
+                            return;
+                        const next = Math.max(0, Math.min(idx + delta, maxIdx));
+                        dispatch({ type: isTreesTab ? "TREE_SELECT" : "SELECT", index: next });
+                    }
+                    else {
+                        const next = Math.max(0, detailOff + delta);
+                        dispatch({ type: isTreesTab ? "TREE_SCROLL_DETAIL" : "SCROLL_DETAIL", offset: next });
+                    }
                 }
                 return;
             }
@@ -611,12 +627,18 @@ export default function Dashboard() {
                 }
                 return;
             }
-            if (s.flatIssues.length === 0)
-                return;
-            const listRow = s.listScrollOffset + contentRow;
-            const flatIdx = getFlatIndexForListRow(s.groups, s.flatIssues, listRow);
-            if (flatIdx !== null && flatIdx >= 0 && flatIdx < s.flatIssues.length) {
-                dispatch({ type: "SELECT", index: flatIdx });
+            {
+                const isTreesTab = s.activeTab === "trees";
+                const flat = isTreesTab ? s.flatTrees : s.flatIssues;
+                const grps = isTreesTab ? s.treeGroups : s.groups;
+                const scrollOff = isTreesTab ? s.treeListScrollOffset : s.listScrollOffset;
+                if (flat.length === 0)
+                    return;
+                const listRow = scrollOff + contentRow;
+                const flatIdx = getFlatIndexForListRow(grps, flat, listRow);
+                if (flatIdx !== null && flatIdx >= 0 && flatIdx < flat.length) {
+                    dispatch({ type: isTreesTab ? "TREE_SELECT" : "SELECT", index: flatIdx });
+                }
             }
         };
         if (process.stdin.isTTY) {
@@ -627,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);
@@ -663,6 +690,21 @@ export default function Dashboard() {
             dispatch({ type: "SCROLL_LIST", offset });
         }
     }, [state.selectedIndex, state.groups, contentHeight, state.listScrollOffset]);
+    // ── Trees list scroll tracking ───────────────────────────────────
+    useEffect(() => {
+        const rowIdx = getRowIndexForFlatIndex(state.treeGroups, state.flatTrees, state.treeSelectedIndex);
+        const maxVisible = contentHeight - LIST_FOOTER_HEIGHT;
+        let offset = state.treeListScrollOffset;
+        if (rowIdx < offset) {
+            offset = Math.max(0, rowIdx - 1);
+        }
+        else if (rowIdx >= offset + maxVisible) {
+            offset = rowIdx - maxVisible + 2;
+        }
+        if (offset !== state.treeListScrollOffset) {
+            dispatch({ type: "TREE_SCROLL_LIST", offset });
+        }
+    }, [state.treeSelectedIndex, state.treeGroups, contentHeight, state.treeListScrollOffset]);
     // ── Review list scroll tracking ──────────────────────────────────
     useEffect(() => {
         // Row index = 1 (column header) + flatIndex
@@ -686,6 +728,7 @@ export default function Dashboard() {
     // Disable tracking while any text-input overlay is mounted; restore on exit.
     useEffect(() => {
         const needsMouseOff = state.overlay === "context-input" ||
+            (state.overlay === "issue-form" && state.issueFormPhase !== "saving") ||
             (state.overlay === "pr-create" && state.prCreatePhase === "review") ||
             (state.overlay === "commit" && state.commitPhase === "awaiting-message");
         if (!needsMouseOff)
@@ -694,7 +737,7 @@ export default function Dashboard() {
         return () => {
             process.stdout.write("\x1b[?1002h\x1b[?1006h");
         };
-    }, [state.overlay, state.prCreatePhase, state.commitPhase]);
+    }, [state.overlay, state.issueFormPhase, state.prCreatePhase, state.commitPhase]);
     // ── Diff overlay: load file list when opened (gh pr diff path) ────
     // Reviews-tab PRs without a local worktree shell out to `gh pr diff <n>`,
     // parse the unified blob into per-file records, and stash the per-file
@@ -982,7 +1025,10 @@ export default function Dashboard() {
         }
     }, []);
     const createAndLaunch = useCallback(async (mode, runSetup, base, contextFile) => {
-        const di = stateRef.current.flatIssues[stateRef.current.selectedIndex];
+        const sref = stateRef.current;
+        const di = sref.activeTab === "trees"
+            ? sref.flatTrees[sref.treeSelectedIndex]
+            : sref.flatIssues[sref.selectedIndex];
         if (!di)
             return;
         const repoRoot = repoRootRef.current;
@@ -1091,7 +1137,9 @@ export default function Dashboard() {
         createAndLaunch(mode, false, base, contextFile);
     }, [createAndLaunch]);
     const doWork = useCallback((mode, customContext) => {
-        const di = state.flatIssues[state.selectedIndex];
+        const di = state.activeTab === "trees"
+            ? state.flatTrees[state.treeSelectedIndex]
+            : state.flatIssues[state.selectedIndex];
         if (!di)
             return;
         const repoRoot = repoRootRef.current;
@@ -1118,7 +1166,9 @@ export default function Dashboard() {
             pendingContextFileRef.current = contextFile ?? null;
             const defaultBranch = getDefaultBranch();
             const baseOptions = [defaultBranch];
-            for (const fi of state.flatIssues) {
+            // Worktree branches live on the Trees tab now; scan there for
+            // candidate base branches (stacked work).
+            for (const fi of [...state.flatTrees, ...state.flatIssues]) {
                 if (fi.worktree && !baseOptions.includes(fi.worktree.branch)) {
                     baseOptions.push(fi.worktree.branch);
                 }
@@ -1136,11 +1186,153 @@ export default function Dashboard() {
     }, [
         state.flatIssues,
         state.selectedIndex,
+        state.flatTrees,
+        state.treeSelectedIndex,
+        state.activeTab,
         exit,
         launchWorkInTmux,
         proceedAfterBaseSelect,
         writeContextFile,
     ]);
+    // ── Tracker selection ────────────────────────────────────────────
+    // Mirrors `santree issue setup`. Local needs no account; Linear picks an
+    // authenticated workspace (sub-list when >1); GitHub verifies `gh`.
+    const chooseTracker = useCallback(async (kind) => {
+        const root = repoRootRef.current ?? findMainRepoRoot();
+        if (!root) {
+            dispatch({ type: "SET_ERROR", error: "Not inside a git repository" });
+            return;
+        }
+        repoRootRef.current = root;
+        if (kind === "local") {
+            setRepoTracker(root, "local");
+            dispatch({ type: "TRACKER_SELECT_CLOSE" });
+            refresh();
+            return;
+        }
+        if (kind === "linear") {
+            const store = readLinearAuthStore();
+            const orgs = Object.entries(store).map(([slug, tokens]) => ({
+                slug,
+                name: tokens.org_name,
+            }));
+            if (orgs.length === 0) {
+                dispatch({
+                    type: "TRACKER_SELECT_MESSAGE",
+                    message: "No authenticated Linear workspaces. Run: santree linear auth",
+                });
+                return;
+            }
+            if (orgs.length === 1) {
+                setRepoLinearOrg(root, orgs[0].slug);
+                setRepoTracker(root, "linear");
+                dispatch({ type: "TRACKER_SELECT_CLOSE" });
+                refresh();
+                return;
+            }
+            dispatch({ type: "TRACKER_SELECT_PHASE", phase: "linear-org", orgs });
+            return;
+        }
+        // github
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            dispatch({
+                type: "TRACKER_SELECT_MESSAGE",
+                message: "GitHub CLI not authenticated. Run: santree github auth",
+            });
+            return;
+        }
+        setRepoTracker(root, "github");
+        await getCurrentRepoNwo(root);
+        dispatch({ type: "TRACKER_SELECT_CLOSE" });
+        refresh();
+    }, [refresh]);
+    const chooseLinearOrg = useCallback((slug) => {
+        const root = repoRootRef.current ?? findMainRepoRoot();
+        if (!root)
+            return;
+        setRepoLinearOrg(root, slug);
+        setRepoTracker(root, "linear");
+        dispatch({ type: "TRACKER_SELECT_CLOSE" });
+        refresh();
+    }, [refresh]);
+    // ── Issue CRUD (built-in tracker only) ───────────────────────────
+    const submitIssueForm = useCallback(async () => {
+        const s = stateRef.current;
+        const root = repoRootRef.current;
+        if (!root)
+            return;
+        const tracker = getIssueTracker(root);
+        const title = s.issueFormTitle.split("\n")[0]?.trim() ?? "";
+        if (!title) {
+            dispatch({ type: "ISSUE_FORM_ERROR", error: "Title is required" });
+            return;
+        }
+        const description = s.issueFormDescription;
+        dispatch({ type: "ISSUE_FORM_PHASE", phase: "saving" });
+        try {
+            if (s.issueFormMode === "edit" && s.issueFormId && tracker.updateIssue) {
+                const res = await tracker.updateIssue(s.issueFormId, { title, description }, root);
+                if (!res.ok) {
+                    dispatch({ type: "ISSUE_FORM_ERROR", error: res.message ?? "Update failed" });
+                    return;
+                }
+            }
+            else if (tracker.createIssue) {
+                const res = await tracker.createIssue({ title, description }, root);
+                if (!res.ok) {
+                    dispatch({ type: "ISSUE_FORM_ERROR", error: res.message ?? "Create failed" });
+                    return;
+                }
+            }
+            else {
+                dispatch({ type: "ISSUE_FORM_ERROR", error: "Tracker does not support editing" });
+                return;
+            }
+            dispatch({ type: "ISSUE_FORM_CLOSE" });
+            dispatch({
+                type: "SET_ACTION_MESSAGE",
+                message: s.issueFormMode === "edit" ? "Issue updated" : "Issue created",
+            });
+            refresh();
+        }
+        catch (e) {
+            dispatch({
+                type: "ISSUE_FORM_ERROR",
+                error: e instanceof Error ? e.message : "Failed to save issue",
+            });
+        }
+    }, [refresh]);
+    const deleteSelectedIssue = useCallback(async () => {
+        const s = stateRef.current;
+        const root = repoRootRef.current;
+        if (!root)
+            return;
+        const di = s.flatIssues[s.selectedIndex];
+        if (!di)
+            return;
+        const tracker = getIssueTracker(root);
+        dispatch({ type: "ISSUE_DELETE_CLOSE" });
+        if (!tracker.deleteIssue)
+            return;
+        try {
+            const res = await tracker.deleteIssue(di.issue.identifier, root);
+            dispatch({
+                type: "SET_ACTION_MESSAGE",
+                message: res.ok
+                    ? `Deleted ${di.issue.identifier}`
+                    : `Failed: ${res.message ?? "delete failed"}`,
+            });
+            if (res.ok)
+                refresh();
+        }
+        catch (e) {
+            dispatch({
+                type: "SET_ACTION_MESSAGE",
+                message: e instanceof Error ? e.message : "Delete failed",
+            });
+        }
+    }, [refresh]);
     // ── Commit flow ──────────────────────────────────────────────────
     const handleStageAll = useCallback(async () => {
         const wtPath = stateRef.current.commitWorktreePath;
@@ -1382,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);
             }
@@ -1404,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" });
@@ -1416,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) => {
@@ -1497,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;
@@ -1782,7 +2004,8 @@ export default function Dashboard() {
         if (state.overlay === "confirm-delete") {
             if (input === "y") {
                 dispatch({ type: "SET_OVERLAY", overlay: null });
-                const di = state.flatIssues[state.selectedIndex];
+                // Worktree removal is a Trees-tab action.
+                const di = state.flatTrees[state.treeSelectedIndex];
                 if (di?.worktree) {
                     const repoRoot = repoRootRef.current;
                     if (repoRoot) {
@@ -1814,12 +2037,86 @@ export default function Dashboard() {
             }
             return;
         }
+        // Tracker-selection overlay (shown when no tracker is configured,
+        // or reopened with `t`). Not a text input — outer useInput drives it.
+        if (state.overlay === "tracker-select") {
+            if (state.trackerSelectPhase === "linear-org") {
+                const orgs = state.trackerSelectOrgs;
+                if (input === "j" || key.downArrow) {
+                    dispatch({
+                        type: "TRACKER_SELECT_MOVE",
+                        index: Math.min(state.trackerSelectIndex + 1, orgs.length - 1),
+                    });
+                    return;
+                }
+                if (input === "k" || key.upArrow) {
+                    dispatch({
+                        type: "TRACKER_SELECT_MOVE",
+                        index: Math.max(state.trackerSelectIndex - 1, 0),
+                    });
+                    return;
+                }
+                if (key.return) {
+                    const org = orgs[state.trackerSelectIndex];
+                    if (org)
+                        chooseLinearOrg(org.slug);
+                    return;
+                }
+                if (key.escape) {
+                    dispatch({ type: "TRACKER_SELECT_PHASE", phase: "root" });
+                    return;
+                }
+                return;
+            }
+            const TRACKER_KINDS = ["local", "linear", "github"];
+            if (input === "j" || key.downArrow) {
+                dispatch({
+                    type: "TRACKER_SELECT_MOVE",
+                    index: Math.min(state.trackerSelectIndex + 1, TRACKER_KINDS.length - 1),
+                });
+                return;
+            }
+            if (input === "k" || key.upArrow) {
+                dispatch({
+                    type: "TRACKER_SELECT_MOVE",
+                    index: Math.max(state.trackerSelectIndex - 1, 0),
+                });
+                return;
+            }
+            if (key.return) {
+                void chooseTracker(TRACKER_KINDS[state.trackerSelectIndex] ?? "local");
+                return;
+            }
+            if (input === "q" || key.escape) {
+                // Can't proceed without a tracker — leave the dashboard.
+                exit();
+                return;
+            }
+            return;
+        }
+        // Confirm-delete-issue overlay (built-in tracker only)
+        if (state.overlay === "confirm-delete-issue") {
+            if (input === "y") {
+                void deleteSelectedIssue();
+                return;
+            }
+            if (input === "n" || key.escape || input === "q") {
+                dispatch({ type: "ISSUE_DELETE_CLOSE" });
+                return;
+            }
+            return;
+        }
+        // Issue create/edit form. Title/description phases are owned by
+        // MultilineTextArea (outer useInput disabled via isActive); only
+        // the "saving" phase reaches here — swallow all keys.
+        if (state.overlay === "issue-form") {
+            return;
+        }
         // Tab switching (only when no overlay is active)
+        const TAB_ORDER = ["issues", "trees", "reviews"];
         if (key.tab) {
-            dispatch({
-                type: "SET_TAB",
-                tab: state.activeTab === "issues" ? "reviews" : "issues",
-            });
+            const idx = TAB_ORDER.indexOf(state.activeTab);
+            dispatch({ type: "SET_TAB", tab: TAB_ORDER[(idx + 1) % TAB_ORDER.length] });
             return;
         }
         if (input === "1") {
@@ -1827,9 +2124,18 @@ export default function Dashboard() {
             return;
         }
         if (input === "2") {
+            dispatch({ type: "SET_TAB", tab: "trees" });
+            return;
+        }
+        if (input === "3") {
             dispatch({ type: "SET_TAB", tab: "reviews" });
             return;
         }
+        // Reopen tracker selection from any tab.
+        if (input === "t") {
+            dispatch({ type: "TRACKER_SELECT_OPEN" });
+            return;
+        }
         // Quit
         if (input === "q") {
             exit();
@@ -2077,33 +2383,109 @@ export default function Dashboard() {
             }
             return; // prevent fallthrough to issues actions
         }
-        const maxIndex = state.flatIssues.length - 1;
+        // Issues tab = backlog/planning; Trees tab = worktrees in
+        // progress. Both reuse the same list/detail UI and worktree action
+        // handlers below — only the backing data + selection slice differ.
+        const isTrees = state.activeTab === "trees";
+        const viewFlat = isTrees ? state.flatTrees : state.flatIssues;
+        const viewIndex = isTrees ? state.treeSelectedIndex : state.selectedIndex;
+        const viewDetailScroll = isTrees ? state.treeDetailScrollOffset : state.detailScrollOffset;
+        const selectAction = isTrees ? "TREE_SELECT" : "SELECT";
+        const scrollDetailAction = isTrees
+            ? "TREE_SCROLL_DETAIL"
+            : "SCROLL_DETAIL";
+        const maxIndex = viewFlat.length - 1;
         // Navigation
         if (input === "j" || (key.downArrow && !key.shift)) {
-            const next = Math.min(state.selectedIndex + 1, maxIndex);
-            dispatch({ type: "SELECT", index: next });
+            dispatch({ type: selectAction, index: Math.min(viewIndex + 1, maxIndex) });
             return;
         }
         if (input === "k" || (key.upArrow && !key.shift)) {
-            const prev = Math.max(state.selectedIndex - 1, 0);
-            dispatch({ type: "SELECT", index: prev });
+            dispatch({ type: selectAction, index: Math.max(viewIndex - 1, 0) });
             return;
         }
         // Detail scroll
         if (key.shift && key.downArrow) {
-            dispatch({ type: "SCROLL_DETAIL", offset: state.detailScrollOffset + 3 });
+            dispatch({ type: scrollDetailAction, offset: viewDetailScroll + 3 });
             return;
         }
         if (key.shift && key.upArrow) {
-            dispatch({
-                type: "SCROLL_DETAIL",
-                offset: Math.max(0, state.detailScrollOffset - 3),
-            });
+            dispatch({ type: scrollDetailAction, offset: Math.max(0, viewDetailScroll - 3) });
             return;
         }
-        const di = state.flatIssues[state.selectedIndex];
+        const di = viewFlat[viewIndex];
         if (!di)
             return;
+        // ── Issues tab: backlog actions only (no worktree ops) ──────
+        if (!isTrees) {
+            const tracker = getIssueTracker(repoRootRef.current);
+            const canMutate = tracker.canMutate === true;
+            if (input === "w") {
+                if (di.worktree?.sessionId) {
+                    dispatch({
+                        type: "SET_ACTION_MESSAGE",
+                        message: "Session active — switch to the Trees tab to resume.",
+                    });
+                    return;
+                }
+                dispatch({ type: "SET_OVERLAY", overlay: "mode-select" });
+                return;
+            }
+            if (input === "n") {
+                if (!canMutate) {
+                    dispatch({
+                        type: "SET_ACTION_MESSAGE",
+                        message: `${tracker.displayName} issues can't be created from santree`,
+                    });
+                    return;
+                }
+                dispatch({
+                    type: "ISSUE_FORM_OPEN",
+                    mode: "create",
+                    id: null,
+                    title: "",
+                    description: "",
+                });
+                return;
+            }
+            if (input === "e") {
+                if (!canMutate) {
+                    dispatch({
+                        type: "SET_ACTION_MESSAGE",
+                        message: `${tracker.displayName} issues can't be edited from santree`,
+                    });
+                    return;
+                }
+                dispatch({
+                    type: "ISSUE_FORM_OPEN",
+                    mode: "edit",
+                    id: di.issue.identifier,
+                    title: di.issue.title,
+                    description: di.issue.description ?? "",
+                });
+                return;
+            }
+            if (input === "d") {
+                if (!canMutate) {
+                    dispatch({ type: "SET_ACTION_MESSAGE", message: "Nothing to delete here" });
+                    return;
+                }
+                dispatch({ type: "ISSUE_DELETE_OPEN" });
+                return;
+            }
+            if (input === "o") {
+                if (!di.issue.url) {
+                    dispatch({ type: "SET_ACTION_MESSAGE", message: "No issue URL available" });
+                    return;
+                }
+                if (openUrl(di.issue.url)) {
+                    dispatch({ type: "SET_ACTION_MESSAGE", message: "Opened in browser" });
+                }
+                return;
+            }
+            return; // backlog has no worktree/PR actions
+        }
+        // ── Trees tab: worktree-in-progress actions ─────────────────
         // Work
         if (input === "w") {
             if (di.worktree?.sessionId) {
@@ -2323,6 +2705,10 @@ export default function Dashboard() {
         }
     }, {
         isActive: state.overlay !== "context-input" &&
+            // Issue form title/description are owned by MultilineTextArea;
+            // only the "saving" phase needs the outer handler (a no-op
+            // swallow), so disabling it for the whole overlay is fine.
+            state.overlay !== "issue-form" &&
             (state.overlay !== "pr-create" || state.prCreatePhase !== "review") &&
             (state.overlay !== "commit" || state.commitPhase !== "awaiting-message"),
     });
@@ -2333,9 +2719,29 @@ export default function Dashboard() {
     if (state.error) {
         return (_jsx(Box, { width: columns, height: rows, flexDirection: "column", children: _jsxs(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, flexDirection: "column", children: [_jsxs(Text, { color: "red", bold: true, children: ["Error: ", state.error] }), _jsx(Text, { dimColor: true, children: "Press R to retry or q to quit" })] }) }));
     }
-    const selectedIssue = state.flatIssues[state.selectedIndex] ?? null;
+    // The active issue/tree row drives the detail pane and action row.
+    const selectedIssue = (state.activeTab === "trees"
+        ? state.flatTrees[state.treeSelectedIndex]
+        : state.flatIssues[state.selectedIndex]) ?? null;
     const selectedReview = state.flatReviews[state.reviewSelectedIndex] ?? null;
-    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 === "reviews", label: `2 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 === "mode-select" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 3, paddingY: 1, children: [_jsx(Text, { bold: true, children: "Select mode:" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: "p" }), "  Plan"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: "i" }), "  Implement"] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "ESC to cancel" })] }) })) : state.overlay === "context-input" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", paddingX: 2, width: Math.min(columns - 8, 100), children: [_jsxs(Text, { bold: true, color: "cyan", children: ["Extra context for ", state.contextInputMode] }), _jsx(Text, { dimColor: true, children: "Optional \u2014 appended to the prompt before launching Claude" }), _jsx(Text, { children: " " }), _jsx(MultilineTextArea, { value: state.contextInputValue, onChange: (v) => dispatch({ type: "CONTEXT_INPUT_CHANGE", value: v }), onSubmit: () => {
+    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 ? (_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: " " }), [
+                                        { label: "Local", hint: "built-in, file-based — no account needed" },
+                                        { label: "Linear", hint: "OAuth workspace" },
+                                        { label: "GitHub", hint: "GitHub Issues via gh CLI" },
+                                    ].map((t, i) => {
+                                        const sel = i === state.trackerSelectIndex;
+                                        return (_jsxs(Text, { children: [_jsxs(Text, { color: sel ? "cyan" : undefined, bold: sel, children: [sel ? "> " : "  ", t.label] }), _jsxs(Text, { dimColor: true, children: [" \u2014 ", t.hint] })] }, t.label));
+                                    }), _jsx(Text, { children: " " }), state.trackerSelectMessage ? (_jsx(Text, { color: "yellow", children: state.trackerSelectMessage })) : null, _jsx(Text, { dimColor: true, children: "j/k to navigate, Enter to select, q to quit" })] })) }) })) : state.overlay === "confirm-delete-issue" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 3, paddingY: 1, children: [_jsx(Text, { bold: true, color: "red", children: "Delete issue?" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [selectedIssue?.issue.identifier, "  ", selectedIssue?.issue.title] }), _jsx(Text, { dimColor: true, children: "This removes the issue file from .santree/issues/" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "red", bold: true, children: "y" }), "  Confirm"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: "n" }), "  Cancel"] })] }) })) : state.overlay === "issue-form" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", paddingX: 2, width: Math.min(columns - 8, 100), children: [_jsxs(Text, { bold: true, color: "cyan", children: [state.issueFormMode === "edit" ? `Edit ${state.issueFormId}` : "New issue", " · ", state.issueFormPhase === "title"
+                                            ? "title"
+                                            : state.issueFormPhase === "description"
+                                                ? "description"
+                                                : "saving…"] }), state.issueFormError ? (_jsx(Text, { color: "red", children: state.issueFormError })) : (_jsx(Text, { dimColor: true, children: state.issueFormPhase === "title"
+                                        ? "First line is the title"
+                                        : "Markdown body — Ctrl+D to save" })), _jsx(Text, { children: " " }), state.issueFormPhase === "saving" ? (_jsx(Text, { color: "cyan", children: "Saving\u2026" })) : state.issueFormPhase === "title" ? (_jsx(MultilineTextArea, { value: state.issueFormTitle, onChange: (v) => dispatch({ type: "ISSUE_FORM_TITLE", title: v }), onSubmit: () => dispatch({ type: "ISSUE_FORM_PHASE", phase: "description" }), onCancel: () => dispatch({ type: "ISSUE_FORM_CLOSE" }), width: Math.min(columns - 8, 100), height: 3, placeholder: "Issue title\u2026" })) : (_jsx(MultilineTextArea, { value: state.issueFormDescription, onChange: (v) => dispatch({ type: "ISSUE_FORM_DESC", description: v }), onSubmit: () => void submitIssueForm(), onCancel: () => dispatch({ type: "ISSUE_FORM_CLOSE" }), width: Math.min(columns - 8, 100), height: 10, placeholder: "Description (optional)\u2026" })), _jsx(Text, { children: " " }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "cyan", bold: true, children: "Ctrl+D" }), state.issueFormPhase === "title" ? " next  ·  " : " save  ·  ", _jsx(Text, { color: "cyan", bold: true, children: "Ctrl+G" }), " cancel"] })] }) })) : state.overlay === "mode-select" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 3, paddingY: 1, children: [_jsx(Text, { bold: true, children: "Select mode:" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: "p" }), "  Plan"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: "i" }), "  Implement"] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "ESC to cancel" })] }) })) : state.overlay === "context-input" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", paddingX: 2, width: Math.min(columns - 8, 100), children: [_jsxs(Text, { bold: true, color: "cyan", children: ["Extra context for ", state.contextInputMode] }), _jsx(Text, { dimColor: true, children: "Optional \u2014 appended to the prompt before launching Claude" }), _jsx(Text, { children: " " }), _jsx(MultilineTextArea, { value: state.contextInputValue, onChange: (v) => dispatch({ type: "CONTEXT_INPUT_CHANGE", value: v }), onSubmit: () => {
                                         const mode = state.contextInputMode;
                                         const ctx = state.contextInputValue;
                                         dispatch({ type: "CONTEXT_INPUT_DONE" });
@@ -2346,17 +2752,22 @@ export default function Dashboard() {
                                     const defaultBranch = getDefaultBranch();
                                     const label = branch === defaultBranch ? `${branch} (default)` : branch;
                                     return (_jsx(Text, { children: _jsxs(Text, { color: selected ? "cyan" : undefined, bold: selected, children: [selected ? "> " : "  ", label] }) }, branch));
-                                }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "j/k to navigate, Enter to select, ESC to cancel" })] }) })) : state.overlay === "confirm-delete" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 3, paddingY: 1, children: [_jsx(Text, { bold: true, color: "red", children: "Remove worktree?" }), _jsx(Text, { children: " " }), _jsx(Text, { children: selectedIssue?.worktree?.branch ?? "" }), selectedIssue?.worktree?.dirty && (_jsx(Text, { color: "yellow", children: "Warning: worktree has uncommitted changes" })), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "red", bold: true, children: "y" }), "  Confirm"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: "n" }), "  Cancel"] })] }) })) : state.overlay === "diff" ? (_jsx(DiffOverlay, { width: innerWidth, height: contentHeight, ticketId: state.diffTicketId ?? "", baseBranch: state.diffBaseBranch ?? "", files: state.diffFiles, fileIndex: state.diffFileIndex, fileScrollOffset: state.diffFileScrollOffset, content: state.diffContent, contentScrollOffset: state.diffContentScrollOffset, loadingFiles: state.diffLoadingFiles, loadingContent: state.diffLoadingContent, error: state.diffError, selectionBg: theme.selectionBg, leftWidthOverride: diffLeftWidth ?? undefined, pendingDiscard: state.diffPendingDiscard })) : state.overlay === "confirm-setup" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 3, paddingY: 1, children: [_jsx(Text, { bold: true, children: "Run setup script?" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: ".santree/init.sh" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "green", bold: true, children: "y" }), "  Run setup"] }), _jsxs(Text, { children: [_jsx(Text, { color: "yellow", bold: true, children: "n" }), "  Skip"] })] }) })) : (_jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: leftWidth, children: state.activeTab === "reviews" ? (_jsx(ReviewList, { flatReviews: state.flatReviews, selectedIndex: state.reviewSelectedIndex, scrollOffset: state.reviewListScrollOffset, height: contentHeight, width: leftWidth, selectionBg: theme.selectionBg })) : state.flatIssues.length === 0 ? (_jsx(Box, { width: leftWidth, height: contentHeight, justifyContent: "center", alignItems: "center", children: _jsx(Text, { color: "yellow", children: "No active issues" }) })) : (_jsx(IssueList, { groups: state.groups, flatIssues: state.flatIssues, selectedIndex: state.selectedIndex, scrollOffset: 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
+                                }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "j/k to navigate, Enter to select, ESC to cancel" })] }) })) : state.overlay === "confirm-delete" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 3, paddingY: 1, children: [_jsx(Text, { bold: true, color: "red", children: "Remove worktree?" }), _jsx(Text, { children: " " }), _jsx(Text, { children: selectedIssue?.worktree?.branch ?? "" }), selectedIssue?.worktree?.dirty && (_jsx(Text, { color: "yellow", children: "Warning: worktree has uncommitted changes" })), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "red", bold: true, children: "y" }), "  Confirm"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: "n" }), "  Cancel"] })] }) })) : state.overlay === "diff" ? (_jsx(DiffOverlay, { width: innerWidth, height: contentHeight, ticketId: state.diffTicketId ?? "", baseBranch: state.diffBaseBranch ?? "", files: state.diffFiles, fileIndex: state.diffFileIndex, fileScrollOffset: state.diffFileScrollOffset, content: state.diffContent, contentScrollOffset: state.diffContentScrollOffset, loadingFiles: state.diffLoadingFiles, loadingContent: state.diffLoadingContent, error: state.diffError, selectionBg: theme.selectionBg, leftWidthOverride: diffLeftWidth ?? undefined, pendingDiscard: state.diffPendingDiscard })) : state.overlay === "confirm-setup" ? (_jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 3, paddingY: 1, children: [_jsx(Text, { bold: true, children: "Run setup script?" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: ".santree/init.sh" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "green", bold: true, children: "y" }), "  Run setup"] }), _jsxs(Text, { children: [_jsx(Text, { color: "yellow", bold: true, children: "n" }), "  Skip"] })] }) })) : (_jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: leftWidth, children: state.activeTab === "reviews" ? (_jsx(ReviewList, { flatReviews: state.flatReviews, selectedIndex: state.reviewSelectedIndex, scrollOffset: state.reviewListScrollOffset, height: contentHeight, width: leftWidth, selectionBg: theme.selectionBg })) : (state.activeTab === "trees" ? state.flatTrees : state.flatIssues).length ===
+                                    0 ? (_jsxs(Box, { width: leftWidth, height: contentHeight, justifyContent: "center", alignItems: "center", flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: state.activeTab === "trees" ? "No worktrees yet" : "No active issues" }), state.activeTab === "issues" && activeTracker.canMutate ? (_jsx(Text, { dimColor: true, children: "Press n to create one" })) : null] })) : (_jsx(IssueList, { groups: state.activeTab === "trees" ? state.treeGroups : state.groups, flatIssues: state.activeTab === "trees" ? state.flatTrees : state.flatIssues, selectedIndex: state.activeTab === "trees" ? state.treeSelectedIndex : state.selectedIndex, scrollOffset: state.activeTab === "trees"
+                                        ? state.treeListScrollOffset
+                                        : 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.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: getIssueTracker(repoRootRef.current).displayName }) })] })) })] })] }));
+                                            .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 }) })] })) })] })] }));
 }
 /**
  * Renders the per-issue action key hints (Resume / Editor / View diff / …)
  * lifted out of the detail panels so they sit on the same row as the global
  * command bar. Empty when nothing is selected.
  */
-function ActionRow({ activeTab, selectedIssue, selectedReview, overlay, trackerName, }) {
+function ActionRow({ activeTab, selectedIssue, selectedReview, overlay, trackerName, canMutate, }) {
     // During the diff overlay, none of the per-issue actions apply (View diff
     // is what got us here, Commit/PR/etc. need the detail panel context). Keep
     // the row blank so the diff-specific CommandBar reads cleanly.
@@ -2367,7 +2778,7 @@ function ActionRow({ activeTab, selectedIssue, selectedReview, overlay, trackerN
             ? buildReviewActions(selectedReview)
             : []
         : selectedIssue
-            ? buildIssueActions(selectedIssue, trackerName)
+            ? buildIssueActions(selectedIssue, trackerName, { tab: activeTab, canMutate })
             : [];
     if (items.length === 0)
         return _jsx(Text, { children: " " });