Orvain UI

Agents

An agent block is the interface for watching and steering an AI agent that does work on someone's behalf: the steps it takes, the apps it touches, and the moments it stops to ask.

Get Pro to installPro18 blocksReact, Vue and Figma
MCPConnect the MCP server
Release agentClaude · web-app v3.2
Needs you
0:42Elapsed
$0.018Spent
3/4Steps
Waiting in
  1. Publish v3.2.0 on GitHub?GitHub · waiting for your OK
    0:01

    The agent wants to publish the release with these notes.

    gh release create v3.2.0 --target main --notes-file notes.md
  2. 11.4s
    Wrote the notes in four sections: new, improved, fixed and thanks.
  3. 4.1s
    Matched the closed issues in Cycle 32 to the commits that closed them.
  4. 6.2s
    Listed every commit on main since the v3.1 tag and grouped them by pull request.
NextPublish the release

Every block in the set#

Agent monitor

Watching one agent run, and giving it the OK when it asks

Agent plan

Reading what an agent will do before it starts, and watching it work through the plan

Agent checkpoints

Going back to an earlier point in a run and trying again from there

Agent findings

Reviewing what an agent found, and fixing or dismissing each item

Agent fleet

Keeping track of many agents at once and answering the ones that ask

Agent graph

Seeing which agents hand work to which, and through which apps

Agent cursors

Editing a document alongside agents and taking or leaving what they change

Agent lanes

Comparing what several agents did over the same stretch of time

Agent queue

Watching a queue of agent jobs work through a pool of workers

Agent trail

A small live card for one agent while you do something else

Agent recap

Catching up on what agents did overnight

Trace waterfall

Finding where a run spent its time across models, tools and calls

Cost waterfall

Seeing where a run's money went, step by step, against a budget

Agent inbox

One place to answer everything agents are waiting on

Approval gates

Getting a run signed off by the people who have to say yes before it goes on

Autonomy dial

Deciding how much an agent may do on its own, app by app

Agent steering

Changing what a running agent does without stopping it

Parallel attempts

Letting several models try the same task and keeping the best one

When to use#

  • An agent that acts in other people's apps, where some of its actions need a yes before they happen.
  • Several agents or several attempts running at once, where someone has to see which is stuck and which is done.
  • Runs long enough that people leave and come back, and need to catch up on what happened and what waits on them.
  • Spend or time that has to be explained afterwards, step by step, against a budget.

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans