Swap in the vector Delta branding, and fix Top Contributors

[ssavutu]

Two unrelated frontend cleanups that came up together.

Vector Delta branding

The sidebar wordmark was a raster logo.png. It is now the SVG artwork, with the triangle mark shown when the sidebar is collapsed, and a real favicon — the app was previously serving The Triangle's blue "T", not Delta's own mark.

The supplied SVGs sit in a 377x347 canvas that the artwork occupies a thin band of, so each viewBox is tightened to the actual bounding box; otherwise object-contain shrinks the wordmark to about a fifth of its intended size. Sizing moved from a fixed w-30 h-30 square to height-anchored, since the new mark is 5.3:1 where the PNG was 2.8:1.

Sizes were picked by rendering rather than by guessing:

• The collapsed mark is 40px, not 28px to match the wordmark. Below ~36px its two concentric rings merge into a single muddy band.
• The favicon drops those rings entirely — at 16px there is no resolving them.

Two things in the favicon that are load-bearing and easy to undo by accident:

• No CSS custom properties. A first pass used var(--mark); rendering caught that librsvg silently drops it, so fill fell back to black and stroke: var(--mark) failed outright, deleting the crossbar. Browsers are fine with it, but favicons pass through enough non-browser pipelines that plain class rules are safer.
• Brand blue is the base color, not white or navy. Safari ignores prefers-color-scheme in favicons, so the base has to survive both light and dark tab strips. The media queries sharpen it to white or navy where they are honored. The fallback path was rendered and checked.

triangle.ico stays registered for browsers without SVG favicon support. logo.png is now unreferenced but left in the tree.

Top Contributors

The card mapped over users — a Set built from the event feed — so it listed every person who had ever done anything, ordered by whenever their name first appeared. Unsorted, uncapped, with someone sitting at the bottom on a single event. Each row also recomputed its count with a full events.filter(), making the card O(users × events).

It now counts into a Map in one pass, sorts by count descending with a name tiebreak, and caps at five — the same shape as the actionEntries memo directly above it, which was already correct. Capped rather than thresholded on purpose: a minimum-count filter would blank the card on a quiet install.

Reviewer note: users is still deliberately unsorted. It is what pins a person to an avatar color, and the feed indexes into the same array. Sorting it would recolor the feed and give the same person two different colors across the two panels. Both paths now go through a single avatarColor helper — that is the thing to preserve if this code moves.

Verification

tsc --noEmit and eslint clean, vite build succeeds, favicon confirmed to land in dist/. The ranking logic was run against the numbers from the actual broken screenshot and produces the expected order. Rendering checks were done with rsvg-convert at real display sizes on both background colors.

Not visually verified in a running browser — authenticated CMS pages have no login-free path, so that needs a manual look after deploy.

🤖 Generated with Claude Code