What's inside a quadrant?

A quadrant is one project's workspace, and everything for that project sits in it. Filling most of it is the main terminal, where the coding agent (Claude or Codex) runs and you type to it. Along the top sit a small terminals icon that opens three background terminals for running your project, and a web button that opens a preview browser. Beside the terminal is a side panel with tasks, done, and notes tabs. Each part has its own page below.

The parts

• Main terminal: the big panel where you talk to the agent. Press Enter to send, Shift+Enter for a new line, and answer its menus with the arrow keys and Enter, not the mouse. See the main terminal.
• Background terminals: the small terminals icon in the header opens three, side by side: npm run dev (your dev server), npm run workers (a queue or scheduler), and freehand (a plain shell for one-off commands you type yourself). The first two have ▶ start and ◼ stop buttons, and the icon turns green while one runs. If your project does not start with npm, change what start runs. See the background terminals.
• web: the globe button opens a built-in preview browser in the slot next to the quadrant, so you can watch the app the agent is building. See the web button.
• DevTools: with the preview open, its </> button (or Cmd+Option+I) opens the full Chrome inspector next to the page. See DevTools.
• Side panel: the tabs beside the terminal are tasks (work you queue for the agent), done (a log the agent adds to as it finishes things), and notes (things you want to keep). It opens on done, and unlike the terminal your mouse works here. See tasks, done, and notes.