Skip to main content
The right pane of the Agentic Editor is a tabbed workspace. The Workflow tab (the canvas itself) is always there; four more tabs — Result, Interface, Code, and Log — can be pinned, reordered, or tucked away.
The tab bar at the top of the right pane showing Workflow, Result, Interface, the pin menu, and Split toggle.

The five tabs

Workflow

The node canvas — always pinned. Your primary working surface.

Result

The output of the currently selected node — JSON, table, markdown, HTML, and more.

Interface

The interface builder for your user-facing form and results view.

Code

The read-only source of the workflow, with a version selector to browse history.

Log

Live execution logs streamed during a run.

Workflow (permanent)

The canvas where you arrange and connect nodes. See Canvas for the full mechanics. This tab cannot be unpinned or closed — it’s the heart of the editor.

Result

Shows the currently selected node’s most recent output. Click a node on the canvas, open the Result tab, and you see exactly what that node produced on the last run. The Result tab includes a view-mode switcher so you can render the same data different ways:
  • JSON — collapsible tree, default for structured objects.
  • Table — for arrays of objects, one row per item.
  • Markdown — rendered prose for LLM outputs.
  • HTML — rendered web content, e.g. the output of a code block that returns HTML.
  • Plain text — raw, unformatted.
Result tab showing a Run Summary list of completed nodes on the left and a populated JSON output on the right with id, name, and email fields.
You can also pin a result with the pin button on the Result tab itself. This keeps the result visible even when you click away to other nodes — useful for comparing outputs across runs. See Mock mode & pinning for the full pinning story.

Interface

The interface builder for configuring your workflow’s user-facing form, confirmation screen, and results page.

Code

A read-only view of the underlying source code of your workflow — typically a JavaScript/TypeScript module the runtime executes. Useful for:
  • Understanding what the coding agent actually wrote.
  • Copy-pasting into external AI tools for debugging.
  • Sanity-checking that the generated code matches your mental model.
A version selector at the top of the Code tab lets you browse previous versions — compare the current draft against a past release without leaving the editor.
Code tab showing the generated TypeScript source of the workflow in a Monaco editor, with the Run Summary list on the left.

Log

The real-time execution log for whatever the workflow is doing — stdout from Code Block nodes, MCP tool call results, runtime warnings, and any errors. Logs stream live during a run and remain viewable afterwards. Entries are timestamped and prefixed by log level (info, warn, error). Click an error to jump to the node that produced it on the Workflow tab.

Pinning and unpinning tabs

By default, pinned tabs vary depending on what you’ve been doing. To pin or unpin a tab:
  1. Click the + button to the right of the tab bar.
  2. Pick a tab from the popover to pin it.
  3. Click a tab that’s already pinned in the popover to unpin.
Unpinned tabs still exist — you just access them via the + menu rather than the top bar. The Workflow tab is always pinned and can’t be toggled.
Pin menu popover open from the + button on the tab bar, showing the pinnable tabs.

Reordering tabs

Drag any tab left or right to reorder. The order is saved per-workflow.

Switching tabs quickly

  • Click a tab to jump to it.
  • Use keyboard shortcuts (browser-dependent — typically Cmd/Ctrl+Opt+ArrowKey).
  • From the Add Node flow on the Interface tab, clicking the card automatically jumps you to the Interface tab.

Tab behavior during runs

While a workflow is running:
  • Workflow tab shows live node status (running / success / error).
  • Log tab fills with streaming entries.
  • Result tab updates as each selected node completes.
  • Code and Interface tabs are unchanged — they’re authoring views, not execution views.

What’s next

Split view

Show two tabs side-by-side for faster iteration.

Interface builder

The Interface tab’s authoring experience in depth.

Running a workflow

See how the Log and Result tabs behave during an execution.

Mock mode & pinning

Result pinning explained.