-
Notifications
You must be signed in to change notification settings - Fork 1
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:
-
helpers.ts- AddcomputeStageProgress()andestimateTimeRemaining()helper functions -
pipelines.ts- Add progress bar column to table rows + ETA in detail panel -
index.html- Add "Progress" column header -
styles.css- Progress bar CSS (reusing existingstat-barpattern) -
helpers.test.ts- Tests for new helpers -
pipelines.test.ts- Tests for progress bar rendering
Key design decisions:
- Reuses existing
stat-bar-track/fillCSS 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