fix(web): align the composer model picker

[t3-code]

summary

#5935 restored the model picker's shared start padding, but that pushed the provider icon inward from the prompt alignment.

this keeps the balanced control padding and offsets the whole trigger by the same 10px, so its pressed/hover background expands left while the icon returns to the composer content edge.

before / after

before	after

captured in an isolated T3 Code dev client at 1728x1000. the provider trigger was seeded into the real composer because the sandbox had no provider credentials.

verification

• vp lint src/components/chat/ChatComposer.tsx --report-unused-disable-directives
• vp fmt --check src/components/chat/ChatComposer.tsx
• tsgo --noEmit for @t3tools/web
• isolated web client visual pass

built with gpt-5.6-sol via hermes agent.

request provenance

• requested by: @maria-rcks (maria on Discord)
• source: Discord request

---

Note

Low Risk
Pure CSS spacing tweak in the chat composer UI with no logic, auth, or data-handling changes.

Overview
Realigns the composer model picker so the provider icon sits on the prompt content edge again, without losing the shared start padding that keeps the control’s hover/press hit area balanced.

Adds -ms-3.5 / ps-3.5 on the footer scroller and shifts ProviderModelPicker’s triggerClassName from -ms-px to -ms-2.5, so the background expands left while the icon returns to alignment.

^{Reviewed by Cursor Bugbot for commit dd6ec18. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Fix alignment of the composer model picker in ChatComposer

Adjusts start-side spacing in ChatComposer.tsx to align the model picker trigger. Adds -ms-3.5 and ps-3.5 to the footer controls container and changes the ProviderModelPicker triggerClassName from -ms-px to -ms-2.5.

^{Macroscope summarized dd6ec18.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 86002fb. Configure here.}

[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	11.3 KiB	11.3 KiB	+30 B (+0.3%)	15.1 KiB	✅
Codex	Thread snapshot wire	5.5 KiB	5.5 KiB	+6 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	5.9 KiB	5.9 KiB	+24 B (+0.4%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	49.7 KiB	49.7 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	11.3 KiB	11.3 KiB	−10 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	5.5 KiB	5.5 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	5.9 KiB	5.9 KiB	−6 B (−0.1%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	50.6 KiB	50.6 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 560d4a4 · PR result: dd6ec18 · 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: 94.6 KiB
• Claude decoded thread snapshot: 95.4 KiB

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

[macroscopeapp]

Approvability

Verdict: Approved dd6ec18

Pure CSS alignment adjustment using Tailwind spacing utilities. Changes only affect visual positioning of the composer model picker with no impact on runtime logic or behavior.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 2946ec0

Dismissing prior approval to re-evaluate dd6ec18