Tier 1Web (app.put.io). The shipped History page, redrawn in design-system tokens. The app itself still runs theme-ui and LESS.--fs-lg · --fs-md · --red-text-secondary · --text
01History: one feed, grouped by dayhistory-events · HistoryEvent
A virtualised feed of account events grouped by date. Every event is the same shape.
group row50px, closed with 1px --line
event row74px, same closer
anatomyneutral leading glyph, what happened (filename links to the file), caption line
captiontime-ago always first, rest joined by -
controlone quiet remove per row. Clearing all is a page action
Documentaries is paused because we couldn't reach the source
a day ago
Last week
Hey there. Welcome to put.io. We've made you and kai friends. You can see their shares now.
6 days ago
Group row
50px · section header
Event row
74px · icon · body · ✕
icon on the title line, ✕ centred
Captions
time-ago first, joined by -
Icons
--text-secondary · red-solid for errors and a paused feed
Ten event types share this row: upload, file shared, transfer completed, transfer error, RSS transfer error, RSS filter paused, file deleted for space, transfer callback error, private torrent pin, voucher.
Never invent an eleventh layout. An unknown type falls back to the same row with a generic glyph. app.put.io draws flaticon glyphs, not Phosphor.