Separate client and environment settings

[colonelpanic8]

What Changed

• Group the settings navigation by Client and Environment ownership.
• Split the mixed General page into client settings at /settings/general and environment settings at /settings/environment.
• Scope Restore defaults to the settings owned by the current page.

Why

Settings that follow the graphical client and settings that configure the connected execution environment currently appear together, obscuring where changes apply. Making ownership explicit supports first-class remote environments and complements #4559 and #4564.

UI Changes

Before: one flat settings navigation and a General page mixing client preferences with environment configuration.

After: labeled Client and Environment navigation groups with separate General pages. The affected flows were verified in an authenticated web client; the preview screenshot/recording endpoint failed during capture, so no reliable artifact is attached.

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes (capture tooling failed; DOM-level integrated verification passed)
• A video is not applicable; this change adds no animation or interaction behavior

Verification

• vp test run src/components/settings/SettingsSidebarNav.test.ts --project unit
• Targeted vp lint on the six affected files
• vp build in apps/web
• Authenticated integrated web verification of both settings pages and their visible controls
• Web typecheck was attempted and remains blocked by existing errors in unrelated files on origin/main

---

Note

Low Risk
UI and settings-layout refactor with no auth or data-model changes; behavior is mostly route and panel partitioning with a test locking nav structure.

Overview
Settings navigation is now grouped under Client and Environment labels, with routes split so client pages (General, Connections, Beta, Archive) sit apart from environment pages (General, Keybindings, Providers, Source Control).

The former mixed General screen is split: /settings/general shows client-owned UI preferences and About; /settings/environment is a new route for execution-environment options (streaming, git fetch, new-thread defaults, text generation model, etc.) plus a Diagnostics section moved off the client page.

Restore defaults takes a SettingsOwnership argument and only lists and resets settings for the active page—client vs environment—instead of one combined reset.

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

Note

Split settings into separate Client and Environment pages

• Adds a new /settings/environment route rendered by EnvironmentSettingsPanel, which shows environment-scoped settings (streaming, providers, git, worktrees, model selection).
• Refactors GeneralSettingsPanel to render only client-scoped settings (theme, UI, confirmations) via the new OwnershipSettingsPanel component.
• Replaces the flat SETTINGS_NAV_ITEMS array with SETTINGS_NAV_GROUPS, adding labeled 'Client' and 'Environment' groups in the settings sidebar.
• Scopes the 'Restore defaults' button to reset only the settings belonging to the current page (client or environment).

^{Macroscope summarized 39c0a87.}

[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: c8cd21f3-c025-45c4-89d4-16bdc2dbbd66

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 reorganizes the settings UI into Client and Environment sections without changing how any settings actually work. It's a straightforward presentation-layer refactor with a new unit test confirming the navigation structure.

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