Skip to main content
Every item on the dashboard canvas is a card. Cards can be freely moved, resized, and layered. There are three card types:

Agent Cards

Live chat sessions with an AI agent

App Cards

Interactive apps built by agents, embedded on the canvas

Browser Cards

Full in-app web browsers, manually or agent-driven

​
Agent Cards

Agent cards are live chat sessions with an AI agent. Each card corresponds to one conversation.

​
States

The header badge reflects the card’s current status:
runningAgent is actively executing
waiting approvalPaused — awaiting your sign-off on a tool call
completedFinished or manually stopped
errorSomething went wrong

​
Collapsed vs. Expanded

By default, agent cards start collapsed — showing a compact summary bar with the agent name, status, and the most recent tool call or message. Click the card to toggle. When expanded, you can:
  • Read the full message history
  • Send follow-up messages
  • Edit, copy, and branch chats
You can set the default spawn state (collapsed or expanded) under Settings → Default agent spawn state.

​
Approval Bar

When an agent is waiting for tool-call approval, an inline Approval Bar appears with Approve / Deny buttons — always visible regardless of whether the card is collapsed or expanded.

​
Sub-agent Cards

When an agent spawns sub-agents, child cards are automatically placed near the parent and visually linked so you can trace the hierarchy at a glance.
To keep sub-agents hidden by default, toggle Auto-reveal sub-agents in Settings.

​
Resizing & Dragging

  • Resize — drag any edge or corner handle. A minimum size is enforced so the card stays usable.
  • Move — grab the card’s header to drag it freely on the canvas.

​
App Cards

App cards embed a live app — interactive, full-stack applications built by agents — directly on the canvas.

​
Opening an App

1

Open the toolbar

Click Add App in the toolbar, or press ⌘M.
2

Pick an output

Search for and select any output from the picker.
3

Done

The app is placed as a new card on the canvas.

​
Interacting with an App

You can interact with an app like any normal website — click buttons, fill forms, scroll, etc. The card header shows:
  • The view’s name and icon
  • A Refresh button to reload the iframe
  • A Close button

​
Resizing

Drag any edge or corner handle to resize.

​
Browser Cards

Browser cards are full in-app web browsers embedded on the canvas — supporting both manual browsing and autonomous agent control.

​
Opening a Browser

Click Browser in the toolbar, or press ⌘N. The card opens to your configured homepage.

​
Tabs

1

New tab

Click + in the tab bar.
2

Switch

Click any tab to bring it into focus.
3

Reorder

Drag tabs left or right.
4

Close

Click ✕ on a tab to close it.
The card includes a standard address bar:
  • Type a URL or search term and press Enter
  • Bare search terms are sent to Google automatically
  • ◀ Back, ▶ Forward, and ↺ Refresh work as expected

​
Agent Control

When an agent is actively controlling the browser, an overlay appears showing what the agent is doing in real time. It fades out once the agent finishes. To let an agent reference or control a browser:
  1. Enable select mode when composing a message
  2. Click the target browser card on the canvas
  3. Send — the agent now has full context of and control over that browser

​
Resizing

Drag any edge or corner handle to resize.

​
Card Layering

Cards can overlap freely. Clicking or interacting with any card automatically brings it to the front.