Composer — telemetry placement

Reference (Claude Code web): model + effort + context usage shown in a single compact strip in the composer chrome ("Opus 4.7 · High" + small circular ring). Three takeaways shape these mockups: this metadata belongs near the input (it's config for the next response, not session identity); model + effort can collapse to one text trigger that opens a popover; context usage reads cleaner as a small ring than a horizontal bar.

0. Current — bulky pickers + stats line

Model and effort are full <select> dropdowns with uppercase eyebrow labels. Cost / duration / token count + horizontal usage bar live as a separate line above the composer. Three rows of chrome before you see the textarea controls.

1. Compact — send-inside, brighter model, ring with popover (recommended)

Refinements over the previous draft of this variant:

• Send moves inside the textarea — small circular icon (arrow-up) at the bottom-right, sized to fit comfortably inside the input padding. Composer action row no longer carries it.
• Model brighter than effort. "haiku" is in --text at weight 500; "high" sits in --text-muted. Model is the primary configuration; effort is its modifier — the typography reflects that.
• No dot between effort and the ring. The gap (and the ring's separate hit-target) does the separation; another · would mistake them for siblings on the same axis.
• Ring opens a real popover instead of a native title="" tooltip — full token breakdown, percentage with bar, last-turn cost. Hover-triggered with click-to-pin.

Closed state:

With ring popover open (hover or click on the ring):

Warn state at 76% — ring fills further and adopts the warn color (matching the existing usage-bar warn threshold):

My recommendation

Variant 1 as shown — ship this. The composer becomes a single textarea with the send icon in-place, plus one action row carrying the mode toggle on the left and the config trigger + ring on the right. Ring details land in a deliberate popover instead of a browser tooltip.

Implication for the header: it stays just title + project. Telemetry, model, and effort all leave the header entirely. The earlier header.html mockup is now obsolete.