refactor(settings): simplify settings layout and controls

[maria-rcks]

What Changed

Simplified the settings page structure and reduced UI noise without changing the overall design language.

This updates the settings screen to use calmer grouped sections, simpler row layouts, lighter custom model management, and a top-bar Restore defaults action instead of reset controls inside the page body.

It also adds a small reusable improvement to the shared select component so settings dropdowns can render without the extra selected-item gutter.

Why

The previous settings UI had too many nested boxes, repeated action patterns, and too much visual weight for advanced or infrequently used options.

This keeps the page closer to the rest of the app and makes the common settings easier to scan.

UI Changes

Before

Screen.Recording.2026-03-21.at.8.17.54.PM.mov

After

Screen.Recording.2026-03-21.at.8.18.40.PM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

Note

Refactor settings page layout with sections, rows, and a restore defaults action

• Introduces SettingsSection and SettingsRow layout components in _chat.settings.tsx to standardize the settings page structure with titled sections and consistent row formatting.
• Adds a 'Restore defaults' action in the settings header that resets theme, calls resetSettings(), and clears local state after confirmation.
• Changes 'New threads' from a boolean switch to a dropdown selecting between local and worktree.
• Consolidates custom model management into a single UI with a provider selector, add/remove controls, and optional pagination; removes the per-provider reset button.
• Moves Codex install overrides into a collapsible section; updates the Keybindings row to show the resolved path and renames the button to 'Open file'.
• Adds a hideIndicator prop to SelectItem in select.tsx to render items without the selection indicator in a single-column layout.

^{Macroscope summarized 2cde6e4.}

[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

Run ID: f7054d51-f1bc-44c2-b510-0824dcd57e8e

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 and usage tips.}

Tip

You can disable poems in the walkthrough.

Disable the reviews.poem setting to disable the poems in the walkthrough.

[maria-rcks]

I didn't touch the install path for codex section "codex install", i also think there should be one for claude? but if julius wants to give me ideas or just code it himself im all for it.