Skip to content

Modernize settings modal and fix Electron dev install#518

Merged
zortos293 merged 4 commits into
devfrom
feat/settings-modal-redesign
Jun 22, 2026
Merged

Modernize settings modal and fix Electron dev install#518
zortos293 merged 4 commits into
devfrom
feat/settings-modal-redesign

Conversation

@zortos293

Copy link
Copy Markdown
Collaborator

Summary

  • Convert settings into a dismissible modal overlay with grouped sidebar navigation, tighter styling, and scrollable content
  • Streamline stream settings by removing manual aspect ratio selection, inferring it from resolution, moving decoder/encoder into Advanced, and adding option icons
  • Fix worktree/dev installs where Electron binaries were missing by adding ensure-electron postinstall and pinning Electron 42.3.3

Test plan

  • Run bun install and npm run dev in opennow-stable; confirm Electron launches without the uninstall error
  • Open Settings from navbar; verify modal overlay, close via X/Esc/backdrop, and scroll through all stream sections
  • Confirm Region selector shows label/icon and dropdown works
  • Change resolution and verify aspect ratio updates automatically (no manual aspect ratio row)
  • Open Advanced and verify decoder/encoder + codec diagnostics are available
  • Run npm run typecheck in opennow-stable

Convert settings to a dismissible overlay with grouped navigation, tighter styling, scrollable content, and streamlined stream options that infer aspect ratio from resolution while moving decoder/encoder controls into Advanced. Add ensure-electron postinstall so Electron binaries download reliably when npm install scripts are blocked.

Co-authored-by: Cursor <cursoragent@cursor.com>
@capy-ai

capy-ai Bot commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

Capy auto-review is paused for this organization because the monthly auto-review limit has been reached. Increase the limit or turn it off in billing settings to resume automatic reviews.

@coderabbitai

coderabbitai Bot commented Jun 22, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

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: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 352ae698-661a-4cd3-b619-107f1872b7da

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
  • Commit unit tests in branch feat/settings-modal-redesign

Comment @coderabbitai help to get the list of available commands and usage tips.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 4808e249ef

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +1824 to +1826
if (event.key === "Escape" && !nativeStreamerEnablePromptVisible) {
event.preventDefault();
onClose();

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Ignore handled Escape keys inside settings inputs

When focus is in a shortcut capture field, the existing input handler treats Escape as “cancel editing” by preventing default and blurring, but it does not stop propagation. This new window-level listener still receives that same Escape event and closes the entire settings modal, so users trying to cancel shortcut capture lose the settings dialog instead; check event.defaultPrevented or ignore Escape from editable targets before calling onClose().

Useful? React with 👍 / 👎.

zortos293 and others added 3 commits June 22, 2026 12:17
Co-authored-by: capy-ai[bot] <230910855+capy-ai[bot]@users.noreply.github.com>
…design

# Conflicts:
#	opennow-stable/src/renderer/src/styles.css
Co-authored-by: capy-ai[bot] <230910855+capy-ai[bot]@users.noreply.github.com>
@zortos293 zortos293 merged commit c408af3 into dev Jun 22, 2026
16 checks passed
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.

1 participant