Configure application settings including appearance, editor options, and accessibility features. Use Tab to navigate between options.
Choose UI skin. Requires page reload to take effect.
Adjust font size for all code editors (10-24px)
Color theme for code editor (requires syntax highlighting enabled)
Opacity for the currently focused/active panel (50-100%)
Cumulative opacity for unfocused panels (20-100%)
Automatically restore panels and code from previous session when opening the app
Disable confirmation dialogs when deleting panels
How frequently to save panel state to localStorage
Choose how urgently to apply panel updates
Automatically adds a global tempo slider controlling playback speed
Show tempo as CPM instead of BPM (BPM = CPM × 4)
When enabled, background panels collapse to show only header
Keep sliders and visualizers visible when panel is collapsed
When enabled, long lines wrap to next line instead of scrolling horizontally
Automatically formats code for readability when pressing PLAY or UPDATE
Use CodeMirror for syntax highlighting. Disable for plain text editor.
Highlight active pattern elements during playback
URL or file path to external snippet library (JSON format)
Import custom skins from ZIP files
Increases contrast for better visibility. Uses system preference by default.
Minimizes animations and transitions. Uses system preference by default.
Announce panel state changes (playing, stopped, errors) to screen readers
Style of keyboard focus indicators throughout the application
Add margins to the entire UI for projection adjustments. Requires page reload.
Require this key for remote connections (REST API & WebSocket). Leave empty for no authentication.
Comma-separated origins allowed for CORS (e.g. http://192.168.1.50:5173). Use * for all origins.
Loading server config...