Connections: restructure the this-computer card

[arul28]

The this-computer card led with a generic laptop glyph and three lines the reader could not act on — a readiness verdict, a route breakdown, and a platform name the icon already implied. Pairing, the rarest path now that the ADE account is the primary way to connect, took the most vertical space.

What changed

• Platform logo in the identity tile. AppleLogo / WindowsLogo / LinuxLogo, with Laptop as the fallback and the OS name as the tile's accessible label. Since the logo is the platform statement, the version line drops its · Windows suffix.
• Inline rename. A pencil beside the name opens an inline input, mirroring the account page. It writes saveRuntimeName first — that is the value this card renders, so the change shows immediately — then mirrors to account.renameMachine so the account page and other clients agree. Best effort on the second write: a directory hiccup should not undo a rename the user can already see. Signed out, the pencil stays visible but disabled, with "Sign in to rename this computer".
• Status only when actionable. acceptsConnectionsState is replaced by connectionProblem, which returns null for a healthy host. "Ready to accept connections" and "Reachable via …" are gone. A fault renders in the version line's slot, so the card never grows a line. A missing pairing code is no longer a fault — it is an ordinary state now that connecting runs through the account.
• Pairing behind a disclosure. Header reads Pairing code · Set / · Not set. It opens closed on every mount and never remembers being opened. Opening it explains the code sets up a manual connection between this computer and another ADE client, like the mobile app.
• Simpler account line. Just "Connected to your ADE account" — the published-route count was plumbing the reader could neither act on nor interpret.

Verification

• npm run typecheck — clean across the desktop tree.
• 505 tests pass across settings, remoteTargets, account, and webclient. New coverage for the three platform logos, the rename mirroring into the directory, the inert signed-out pencil, the disclosure never remembering its state, and the fault replacing the version line.
• Renderer-only, no OS-specific code paths; Windows renders its own logo through the same branch as macOS and Linux.

🤖 Generated with Claude Code

  Open in ADE  ·  ade/connection-panel-ui branch  ·  PR #1038

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
ade	Ignored	Preview	Aug 5, 2026 7:08pm

[coderabbitai]

Warning

Review limit reached

@arul28, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 19 minutes

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: ee4d8361-da9e-4ace-9fed-cd2ab179a818

📥 Commits

Reviewing files that changed from the base of the PR and between c21dba2 and 35219e8.

📒 Files selected for processing (3)

• apps/desktop/src/renderer/components/settings/SyncDevicesSection.test.tsx
• apps/desktop/src/renderer/components/settings/SyncDevicesSection.tsx
• apps/desktop/src/renderer/components/settings/accountDirectorySummary.ts

---

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