UI Polish orchestration pill bar +segmented control to match Figma

[advait-m]

Loom: https://www.loom.com/share/545436e86429499dafe66d4e7efa9237
Fixes https://linear.app/warpdotdev/issue/QUALITY-755/ui-polish-pass
Slack thread: https://warpdev.slack.com/archives/C09769R5GBT/p1779293593411769

Description

Polishes the orchestration pill bar and the Cloud/Local segmented control to match the Figma spec.

UI changes:

• Pill metrics: 22px height, 20px corner radius, 8px row gap, 4px/6px horizontal padding, 2px content gap (4px when hovered + selected), 83px label max-width.
• Theme-token backgrounds: fg_overlay_2 at rest, fg_overlay_3 on hover, foreground/background when selected (no hardcoded colors so theming keeps working).
• Inactive pill label uses fg_overlay_6; vertical divider between pinned + unpinned sections uses fg_overlay_3 and only renders when there are unpinned pills.
• Pin and overflow (3-dot) icons normalized to 12px inside a 16/20px hit slot, with the overflow button offset 4px from the trailing edge per Figma.
• Static (non-interactive) confirmation-card agent pills kept on a separate set of constants (STATIC_PILL_*), so this PR does not touch their geometry.
• Cloud/Local segmented control: 36px height, 14px label, 4px padding — matches the orchestration dropdown pickers.

Figma references:

• Component variants: 4061:21568
• Full pill bar row: 4073:19868

Testing

• cargo fmt --check clean.
• cargo clippy --workspace --all-targets --all-features --tests -- -D warnings clean.
• cargo check -p warp clean post-merge with master.
• Manual verification recommended for the orchestrator pill's new aggregated in-progress state (introduced by Show orchestrator pill as in-progress while children run #11367, now composed with this PR's polish) and for hover/selected transitions.

[oz-for-oss]

@advait-m

I'm starting a first review of this pull request.

You can view the conversation on Warp.

I completed the review and no human review was requested for this pull request.

Comment /oz-review on this pull request to retrigger a review (up to 3 times on the same pull request).

Powered by Oz

[oz-for-oss]

Overview

This PR polishes the orchestration pill bar metrics, colors, icon sizing, and the Cloud/Local segmented control. The description includes a Loom recording, so the user-facing visual evidence requirement is satisfied.

Concerns

• The overflow-button label reserve no longer matches the new pill right padding and button offset, so the hover dots can cover the trailing edge of pill labels.

Verdict

Found: 0 critical, 1 important, 0 suggestions

Request changes

Comment /oz-review on this pull request to retrigger a review (up to 3 times on the same pull request).

Powered by Oz

[oz-for-oss]

⚠️ [IMPORTANT] The overflow button now sits 4px from the trailing edge with only 6px of right padding, so it overlaps 14px of the label slot while this reserve still clips only 12px. Increase the reserve or derive it from the padding/offset constants so hover dots cannot cover the last label glyphs.