fix(web): align remote server update action

[StiensWout]

Summary

• move the remote server update control into the row's right-aligned action rail
• keep the version-drift warning in the content column
• render the update action only while a version mismatch exists
• preserve the existing semantic warning and button tokens in light and dark themes

Root cause

ServerUpdateAction was rendered inline beside the version-drift message, while Disconnect lived in the row's dedicated action column. The two controls therefore used unrelated alignment contexts.

Validation

• corepack pnpm exec vp fmt --check apps/web/src/components/settings/ConnectionsSettings.tsx
• corepack pnpm exec vp lint apps/web/src/components/settings/ConnectionsSettings.tsx --report-unused-disable-directives
• corepack pnpm exec vp run --filter @t3tools/web typecheck
• corepack pnpm exec vp test run src/components/ServerUpdateAction.test.tsx --project unit from apps/web (3 tests passed)
• isolated web verification against a live mismatched remote backend in light and dark themes
• verified the real Updating... state keeps the update and disconnect controls aligned
• verified a matching-version remote renders neither the drift warning nor an update action

Screenshots

Theme	Before	After
Light
Dark

Current main compatibility

• based on 3c50a648
• focused regression tests and targeted package type checks passed
• targeted formatting and lint passed
• git diff --check passed

---

Note

Low Risk
Layout-only JSX move in Connections settings; no change to update logic or server interaction.

Overview
Saved remote environment rows in Connections settings now keep the version-drift warning in the left content column and place ServerUpdateAction in the same right-aligned action rail as Connect/Disconnect/Remove.

Previously the update control sat inline next to the warning while disconnect lived in the action column, so the two controls could misalign (including during Updating…). Behavior is unchanged: the warning and update UI still appear only when resolveServerConfigVersionMismatch reports a mismatch.

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

Note

Move server update action button to the actions area in remote server list rows

In SavedBackendListRow, the ServerUpdateAction button was previously rendered inline with the version drift warning text. It is now rendered in the right-side actions section alongside other row action buttons, matching the layout of the rest of the row.

^{Macroscope summarized 4c74038.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 3155b488-08fa-4595-822f-780ea2cc97eb

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved

This PR relocates the ServerUpdateAction component to a different position in the UI layout for alignment purposes. The component, its props, and conditional rendering logic remain unchanged - this is a purely cosmetic repositioning with no runtime behavior impact.

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