Skip to content

ui: Add settings button to the editor UI tab panel#1051

Open
Flohhhhh wants to merge 7 commits intoCyberTimon:mainfrom
Flohhhhh:feat/editor-app-settings-access
Open

ui: Add settings button to the editor UI tab panel#1051
Flohhhhh wants to merge 7 commits intoCyberTimon:mainfrom
Flohhhhh:feat/editor-app-settings-access

Conversation

@Flohhhhh
Copy link
Copy Markdown
Contributor

Closes #128

Description

I added access to the settings from the editor UI by adding a button on the bottom of the tab panel all the way to the right.

In order to do this I had to make the settings page a standalone page instead of part of the home layout. Hopefully that's alright? Let me know what you think!

Type of Change

  • UI/UX improvement

Changes Made

  • App-level settings overlay: one SettingsPanel opened from both splash (gear) and editor (bottom-of-right-rail control), sharing the same handleSettingsChange / rootPath / refresh behavior.
  • Editor entry: new rail button (with tooltip / aria-label) so settings are reachable without going home first (issue #128).

Also: padded, width-capped overlay layout; overlay cleared on home / back-to-library; deferred WGPU read of theme CSS variables after passive effects so editor theme switches don’t leave stale letterbox colors; settings back tooltip set to “Back” instead of “Go to Home”.

Screenshots/Videos

image image

Testing

  • I have tested these changes locally and confirmed that they work as expected without issues

Test Configuration:

  • OS: MacOS Tahoe
  • Hardware: M3 Pro w/ 18 GB Ram

Checklist

  • My code follows the project's code style
  • I haven't added unnecessary AI-generated code comments
  • My changes generate no new warnings or errors

AI Disclaimer:

Please state the involvement of AI in this PR:

  • This PR is entirely AI-generated
  • This PR is AI-generated but guided by a human
  • This PR was handwritten with AI assistance (spell check, logic suggestions, error resolving)
  • This PR contains only blood, sweat, and coffee (AI-free)

Mount SettingsPanel from App behind a full-screen overlay so splash and
in-session flows share one path. Add a bottom control on the editor right
rail (Cog + tooltip) and wire splash gear to the same opener.

Center and pad the overlay content for readability. Clear the overlay when
returning to the library or home so it cannot stick open.

Defer reading theme CSS variables into the Editor WGPU ref until after the
current commit finishes passive effects, so child effects no longer observe
stale :root tokens before App applies the new theme (fixes wrong letterbox
colors until navigation).

Rename the settings header back tooltip from "Go to Home" to "Back".

Refs: CyberTimon#128
Made-with: Cursor
@Flohhhhh Flohhhhh requested a review from CyberTimon as a code owner April 18, 2026 21:29
Resolve conflicts: keep FileInput for export context menu (upstream) and merge RightPanelSwitcher lucide imports (panel icons from upstream, Cog for app settings from feature branch).

Made-with: Cursor
@Flohhhhh
Copy link
Copy Markdown
Contributor Author

Resolved conflict with compact UI improvements by just hiding the new settings button on compact screens.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add settings button to Editor UI

1 participant