santree 0.5.5 → 0.6.0

package/dist/lib/dashboard/Overlays.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import Spinner from "ink-spinner";
-import TextInput from "ink-text-input";
 import { MultilineTextArea } from "./MultilineTextArea.js";
 export function CommitOverlay({ width, height, branch, ticketId, gitStatus, phase, message, error, dispatch, onSubmit, }) {
     return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(Text, { bold: true, color: "cyan", children: "Commit & Push" }), _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: " " }), gitStatus ? (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "Changes:" }), gitStatus
@@ -19,11 +18,85 @@ export function CommitOverlay({ width, height, branch, ticketId, gitStatus, phas
                             color = "yellow";
                         }
                         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 === "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" })] }));
+                    }), 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+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 ?? "")
+    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 ?? "")
                                 .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" })] }))] }));
 }
+const LEGEND = [
+    {
+        title: "Issue list",
+        rows: [
+            { glyph: "▎", color: "red", meaning: "Urgent (P1) priority" },
+            { glyph: "▎", color: "yellow", meaning: "High (P2) priority" },
+            { glyph: "●", color: "green", meaning: "State: started / In Progress" },
+            { glyph: "●", color: "blue", meaning: "State: unstarted / In Review" },
+            { glyph: "●", color: "gray", meaning: "State: backlog / orphaned" },
+            { glyph: "●", color: "magenta", meaning: "State: main repo (your non-worktree checkout)" },
+            { glyph: "✓", color: "green", meaning: "WT column: worktree exists" },
+            { glyph: "·", color: "gray", meaning: "WT column: no worktree" },
+            { glyph: "✓", color: "green", meaning: "CI column: all checks passing" },
+            { glyph: "✗", color: "red", meaning: "CI column: a check is failing" },
+            { glyph: "●", color: "yellow", meaning: "CI column: checks pending / running" },
+            { glyph: "·", color: "gray", meaning: "CI column: no PR or no checks" },
+        ],
+    },
+    {
+        title: "Detail panel — Worktree",
+        rows: [
+            { glyph: "● dirty", color: "yellow", meaning: "Uncommitted changes" },
+            { glyph: "✓ clean", color: "green", meaning: "Working tree clean" },
+            { glyph: "↑ N", color: "cyan", meaning: "N commits ahead of base" },
+            { glyph: "↓ N behind", color: "yellow", meaning: "Main repo: N commits to pull from origin" },
+            { glyph: "◆", color: "red", meaning: "Session needs input (permission prompt)" },
+            { glyph: "◆", color: "green", meaning: "Session active (Claude is working)" },
+            { glyph: "◆", color: "yellow", meaning: "Session idle (waiting for prompt)" },
+            { glyph: "◇", color: "cyan", meaning: "Session id stored, no live signal" },
+            { glyph: "◇", color: "gray", meaning: "No session" },
+        ],
+    },
+    {
+        title: "Detail panel — Tasks (Claude todos)",
+        rows: [
+            { glyph: "◐", color: "yellow", meaning: "Task in progress" },
+            { glyph: "◯", color: "gray", meaning: "Task pending" },
+            { glyph: "✓", color: "green", meaning: "Task completed" },
+        ],
+    },
+    {
+        title: "Section icons",
+        rows: [
+            { glyph: "⎇", color: "cyan", meaning: "Worktree / Branch" },
+            { glyph: "◉", color: "cyan", meaning: "Pull Request" },
+            { glyph: "✓", color: "cyan", meaning: "Checks" },
+            { glyph: "★", color: "cyan", meaning: "Reviews" },
+            { glyph: "⎈", color: "cyan", meaning: "Tasks (Claude todos)" },
+            { glyph: "◎", color: "cyan", meaning: "Linked tracker ticket (review tab)" },
+        ],
+    },
+];
+export function HelpOverlay({ width, height }) {
+    const lines = [];
+    for (const section of LEGEND) {
+        lines.push({ text: section.title, bold: true });
+        for (const row of section.rows) {
+            lines.push({
+                text: "",
+                segments: [
+                    { text: "  " },
+                    { text: row.glyph.padEnd(3, " "), color: row.color, bold: true },
+                    { text: "  " },
+                    { text: row.meaning, dim: true },
+                ],
+            });
+        }
+        lines.push({ text: "" });
+    }
+    // Trim trailing blank
+    if (lines[lines.length - 1]?.text === "")
+        lines.pop();
+    return (_jsx(Box, { width: width, height: height, flexDirection: "column", alignItems: "center", justifyContent: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 3, paddingY: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Dashboard glyph reference" }), _jsx(Text, { children: " " }), lines.map((line, i) => (_jsx(Box, { children: line.segments ? (_jsx(Text, { children: line.segments.map((seg, j) => (_jsx(Text, { color: seg.color, bold: seg.bold, dimColor: seg.dim, children: seg.text }, j))) })) : (_jsx(Text, { bold: line.bold, dimColor: line.dim, children: line.text || " " })) }, i))), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Press ? or Esc to close" })] }) }));
+}

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

@@ -10,6 +10,13 @@ export type ReviewActionItem = {
     label: string;
     color: string;
 };
+/**
+ * Action footer for the reviews tab. The factory mirrors `buildIssueActions`
+ * over in DetailPanel — same shape so the dashboard's action-row renderer
+ * doesn't need a per-tab branch. Disabled-state semantics: when an action
+ * doesn't apply (no ticket, no worktree), we omit the entry rather than
+ * dimming it, matching the issues tab's convention.
+ */
 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,6 +18,27 @@ function relativeTime(dateStr) {
     const months = Math.floor(days / 30);
     return `${months}mo ago`;
 }
+function stateColor(type) {
+    switch (type) {
+        case "started":
+            return "green";
+        case "unstarted":
+            return "blue";
+        case "backlog":
+            return "gray";
+        case "orphaned":
+            return "gray";
+        default:
+            return "yellow";
+    }
+}
+/**
+ * Action footer for the reviews tab. The factory mirrors `buildIssueActions`
+ * over in DetailPanel — same shape so the dashboard's action-row renderer
+ * doesn't need a per-tab branch. Disabled-state semantics: when an action
+ * doesn't apply (no ticket, no worktree), we omit the entry rather than
+ * dimming it, matching the issues tab's convention.
+ */
 export function buildReviewActions(item) {
     const items = [];
     if (item.worktree) {
@@ -27,7 +48,11 @@ export function buildReviewActions(item) {
     else {
         items.push({ key: "w", label: "Checkout", color: "cyan" });
     }
-    items.push({ key: "o", label: "Open PR", color: "gray" });
+    items.push({ key: "v", label: "View diff", color: "cyan" });
+    if (item.ticket) {
+        items.push({ key: "o", label: "Open ticket", color: "gray" });
+    }
+    items.push({ key: "p", label: "Open PR", color: "gray" });
     if (item.worktree) {
         items.push({ key: "d", label: "Remove", color: "red" });
     }
@@ -37,104 +62,249 @@ export default function ReviewDetailPanel({ item, scrollOffset, height, width })
     if (!item) {
         return (_jsx(Box, { width: width, height: height, justifyContent: "center", alignItems: "center", children: _jsx(Text, { dimColor: true, children: "No PR selected" }) }));
     }
-    const { pr } = item;
+    const { pr, ticket, worktree, checks, reviews, comments } = item;
     const lines = [];
-    const rule = "\u2500".repeat(width);
+    const rule = "─".repeat(width);
+    const ruleLine = { text: rule, dim: true };
     // ── Hero ──────────────────────────────────────────────────────────
     lines.push({ text: `#${pr.number}  ${pr.title}`, bold: true });
-    const meta = [`by ${pr.author.login}`];
-    if (pr.isDraft)
-        meta.push("draft");
-    meta.push(relativeTime(pr.updatedAt));
-    lines.push({ text: meta.join(" \u00b7 "), color: "cyan" });
-    // ── Changes ──────────────────────────────────────────────────────
-    if (item.changedFiles > 0) {
-        lines.push({
-            text: `${item.changedFiles} files  +${item.additions} -${item.deletions}`,
-            color: "green",
+    // Labeled metadata block — author + lines changed live here (the list
+    // strips them to keep navigation tight). Two-column "label  value" rows
+    // keep the eye scannable.
+    const labelWidth = 9;
+    const lbl = (s) => s.padEnd(labelWidth);
+    // Display name first; login is the unique handle, parenthesized so the
+    // reviewer can still recognize someone they only know by username.
+    const authorSegs = [
+        { text: "  " },
+        { text: lbl("Author"), dim: true },
+        { text: item.authorName ?? pr.author.login, color: "cyan" },
+    ];
+    if (item.authorName) {
+        authorSegs.push({ text: "  " });
+        authorSegs.push({ text: `@${pr.author.login}`, dim: true });
+    }
+    if (pr.isDraft) {
+        authorSegs.push({ text: "  " });
+        authorSegs.push({ text: "draft", color: "yellow" });
+    }
+    lines.push({ text: "", segments: authorSegs });
+    const changeSegs = [{ text: "  " }, { text: lbl("Changed"), dim: true }];
+    if (item.additions > 0 || item.deletions > 0 || item.changedFiles > 0) {
+        changeSegs.push({ text: `+${item.additions}`, color: "green" });
+        changeSegs.push({ text: " " });
+        changeSegs.push({ text: `−${item.deletions}`, color: "red" });
+        changeSegs.push({ text: "   " });
+        changeSegs.push({
+            text: `${item.changedFiles} file${item.changedFiles === 1 ? "" : "s"}`,
+            dim: true,
         });
     }
-    // ── Branch ───────────────────────────────────────────────────────
-    if (item.branch) {
-        lines.push({ text: rule, dim: true });
-        lines.push({ text: "BRANCH", dim: true });
-        lines.push({ text: `  ${item.branch}` });
-        if (item.baseBranch) {
-            lines.push({ text: `  base: ${item.baseBranch}`, dim: true });
-        }
+    else {
+        changeSegs.push({ text: "—", dim: true });
     }
-    // ── Worktree ─────────────────────────────────────────────────────
-    if (item.worktree) {
-        lines.push({ text: rule, dim: true });
-        lines.push({ text: "WORKTREE", dim: true });
-        lines.push({ text: `  ${item.worktree.path}`, dim: true });
-        const statusParts = [];
-        if (item.worktree.dirty)
-            statusParts.push("dirty");
-        if (item.worktree.commitsAhead > 0)
-            statusParts.push(`+${item.worktree.commitsAhead} ahead`);
-        if (statusParts.length > 0) {
-            lines.push({ text: `  ${statusParts.join("  ")}`, color: "yellow" });
+    lines.push({ text: "", segments: changeSegs });
+    lines.push({
+        text: "",
+        segments: [
+            { text: "  " },
+            { text: lbl("Updated"), dim: true },
+            { text: relativeTime(pr.updatedAt) },
+        ],
+    });
+    // ── Linked Ticket ─────────────────────────────────────────────────
+    // Only rendered when the active tracker resolved an issue from the PR's
+    // branch — gives the reviewer the same "why does this PR exist" context
+    // the issues tab has always had.
+    if (ticket) {
+        lines.push(ruleLine);
+        const tc = stateColor(ticket.state.type);
+        const ticketHeader = [
+            { text: "◎ ", color: "cyan", bold: true },
+            { text: ticket.identifier, bold: true },
+            { text: "  " },
+            { text: ticket.title },
+        ];
+        lines.push({ text: "", segments: ticketHeader });
+        const ticketStatus = [
+            { text: "  ● ", color: tc },
+            { text: ticket.state.name, color: tc },
+            { text: "  ·  ", dim: true },
+            { text: ticket.priorityLabel },
+        ];
+        if (ticket.labels.length > 0) {
+            ticketStatus.push({ text: "  ·  ", dim: true });
+            ticketStatus.push({ text: ticket.labels.join(", "), dim: true });
+        }
+        lines.push({ text: "", segments: ticketStatus });
+        if (ticket.description) {
+            lines.push({ text: "" });
+            for (const dLine of ticket.description.trimEnd().split("\n")) {
+                lines.push({ text: dLine });
+            }
         }
-        else {
-            lines.push({ text: "  \u2713 clean", color: "green" });
+    }
+    // ── Pull Request ──────────────────────────────────────────────────
+    lines.push(ruleLine);
+    const prDraft = pr.isDraft ? " · draft" : "";
+    lines.push({
+        text: "",
+        segments: [
+            { text: "◉ ", color: "cyan", bold: true },
+            { text: "Pull Request", bold: true },
+            { text: "   " },
+            { text: `#${pr.number}`, color: "green", bold: true },
+            { text: "  " },
+            { text: "OPEN", color: "green" },
+            { text: prDraft, dim: true },
+        ],
+    });
+    if (pr.url) {
+        lines.push({ text: `  ${pr.url}`, dim: true });
+    }
+    // ── Branch ────────────────────────────────────────────────────────
+    if (item.branch) {
+        lines.push(ruleLine);
+        lines.push({
+            text: "",
+            segments: [
+                { text: "⎇ ", color: "cyan", bold: true },
+                { text: "Branch", bold: true },
+                { text: "   " },
+                { text: item.branch },
+                ...(item.baseBranch
+                    ? [
+                        { text: "  " },
+                        { text: "→", dim: true },
+                        { text: " " },
+                        { text: item.baseBranch, dim: true },
+                    ]
+                    : []),
+            ],
+        });
+    }
+    // ── Worktree ──────────────────────────────────────────────────────
+    if (worktree) {
+        lines.push(ruleLine);
+        const dirty = worktree.dirty;
+        lines.push({
+            text: "",
+            segments: [
+                { text: "⎇ ", color: "cyan", bold: true },
+                { text: "Worktree", bold: true },
+                { text: "   " },
+                {
+                    text: dirty ? "● dirty" : "✓ clean",
+                    color: dirty ? "yellow" : "green",
+                },
+            ],
+        });
+        lines.push({ text: `  ${worktree.path}`, dim: true });
+        if (worktree.commitsAhead > 0) {
+            lines.push({
+                text: "",
+                segments: [{ text: "  " }, { text: `↑ ${worktree.commitsAhead} ahead`, color: "cyan" }],
+            });
         }
     }
-    // ── Description ──────────────────────────────────────────────────
+    // ── Description (PR body) ─────────────────────────────────────────
     if (item.body) {
-        lines.push({ text: rule, dim: true });
-        lines.push({ text: "DESCRIPTION", dim: true });
-        lines.push({ text: "" });
+        lines.push(ruleLine);
+        lines.push({
+            text: "",
+            segments: [
+                { text: "✎ ", color: "cyan", bold: true },
+                { text: "Description", bold: true },
+            ],
+        });
         for (const line of item.body.trimEnd().split("\n")) {
             lines.push({ text: line });
         }
-        lines.push({ text: "" });
-    }
-    // ── Checks ───────────────────────────────────────────────────────
-    if (item.checks && item.checks.length > 0) {
-        const passCount = item.checks.filter((c) => c.bucket === "pass").length;
-        lines.push({ text: rule, dim: true });
-        lines.push({ text: `CHECKS  ${passCount}/${item.checks.length} passing`, dim: true });
-        for (const check of item.checks) {
-            if (check.bucket === "pass") {
-                lines.push({ text: `  \u2713 ${check.name}`, color: "green" });
-            }
-            else if (check.bucket === "fail") {
-                const desc = check.description ? ` \u2014 ${check.description}` : "";
-                lines.push({ text: `  \u2717 ${check.name}${desc}`, color: "red" });
-            }
-            else {
-                lines.push({ text: `  \u25cf ${check.name} (pending)`, color: "yellow" });
-            }
+    }
+    // ── Checks ────────────────────────────────────────────────────────
+    if (checks && checks.length > 0) {
+        const passing = checks.filter((c) => c.bucket === "pass");
+        const failing = checks.filter((c) => c.bucket === "fail");
+        const pending = checks.filter((c) => c.bucket !== "pass" && c.bucket !== "fail");
+        const headerColor = failing.length > 0 ? "red" : pending.length > 0 ? "yellow" : "green";
+        lines.push(ruleLine);
+        const headerSegs = [
+            { text: "✓ ", color: "cyan", bold: true },
+            { text: "Checks", bold: true },
+            { text: "   " },
+            { text: `${passing.length}/${checks.length} passing`, color: headerColor },
+        ];
+        if (failing.length > 0) {
+            headerSegs.push({ text: "  ·  ", dim: true });
+            headerSegs.push({ text: `${failing.length} failing`, color: "red" });
+        }
+        if (pending.length > 0) {
+            headerSegs.push({ text: "  ·  ", dim: true });
+            headerSegs.push({ text: `${pending.length} pending`, color: "yellow" });
+        }
+        lines.push({ text: "", segments: headerSegs });
+        // Order: failing first (most important), then pending, then passing.
+        for (const check of failing) {
+            const desc = check.description ? ` — ${check.description}` : "";
+            lines.push({ text: `  ✗ ${check.name}${desc}`, color: "red" });
+        }
+        for (const check of pending) {
+            lines.push({ text: `  ● ${check.name}`, color: "yellow" });
+        }
+        for (const check of passing) {
+            lines.push({ text: `  ✓ ${check.name}`, color: "green" });
         }
     }
-    // ── Reviews ──────────────────────────────────────────────────────
-    if (item.reviews && item.reviews.length > 0) {
-        lines.push({ text: rule, dim: true });
-        lines.push({ text: "REVIEWS", dim: true });
-        for (const review of item.reviews) {
-            const author = review.author.login;
+    // ── Reviews ───────────────────────────────────────────────────────
+    if (reviews && reviews.length > 0) {
+        lines.push(ruleLine);
+        lines.push({
+            text: "",
+            segments: [
+                { text: "★ ", color: "cyan", bold: true },
+                { text: "Reviews", bold: true },
+            ],
+        });
+        for (const review of reviews) {
             const rc = review.state === "APPROVED"
                 ? "green"
                 : review.state === "CHANGES_REQUESTED"
                     ? "red"
                     : "yellow";
-            lines.push({ text: `  ${author}  ${review.state}`, color: rc });
+            lines.push({
+                text: "",
+                segments: [
+                    { text: `  ${review.author.login}` },
+                    { text: "   " },
+                    { text: review.state, color: rc },
+                ],
+            });
         }
     }
-    // ── Comments ─────────────────────────────────────────────────────
-    if (item.comments && item.comments.length > 0) {
-        lines.push({ text: rule, dim: true });
-        lines.push({ text: `COMMENTS  ${item.comments.length}`, dim: true });
+    // ── Comments ──────────────────────────────────────────────────────
+    if (comments && comments.length > 0) {
+        lines.push(ruleLine);
+        lines.push({
+            text: "",
+            segments: [
+                { text: "● ", color: "cyan", bold: true },
+                { text: "Comments", bold: true },
+                { text: "   " },
+                { text: `${comments.length}`, dim: true },
+            ],
+        });
         // Show last 5 comments
-        const recent = item.comments.slice(-5);
+        const recent = comments.slice(-5);
         for (const comment of recent) {
             lines.push({ text: "" });
             lines.push({
-                text: `  ${comment.author}  ${relativeTime(comment.createdAt)}`,
-                color: "cyan",
+                text: "",
+                segments: [
+                    { text: `  ${comment.author}`, color: "cyan" },
+                    { text: "   " },
+                    { text: relativeTime(comment.createdAt), dim: true },
+                ],
             });
-            // Truncate long comments to ~4 lines
             const bodyLines = comment.body.trimEnd().split("\n");
             const maxLines = 4;
             for (let i = 0; i < Math.min(bodyLines.length, maxLines); i++) {
@@ -145,7 +315,7 @@ export default function ReviewDetailPanel({ item, scrollOffset, height, width })
             }
         }
     }
-    // ── Build actions footer ─────────────────────────────────────────
+    // ── Render with scroll handling ───────────────────────────────────
     const totalLines = lines.length;
     const canScroll = totalLines > height;
     const contentRows = canScroll ? height - 2 : height;
@@ -155,9 +325,31 @@ export default function ReviewDetailPanel({ item, scrollOffset, height, width })
     if (canScroll) {
         const atTop = clampedOffset === 0;
         const atBottom = clampedOffset + contentRows >= totalLines;
-        scrollArrow = atTop ? "\u2193 scroll" : atBottom ? "\u2191 scroll" : "\u2191\u2193 scroll";
+        scrollArrow = atTop ? "↓ scroll" : atBottom ? "↑ scroll" : "↑↓ scroll";
     }
-    // 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 }) }))] }));
+    // Pre-truncate to the panel width — Ink's `wrap="truncate"` on segments
+    // inside flex rows is unreliable and lets long URLs/branch names spill onto
+    // the next row, shifting everything down. Mirrors DetailPanel's clampers.
+    const clamp = (text) => text.length > width ? text.slice(0, Math.max(0, width - 1)) + "…" : text;
+    const clampSegments = (segs) => {
+        let remaining = width;
+        const out = [];
+        for (const seg of segs) {
+            if (remaining <= 0)
+                break;
+            if (seg.text.length <= remaining) {
+                out.push(seg);
+                remaining -= seg.text.length;
+            }
+            else {
+                out.push({
+                    ...seg,
+                    text: seg.text.slice(0, Math.max(0, remaining - 1)) + "…",
+                });
+                remaining = 0;
+            }
+        }
+        return out;
+    };
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, overflowX: "hidden", children: [visible.map((line, i) => (_jsx(Box, { children: line.segments ? (_jsx(Text, { children: clampSegments(line.segments).map((seg, j) => (_jsx(Text, { color: seg.color, bold: seg.bold, dimColor: seg.dim, children: seg.text }, j))) })) : (_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.js

@@ -4,32 +4,33 @@ function checksIndicator(checks) {
     if (!checks || checks.length === 0)
         return { text: "-", color: "gray" };
     if (checks.some((c) => c.bucket === "fail"))
-        return { text: "\u2717", color: "red" };
+        return { text: "✗", color: "red" };
     if (checks.every((c) => c.bucket === "pass"))
-        return { text: "\u2713", color: "green" };
-    return { text: "\u25cf", color: "yellow" };
+        return { text: "✓", color: "green" };
+    return { text: "●", color: "yellow" };
 }
 const HEADER_ROWS = 1;
 export function getReviewListRowCount(flatReviews) {
     return HEADER_ROWS + flatReviews.length;
 }
 export default function ReviewList({ flatReviews, selectedIndex, scrollOffset, height, width, selectionBg = "#1e3a5f", }) {
-    // Keymap footer lives in the dashboard's global CommandBar \u2014 use the full
+    // Keymap footer lives in the dashboard's global CommandBar — use the full
     // pane height for the list so we don't render two stacked keymap rows.
     const listHeight = height;
+    // Per the user request, the list keeps only the columns that aid
+    // navigation: PR number, title, CI. Author + lines-changed live in the
+    // detail panel where they have room to be readable.
     const numColWidth = 6;
-    const authorColWidth = 12;
-    const changesColWidth = 10;
     const checksColWidth = 2;
-    const fixedWidth = 2 + numColWidth + 1 + authorColWidth + 1 + changesColWidth + 1 + checksColWidth;
-    const titleMaxWidth = Math.max(width - fixedWidth, 10);
+    const fixedWidth = 2 + numColWidth + 1 + checksColWidth;
+    const titleMaxWidth = Math.max(width - fixedWidth - 1, 10);
     const totalRows = HEADER_ROWS + flatReviews.length;
     const visibleStart = scrollOffset;
     const visibleEnd = Math.min(visibleStart + listHeight, totalRows);
     const rows = [];
     for (let rowIdx = visibleStart; rowIdx < visibleEnd; rowIdx++) {
         if (rowIdx === 0) {
-            rows.push(_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "  " }), _jsx(Text, { dimColor: true, children: "#".padEnd(numColWidth) }), _jsx(Text, { dimColor: true, children: " " }), _jsx(Text, { dimColor: true, children: "".padEnd(titleMaxWidth) }), _jsx(Text, { dimColor: true, children: "author".padStart(authorColWidth) }), _jsx(Text, { dimColor: true, children: " " }), _jsx(Text, { dimColor: true, children: "changes".padStart(changesColWidth) }), _jsx(Text, { dimColor: true, children: " " }), _jsx(Text, { dimColor: true, children: "ci".padStart(checksColWidth) })] }, "col-header"));
+            rows.push(_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "  " }), _jsx(Text, { dimColor: true, children: "#".padEnd(numColWidth) }), _jsx(Text, { dimColor: true, children: " " }), _jsx(Text, { dimColor: true, children: "".padEnd(titleMaxWidth) }), _jsx(Text, { dimColor: true, children: "ci".padStart(checksColWidth) })] }, "col-header"));
             continue;
         }
         const flatIndex = rowIdx - HEADER_ROWS;
@@ -40,14 +41,10 @@ export default function ReviewList({ flatReviews, selectedIndex, scrollOffset, h
         const selected = flatIndex === selectedIndex;
         const cursor = selected ? ">" : " ";
         const num = `#${pr.number}`;
-        const title = pr.title.length > titleMaxWidth ? pr.title.slice(0, titleMaxWidth - 1) + "\u2026" : pr.title;
-        const author = pr.author.login.length > authorColWidth
-            ? pr.author.login.slice(0, authorColWidth - 1) + "\u2026"
-            : pr.author.login;
-        const changes = `+${item.additions} -${item.deletions}`;
+        const title = pr.title.length > titleMaxWidth ? pr.title.slice(0, titleMaxWidth - 1) + "…" : pr.title;
         const ci = checksIndicator(item.checks);
         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}`));
+        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, color: ci.color, children: ci.text.padStart(checksColWidth) })] }, `${pr.number}`));
     }
     return (_jsx(Box, { flexDirection: "column", width: width, height: height, children: _jsx(Box, { flexDirection: "column", height: listHeight, children: rows }) }));
 }