patchrelay 0.45.1 → 0.46.1

package/dist/build-info.json

@@ -1,6 +1,6 @@
 {
   "service": "patchrelay",
-  "version": "0.45.1",
-  "commit": "79f73cac4bc4",
-  "builtAt": "2026-04-16T18:26:48.632Z"
+  "version": "0.46.1",
+  "commit": "bb5c8467d0c4",
+  "builtAt": "2026-04-18T08:00:35.408Z"
 }

package/dist/cli/commands/watch.js

@@ -21,6 +21,8 @@ export async function handleWatchCommand(params) {
         process.stderr.write("Use `patchrelay issue list`, `patchrelay issue show <issueKey>`, or run the dashboard from a terminal.\n");
         return 1;
     }
+    if (!process.env.NODE_ENV)
+        process.env.NODE_ENV = "production";
     const { render } = await import("ink");
     const { createElement } = await import("react");
     const { App } = await import("../watch/App.js");

package/dist/cli/watch/App.js

@@ -6,6 +6,7 @@ import { useWatchStream } from "./use-watch-stream.js";
 import { useDetailStream } from "./use-detail-stream.js";
 import { IssueListView } from "./IssueListView.js";
 import { IssueDetailView } from "./IssueDetailView.js";
+import { LogView } from "./LogView.js";
 import { buildWatchDetailExportText, exportWatchTextToTempFile, findLastAssistantMessage, findLastCommand, findLastCommandOutput, openTextInPager, writeTextToClipboard, } from "./watch-actions.js";
 import { measureRenderedTextRows } from "./layout-measure.js";
 import { PROMPT_COMPOSER_HINT, measurePromptComposerRows } from "./prompt-layout.js";
@@ -323,32 +324,18 @@ export function App({ baseUrl, bearerToken, initialIssueKey }) {
                     dispatch({ type: "enter-detail", issueKey: issue.issueKey });
                 }
             }
-            else if (key.tab) {
+            else if (input === "a" || key.tab) {
                 dispatch({ type: "cycle-filter" });
             }
+            return;
         }
-        else if (state.view === "detail") {
+        if (state.view === "log") {
             if (key.escape || key.backspace || key.delete) {
-                dispatch({ type: "exit-detail" });
+                dispatch({ type: "exit-log" });
             }
             else if (input === "f") {
                 dispatch({ type: "toggle-follow" });
             }
-            else if (input === "r") {
-                handleRetry();
-            }
-            else if (input === "p") {
-                setPromptMode(true);
-                setPromptCursor(promptBuffer.length);
-            }
-            else if (input === "s") {
-                if (state.activeDetailKey) {
-                    showPersistentStatus("stopping...");
-                    void postStop(baseUrl, state.activeDetailKey, bearerToken).then((result) => {
-                        showStatus(result.ok ? "stop sent" : `stop failed: ${result.reason ?? "unknown"}`);
-                    });
-                }
-            }
             else if (input === "y") {
                 handleCopyLastAssistant();
             }
@@ -364,22 +351,16 @@ export function App({ baseUrl, bearerToken, initialIssueKey }) {
             else if (input === "v") {
                 handleOpenTranscriptInPager();
             }
-            else if (input === "h") {
-                dispatch({ type: "switch-detail-tab", tab: "history" });
-            }
-            else if (input === "t") {
-                dispatch({ type: "switch-detail-tab", tab: "timeline" });
-            }
             else if (input === "j" || key.downArrow) {
                 dispatch({ type: "detail-scroll", delta: 1 });
             }
             else if (input === "k" || key.upArrow) {
                 dispatch({ type: "detail-scroll", delta: -1 });
             }
-            else if (key.pageDown || (key.ctrl && input === "d") || (key.ctrl && key.downArrow)) {
+            else if (key.pageDown || (key.ctrl && input === "d")) {
                 dispatch({ type: "detail-page", direction: "down" });
             }
-            else if (key.pageUp || (key.ctrl && input === "u") || (key.ctrl && key.upArrow)) {
+            else if (key.pageUp || (key.ctrl && input === "u")) {
                 dispatch({ type: "detail-page", direction: "up" });
             }
             else if (key.home) {
@@ -394,6 +375,56 @@ export function App({ baseUrl, bearerToken, initialIssueKey }) {
             else if (input === "]" || key.rightArrow) {
                 dispatch({ type: "detail-navigate", direction: "next", filtered });
             }
+            return;
+        }
+        // detail view
+        if (key.escape || key.backspace || key.delete) {
+            dispatch({ type: "exit-detail" });
+        }
+        else if (input === "l") {
+            dispatch({ type: "enter-log" });
+        }
+        else if (input === "f") {
+            dispatch({ type: "toggle-follow" });
+        }
+        else if (input === "r") {
+            handleRetry();
+        }
+        else if (input === "p") {
+            setPromptMode(true);
+            setPromptCursor(promptBuffer.length);
+        }
+        else if (input === "s") {
+            if (state.activeDetailKey) {
+                showPersistentStatus("stopping...");
+                void postStop(baseUrl, state.activeDetailKey, bearerToken).then((result) => {
+                    showStatus(result.ok ? "stop sent" : `stop failed: ${result.reason ?? "unknown"}`);
+                });
+            }
+        }
+        else if (input === "j" || key.downArrow) {
+            dispatch({ type: "detail-scroll", delta: 1 });
+        }
+        else if (input === "k" || key.upArrow) {
+            dispatch({ type: "detail-scroll", delta: -1 });
+        }
+        else if (key.pageDown || (key.ctrl && input === "d")) {
+            dispatch({ type: "detail-page", direction: "down" });
+        }
+        else if (key.pageUp || (key.ctrl && input === "u")) {
+            dispatch({ type: "detail-page", direction: "up" });
+        }
+        else if (key.home) {
+            dispatch({ type: "detail-jump", target: "start" });
+        }
+        else if (key.end) {
+            dispatch({ type: "detail-jump", target: "end" });
+        }
+        else if (input === "[" || key.leftArrow) {
+            dispatch({ type: "detail-navigate", direction: "prev", filtered });
+        }
+        else if (input === "]" || key.rightArrow) {
+            dispatch({ type: "detail-navigate", direction: "next", filtered });
         }
     });
     const reservedRows = 1 + (promptMode
@@ -401,9 +432,11 @@ export function App({ baseUrl, bearerToken, initialIssueKey }) {
         : promptStatus
             ? measureRenderedTextRows(promptStatus, width)
             : 0);
-    return (_jsx(Box, { flexDirection: "column", children: state.view === "list" ? (_jsx(IssueListView, { issues: filtered, allIssues: state.issues, selectedIndex: state.selectedIndex, connected: state.connected, lastServerMessageAt: state.lastServerMessageAt, filter: state.filter, totalCount: state.issues.length, frozen: frozen, compact: compact })) : state.view === "detail" ? (_jsxs(Box, { flexDirection: "column", children: [state.activeDetailKey && (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Issues" }), _jsx(Text, { dimColor: true, children: " \u203A " }), _jsx(Text, { bold: true, children: state.activeDetailKey }), _jsx(Text, { dimColor: true, children: " \u203A " }), _jsx(Text, { dimColor: true, children: state.detailTab === "timeline" ? "Timeline" : "History" })] })), _jsx(IssueDetailView, { issue: state.issues.find((i) => i.issueKey === state.activeDetailKey), timeline: state.timeline, follow: state.follow, scrollOffset: state.detailScrollOffset, unreadBelow: state.detailUnreadBelow, activeRunStartedAt: state.activeRunStartedAt, activeRunId: state.activeRunId, tokenUsage: state.tokenUsage, diffSummary: state.diffSummary, plan: state.plan, issueContext: state.issueContext, detailTab: state.detailTab, rawRuns: state.rawRuns, rawFeedEvents: state.rawFeedEvents, connected: state.connected, lastServerMessageAt: state.lastServerMessageAt, compact: compact, reservedRows: reservedRows, onLayoutChange: (viewportRows, contentRows) => {
+    return (_jsx(Box, { flexDirection: "column", children: state.view === "list" ? (_jsx(IssueListView, { issues: filtered, selectedIndex: state.selectedIndex, connected: state.connected, lastServerMessageAt: state.lastServerMessageAt, filter: state.filter, frozen: frozen, compact: compact })) : state.view === "log" ? (_jsx(LogView, { issue: activeIssue, timeline: state.timeline, follow: state.follow, scrollOffset: state.detailScrollOffset, activeRunId: state.activeRunId, reservedRows: reservedRows, onLayoutChange: (viewportRows, contentRows) => {
+                dispatch({ type: "detail-layout-updated", viewportRows, contentRows });
+            } })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(IssueDetailView, { issue: activeIssue, timeline: state.timeline, follow: state.follow, scrollOffset: state.detailScrollOffset, unreadBelow: state.detailUnreadBelow, activeRunStartedAt: state.activeRunStartedAt, activeRunId: state.activeRunId, tokenUsage: state.tokenUsage, diffSummary: state.diffSummary, plan: state.plan, issueContext: state.issueContext, detailTab: state.detailTab, rawRuns: state.rawRuns, rawFeedEvents: state.rawFeedEvents, connected: state.connected, lastServerMessageAt: state.lastServerMessageAt, compact: compact, reservedRows: reservedRows, onLayoutChange: (viewportRows, contentRows) => {
                         dispatch({ type: "detail-layout-updated", viewportRows, contentRows });
-                    } }), promptMode && (_jsx(PromptComposer, { buffer: promptBuffer, cursor: promptCursor })), promptStatus && !promptMode && (_jsx(Text, { dimColor: true, children: promptStatus }))] })) : null }));
+                    } }), promptMode && (_jsx(PromptComposer, { buffer: promptBuffer, cursor: promptCursor })), promptStatus && !promptMode && (_jsx(Text, { dimColor: true, children: promptStatus }))] })) }));
 }
 function PromptComposer({ buffer, cursor }) {
     const withCursor = `${buffer.slice(0, cursor)}|${buffer.slice(cursor)}`;

package/dist/cli/watch/HelpBar.js

@@ -1,33 +1,32 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from "ink";
-export function buildHelpBarText(view, follow, detailTab, compact = false) {
-    if (view === "detail") {
-        const tabHint = detailTab === "history" ? "t: timeline" : "h: history";
-        if (compact) {
-            return "j/k: scroll  f: live  p: prompt  y/c/o: copy  r: retry  s: stop  esc: list  q: quit";
-        }
+export function buildHelpBarText(view, follow) {
+    if (view === "log") {
         return [
-            tabHint,
-            "j/k: scroll",
-            "Ctrl-U/Ctrl-D: page",
-            "[ ]: issue",
-            "Home/End: jump",
-            `f: live ${follow ? "on" : "off"}`,
-            "p: prompt",
-            "y/c/o: copy",
-            "v/e: transcript",
-            "s: stop",
-            "r: retry",
-        ]
-            .filter(Boolean)
-            .join("  ");
+            "j/k scroll",
+            "[ ] turn",
+            `f live ${follow ? "on" : "off"}`,
+            "y/c/o copy",
+            "e export",
+            "v pager",
+            "esc back",
+            "q quit",
+        ].join("  ");
     }
-    if (compact) {
-        return "Enter: detail  Tab: filter  x: pause  q: quit";
+    if (view === "detail") {
+        return [
+            "j/k scroll",
+            "[ ] issue",
+            "l log",
+            "p prompt",
+            "r retry",
+            "s stop",
+            "esc list",
+            "q quit",
+        ].join("  ");
     }
-    return "Enter: detail  Tab: filter";
+    return "↑↓ select  enter detail  a filter  x pause  q quit";
 }
-export function HelpBar({ view, follow, detailTab, compact = false }) {
-    const text = buildHelpBarText(view, follow, detailTab, compact);
-    return (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: text }) }));
+export function HelpBar({ view, follow }) {
+    return (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: buildHelpBarText(view, follow) }) }));
 }

package/dist/cli/watch/IssueDetailView.js

@@ -17,9 +17,9 @@ export function IssueDetailView({ issue, timeline, follow, scrollOffset, unreadB
             connected,
             lastServerMessageAt,
         }), width);
-        const helpRows = measureRenderedTextRows(buildHelpBarText("detail", follow, detailTab, compact), width);
+        const helpRows = measureRenderedTextRows(buildHelpBarText("detail", follow), width);
         return statusRows + helpRows;
-    }, [activeRunStartedAt, connected, detailTab, follow, lastServerMessageAt, unreadBelow, width, compact]);
+    }, [activeRunStartedAt, connected, follow, lastServerMessageAt, unreadBelow, width]);
     const viewportRows = Math.max(4, totalRows - reservedRows - footerRows);
     const lines = useMemo(() => {
         if (!issue) {
@@ -60,7 +60,7 @@ export function IssueDetailView({ issue, timeline, follow, scrollOffset, unreadB
     const start = Math.min(scrollOffset, maxOffset);
     const visibleLines = lines.slice(start, start + viewportRows);
     const fillerCount = Math.max(0, viewportRows - visibleLines.length);
-    return (_jsxs(Box, { flexDirection: "column", children: [visibleLines.map((line) => (_jsx(RenderedLine, { line: line }, line.key))), Array.from({ length: fillerCount }, (_, index) => (_jsx(Text, { children: " " }, `detail-fill-${index}`))), _jsx(DetailStatusStrip, { follow: follow, unreadBelow: unreadBelow, activeRunStartedAt: activeRunStartedAt, connected: connected, lastServerMessageAt: lastServerMessageAt }), _jsx(HelpBar, { view: "detail", follow: follow, detailTab: detailTab, compact: compact })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [visibleLines.map((line) => (_jsx(RenderedLine, { line: line }, line.key))), Array.from({ length: fillerCount }, (_, index) => (_jsx(Text, { children: " " }, `detail-fill-${index}`))), _jsx(DetailStatusStrip, { follow: follow, unreadBelow: unreadBelow, activeRunStartedAt: activeRunStartedAt, connected: connected, lastServerMessageAt: lastServerMessageAt }), _jsx(HelpBar, { view: "detail", follow: follow })] }));
 }
 function RenderedLine({ line }) {
     if (line.segments.length === 0) {

package/dist/cli/watch/IssueListView.js

@@ -1,46 +1,28 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useReducer } from "react";
 import { Box, Text, useStdout } from "ink";
-import { IssueRow, estimateIssueRowHeight } from "./IssueRow.js";
+import { IssueRow } from "./IssueRow.js";
 import { StatusBar } from "./StatusBar.js";
 import { HelpBar } from "./HelpBar.js";
-const FIXED_COLS = 8;
-const CHROME_ROWS = 4;
-export function computeVisibleWindow(issues, selectedIndex, maxRows, cols, titleWidth, compact) {
+const CHROME_ROWS = 3;
+export function computeVisibleWindow(issues, selectedIndex, maxRows) {
     if (issues.length === 0)
         return { start: 0, end: 0 };
-    const clampedSelected = Math.max(0, Math.min(selectedIndex, issues.length - 1));
-    const heights = issues.map((issue, index) => estimateIssueRowHeight(issue, index === clampedSelected, cols, titleWidth, compact));
-    let start = clampedSelected;
-    let end = clampedSelected + 1;
-    let usedRows = heights[clampedSelected] ?? 1;
-    while (true) {
-        const canAddAbove = start > 0 && usedRows + (heights[start - 1] ?? 1) <= maxRows;
-        const canAddBelow = end < issues.length && usedRows + (heights[end] ?? 1) <= maxRows;
-        if (!canAddAbove && !canAddBelow)
-            break;
-        const aboveDistance = clampedSelected - start;
-        const belowDistance = end - 1 - clampedSelected;
-        const preferAbove = canAddAbove && (!canAddBelow || aboveDistance <= belowDistance);
-        if (preferAbove) {
-            start -= 1;
-            usedRows += heights[start] ?? 1;
-            continue;
-        }
-        if (canAddBelow) {
-            usedRows += heights[end] ?? 1;
-            end += 1;
-        }
+    const clamped = Math.max(0, Math.min(selectedIndex, issues.length - 1));
+    const half = Math.floor(maxRows / 2);
+    let start = Math.max(0, clamped - half);
+    let end = Math.min(issues.length, start + maxRows);
+    if (end - start < maxRows) {
+        start = Math.max(0, end - maxRows);
     }
     return { start, end };
 }
-export function IssueListView({ issues, allIssues, selectedIndex, connected, lastServerMessageAt, filter, totalCount, frozen, compact = false, }) {
+export function IssueListView({ issues, selectedIndex, connected, lastServerMessageAt, filter, frozen, compact = false, }) {
     const { stdout } = useStdout();
     const cols = stdout?.columns ?? 80;
     const rows = stdout?.rows ?? 24;
-    const titleWidth = Math.max(0, cols - (compact ? 24 : FIXED_COLS));
-    const maxVisibleRows = Math.max(1, rows - (compact ? 3 : CHROME_ROWS));
-    // Periodic refresh for elapsed times
+    const titleWidth = Math.max(0, cols - 42);
+    const maxVisibleRows = Math.max(1, rows - CHROME_ROWS);
     const [, tick] = useReducer((c) => c + 1, 0);
     useEffect(() => {
         if (frozen)
@@ -48,9 +30,9 @@ export function IssueListView({ issues, allIssues, selectedIndex, connected, las
         const id = setInterval(tick, 5000);
         return () => clearInterval(id);
     }, [frozen]);
-    const { start: startIndex, end: endIndex } = computeVisibleWindow(issues, selectedIndex, maxVisibleRows, cols, titleWidth, compact);
+    const { start: startIndex, end: endIndex } = computeVisibleWindow(issues, selectedIndex, maxVisibleRows);
     const visible = issues.slice(startIndex, endIndex);
     const hiddenAbove = startIndex;
     const hiddenBelow = Math.max(0, issues.length - endIndex);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(StatusBar, { issues: issues, totalCount: totalCount, filter: filter, connected: connected, lastServerMessageAt: lastServerMessageAt, allIssues: allIssues, frozen: frozen ?? false, compact: compact }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: issues.length === 0 ? (_jsx(Text, { dimColor: true, children: "No issues match the current filter." })) : (_jsxs(_Fragment, { children: [hiddenAbove > 0 && _jsx(Text, { dimColor: true, children: compact ? `↑${hiddenAbove}` : `  ${hiddenAbove} more above` }), visible.map((issue, i) => (_jsx(IssueRow, { issue: issue, selected: startIndex + i === selectedIndex, titleWidth: titleWidth, compact: compact }, issue.issueKey ?? `${issue.projectId}-${startIndex + i}`))), hiddenBelow > 0 && _jsx(Text, { dimColor: true, children: compact ? `↓${hiddenBelow}` : `  ${hiddenBelow} more below` })] })) }), _jsx(Box, { marginTop: 1, children: _jsx(HelpBar, { view: "list", compact: compact }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(StatusBar, { filter: filter, connected: connected, lastServerMessageAt: lastServerMessageAt, frozen: frozen ?? false }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: issues.length === 0 ? (_jsx(Text, { dimColor: true, children: " " })) : (_jsxs(_Fragment, { children: [hiddenAbove > 0 ? _jsx(Text, { dimColor: true, children: `  ↑${hiddenAbove}` }) : null, visible.map((issue, i) => (_jsx(IssueRow, { issue: issue, selected: startIndex + i === selectedIndex, titleWidth: titleWidth, compact: compact }, issue.issueKey ?? `${issue.projectId}-${startIndex + i}`))), hiddenBelow > 0 ? _jsx(Text, { dimColor: true, children: `  ↓${hiddenBelow}` }) : null] })) }), _jsx(Box, { marginTop: 1, children: _jsx(HelpBar, { view: "list" }) })] }));
 }

package/dist/cli/watch/IssueRow.js

@@ -1,208 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
-import { hasOpenPr } from "../../pr-state.js";
-import { summarizeIssueStatusNote } from "./issue-status-note.js";
-import { relativeTime, truncate } from "./format-utils.js";
-import { measureRenderedTextRows } from "./layout-measure.js";
-import { hasDisplayPrBlocker, isApprovedReviewState, isAwaitingReviewState, isChangesRequestedReviewState, isRereviewNeeded, prChecksFact, } from "./pr-status.js";
-// ─── State display ──────────────────────────────────────────────
-const TERMINAL_STATES = new Set(["done", "failed", "escalated"]);
-function needsOperatorIntervention(issue) {
-    return issue.sessionState === "failed" || issue.factoryState === "failed" || issue.factoryState === "escalated";
-}
-function effectiveState(issue) {
-    if (issue.sessionState === "done")
-        return "done";
-    if (issue.sessionState === "failed")
-        return "failed";
-    if (issue.completionCheckActive)
-        return "completion_check";
-    if (issue.blockedByCount > 0 && !issue.activeRunType)
-        return "blocked";
-    if (issue.sessionState === "waiting_input")
-        return "awaiting_input";
-    if (hasOpenPr(issue.prNumber, issue.prState))
-        return issue.factoryState;
-    if (issue.readyForExecution && !issue.activeRunType && !hasDisplayPrBlocker(issue))
-        return "ready";
-    return issue.factoryState;
-}
-function sessionDisplay(issue) {
-    if (needsOperatorIntervention(issue)) {
-        return { label: "needs help", color: "red" };
-    }
-    switch (issue.sessionState) {
-        case "running":
-            return { label: "running", color: "cyan" };
-        case "idle":
-            return { label: "idle", color: "blueBright" };
-        case "waiting_input":
-            return { label: "needs input", color: "yellow" };
-        case "done":
-            return { label: "done", color: "green" };
-        case "failed":
-            return { label: "failed", color: "red" };
-        default:
-            return { label: "unknown", color: "white" };
-    }
-}
-function stageLabel(issue) {
-    const state = effectiveState(issue);
-    switch (state) {
-        case "blocked": return "blocked";
-        case "ready": return "ready";
-        case "delegated": return "delegated";
-        case "implementing": return "implementing";
-        case "completion_check": return "completion check";
-        case "pr_open": return "PR open";
-        case "changes_requested": return "review changes";
-        case "repairing_ci": return "repairing CI";
-        case "awaiting_queue": return "waiting downstream";
-        case "repairing_queue": return "repairing queue";
-        case "done": return "merged";
-        case "failed": return "failed";
-        case "escalated": return "escalated";
-        case "awaiting_input": return "needs input";
-        default: return state;
-    }
-}
-// ─── Context facts (what matters right now) ─────────────────────
-function buildFacts(issue, selected, compact = false) {
-    const facts = [];
-    const rereviewNeeded = isRereviewNeeded(issue);
-    // PR number
-    if (issue.prNumber !== undefined) {
-        facts.push({ text: `PR #${issue.prNumber}` });
-    }
-    if (!issue.sessionState) {
-        facts.push({ text: `stage ${stageLabel(issue)}` });
-    }
-    else if (selected) {
-        facts.push({ text: `internal stage ${stageLabel(issue)}` });
-    }
-    if (issue.waitingReason && issue.sessionState === "waiting_input") {
-        facts.push({ text: issue.waitingReason, color: "yellow" });
-    }
-    if (needsOperatorIntervention(issue)) {
-        facts.push({ text: "operator action needed", color: "red" });
-    }
-    // Review state — only show when it matters (not yet approved, or changes requested)
-    if (isApprovedReviewState(issue.prReviewState)) {
-        facts.push({ text: "approved", color: "green" });
-    }
-    else if (rereviewNeeded) {
-        facts.push({ text: "re-review needed", color: "yellow" });
-    }
-    else if (isChangesRequestedReviewState(issue.prReviewState)) {
-        facts.push({ text: "changes requested", color: "yellow" });
-    }
-    else if (hasOpenPr(issue.prNumber, issue.prState)
-        && (isAwaitingReviewState(issue.prReviewState) || (!issue.prReviewState && !TERMINAL_STATES.has(effectiveState(issue))))) {
-        facts.push({ text: "awaiting review", color: "yellow" });
-    }
-    if (issue.factoryState === "awaiting_queue") {
-        facts.push({ text: "downstream ready", color: "cyan" });
-    }
-    // Check status — compact
-    const checksFact = prChecksFact(issue);
-    if (checksFact) {
-        facts.push(checksFact);
-    }
-    // Blocker
-    if (issue.blockedByCount > 0) {
-        facts.push({ text: `waiting on ${issue.blockedByKeys.join(", ")}`, color: "yellow" });
-    }
-    return compact ? facts.slice(0, 3) : facts;
-}
-// ─── What's blocking progress ───────────────────────────────────
-function blockerText(issue) {
-    const rereviewNeeded = isRereviewNeeded(issue);
-    if (issue.sessionState === "waiting_input")
-        return issue.waitingReason ?? "Waiting for input";
-    if (needsOperatorIntervention(issue))
-        return issue.statusNote ?? issue.waitingReason ?? "Needs operator intervention";
-    if (issue.completionCheckActive)
-        return "No PR found; checking next step";
-    if (issue.waitingReason && issue.activeRunType && issue.factoryState === "pr_open")
-        return issue.waitingReason;
-    if (issue.waitingReason && issue.activeRunType && issue.factoryState === "awaiting_queue")
-        return issue.waitingReason;
-    if (issue.waitingReason && !issue.activeRunType)
-        return issue.waitingReason;
-    if (issue.blockedByCount > 0)
-        return `Waiting on ${issue.blockedByKeys.join(", ")}`;
-    if (effectiveState(issue) === "repairing_queue")
-        return "Merge queue conflict, repairing branch";
-    if (effectiveState(issue) === "repairing_ci") {
-        const check = issue.latestFailureCheckName ?? "CI";
-        return `Repairing ${check}`;
-    }
-    const checksFact = prChecksFact(issue);
-    if (checksFact?.color === "red") {
-        return checksFact.text;
-    }
-    if (checksFact?.color === "yellow" && checksFact.text.startsWith("checks ")) {
-        return `${checksFact.text} still running`;
-    }
-    if (rereviewNeeded)
-        return "Awaiting re-review after requested changes";
-    if (isChangesRequestedReviewState(issue.prReviewState))
-        return "Review changes requested";
-    if (hasOpenPr(issue.prNumber, issue.prState) && isAwaitingReviewState(issue.prReviewState))
-        return "Awaiting review";
-    return null;
-}
-// ─── Render ─────────────────────────────────────────────────────
+import { issueTokenFor, prTokenFor } from "./issue-token.js";
+import { truncate } from "./format-utils.js";
+const KEY_WIDTH = 8;
+const GLYPH_WIDTH = 3;
+const PHRASE_WIDTH = 18;
 export function IssueRow({ issue, selected, titleWidth, compact = false, }) {
     const key = issue.issueKey ?? issue.projectId;
-    const tw = titleWidth ?? 60;
-    const title = issue.title ? truncate(issue.title, tw) : "";
-    const session = sessionDisplay(issue);
-    const facts = buildFacts(issue, selected, compact);
-    const blocker = compact || !selected ? null : blockerText(issue);
-    const detail = compact || !selected ? undefined : summarizeIssueStatusNote(issue.statusNote);
-    const isTerminal = TERMINAL_STATES.has(effectiveState(issue));
-    // Terminal issues: compact single line
-    if (isTerminal && !selected) {
-        return (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: " " }), _jsx(Text, { dimColor: true, children: ` ${key}` }), _jsx(Text, { dimColor: true, children: `  ${relativeTime(issue.updatedAt).padStart(4)}` }), _jsx(Text, { children: `  ` }), _jsx(Text, { color: session.color, children: session.label })] }));
-    }
-    if (compact) {
-        return (_jsxs(Box, { children: [_jsx(Text, { color: selected ? "blueBright" : "gray", children: selected ? "\u25b8" : " " }), _jsx(Text, { bold: true, children: ` ${key}` }), _jsx(Text, { dimColor: true, children: `  ${relativeTime(issue.updatedAt).padStart(4)}` }), _jsx(Text, { children: `  ` }), _jsx(Text, { color: session.color, children: session.label }), facts.length > 0 && _jsx(Text, { dimColor: true, children: ` · ` }), facts.map((fact, i) => (_jsxs(Text, { children: [i > 0 ? _jsx(Text, { dimColor: true, children: ` ` }) : null, _jsx(Text, { color: fact.color ?? "white", dimColor: !fact.color, children: fact.text })] }, i)))] }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: detail ? 1 : 0, children: [_jsxs(Box, { children: [_jsx(Text, { color: selected ? "blueBright" : "gray", children: selected ? "\u25b8" : " " }), _jsx(Text, { bold: true, children: ` ${key}` }), _jsx(Text, { dimColor: true, children: `  ${relativeTime(issue.updatedAt).padStart(4)}` }), _jsx(Text, { children: `  ` }), _jsx(Text, { color: session.color, children: session.label }), facts.length > 0 && (_jsx(Text, { dimColor: true, children: ` \u00b7 ` })), facts.map((fact, i) => (_jsxs(Text, { children: [i > 0 ? _jsx(Text, { dimColor: true, children: ` \u00b7 ` }) : null, _jsx(Text, { color: fact.color ?? "white", dimColor: !fact.color, children: fact.text })] }, i)))] }), title ? (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, children: title }) })) : null, blocker ? (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { color: "yellow", children: blocker }) })) : null, detail ? (_jsx(Box, { paddingLeft: 4, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: detail }) })) : null, selected && issue.factoryState && issue.sessionState ? (_jsx(Box, { paddingLeft: 4, children: _jsx(Text, { dimColor: true, children: `Debug stage: ${stageLabel(issue)}` }) })) : null] }));
-}
-export function estimateIssueRowHeight(issue, selected, cols, titleWidth, compact = false) {
-    const width = Math.max(20, cols);
-    const key = issue.issueKey ?? issue.projectId;
-    const tw = titleWidth ?? 60;
-    const title = issue.title ? truncate(issue.title, tw) : "";
-    const detail = compact || !selected ? undefined : summarizeIssueStatusNote(issue.statusNote);
-    const session = sessionDisplay(issue);
-    const facts = buildFacts(issue, selected, compact);
-    const blocker = compact || !selected ? null : blockerText(issue);
-    const isTerminal = TERMINAL_STATES.has(effectiveState(issue));
-    if (isTerminal && !selected) {
-        return 1;
-    }
-    if (compact) {
-        return 1;
-    }
-    const line1Parts = [
-        `${selected ? "\u25b8" : " "} ${key}`,
-        relativeTime(issue.updatedAt).padStart(4),
-        session.label,
-        ...facts.map((fact) => fact.text),
-    ];
-    let rows = measureRenderedTextRows(line1Parts.join(" · "), width);
-    if (title)
-        rows += measureRenderedTextRows(title, Math.max(8, width - 2));
-    if (blocker)
-        rows += measureRenderedTextRows(blocker, Math.max(8, width - 2));
-    if (detail)
-        rows += measureRenderedTextRows(detail, Math.max(8, width - 4));
-    if (selected && issue.factoryState && issue.sessionState)
-        rows += 1;
-    if (detail)
-        rows += 1;
-    return Math.max(1, rows);
+    const token = issueTokenFor(issue);
+    const pr = prTokenFor(issue);
+    const cursorChar = selected ? "\u25b8" : " ";
+    const paddedKey = key.padEnd(KEY_WIDTH, " ");
+    const paddedPhrase = token.phrase.padEnd(PHRASE_WIDTH, " ");
+    const availableTitleWidth = Math.max(0, (titleWidth ?? 60) - (pr ? 10 : 0));
+    const title = !compact && selected && issue.title
+        ? `  ${truncate(issue.title, Math.max(0, availableTitleWidth))}`
+        : "";
+    return (_jsxs(Box, { children: [_jsx(Text, { color: selected ? "cyan" : "gray", children: cursorChar }), _jsx(Text, { bold: selected, color: token.color, children: ` ${paddedKey}` }), _jsx(Text, { color: token.color, children: ` ${token.glyph.padEnd(GLYPH_WIDTH - 1, " ")}` }), _jsx(Text, { children: ` ${paddedPhrase}` }), pr ? (_jsx(_Fragment, { children: _jsx(Text, { color: pr.color, children: `#${pr.prNumber} ${pr.glyph}` }) })) : null, title ? _jsx(Text, { dimColor: true, children: title }) : null] }));
+}
+export function estimateIssueRowHeight(_issue, _selected, _cols, _titleWidth, _compact = false) {
+    return 1;
 }

package/dist/cli/watch/LogView.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { Box, Text, useStdout } from "ink";
+import { HelpBar } from "./HelpBar.js";
+import { buildCodexLogLines } from "./codex-log-rows.js";
+import { renderTextLines } from "./render-rich-text.js";
+import { issueTokenFor, prTokenFor } from "./issue-token.js";
+export function LogView({ issue, timeline, follow, scrollOffset, activeRunId, reservedRows = 0, onLayoutChange, }) {
+    const { stdout } = useStdout();
+    const width = Math.max(20, stdout?.columns ?? 80);
+    const totalRows = stdout?.rows ?? 24;
+    const viewportRows = Math.max(4, totalRows - reservedRows - 2);
+    const lines = useMemo(() => {
+        if (!issue) {
+            return [{ key: "loading", segments: [{ text: "Loading issue…", dimColor: true }] }];
+        }
+        const headerLines = buildLogHeader(issue, activeRunId, width);
+        const bodyLines = buildCodexLogLines(timeline, width);
+        if (bodyLines.length === 0) {
+            return [
+                ...headerLines,
+                blankLine("header-gap"),
+                ...renderTextLines("No app-server output yet.", { key: "empty", width, style: { dimColor: true } }),
+            ];
+        }
+        return [...headerLines, blankLine("header-gap"), ...bodyLines];
+    }, [activeRunId, issue, timeline, width]);
+    useEffect(() => {
+        onLayoutChange(viewportRows, lines.length);
+    }, [viewportRows, lines.length, onLayoutChange]);
+    const startIndex = clamp(scrollOffset, 0, Math.max(0, lines.length - viewportRows));
+    const visible = lines.slice(startIndex, startIndex + viewportRows);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { flexDirection: "column", children: visible.map((line) => (_jsx(Box, { children: line.segments.map((segment, index) => {
+                        const props = {};
+                        if (segment.dimColor)
+                            props.dimColor = true;
+                        if (segment.bold)
+                            props.bold = true;
+                        if (segment.color)
+                            props.color = segment.color;
+                        return (_jsx(Text, { ...props, children: segment.text }, `${line.key}-${index}`));
+                    }) }, line.key))) }), _jsx(Box, { marginTop: 1, children: _jsx(HelpBar, { view: "log", follow: follow }) })] }));
+}
+function buildLogHeader(issue, activeRunId, width) {
+    const token = issueTokenFor(issue);
+    const pr = prTokenFor(issue);
+    const key = issue.issueKey ?? issue.projectId;
+    const segments = [
+        { text: key, color: token.color, bold: true },
+        { text: "  " },
+        { text: token.glyph, color: token.color },
+        { text: "  " },
+        { text: token.phrase },
+    ];
+    if (pr) {
+        segments.push({ text: "   " });
+        segments.push({ text: `#${pr.prNumber} ${pr.glyph}`, color: pr.color });
+    }
+    if (activeRunId !== null) {
+        segments.push({ text: "   " });
+        segments.push({ text: `run #${activeRunId}`, dimColor: true });
+    }
+    const plain = renderTextLines(segments.map((s) => s.text).join(""), { key: "log-header", width });
+    if (plain.length > 0) {
+        plain[0] = { key: plain[0].key, segments };
+    }
+    return plain;
+}
+function clamp(value, min, max) {
+    return Math.max(min, Math.min(max, value));
+}
+function blankLine(key) {
+    return { key, segments: [{ text: "" }] };
+}