Editor
Overview
The Velork editor is a full VS Code workbench with files, terminal, Git, extensions, and debugging, next to Agent and the canvas.
Velork is built on VS Code. The Editor view is the full code workbench: files, terminal, source control, extensions, search, and debugging. Agent's chat stays beside it, and the canvas is one shortcut away.
Open the editor
Click Editor in the title bar, or press Cmd + Option + E.
The title bar switches between the main views:
| View | Shortcut |
|---|---|
| Tasks | Cmd + Option + T |
| Canvas | Cmd + Option + C |
| Editor | Cmd + Option + E |
The same actions are in the command palette as Switch to Tasks View, Switch to Canvas View, and Switch to Editor View.
What you get
- Explorer: browse and edit the project tree
- Terminal: run dev servers, tests, and scripts
- Source Control: Git staging, commits, and branches
- Extensions: install VS Code extensions
- Search: find and replace across files
- Run and Debug: launch configurations and breakpoints
Your VS Code habits carry over: the command palette (Cmd + Shift + P), quick open (Cmd + P), and multi-cursor editing work as usual.
The agents panel
In full-screen chat (Cmd + Shift + F), the agents panel keeps tools next to the chat as tabs. Toggle it there with Cmd + Option + B. In the editor, that shortcut toggles the chat side bar as in VS Code. The panel's launcher opens these tabs. Press the letter while the launcher has focus:
| Tab | Key | What it does |
|---|---|---|
| Browser | B | Preview a local dev server or any page |
| Canvas | C | Design next to the chat |
| Computer | M | Watch or use your cloud computer live |
| Terminal | T | Run commands next to the chat |
| File | F | Read any file in the workspace |
| Diff review | D | Review pending edits and git changes |
| Spend | S | What your AI work costs, by provider |
File, Diff review, and Spend are under More in the launcher. See Built-in browser and Cloud computer.
Review Agent's changes
- Read the summary and diffs in the chat.
- Open the changed files in the editor, or Diff review in the agents panel, to look closer.
- Switch to Canvas (Cmd + Option + C) to compare with the design, and open the app in the browser to check it runs.
Settings and keybindings
Editor preferences are standard VS Code settings. Open them with Preferences: Open Settings from the command palette, and shortcuts with Preferences: Open Keyboard Shortcuts. Velork's own settings are separate. See Settings.
If you chose a keybinding preset such as Vim or Sublime during setup, Velork installs the matching extension.
Run your app
Start your dev server in a terminal, then open its URL in the built-in browser. See Preview.