[t3dotgg]

The machine label in the new-thread composer footer moved a few pixels when you switched from a project on one machine to a project on several machines.

The one-machine label is a plain row. The multi-machine label is a picker button. Small composer buttons pulled their icon 2px into the padding, so the icon moved 2px and the text 4px. On narrow screens the button also used a bigger font. Now small composer buttons keep icons at the normal position, and the plain rows use the same font sizes. Both states line up exactly. Other footer buttons (branch, workspace, permissions) get the same icon spacing too, so the whole strip is consistent.

Before (top: one machine, bottom: two machines):

After:

Proof: measured in the dev app with two linked servers. On main the label was at icon 8 / label 24 / width 75 for one machine and 6 / 20 / 71 for two. With this change both are 8 / 24 / 75 at the same x. A headless browser check at 500px width showed 12px vs 14px font on main and 14px for both with this change.

Reviewed with sol-loop: 1 pass with GPT-6.1 Sol. Sol verdict: approved

Created with Claude Opus 5.5 in T3 Code (Claude Code harness).

🤖 Generated with Claude Code

[macroscopeapp]

Approvability

Verdict: Approved at 6ff2016

Macroscope's review found this PR approvable — This change aligns machine labels across single- and multi-machine states by standardizing icon spacing and responsive font sizes. Its effects are presentation-only, with no changes to machine selection, permissions or stored data.

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

[coderabbitai]

No actionable comments were generated in the recent review.

Recent review info

Run configuration

• Source mode: Auto
• Repository: pingdotgg/t3code
• Branch: t3/fix-computer-label-shift
• File: .coderabbit.config.ts
• Commit: 6ff2016
• Layers: Repository TS config
• Review profile: CHILL
• Plan: Team
• Run ID: 3b6670e0-8f4a-43cc-985b-fbf35dac32c0

Commits

Reviewing files that changed from the base of the PR and between ffaa1db and 6ff2016.

Files selected for processing: 4

• apps/web/src/components/BranchToolbar.tsx
• apps/web/src/components/BranchToolbarEnvModeSelector.tsx
• apps/web/src/components/BranchToolbarEnvironmentSelector.tsx
• apps/web/src/components/chat/ComposerControl.tsx

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 5 remain after this review.

Walkthrough

The branch toolbar updates icon margins and locked-control text sizes. The composer control sets zero horizontal margins on nested SVGs in its xs style.

Changes: UI style updates

Layer / File(s)	Summary
Branch toolbar spacing and text sizing apps/web/src/components/BranchToolbar.tsx, apps/web/src/components/BranchToolbarEnvModeSelector.tsx, apps/web/src/components/BranchToolbarEnvironmentSelector.tsx	Toolbar workspace and environment icons no longer use mx-0!. Locked context labels use text-sm by default and retain or add sm:text-xs responsive sizing.
Composer SVG margins apps/web/src/components/chat/ComposerControl.tsx	The xs style sets zero horizontal margins on all nested SVGs. Existing chevron-specific margin rules remain.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Bug fix

Suggested labels: size:S

Suggested reviewers: maria-rcks, macroscopeapp

Merge Risk: Minimal · up to 6ff20

No actionable merge-blocking risk is established by the reviewed style changes.

Pre-merge checks: 3 · 1

Failed checks: 1 warning

Check name	Status	Explanation	Resolution
Description check		The description covers the problem, the change, and verification. It explains that small composer buttons shifted their icons 2px and used a larger font on narrow screens, and that the change fixes bo…	Add a Scope and approval section. Link the triaged bug issue or the maintainer-approved discussion, with the approval comment. If no issue exists, explain why this small, focused fix of an obvious bug qualifies for an exemption. Confirm tha…

Passed checks: 3 passed

Check name	Status	Explanation
Title check		The title "fix(web): machine label no longer shifts between one and many machines" matches the main change. The raw summary shows edits to the BranchToolbar, BranchToolbarEnvModeSelector, BranchToolba…
Linked Issues check		Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check		Check skipped because no linked issues were found for this pull request.

Full details: Title check

Explanation

The title "fix(web): machine label no longer shifts between one and many machines" matches the main change. The raw summary shows edits to the BranchToolbar, BranchToolbarEnvModeSelector, BranchToolbarEnvironmentSelector, and ComposerControl components that adjust icon margins and text sizes. The PR objectives say these edits keep the machine label and icons aligned between the one-machine and multi-machine footer states. The title is specific, follows the conventional commit format, and names the primary user-visible fix.

Full details: Description check

Explanation

The description covers the problem, the change, and verification. It explains that small composer buttons shifted their icons 2px and used a larger font on narrow screens, and that the change fixes both. It gives measured before and after values for the one-machine and two-machine states and includes before and after screenshots. The Scope and approval section is missing. The template asks for a linked triaged issue or maintainer-approved discussion, or an explanation of why the fix qualifies without one. The description also does not cite the CONTRIBUTING.md requirements. The author's reference to a Sol review and the model attribution line are present as the template asks.

Resolution

Add a Scope and approval section. Link the triaged bug issue or the maintainer-approved discussion, with the approval comment. If no issue exists, explain why this small, focused fix of an obvious bug qualifies for an exemption. Confirm that the change follows CONTRIBUTING.md.

Finishing Touches

Generate docstrings

• Commit to this branch
• Create a new PR

Generate unit tests (beta)

• Commit to this branch
• Create a new PR

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts