Tier 1Tier 1 · Web (www / app / auth). A real app.put.io screen composed from the components.css recipes. Binds web only.--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
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 · source. Hidden below 960px
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.
6 transfers · 2 active
Row
71px min · 1px --line
Progress
background layer, not a bar
Selected
checkbox · unselectable rows get the remove disc
Numbers
Berkeley Mono, tabular
Never parse the transfer name into a title, and never hide the tracker, it is how a user recognises their own transfer.