Repository navigation
CODER-004 — Build Status Panel UI (Builds tab/panel in the Coder web surface) #80
Description
Type: Frontend
Description
Add a "Builds" view to the Coder agent UI showing every repo's build status. Each entry: repo/build name + run number, a status badge (✓ success / ✗ failed / ⟳ running / pending), timestamp, and a one-line summary (branch@sha · workflow), with a "View run" link.
Acceptance Criteria
- A "Repos | Builds" segmented toggle on the all-repos landing view (mirrors the existing "Co-pilot | Terminal" toggle style) switches between
ReposListand the new Builds panel. - Each build row shows: name/
#runNumber, status badge, relative timestamp,branch@shasummary. - Status derived from
status+conclusion:in_progress→running,queued→pending,completed+success→success,completed+{failure,cancelled,timed_out}→failed, elseunknown. - Repos that return
available:falserender a muted "not available (local repo / GitHub App not installed)" row rather than being hidden silently. - Empty state when the instance has no GitHub-connected repos.
- Polls for freshness (~20s) while the Builds view is open; stops when not visible.
- Scrollable on mobile: scroll container uses
overflow-y-auto overscroll-containand a bounded height (flex-1 min-h-0; usedvhif a fixed/overlay layout is introduced), consistent with the modal scroll fixes already applied.
Technical Notes
- New file:
agents/coder/web/src/BuildsPanel.tsx. Wire to CODER-001/deployments(or CODER-003/buildsaggregate if available). Reuseapifrom@proagentstore/sdk/clientandusePollingfrom@proagentstore/sdk/hooks. - Edit
agents/coder/web/src/CodingTab.tsx: add alandingView: "repos" | "builds"state, wrap the landing return in the flex-col height container (mirror the session-open branch), render the toggle + conditional body. - Follow
ReposList.tsxcard styling (bg-paper border border-line rounded-lg p-3) and the project'slucide-reacticon convention. No new shared types needed beyond a localDeploymentRun/Buildinterface (or promote totypes.tsif reused).
Dependencies
CODER-001 (hard). CODER-003 optional (latency only).
Activity
serge-ivo commentedon Aug 1, 2026
Architectural clarification (CODER-004)
Token boundary (browser). The browser never holds a GitHub token. It calls the Worker (
/buildsaggregate — CODER-003, or per-repo/deployments— CODER-001) with only its session JWT bearer; the Worker injects the GitHub App installation token server-side and returns sanitized run fields. The panel renders those fields — no token, no raw GitHub payload.Poll cadence honors the tier model. While the Builds view is visible, refresh at the active cadence (~30s) and prefer the aggregate
/buildscall so it's one request regardless of repo count (fall back to per-repo/deployments). When the view is hidden, stop. Once CODER-007 lands, switch to WebSocket push and drop polling entirely.feat(coder): Build Status panel UI (Builds tab) — CODER-004, #80
serge-ivo commentedon Aug 2, 2026
Shipped in
eff1f6d— closingNew
agents/coder/web/src/BuildsPanel.tsx+ a Repos | Builds toggle inCodingTab.GET /coding/builds— one call, latest run per repo (not N per-repo/deployments).#runNumber, status badge (✓ Success / ✗ Failed / ⟳ Running (spinner) / Pending / Unknown), relative timestamp,branch@sha · workflowsummary, and a View run link.in_progress→running,queued→pending,completed+success→success,completed+{failure,cancelled,timed_out}→failed, elseunknown.available:falserender a muted "Not available (local repo / GitHub App not installed)" row — shown, not hidden. Empty states for no-repos and no-GitHub-connected-repos.BuildsPanelwhilelandingView === 'builds', so unmount halts the poll).flex-1 min-h-0 overflow-y-auto overscroll-contain, consistent with the earlier modal scroll fixes.codingsurface, so no console-shell/surface-registry change was needed.tsc --noEmitclean (coder/web). Next: CODER-005 (#81) — the Working/Idle/Error header indicator.