Workbench map
Find your way around the OriginAI workbench UI.
The workbench is where you build and refine your product specs. This page is a quick tour so you always know where the files, canvas, agent, change requests, releases, and settings live. You'll want at least one project open to follow along.
The layout at a glance
| Region | What it's for |
|---|---|
| App sidebar | Your project list, plan usage, settings, a link to these docs, and sign out. |
| File tree | The documents in your workspace — RPML files, the README, and supporting files. |
| Canvas / preview | A visual rendering of your product's screens and states. |
| Agent panel | The in-app agent: sessions, the composer, and history. |
| Change requests | Spec updates staged by coding agents (and GitHub review) for you to apply or dismiss. |
| Releases | Publishing, release history, implement and CLI prompts, and the preview link. |
| Settings | Your profile, plan and billing, access tokens, and passkeys. |
The exact chrome shifts a little by screen size — on mobile some of these become drawers rather than fixed columns.
Take the tour
- Open a project from the app.
- Click through the file tree and watch the canvas update as you select screen files.
- Open the agent panel and note how many turns you have left, if shown (see Plans and usage).
- On the canvas, click an element — the agent composer should show a selection chip (see In-app agent).
- Open Change requests so you know where staged agent writes will land after the first release.
- Open Releases (without publishing yet) so you know where history and handoff prompts live.
- Open Settings in a separate tab so you can grab an access token later when connecting agents.
The agent controls
A few controls in the agent panel are worth knowing up front:
| Control | Where it lives | What it does |
|---|---|---|
| Composer | The agent panel | Sends a turn; can include a selection and comment chips. |
| New session / History | Above the transcript | Starts a clean topic, or resumes past work. |
| Permission mode | The agent controls | Chooses how much confirmation the agent asks for (Auto / Edit / Bypass). |
| Pick on canvas | The canvas (default mode) | Attaches a specific element as context for your next turn. |
You're oriented when…
You can open a file, see it render on the canvas, attach a canvas selection, start an agent turn, and find Change requests and Releases — all without hunting.