patchrelay 0.35.11 → 0.35.13

package/dist/cli/watch/IssueDetailView.js

@@ -1,138 +1,71 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useReducer } from "react";
-import { Box, Text } from "ink";
-import { Timeline } from "./Timeline.js";
-import { StateHistoryView } from "./StateHistoryView.js";
-import { buildStateHistory } from "./history-builder.js";
+import { Box, Text, useStdout } from "ink";
 import { HelpBar } from "./HelpBar.js";
-import { planStepSymbol, planStepColor } from "./plan-helpers.js";
-import { progressBar } from "./format-utils.js";
-import { FactoryStateGraph } from "./FactoryStateGraph.js";
-import { QueueObservationView } from "./QueueObservationView.js";
-import { buildPatchRelayQueueObservations, buildPatchRelayStateGraph } from "./state-visualization.js";
-import { FreshnessBadge } from "./FreshnessBadge.js";
-function formatTokens(n) {
-    if (n >= 1_000_000)
-        return `${(n / 1_000_000).toFixed(1)}M`;
-    if (n >= 1_000)
-        return `${(n / 1_000).toFixed(1)}k`;
-    return String(n);
-}
-function formatReviewState(reviewState) {
-    switch (reviewState) {
-        case "approved":
-            return "approved";
-        case "changes_requested":
-            return "changes requested";
-        case "commented":
-            return "commented";
-        default:
-            return reviewState ? reviewState.replaceAll("_", " ") : null;
-    }
-}
-function formatCheckState(checkState) {
-    switch (checkState) {
-        case "passed":
-        case "success":
-            return "checks passed";
-        case "failed":
-        case "failure":
-            return "checks failed";
-        case "pending":
-        case "in_progress":
-        case "queued":
-            return "checks pending";
-        default:
-            return null;
-    }
-}
-const STATE_DISPLAY = {
-    blocked: { label: "blocked", color: "yellow" },
-    ready: { label: "ready", color: "blueBright" },
-    delegated: { label: "delegated", color: "cyan" },
-    implementing: { label: "implementing", color: "cyan" },
-    pr_open: { label: "PR open", color: "cyan" },
-    changes_requested: { label: "review changes", color: "yellow" },
-    repairing_ci: { label: "repairing CI", color: "yellow" },
-    awaiting_queue: { label: "queued for merge", color: "cyan" },
-    repairing_queue: { label: "repairing queue", color: "yellow" },
-    done: { label: "merged", color: "green" },
-    failed: { label: "failed", color: "red" },
-    escalated: { label: "escalated", color: "red" },
-    awaiting_input: { label: "awaiting input", color: "yellow" },
-};
-function effectiveState(issue) {
-    if (issue.blockedByCount > 0 && !issue.activeRunType)
-        return "blocked";
-    if (issue.readyForExecution && !issue.activeRunType)
-        return "ready";
-    return issue.factoryState;
-}
-function blockerText(issue, issueContext) {
-    if (issue.blockedByCount > 0)
-        return `Waiting on ${issue.blockedByKeys.join(", ")}`;
-    if (issue.factoryState === "repairing_queue")
-        return "Merge queue conflict, repairing branch";
-    if (issue.factoryState === "repairing_ci") {
-        const check = issueContext?.latestFailureCheckName ?? issue.latestFailureCheckName ?? "CI";
-        return `Repairing ${check}`;
-    }
-    if (issue.factoryState === "awaiting_queue")
-        return "Waiting for merge queue";
-    if (issue.prCheckStatus === "failed" || issue.prCheckStatus === "failure") {
-        const check = issueContext?.latestFailureCheckName ?? issue.latestFailureCheckName ?? "checks";
-        return `${check} failed`;
-    }
-    if (issue.prReviewState === "changes_requested")
-        return "Review changes requested";
-    if (issue.prNumber !== undefined && !issue.prReviewState && issue.factoryState !== "done")
-        return "Awaiting review";
-    return null;
-}
-function ElapsedTime({ startedAt }) {
-    const [, tick] = useReducer((c) => c + 1, 0);
+import { buildDetailLines } from "./detail-rows.js";
+export function IssueDetailView({ issue, timeline, follow, scrollOffset, unreadBelow, activeRunStartedAt, activeRunId, tokenUsage, diffSummary, plan, issueContext, detailTab, rawRuns, rawFeedEvents, connected, lastServerMessageAt, reservedRows = 0, onLayoutChange, }) {
+    const [, tick] = useReducer((value) => value + 1, 0);
+    const { stdout } = useStdout();
+    const width = Math.max(20, stdout?.columns ?? 80);
+    const totalRows = stdout?.rows ?? 24;
+    const footerRows = 1 + (unreadBelow > 0 ? 1 : 0);
+    const viewportRows = Math.max(4, totalRows - reservedRows - footerRows);
     useEffect(() => {
-        const id = setInterval(tick, 1000);
+        const id = setInterval(tick, 1_000);
         return () => clearInterval(id);
     }, []);
-    const elapsed = Math.max(0, Math.floor((Date.now() - new Date(startedAt).getTime()) / 1000));
-    const minutes = Math.floor(elapsed / 60);
-    const seconds = elapsed % 60;
-    return _jsxs(Text, { dimColor: true, children: [minutes, "m ", String(seconds).padStart(2, "0"), "s"] });
+    const lines = useMemo(() => {
+        if (!issue) {
+            return [{ key: "loading", segments: [{ text: "Loading issue…", dimColor: true }] }];
+        }
+        return buildDetailLines({
+            issue,
+            timeline,
+            activeRunStartedAt,
+            activeRunId,
+            tokenUsage,
+            diffSummary,
+            plan,
+            issueContext,
+            detailTab,
+            rawRuns,
+            rawFeedEvents,
+            follow,
+            connected,
+            lastServerMessageAt,
+            width,
+        });
+    }, [
+        issue,
+        timeline,
+        activeRunStartedAt,
+        activeRunId,
+        tokenUsage,
+        diffSummary,
+        plan,
+        issueContext,
+        detailTab,
+        rawRuns,
+        rawFeedEvents,
+        follow,
+        connected,
+        lastServerMessageAt,
+        width,
+    ]);
+    useEffect(() => {
+        onLayoutChange(viewportRows, lines.length);
+    }, [lines.length, onLayoutChange, viewportRows]);
+    const maxOffset = Math.max(0, lines.length - viewportRows);
+    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}`))), unreadBelow > 0 && (_jsx(Text, { color: "yellow", children: `${unreadBelow} below · End jumps back to live` })), _jsx(HelpBar, { view: "detail", follow: follow, detailTab: detailTab })] }));
 }
-export function IssueDetailView({ issue, timeline, follow, activeRunStartedAt, activeRunId, tokenUsage, diffSummary, plan, issueContext, detailTab, rawRuns, rawFeedEvents, connected, lastServerMessageAt, }) {
-    if (!issue) {
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "red", children: "Issue not found." }), _jsx(HelpBar, { view: "detail", follow: follow, detailTab: detailTab })] }));
-    }
-    const key = issue.issueKey ?? issue.projectId;
-    const meta = [];
-    if (tokenUsage)
-        meta.push(`${formatTokens(tokenUsage.inputTokens)} in / ${formatTokens(tokenUsage.outputTokens)} out`);
-    if (diffSummary && diffSummary.filesChanged > 0)
-        meta.push(`${diffSummary.filesChanged}f +${diffSummary.linesAdded} -${diffSummary.linesRemoved}`);
-    if (issueContext?.runCount)
-        meta.push(`${issueContext.runCount} runs`);
-    const state = STATE_DISPLAY[effectiveState(issue)] ?? { label: issue.factoryState, color: "white" };
-    const blocker = blockerText(issue, issueContext);
-    const history = useMemo(() => buildStateHistory(rawRuns, rawFeedEvents, issue.factoryState, activeRunId), [rawRuns, rawFeedEvents, issue.factoryState, activeRunId]);
-    const graph = useMemo(() => buildPatchRelayStateGraph(history, issue.factoryState), [history, issue.factoryState]);
-    const queueObservations = useMemo(() => buildPatchRelayQueueObservations(issue, rawFeedEvents), [issue, rawFeedEvents]);
-    // Build compact facts for the header
-    const facts = [];
-    if (issue.prNumber !== undefined)
-        facts.push(`PR #${issue.prNumber}`);
-    if (issue.prReviewState === "approved")
-        facts.push("approved");
-    else if (issue.prReviewState === "changes_requested")
-        facts.push("changes requested");
-    if (issue.prCheckStatus === "passed" || issue.prCheckStatus === "success")
-        facts.push("checks passed");
-    else if (issue.prCheckStatus === "failed" || issue.prCheckStatus === "failure") {
-        const check = issueContext?.latestFailureCheckName ?? issue.latestFailureCheckName ?? "checks";
-        facts.push(`${check} failed`);
-    }
-    else if (issue.prChecksSummary?.total) {
-        facts.push(`checks ${issue.prChecksSummary.completed}/${issue.prChecksSummary.total}`);
+function RenderedLine({ line }) {
+    if (line.segments.length === 0) {
+        return _jsx(Text, { children: " " });
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: true, children: key }), _jsx(Text, { color: state.color, children: state.label }), facts.length > 0 && _jsx(Text, { dimColor: true, children: facts.join(" \u00b7 ") }), activeRunStartedAt && _jsx(ElapsedTime, { startedAt: activeRunStartedAt }), meta.length > 0 && _jsx(Text, { dimColor: true, children: meta.join("  ") }), follow && _jsx(Text, { color: "yellow", children: "follow" }), _jsx(FreshnessBadge, { connected: connected, lastServerMessageAt: lastServerMessageAt })] }), issue.title && _jsx(Text, { children: issue.title }), blocker && _jsx(Text, { color: "yellow", children: blocker }), issueContext?.latestFailureSummary && (_jsxs(Text, { color: issueContext.latestFailureSource === "queue_eviction" ? "yellow" : "red", children: ["Latest failure: ", issueContext.latestFailureSummary, issueContext.latestFailureHeadSha ? ` @ ${issueContext.latestFailureHeadSha.slice(0, 8)}` : ""] })), detailTab === "timeline" ? (_jsxs(_Fragment, { children: [plan && plan.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: "Plan" }), _jsx(Text, { children: progressBar(plan.filter((s) => s.status === "completed").length, plan.length, 16) }), _jsxs(Text, { dimColor: true, children: [plan.filter((s) => s.status === "completed").length, "/", plan.length] })] }), plan.map((entry, i) => (_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: planStepColor(entry.status), children: ["[", planStepSymbol(entry.status), "]"] }), _jsx(Text, { children: entry.step })] }, `plan-${i}`)))] })), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Timeline, { entries: timeline, follow: follow }) })] })) : (_jsxs(_Fragment, { children: [_jsx(FactoryStateGraph, { main: graph.main, prLoops: graph.prLoops, queueLoop: graph.queueLoop, exits: graph.exits }), _jsx(QueueObservationView, { observations: queueObservations }), _jsx(Box, { marginTop: 1, children: _jsx(StateHistoryView, { history: history, plan: plan, activeRunId: activeRunId }) })] })), _jsx(Box, { marginTop: 1, children: _jsx(HelpBar, { view: "detail", follow: follow, detailTab: detailTab }) })] }));
+    return (_jsx(Text, { children: line.segments.map((segment, index) => (_jsx(Text
+        // eslint-disable-next-line react/no-array-index-key
+        , { ...(segment.color ? { color: segment.color } : {}), ...(segment.dimColor ? { dimColor: true } : {}), ...(segment.bold ? { bold: true } : {}), children: segment.text }, `${line.key}-${index}`))) }));
 }

package/dist/cli/watch/IssueRow.js

@@ -3,48 +3,94 @@ import { Box, Text } from "ink";
 import { summarizeIssueStatusNote } from "./issue-status-note.js";
 import { relativeTime, truncate } from "./format-utils.js";
 // ─── State display ──────────────────────────────────────────────
-const TERMINAL_STATES = new Set(["done", "failed", "escalated", "awaiting_input"]);
+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.blockedByCount > 0 && !issue.activeRunType)
         return "blocked";
     if (issue.readyForExecution && !issue.activeRunType)
         return "ready";
+    if (issue.sessionState === "waiting_input")
+        return "awaiting_input";
     return issue.factoryState;
 }
-function stateDisplay(issue) {
+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 { label: "blocked", color: "yellow" };
-        case "ready": return { label: "ready", color: "blueBright" };
-        case "delegated": return { label: "delegated", color: "cyan" };
-        case "implementing": return { label: "implementing", color: "cyan" };
-        case "pr_open": return { label: "PR open", color: "cyan" };
-        case "changes_requested": return { label: "review changes", color: "yellow" };
-        case "repairing_ci": return { label: "repairing CI", color: "yellow" };
-        case "awaiting_queue": return { label: "queued for merge", color: "cyan" };
-        case "repairing_queue": return { label: "repairing queue", color: "yellow" };
-        case "done": return { label: "merged", color: "green" };
-        case "failed": return { label: "failed", color: "red" };
-        case "escalated": return { label: "escalated", color: "red" };
-        case "awaiting_input": return { label: "awaiting input", color: "yellow" };
-        default: return { label: state, color: "white" };
+        case "blocked": return "blocked";
+        case "ready": return "ready";
+        case "delegated": return "delegated";
+        case "implementing": return "implementing";
+        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) {
+function buildFacts(issue, selected) {
     const facts = [];
+    const rereviewNeeded = issue.prReviewState === "changes_requested"
+        && (issue.prCheckStatus === "passed" || issue.prCheckStatus === "success")
+        && !issue.activeRunType;
     // 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 (issue.prReviewState === "approved") {
         facts.push({ text: "approved", color: "green" });
     }
+    else if (rereviewNeeded) {
+        facts.push({ text: "re-review needed", color: "yellow" });
+    }
     else if (issue.prReviewState === "changes_requested") {
         facts.push({ text: "changes requested", color: "yellow" });
     }
-    else if (issue.prNumber !== undefined && !issue.prReviewState && !TERMINAL_STATES.has(issue.factoryState)) {
+    else if (issue.prNumber !== undefined && !issue.prReviewState && !TERMINAL_STATES.has(effectiveState(issue))) {
         facts.push({ text: "awaiting review", color: "yellow" });
     }
     // Check status — compact
@@ -74,20 +120,29 @@ function buildFacts(issue) {
 }
 // ─── What's blocking progress ───────────────────────────────────
 function blockerText(issue) {
+    const rereviewNeeded = issue.prReviewState === "changes_requested"
+        && (issue.prCheckStatus === "passed" || issue.prCheckStatus === "success")
+        && !issue.activeRunType;
+    if (issue.sessionState === "waiting_input")
+        return issue.waitingReason ?? "Waiting for input";
+    if (needsOperatorIntervention(issue))
+        return issue.statusNote ?? issue.waitingReason ?? "Needs operator intervention";
+    if (issue.waitingReason && !issue.activeRunType)
+        return issue.waitingReason;
     if (issue.blockedByCount > 0)
         return `Waiting on ${issue.blockedByKeys.join(", ")}`;
-    if (issue.factoryState === "repairing_queue")
+    if (effectiveState(issue) === "repairing_queue")
         return "Merge queue conflict, repairing branch";
-    if (issue.factoryState === "repairing_ci") {
+    if (effectiveState(issue) === "repairing_ci") {
         const check = issue.latestFailureCheckName ?? "CI";
         return `Repairing ${check}`;
     }
-    if (issue.factoryState === "awaiting_queue")
-        return "Waiting for merge queue";
     if (issue.prCheckStatus === "failed" || issue.prCheckStatus === "failure") {
         const check = issue.latestFailureCheckName ?? "checks";
         return `${check} failed`;
     }
+    if (rereviewNeeded)
+        return "Awaiting re-review after requested changes";
     if (issue.prReviewState === "changes_requested")
         return "Review changes requested";
     return null;
@@ -98,13 +153,13 @@ export function IssueRow({ issue, selected, titleWidth }) {
     const tw = titleWidth ?? 60;
     const title = issue.title ? truncate(issue.title, tw) : "";
     const detail = selected ? summarizeIssueStatusNote(issue.statusNote) : undefined;
-    const state = stateDisplay(issue);
-    const facts = buildFacts(issue);
+    const session = sessionDisplay(issue);
+    const facts = buildFacts(issue, selected);
     const blocker = selected ? blockerText(issue) : null;
-    const isTerminal = TERMINAL_STATES.has(issue.factoryState);
+    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: state.color, children: state.label })] }));
+        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 })] }));
     }
-    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: state.color, children: state.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] }));
+    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] }));
 }

package/dist/cli/watch/StatusBar.js

@@ -9,8 +9,12 @@ const FILTER_LABELS = {
 };
 export function StatusBar({ issues, totalCount, filter, connected, lastServerMessageAt, allIssues, frozen, }) {
     const showing = filter === "all" ? `${totalCount} issues` : `${issues.length}/${totalCount} issues`;
-    const agg = computeAggregates(allIssues);
-    const withPr = allIssues.filter((i) => i.prNumber !== undefined).length;
-    const awaitingInput = allIssues.filter((i) => i.factoryState === "awaiting_input").length;
-    return (_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, children: showing }), _jsxs(Text, { dimColor: true, children: ["[", FILTER_LABELS[filter], "]"] }), _jsx(Text, { dimColor: true, children: "|" }), agg.active > 0 && _jsxs(Text, { color: "cyan", children: [agg.active, " active"] }), agg.ready > 0 && _jsxs(Text, { color: "blueBright", children: [agg.ready, " ready"] }), agg.blocked > 0 && _jsxs(Text, { color: "yellow", children: [agg.blocked, " blocked"] }), withPr > 0 && _jsxs(Text, { dimColor: true, children: [withPr, " PRs"] }), awaitingInput > 0 && _jsxs(Text, { color: "yellow", children: [awaitingInput, " awaiting input"] }), agg.done > 0 && _jsxs(Text, { color: "green", children: [agg.done, " done"] }), agg.failed > 0 && _jsxs(Text, { color: "red", children: [agg.failed, " failed"] }), frozen && _jsx(Text, { color: "magenta", children: "frozen" })] }), _jsx(FreshnessBadge, { connected: connected, lastServerMessageAt: lastServerMessageAt })] }));
+    const aggregateSource = filter === "all" ? allIssues : issues;
+    const agg = computeAggregates(aggregateSource);
+    const withPr = aggregateSource.filter((i) => i.prNumber !== undefined).length;
+    const waitingInput = aggregateSource.filter((i) => i.sessionState === "waiting_input" || i.factoryState === "awaiting_input").length;
+    const intervention = aggregateSource.filter((i) => i.sessionState === "failed" || i.factoryState === "failed" || i.factoryState === "escalated").length;
+    const running = aggregateSource.filter((i) => i.sessionState === "running").length;
+    const idle = aggregateSource.filter((i) => i.sessionState === "idle").length;
+    return (_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, children: showing }), _jsxs(Text, { dimColor: true, children: ["[", FILTER_LABELS[filter], "]"] }), _jsx(Text, { dimColor: true, children: "|" }), running > 0 && _jsxs(Text, { color: "cyan", children: [running, " running"] }), idle > 0 && _jsxs(Text, { color: "blueBright", children: [idle, " idle"] }), agg.ready > 0 && _jsxs(Text, { color: "blueBright", children: [agg.ready, " ready"] }), agg.blocked > 0 && _jsxs(Text, { color: "yellow", children: [agg.blocked, " blocked"] }), withPr > 0 && _jsxs(Text, { dimColor: true, children: [withPr, " PRs"] }), waitingInput > 0 && _jsxs(Text, { color: "yellow", children: [waitingInput, " needs input"] }), intervention > 0 && _jsxs(Text, { color: "red", children: [intervention, " needs help"] }), agg.done > 0 && _jsxs(Text, { color: "green", children: [agg.done, " done"] }), agg.failed > 0 && _jsxs(Text, { color: "red", children: [agg.failed, " failed"] }), frozen && _jsx(Text, { color: "magenta", children: "frozen" })] }), _jsx(FreshnessBadge, { connected: connected, lastServerMessageAt: lastServerMessageAt })] }));
 }