Agentfly
Agentfly DocsSearch docs

The workbench

Vibe and Code modes

The workbench · 1 min read

Vibe is the default conversation window. Code opens as a separate IDE window for the same project.

When you would want it

Keep planning and editing visible at the same time, with each window sized for its own work.

Where to find it

  • All Features → Vibe and Code modes
  • Vibe
  • Code
  • Project
  • AI tasks
  • Preview

What you get out of it

  • Vibe and Code stay visible in separate windows on one project.
  • Files and searches started from Vibe arrive in the IDE window, not lost on the way.
  • Your editor tabs and window layout survive a restart.

How to use it, step by step

  1. Start in Vibe, the default conversation window, and choose Open IDE at the bottom of its sidebar to open the Code window.
  2. Stay in Vibe to build through conversation - the assistant reads files, proposes edits, runs tests, and shows the live preview there.
  3. Open a file, Browse files in the IDE, or Search in files from Vibe, and the IDE opens on exactly that; use Vibe in the IDE toolbar to return to the conversation window.
  4. Drag the Vibe sidebar's right edge to make the conversation narrower or wider, or press Ctrl+B to hide it; both are remembered.
  5. Quit and reopen: Vibe opens first, and Open IDE restores your Code tabs on the same project.

Why this beats the usual way

The conversation and editor have their own windows while both follow the same project, so you can keep the conversation visible as you edit.

Find it in Universal Search

Vibe and Code modes · The workbench · vibe mode · code mode · workspace · build · review · task history