chore: cleanup sprint — dead CSS, dedup helpers, handler refactor

Remove ~126 lines of orphaned CSS from tile slim-down and old detail
layout. Consolidate 4 duplicate duration formatters into shared
elapsed()/fmtElapsed() helpers. Break 160-line Result handler into
focused sub-functions. Implement real Hub.Shutdown() (was a no-op).
Standardize agent error responses to JSON. Replace panic() in router
init with error return. Extract magic numbers as named constants.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

internal/web/static/app.css

@@ -140,58 +140,6 @@ button.danger:hover { background: rgba(229,100,102,.1); }
 .tile-last-seen.stale::before { background: var(--warn); }
 .tile-last-seen.offline::before { background: var(--text-dim); opacity: .5; }
 
-.tile-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; margin: 0; font-size: 13px; }
-.tile-meta div { display: flex; justify-content: space-between; align-items: baseline; }
-.tile-meta dt { color: var(--text-dim); }
-.tile-meta dd { margin: 0; font-family: var(--mono); }
-
-.tile-actions { display: flex; gap: 8px; }
-.tile-actions .inline { margin: 0; flex: 0; }
-
-.tile-meta dd.bad { color: var(--danger); }
-
-.tile-hold {
-  background: rgba(229,100,102,.08);
-  border: 1px solid rgba(229,100,102,.35);
-  border-radius: var(--radius);
-  padding: 8px 10px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.tile-hold .hold-title {
-  font-size: 12px;
-  color: var(--danger);
-  text-transform: uppercase;
-  letter-spacing: .5px;
-}
-.tile-hold .hold-ssh {
-  font-family: var(--mono);
-  font-size: 12px;
-  color: var(--text);
-  word-break: break-all;
-  user-select: all;
-}
-
-.tile-log {
-  background: #0b0d12;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 8px 10px;
-  font-family: var(--mono);
-  font-size: 12px;
-  color: var(--text-dim);
-  max-height: 160px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.tile-log:empty { display: none; }
-.tile-log .log-line { white-space: pre-wrap; }
-.tile-log .log-warn { color: var(--warn); }
-.tile-log .log-error { color: var(--danger); }
-
 .tile-fail { border-color: rgba(229,100,102,.6); }
 .tile-pass { border-color: rgba(53,194,123,.5); }
 .tile-active { border-color: var(--accent); }
@@ -314,7 +262,6 @@ body.bare main { max-width: none; }
 .detail-summary.tile-active { border-color: var(--accent); }
 .detail-summary-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; }
 .detail-name { margin: 0; font-size: 22px; }
-.detail-status-row { display: flex; align-items: center; gap: 12px; }
 .detail-meta {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
@@ -339,11 +286,6 @@ body.bare main { max-width: none; }
 .detail-section details[open] > summary::before { transform: rotate(90deg); }
 .detail-section details > summary h2 { margin: 0; }
 
-.detail-hold {
-  background: rgba(229,100,102,.08);
-  border-color: rgba(229,100,102,.35);
-}
-.detail-hold h2 { color: var(--danger); }
 .hold-ssh {
   font-family: var(--mono);
   font-size: 13px;
@@ -360,25 +302,6 @@ body.bare main { max-width: none; }
 .detail-actions-row { display: flex; flex-wrap: wrap; gap: 10px; }
 .detail-actions-row .inline { margin: 0; }
 
-.detail-log {
-  background: #0b0d12;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 10px 12px;
-  font-family: var(--mono);
-  font-size: 12px;
-  color: var(--text-dim);
-  max-height: 500px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.detail-log:empty::before { content: "(no log output yet)"; color: var(--text-dim); opacity: .5; }
-.detail-log .log-line { white-space: pre-wrap; }
-.detail-log .log-warn { color: var(--warn); }
-.detail-log .log-error { color: var(--danger); }
-
 /* ===== Log tabs (CSS-only radio switch) ===== */
 /* Radios are visually hidden but still functional: checked state is read
    by sibling selectors below to flip the active label + pane. */
@@ -564,37 +487,6 @@ body.bare main { max-width: none; }
   50%       { box-shadow: 0 0 0 8px rgba(60,130,246,0); }
 }
 
-/* ===== Host detail v2 — GitHub-Actions-style layout ===== */
-
-.detail-v2 { gap: 12px; }
-
-.host-meta-drawer {
-  background: var(--bg-elev);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 8px 16px;
-}
-.host-meta-drawer > summary {
-  list-style: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  font-size: 13px;
-  color: var(--text-dim);
-  padding: 4px 0;
-}
-.host-meta-drawer > summary::before {
-  content: "▸";
-  color: var(--text-dim);
-  font-size: 11px;
-  transition: transform .1s ease;
-}
-.host-meta-drawer[open] > summary::before { transform: rotate(90deg); }
-.host-meta-drawer .meta-summary-label { color: var(--text); font-weight: 600; }
-.host-meta-drawer .meta-summary-mac { font-family: var(--mono); margin-left: auto; }
-.host-meta-drawer[open] > summary { margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 8px; }
-
 .run-header {
   background: var(--bg-elev);
   border: 1px solid var(--border);
@@ -673,25 +565,7 @@ body.bare main { max-width: none; }
 }
 .detail-hold-placeholder { display: none; }
 
-.detail-body {
-  display: grid;
-  grid-template-columns: 1fr 260px;
-  gap: 16px;
-  align-items: start;
-}
-@media (max-width: 900px) {
-  .detail-body { grid-template-columns: 1fr; }
-}
 .active-step-pane { display: flex; flex-direction: column; gap: 8px; }
-.detail-empty {
-  padding: 24px;
-  background: var(--bg-elev);
-  border: 1px dashed var(--border);
-  border-radius: var(--radius);
-  color: var(--text-dim);
-  text-align: center;
-}
-
 .step {
   background: var(--bg-elev);
   border: 1px solid var(--border);

internal/web/templates/active_step.templ

@@ -2,7 +2,6 @@ package templates
 
 import (
 	"fmt"
-	"time"
 
 	"vetting/internal/model"
 )
@@ -67,30 +66,9 @@ func SubStepsForStage(all []model.SubStep, stageName string) []model.SubStep {
 	return out
 }
 
-// stageDurationFromStage is stageDuration adapted to a model.Stage — same
-// formatting rules, different input shape.
 func stageDurationFromStage(s model.Stage) string {
-	if s.StartedAt == nil {
-		return ""
-	}
-	end := time.Now()
-	if s.CompletedAt != nil {
-		end = *s.CompletedAt
-	}
-	d := end.Sub(*s.StartedAt)
-	if d < 0 {
-		d = 0
-	}
-	switch {
-	case d < time.Second:
-		return fmt.Sprintf("%dms", int(d/time.Millisecond))
-	case d < 10*time.Second:
-		return fmt.Sprintf("%.1fs", d.Seconds())
-	case d < time.Minute:
-		return fmt.Sprintf("%ds", int(d/time.Second))
-	case d < time.Hour:
-		return fmt.Sprintf("%dm", int(d/time.Minute))
-	default:
-		return fmt.Sprintf("%dh", int(d/time.Hour))
+	if d := elapsed(s.StartedAt, s.CompletedAt); d >= 0 {
+		return fmtElapsed(d, false)
 	}
+	return ""
 }

internal/web/templates/active_step_templ.go

@@ -10,7 +10,6 @@ import templruntime "github.com/a-h/templ/runtime"
 
 import (
 	"fmt"
-	"time"
 
 	"vetting/internal/model"
 )
@@ -88,7 +87,7 @@ func ActiveStep(d ActiveStepData) templ.Component {
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(d.Stage.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 28, Col: 102}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 27, Col: 102}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
@@ -123,7 +122,7 @@ func ActiveStep(d ActiveStepData) templ.Component {
 		var templ_7745c5c3_Var7 string
 		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(stageMarker(string(d.Stage.State)))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 30, Col: 105}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 29, Col: 105}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 		if templ_7745c5c3_Err != nil {
@@ -136,7 +135,7 @@ func ActiveStep(d ActiveStepData) templ.Component {
 		var templ_7745c5c3_Var8 string
 		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(d.Stage.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 31, Col: 41}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 30, Col: 41}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
@@ -149,7 +148,7 @@ func ActiveStep(d ActiveStepData) templ.Component {
 		var templ_7745c5c3_Var9 string
 		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(stageDurationFromStage(d.Stage))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 32, Col: 64}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 31, Col: 64}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {
@@ -182,7 +181,7 @@ func ActiveStep(d ActiveStepData) templ.Component {
 		var templ_7745c5c3_Var10 string
 		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(d.Stage.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 43, Col: 99}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 42, Col: 99}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
 		if templ_7745c5c3_Err != nil {
@@ -195,7 +194,7 @@ func ActiveStep(d ActiveStepData) templ.Component {
 		var templ_7745c5c3_Var11 string
 		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("log-%d-%s", d.RunID, d.Stage.Name))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 47, Col: 56}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 46, Col: 56}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
 		if templ_7745c5c3_Err != nil {
@@ -208,7 +207,7 @@ func ActiveStep(d ActiveStepData) templ.Component {
 		var templ_7745c5c3_Var12 string
 		templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("log-%d-%s", d.RunID, d.Stage.Name))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 48, Col: 62}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/active_step.templ`, Line: 47, Col: 62}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
 		if templ_7745c5c3_Err != nil {
@@ -243,32 +242,11 @@ func SubStepsForStage(all []model.SubStep, stageName string) []model.SubStep {
 	return out
 }
 
-// stageDurationFromStage is stageDuration adapted to a model.Stage — same
-// formatting rules, different input shape.
 func stageDurationFromStage(s model.Stage) string {
-	if s.StartedAt == nil {
-		return ""
-	}
-	end := time.Now()
-	if s.CompletedAt != nil {
-		end = *s.CompletedAt
-	}
-	d := end.Sub(*s.StartedAt)
-	if d < 0 {
-		d = 0
-	}
-	switch {
-	case d < time.Second:
-		return fmt.Sprintf("%dms", int(d/time.Millisecond))
-	case d < 10*time.Second:
-		return fmt.Sprintf("%.1fs", d.Seconds())
-	case d < time.Minute:
-		return fmt.Sprintf("%ds", int(d/time.Second))
-	case d < time.Hour:
-		return fmt.Sprintf("%dm", int(d/time.Minute))
-	default:
-		return fmt.Sprintf("%dh", int(d/time.Hour))
+	if d := elapsed(s.StartedAt, s.CompletedAt); d >= 0 {
+		return fmtElapsed(d, false)
 	}
+	return ""
 }
 
 var _ = templruntime.GeneratedTemplate

internal/web/templates/helpers.go

@@ -0,0 +1,42 @@
+package templates
+
+import (
+	"fmt"
+	"time"
+)
+
+func elapsed(start, end *time.Time) time.Duration {
+	if start == nil {
+		return -1
+	}
+	e := time.Now()
+	if end != nil {
+		e = *end
+	}
+	d := e.Sub(*start)
+	if d < 0 {
+		return 0
+	}
+	return d
+}
+
+func fmtElapsed(d time.Duration, long bool) string {
+	switch {
+	case d < time.Second:
+		return fmt.Sprintf("%dms", int(d/time.Millisecond))
+	case d < 10*time.Second:
+		return fmt.Sprintf("%.1fs", d.Seconds())
+	case d < time.Minute:
+		return fmt.Sprintf("%ds", int(d/time.Second))
+	case d < time.Hour:
+		if long {
+			return fmt.Sprintf("%dm %ds", int(d/time.Minute), int((d%time.Minute)/time.Second))
+		}
+		return fmt.Sprintf("%dm", int(d/time.Minute))
+	default:
+		if long {
+			return fmt.Sprintf("%dh %dm", int(d/time.Hour), int((d%time.Hour)/time.Minute))
+		}
+		return fmt.Sprintf("%dh", int(d/time.Hour))
+	}
+}

internal/web/templates/host_page.templ

@@ -283,9 +283,6 @@ func profileChipValue(p string) string {
 	return p
 }
 
-// runDuration formats the elapsed time for a run using the same buckets
-// as stageDuration. In-flight runs clock from StartedAt to now so the
-// run-page header + runs-table row keep ticking on each SSE push.
 func runDuration(r *model.Run) string {
 	if r == nil || r.StartedAt.IsZero() {
 		return ""
@@ -298,18 +295,7 @@ func runDuration(r *model.Run) string {
 	if d < 0 {
 		d = 0
 	}
-	switch {
-	case d < time.Second:
-		return fmt.Sprintf("%dms", int(d/time.Millisecond))
-	case d < 10*time.Second:
-		return fmt.Sprintf("%.1fs", d.Seconds())
-	case d < time.Minute:
-		return fmt.Sprintf("%ds", int(d/time.Second))
-	case d < time.Hour:
-		return fmt.Sprintf("%dm %ds", int(d/time.Minute), int((d%time.Minute)/time.Second))
-	default:
-		return fmt.Sprintf("%dh %dm", int(d/time.Hour), int((d%time.Hour)/time.Minute))
-	}
+	return fmtElapsed(d, true)
 }
 
 // stageForName returns the persisted Stage row for a given name, or a

internal/web/templates/host_page_templ.go

@@ -877,9 +877,6 @@ func profileChipValue(p string) string {
 	return p
 }
 
-// runDuration formats the elapsed time for a run using the same buckets
-// as stageDuration. In-flight runs clock from StartedAt to now so the
-// run-page header + runs-table row keep ticking on each SSE push.
 func runDuration(r *model.Run) string {
 	if r == nil || r.StartedAt.IsZero() {
 		return ""
@@ -892,18 +889,7 @@ func runDuration(r *model.Run) string {
 	if d < 0 {
 		d = 0
 	}
-	switch {
-	case d < time.Second:
-		return fmt.Sprintf("%dms", int(d/time.Millisecond))
-	case d < 10*time.Second:
-		return fmt.Sprintf("%.1fs", d.Seconds())
-	case d < time.Minute:
-		return fmt.Sprintf("%ds", int(d/time.Second))
-	case d < time.Hour:
-		return fmt.Sprintf("%dm %ds", int(d/time.Minute), int((d%time.Minute)/time.Second))
-	default:
-		return fmt.Sprintf("%dh %dm", int(d/time.Hour), int((d%time.Hour)/time.Minute))
-	}
+	return fmtElapsed(d, true)
 }
 
 // stageForName returns the persisted Stage row for a given name, or a

internal/web/templates/pipeline.templ

@@ -223,32 +223,11 @@ func stageStateByName(name string) (model.RunState, bool) {
 	return s, ok
 }
 
-// stageDuration renders node timing as "1.2s" / "12s" / "4m". Empty
-// string when the node hasn't started or hasn't finished.
 func stageDuration(n PipelineNode) string {
-	if n.StartedAt == nil {
-		return ""
-	}
-	end := time.Now()
-	if n.CompletedAt != nil {
-		end = *n.CompletedAt
-	}
-	d := end.Sub(*n.StartedAt)
-	if d < 0 {
-		d = 0
-	}
-	switch {
-	case d < time.Second:
-		return fmt.Sprintf("%dms", int(d/time.Millisecond))
-	case d < 10*time.Second:
-		return fmt.Sprintf("%.1fs", d.Seconds())
-	case d < time.Minute:
-		return fmt.Sprintf("%ds", int(d/time.Second))
-	case d < time.Hour:
-		return fmt.Sprintf("%dm", int(d/time.Minute))
-	default:
-		return fmt.Sprintf("%dh", int(d/time.Hour))
+	if d := elapsed(n.StartedAt, n.CompletedAt); d >= 0 {
+		return fmtElapsed(d, false)
 	}
+	return ""
 }
 
 // stageDisplayName turns the internal single-word state/stage identifier

internal/web/templates/pipeline_templ.go

@@ -231,32 +231,11 @@ func stageStateByName(name string) (model.RunState, bool) {
 	return s, ok
 }
 
-// stageDuration renders node timing as "1.2s" / "12s" / "4m". Empty
-// string when the node hasn't started or hasn't finished.
 func stageDuration(n PipelineNode) string {
-	if n.StartedAt == nil {
-		return ""
-	}
-	end := time.Now()
-	if n.CompletedAt != nil {
-		end = *n.CompletedAt
-	}
-	d := end.Sub(*n.StartedAt)
-	if d < 0 {
-		d = 0
-	}
-	switch {
-	case d < time.Second:
-		return fmt.Sprintf("%dms", int(d/time.Millisecond))
-	case d < 10*time.Second:
-		return fmt.Sprintf("%.1fs", d.Seconds())
-	case d < time.Minute:
-		return fmt.Sprintf("%ds", int(d/time.Second))
-	case d < time.Hour:
-		return fmt.Sprintf("%dm", int(d/time.Minute))
-	default:
-		return fmt.Sprintf("%dh", int(d/time.Hour))
+	if d := elapsed(n.StartedAt, n.CompletedAt); d >= 0 {
+		return fmtElapsed(d, false)
 	}
+	return ""
 }
 
 // stageDisplayName turns the internal single-word state/stage identifier
@@ -406,7 +385,7 @@ func Pipeline(nodes []PipelineNode) templ.Component {
 			var templ_7745c5c3_Var8 string
 			templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(stageMarker(n.State))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 307, Col: 77}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 286, Col: 77}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 			if templ_7745c5c3_Err != nil {
@@ -419,7 +398,7 @@ func Pipeline(nodes []PipelineNode) templ.Component {
 			var templ_7745c5c3_Var9 string
 			templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(stageDisplayName(n.Name))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 308, Col: 54}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 287, Col: 54}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 			if templ_7745c5c3_Err != nil {
@@ -432,7 +411,7 @@ func Pipeline(nodes []PipelineNode) templ.Component {
 			var templ_7745c5c3_Var10 string
 			templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(stageDuration(n))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 309, Col: 50}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 288, Col: 50}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
 			if templ_7745c5c3_Err != nil {
@@ -486,7 +465,7 @@ func PipelineSection(run *model.Run, nodes []PipelineNode) templ.Component {
 		var templ_7745c5c3_Var12 string
 		templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("pipeline-%d", run.ID))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 324, Col: 41}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 303, Col: 41}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
 		if templ_7745c5c3_Err != nil {
@@ -499,7 +478,7 @@ func PipelineSection(run *model.Run, nodes []PipelineNode) templ.Component {
 		var templ_7745c5c3_Var13 string
 		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("pipeline-%d", run.ID))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 326, Col: 47}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/pipeline.templ`, Line: 305, Col: 47}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
 		if templ_7745c5c3_Err != nil {

internal/web/templates/substep_row.templ

@@ -4,37 +4,15 @@ import (
 	"bytes"
 	"context"
 	"fmt"
-	"time"
 
 	"vetting/internal/model"
 )
 
-// subStepDuration formats a sub-step's elapsed time the same way
-// stageDuration does for pipeline nodes. Empty string when not started.
 func subStepDuration(ss model.SubStep) string {
-	if ss.StartedAt == nil {
-		return ""
-	}
-	end := time.Now()
-	if ss.CompletedAt != nil {
-		end = *ss.CompletedAt
-	}
-	d := end.Sub(*ss.StartedAt)
-	if d < 0 {
-		d = 0
-	}
-	switch {
-	case d < time.Second:
-		return fmt.Sprintf("%dms", int(d/time.Millisecond))
-	case d < 10*time.Second:
-		return fmt.Sprintf("%.1fs", d.Seconds())
-	case d < time.Minute:
-		return fmt.Sprintf("%ds", int(d/time.Second))
-	case d < time.Hour:
-		return fmt.Sprintf("%dm", int(d/time.Minute))
-	default:
-		return fmt.Sprintf("%dh", int(d/time.Hour))
+	if d := elapsed(ss.StartedAt, ss.CompletedAt); d >= 0 {
+		return fmtElapsed(d, false)
 	}
+	return ""
 }
 
 // subStepMarker mirrors stageMarker — a single-char glyph used inside the

internal/web/templates/substep_row_templ.go

@@ -12,37 +12,15 @@ import (
 	"bytes"
 	"context"
 	"fmt"
-	"time"
 
 	"vetting/internal/model"
 )
 
-// subStepDuration formats a sub-step's elapsed time the same way
-// stageDuration does for pipeline nodes. Empty string when not started.
 func subStepDuration(ss model.SubStep) string {
-	if ss.StartedAt == nil {
-		return ""
-	}
-	end := time.Now()
-	if ss.CompletedAt != nil {
-		end = *ss.CompletedAt
-	}
-	d := end.Sub(*ss.StartedAt)
-	if d < 0 {
-		d = 0
-	}
-	switch {
-	case d < time.Second:
-		return fmt.Sprintf("%dms", int(d/time.Millisecond))
-	case d < 10*time.Second:
-		return fmt.Sprintf("%.1fs", d.Seconds())
-	case d < time.Minute:
-		return fmt.Sprintf("%ds", int(d/time.Second))
-	case d < time.Hour:
-		return fmt.Sprintf("%dm", int(d/time.Minute))
-	default:
-		return fmt.Sprintf("%dh", int(d/time.Hour))
+	if d := elapsed(ss.StartedAt, ss.CompletedAt); d >= 0 {
+		return fmtElapsed(d, false)
 	}
+	return ""
 }
 
 // subStepMarker mirrors stageMarker — a single-char glyph used inside the
@@ -99,7 +77,7 @@ func SubStepRow(ss model.SubStep) templ.Component {
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("substep-%d-%s-%d", ss.RunID, ss.StageName, ss.Ordinal))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 63, Col: 74}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 41, Col: 74}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -125,7 +103,7 @@ func SubStepRow(ss model.SubStep) templ.Component {
 		var templ_7745c5c3_Var5 string
 		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("substep-%d-%s-%d", ss.RunID, ss.StageName, ss.Ordinal))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 65, Col: 80}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 43, Col: 80}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 		if templ_7745c5c3_Err != nil {
@@ -160,7 +138,7 @@ func SubStepRow(ss model.SubStep) templ.Component {
 		var templ_7745c5c3_Var8 string
 		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(subStepMarker(ss.State))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 68, Col: 96}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 46, Col: 96}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
@@ -173,7 +151,7 @@ func SubStepRow(ss model.SubStep) templ.Component {
 		var templ_7745c5c3_Var9 string
 		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(ss.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 69, Col: 38}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 47, Col: 38}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {
@@ -186,7 +164,7 @@ func SubStepRow(ss model.SubStep) templ.Component {
 		var templ_7745c5c3_Var10 string
 		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(subStepDuration(ss))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 70, Col: 54}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/web/templates/substep_row.templ`, Line: 48, Col: 54}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
 		if templ_7745c5c3_Err != nil {