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

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 eddf862.}

---

Note

Low Risk
Pure UI repositioning in Connections settings with no logic or API changes.

Overview
In saved remote environment rows (SavedBackendListRow), the version-drift warning stays in the left content column, but ServerUpdateAction is moved into the right-aligned action rail next to Connect/Disconnect/Remove.

The update control still renders only when versionMismatch is set; props and behavior are unchanged—this is a layout alignment fix so the update button lines up with other row actions (including during Updating…).

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

[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: 20c99f1c-d230-45ae-8291-5a3898e65985

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 for better visual alignment without changing its props or behavior. A purely cosmetic layout change with no runtime impact.

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