Tier 1Web (app.put.io). The shipped Transfers page, redrawn in design-system tokens. The app itself still runs theme-ui and LESS.--radius-lg · --transfer-list-item-passive-bg · --transfer-list-item-finished-bg · --transfer-list-item-downloading-bg
01Transfers: the list is the pagerow 71px · progress paints the row · TransferListItem
A transfer row has no progress bar. The row itself fills left to right behind the content.
downloading--transfer-list-item-downloading-bg over finished
seeding, completingfill over passive
completedtransparent
nametruncates in the middle, 50 front / 10 back, so the extension stays readable
metadatatracker · Retry · client IP · source links. Hidden below 960px
detailsstatus pieces joined by |; speeds show only when non-zero
Known exception, shown as production ships it. Row actions are size="sm" success and danger in TransferListItem.tsx. White on green and white on red only clear their APCA contract at md and up, so this contradicts the Buttons card.

The specimen stays faithful to the app. The fix belongs in the app.

Transfers

1 selected
Actions
Sort by Date added
Row
71px min · 1px --line
Progress
background layer, not a bar
Selected
checkbox · unselectable rows get the remove disc
Toolbar
Select all · Actions · Sort by
Never parse the transfer name into a title, and never hide the tracker, it is how a user recognises their own transfer.
app.put.io draws flaticon glyphs, not Phosphor. Actions holds Re-announce and Cancel selected; sort options are Name, Date added, Downloaded, Uploaded, Status, ETA, Peer Count.