refactor(settings): simplify settings layout and controls#1288
refactor(settings): simplify settings layout and controls#1288maria-rcks wants to merge 7 commits intopingdotgg:mainfrom
Conversation
|
Important Review skippedAuto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
|
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. |
|
Can't restore individual defaults now? |
|
@UtkarshUsername is it really needed to have a reset button appearing on each one? tried a select thing to reset but wasnt happy, if you have a better idea than just slapping a reset button everywhere, would love to hear. |
|
will update this later |
Yes, having that is helpful. Users might want different settings for, let's say theme and models.
I like the UI shared by @vishalHaridas And one small nit-pick. The "Codex Install" chevron pointing towards right makes me feel as if it will open in a new page, but it is an accordion. So, can you change the orientation to point down when closed, and up when open. Like this: |
|
noted |
50f2367 to
2528237
Compare
2528237 to
3730235
Compare
|
The new UI and behavior look amazing!! |



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 defaultsaction 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
Note
Restructure settings UI to support Claude and Codex CLI provider configuration
claudeBinaryPathtoAppSettingsSchemaand introducesgetProviderStartOptionsin appSettings.ts to build normalized provider overrides, returningundefinedwhen none are set.SettingsSection,SettingsRow, andSettingResetButtoncomponents, collapsible provider install panels for Codex and Claude, and a global 'Restore defaults' confirmation action.SelectItemin select.tsx with ahideIndicatorprop that adjusts grid layout when the selection indicator is hidden.ChatViewnow usesgetProviderStartOptionsfor dispatch, so provider overrides include Claude paths and passundefinedinstead of an empty object when no overrides are set.Macroscope summarized 3730235.