Session header: the account picker joins the chip

2026-10-11. Frames are drawn at real app size (12px root) and shown at real size (1.3× on wide screens). On a phone, desktop frames open scrolled to the chip; swipe left for the title. Toggle light/dark top right.

Today

Make the account picker match the header
personal
Sessions2 personal
Make the account picker match the header

A · First segment: who, then where, then what recommended

The account becomes the group's first cell: a plain Button size="segment" with the dot and name. The chip now reads left to right as who runs it, what it loaded, where it runs, and what you can do. Settle stays on the edge next to ⋯.

Make the account picker match the header
personal
Sessions2 personal
Make the account picker match the header
Switchingwork At its limitpersonal OpenCode instancelocal

B · Last segment

Same cell, at the far end of the group. Keeps the existing order untouched and puts the account where the pill stands today, so muscle memory carries over.

Make the account picker match the header
personal
Sessions2 personal
Make the account picker match the header

C · Twin group beside the chip

The account keeps its own box, but the box is built from the chip's parts: 24px, 6px corners, transparent, one border. A trailing ⇕ says it's a picker, which a plain segment doesn't.

Make the account picker match the header
personal
Sessions2 personal
Make the account picker match the header

D · Dot-only first segment

Variant A, but the cell shows only the account's colour. The name lives in the tooltip, the accessible label, and the switch menu's header. Optionally widens to dot + name when the bar has room (bottom frame, a container query).

Make the account picker match the header
Sessions2
Make the account picker match the header

Hybrid: name on wide bars, dot on narrow

Make the account picker match the header
personal
Make the account picker match the header