File Editor
Sciorex includes an integrated code editor for viewing and editing files in your workspace. You can review agent changes, make quick edits, or work alongside AI sessions.
Opening Files
Open files by:
- Clicking a file in the File Tree (left panel)
- Clicking file links in chat messages or tool results
- Double-clicking to open in a new tab (or single-click if enabled in settings)
Editor Features
The editor is powered by Monaco (the same engine as VS Code), providing a familiar editing experience with full keyboard shortcut support.
Syntax Highlighting
The editor automatically detects file types and applies syntax highlighting for:
- JavaScript, TypeScript, JSX, TSX
- Python, Ruby, Go, Rust
- HTML, CSS, SCSS, JSON, YAML
- Markdown and many more
Language Server Protocol (LSP)
Sciorex includes built-in LSP support with an auto-installer for 7+ languages:
| Language | Server | Features |
|---|---|---|
| TypeScript/JavaScript | typescript-language-server | Completions, diagnostics, go-to-definition, rename |
| Python | pylsp / pyright | Type checking, completions, import resolution |
| Rust | rust-analyzer | Full IDE support, inline type hints, refactoring |
| Go | gopls | Completions, diagnostics, formatting, imports |
| Java | jdtls | Completions, refactoring, debugging support |
| C/C++ | clangd | Completions, diagnostics, formatting, code actions |
| CSS/SCSS | css-languageserver | Completions, color preview, diagnostics |
Auto-Installer
When you open a file type for the first time, Sciorex detects if the corresponding LSP server is installed. If not, it offers to install it automatically.
LSP Features
- Autocomplete — Context-aware suggestions as you type
- Go to Definition — Jump to where a symbol is defined (Ctrl+Click or F12)
- Find References — See all usages of a symbol (Shift+F12)
- Rename Symbol — Rename across all files (F2)
- Diagnostics — Real-time error and warning underlines
- Hover Info — Type information and documentation on hover
- Code Actions — Quick fixes and refactoring suggestions (Ctrl+.)
- Format Document — Auto-format with language-specific rules (Shift+Alt+F)
TIP
LSP servers run locally. No code is sent to external services.
Tabs
Open multiple files in tabs:
- Click the X to close a tab
- Middle-click to close
- Drag tabs to reorder
- Modified files show a dot indicator
Split Views
Work with multiple files or panels side by side:
- Vertical split: Panels appear left and right
- Horizontal split: Panels appear top and bottom
- Drag the divider to resize
Sciorex supports 11 split panel types beyond the standard code editor:
| Panel | Description |
|---|---|
| Editor | Monaco code editor |
| Preview | Live browser preview |
| PDF viewer with annotations | |
| Markdown | Rendered Markdown preview with Mermaid and KaTeX |
| HTML | Sandboxed HTML preview |
| Image | Image viewer |
| BibTeX | Citation file viewer |
| Molecule | 3D molecular structure viewer (PDB, SDF, MOL, XYZ) |
| Excalidraw | Whiteboard / drawing editor |
| Agentic | Multi-file diff review panel |
| Normal | Close split and return to single view |
See Split Panels for full documentation.
Minimap
A code overview appears on the right side of the editor, showing a zoomed-out view of your file. Click anywhere on the minimap to jump to that location.
TIP
Toggle the minimap in Settings Editor Minimap.
Editing
Basic Operations
| Action | Shortcut |
|---|---|
| Save | Ctrl+S |
| Save All | Ctrl+Shift+S |
| Undo | Ctrl+Z |
| Redo | Ctrl+Shift+Z |
| Find | Ctrl+F |
| Find and Replace | Ctrl+H |
| Go to Line | Ctrl+G |
Selection and Editing
| Action | Shortcut |
|---|---|
| Select Next Occurrence | Ctrl+D |
| Toggle Comment | Ctrl+/ |
| Delete Line | Ctrl+Shift+K |
| Move Line Up | Alt+Up |
| Move Line Down | Alt+Down |
| Toggle Word Wrap | Alt+Z |
Vim Mode
Enable vim-style keybindings in Settings Editor Vim Mode.
When enabled, you can use:
h,j,k,lfor navigationi,a,oto enter insert modevfor visual selectiondd,yy,pfor delete, yank, paste:wto save,:qto close
File Tree
The file tree on the left shows your workspace structure.
Navigation
- Click folders to expand/collapse
- Click files to open them
- Use arrow keys to navigate
Context Menu
Right-click files or folders for options:
| Option | Description |
|---|---|
| Reveal in Explorer | Open in system file manager |
| Copy Path | Copy the file path to clipboard |
| Rename | Rename the file (F2) |
| Delete | Move to trash (Delete key) |
| Copy | Copy file (Ctrl+C) |
| Cut | Cut file (Ctrl+X) |
| Paste | Paste file (Ctrl+V) |
Filtering
The file tree respects your exclude settings:
- Files matching
.gitignorepatterns are hidden (if enabled) - Custom exclude patterns hide additional files/folders
Configure in Settings Files.
Preview Mode
Markdown Preview
Markdown files can be viewed in preview mode:
- Toggle between edit and preview
- Live preview updates as you type
- Rendered with GitHub-flavored markdown
Editor Settings
Customize the editor in Settings Editor:
| Setting | Description |
|---|---|
| Vim Mode | Enable vim keybindings |
| Editor Theme | Color scheme (Tokyo Night, GitHub Light, High Contrast) |
| Insert Spaces | Use spaces instead of tabs |
| Tab Size | Spaces per indentation (2, 4, 8) |
| Word Wrap | Wrap long lines |
| Line Numbers | Show line numbers |
| Minimap | Show code overview |
| Single Click Open | Open files with single click |
Integration with Chat
When Claude edits files, you can:
- See the changes in the chat as diffs
- Click file links to open the edited file
- Review changes before they're applied (depending on permission mode)
The editor and chat work together so you always know what's being modified.
You can also open files in split panels to view PDFs, Markdown previews, or molecular structures alongside your code. See Split Panels for details.
