Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Pipeline Plan 192

Seth Ford edited this page Mar 1, 2026 · 3 revisions

The plan is ready for review. Here's a summary:

Goal: Add a pipeline progress indicator to the dashboard (Issue #192)

Approach: Compact progress bar in the pipelines table + ETA estimation in the detail panel

6 files to modify:

  1. helpers.ts - Add computeStageProgress() and estimateTimeRemaining() helper functions
  2. pipelines.ts - Add progress bar column to table rows + ETA in detail panel
  3. index.html - Add "Progress" column header
  4. styles.css - Progress bar CSS (reusing existing stat-bar pattern)
  5. helpers.test.ts - Tests for new helpers
  6. pipelines.test.ts - Tests for progress bar rendering

Key design decisions:

  • Reuses existing stat-bar-track/fill CSS pattern for visual consistency
  • Progress calculated from stagesDone.length / STAGES.length (data already available via WebSocket)
  • ETA estimated from elapsed_time / stages_completed * stages_remaining
  • Full ARIA accessibility (role="progressbar", aria-valuenow, aria-label)
  • No new API calls needed - piggybacks on existing 2s WebSocket push
  • Responsive mobile styles included

Clone this wiki locally

AltStyle によって変換されたページ (->オリジナル) /