The day a user told me "the running site looks weak" — rebuilding the three-state visual hierarchy with background color

Short summary

A user reported that the running-state site in a multi-site list looked visually weaker than pending sites, revealing an inverted visual hierarchy caused by background fills out-shouting border-only styling. The fix consolidated all three states onto alpha-encoded background colors (0.08 > 0.05 > 0.02) with regression tests asserting the numeric hierarchy. A second fix restored mid-run green completion marking while preserving log-rewind defense by detecting forward vs backward site transitions via execution-order index.

• •Filled areas are visually louder than borders — running state needed strongest background fill, not just a pulsing border
• •Encode visual hierarchy as numeric alpha values and assert them in CI so regressions are caught automatically
• •Forward-only site-completion marking reconciled rewind defense with mid-run green feedback using a simple execution-order index check

Generated with AI, which can make mistakes.