Elements
The building blocks that live on your canvas.
What are elements?
Elements are everything you see on the canvas. Every chart, note, PDF, and embed is an element. Your agent creates them, positions them, and connects them. You can also drag them around, resize them, and delete them yourself.
Element types
There are four types:
| Type | What it does | Good for |
|---|---|---|
| Frame | Renders interactive HTML/JS content in a sandboxed iframe | Dashboards, charts, tables, custom UIs, scoring models |
| Note | Displays markdown text with a serif font for readability | Thesis notes, annotations, research summaries |
| Embeds a PDF viewer directly on the canvas | Annual reports, research papers, filings | |
| Embed | Shows an external webpage inside the canvas | YouTube videos, Google Sheets, Screener pages |
Frame
The workhorse. Most things your agent builds end up as frames. They can hold anything from a simple bar chart to a full multi-tab dashboard. See the Frames concept for the full picture.
Note
For writing. Thesis notes, quick annotations, research summaries. Notes use a serif font for a more editorial feel, which makes longer text easier to read on the canvas.
Drop any PDF onto the canvas and it becomes a scrollable, embedded viewer. Annual reports, broker notes, research papers. No need to leave your workspace to read them.
Embed
Shows a live external webpage. Paste a YouTube URL, a Google Sheets link, or any public webpage. The content loads directly inside the canvas element.
Position and size
Every element has a position (x, y) and size (width, height) on the canvas. Drag to reposition, grab the edges to resize.
You don’t have to arrange elements yourself. Your agent handles layout when creating them. But you can always rearrange things manually afterward.