Skip to content

refactor(settings): simplify settings layout and controls#1288

Open
maria-rcks wants to merge 2 commits intopingdotgg:mainfrom
maria-rcks:maria/settings-ui-simplify
Open

refactor(settings): simplify settings layout and controls#1288
maria-rcks wants to merge 2 commits intopingdotgg:mainfrom
maria-rcks:maria/settings-ui-simplify

Conversation

@maria-rcks
Copy link
Collaborator

@maria-rcks maria-rcks commented Mar 21, 2026

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
Copy link

coderabbitai bot commented Mar 21, 2026

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

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.

@github-actions github-actions bot added size:XXL 1,000+ changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. labels Mar 21, 2026
@maria-rcks
Copy link
Collaborator Author

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.

@UtkarshUsername
Copy link
Contributor

Can't restore individual defaults now?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XXL 1,000+ changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants