fix(web): restore compact provider instance badges

[t3-code]

problem

#13397 replaced the provider-instance badge's 7px compact and 8px default text with text-3xs, which resolves to 10px. the badge height stayed the same, but its content-driven width grew and the initials covered more of the provider icon. in the running settings page, the compact CO badge measured 21.84px wide instead of 17.09px.

fix

restore the original proportions with rem-based text-4xs and text-5xs tokens, registered with tailwind-merge so foreground colors do not discard them. apply the compact size to the composer trigger, sidebar, model picker rail and provider settings; retain the default size for other shared-icon callers, including usage. the accent-only sidebar dot is unchanged.

this fixes web and the desktop renderer. native mobile uses separate components and is unchanged. removed the existing test's CSS-class assertions while retaining its initials-content assertion.

verification

• web typecheck passed.
• 18 focused tests passed across provider model picker and provider instance card.
• targeted formatting and lint passed; lint reports existing warnings in unchanged sidebar/model-picker logic.
• real settings-page browser verification after reload, light and dark themes, 640px and 1280px viewports, 16px and 20px root text sizes.
• compact badge text measures 7px at the default scale and 8.75px at the larger scale. badge height remains 12px and 15px respectively.
• compiled default token resolves to 8px; both new tokens survive color-class merging.

screenshots show the actual settings provider row. the CLI-not-found status belongs to the isolated test environment; provider sessions were not exercised.

before

after

request provenance

requested by @juliusmarminge.

model: gpt-6-astra. harness: hermes agent.

[github-actions]

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	13.6 KiB	13.5 KiB	−25 B (−0.2%)	15.1 KiB	✅
Codex	Thread snapshot wire	7.1 KiB	7.1 KiB	−2 B (−0.0%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.5 KiB	6.5 KiB	−23 B (−0.3%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	56.3 KiB	56.3 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	10	10	0 (0.0%)	21	✅
Claude	Total thread wire	13.5 KiB	13.5 KiB	0 B (0.0%)	15.1 KiB	✅
Claude	Thread snapshot wire	7.1 KiB	7.1 KiB	−3 B (−0.0%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.4 KiB	6.4 KiB	+3 B (+0.0%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	57.0 KiB	57.0 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	9	9	0 (0.0%)	21	✅

Baseline: 2598ce7 · PR result: 709c325 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 114.0 KiB
• Claude decoded thread snapshot: 114.7 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

[macroscopeapp]

Approvability

Verdict: Approved at 709c325

Macroscope's review found this PR approvable — This is a focused presentation fix that restores compact provider badges by changing only font sizing and its supporting Tailwind tokens. It introduces no new workflows, data changes, integrations, or production configuration behavior.

^{You can add or adjust custom eligibility rules. Learn more.}

[nbros]

Why do we even need these text badges? Aren't the logos already distinctive enough most of the time?
Maybe only show them to disambiguate when mixing providers with "foreign" models (like GPT in Claude Code).

[juliusmarminge]

You only get them if u have multiple instances of the same providers