> ## Documentation Index
> Fetch the complete documentation index at: https://docs.runchat.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor Overview

> A tour of the Runchat editor: the main menu, the left sidebar with Add Nodes, Gallery, Chats and Workflows panels, the canvas search, and the chat input.

The Runchat editor has four ways to interact with the canvas: a **main menu** for file actions and dashboard pages, a **left sidebar** with panels for nodes, media, chats and workflows, a **canvas search** for adding nodes inline, and a **chat input** at the bottom for talking to the Chat Agent.

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/editor/menu-hero.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=9c7bb427bb3923c19a603f4b8cbe614a" alt="The Runchat editor showing the main menu, sidebar, canvas, and chat input" width="1725" height="1024" data-path="images/editor/menu-hero.webp" />
</Frame>

## Main menu

The Runchat icon at the top of the left rail opens the main menu.
From here you can create a new workflow, save a copy, toggle workflow privacy or browse save history.
The menu also provides access to dashboard pages to browse workflows, published artifacts (websites and blogs), scheduled tasks and training runs.
You can also find links to explore nodes published by the community, open these docs or join our discord community.

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/editor/menu-top-menu.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=506d35e4be31a17f0963cb0d5c02ccfa" alt="The expanded Runchat main menu" width="401" height="840" data-path="images/editor/menu-top-menu.webp" />
</Frame>

## Sidebar

The sidebar on the left side of the editor has four panels:

* **Add Nodes**, browse nodes, models, and tools to add to the canvas
* **Gallery**, view all media generated by this workflow or your account
* **Chats**, view chat history for this workflow or all workflows
* **Workflows**, browse and organize other workflows

### Add Nodes

The Add Nodes panel is where you browse everything you can drop on the canvas: input nodes, agent and create nodes, and the full library of installed models and tools. Filter the panel between **Nodes**, **Models** and **Tools** at the top.

You can sort by cost, type or name as well as filter visible items by tags and category. Click the **Add** button at the top of the Models filter to install additional models from [Fal](https://fal.ai) or [Openrouter](https://openrouter.ai).

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/editor/menu-add-nodes.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=7c07b51a4d3d167e22cc873594447aa3" alt="The Add Nodes sidebar panel with the Nodes, Models, and Tools filters" width="472" height="361" data-path="images/editor/menu-add-nodes.webp" />
</Frame>

### Gallery

The gallery panel shows all media generated by this workflow.
You can hover an image to view the full resolution preview, and drag an image out of this panel to create a node in the workflow.
You can also toggle showing media from all other workflows when needed.

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/editor/menu-gallery.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=fe8d73bfd89a28f38f67f9678a1e2dd8" alt="The Gallery panel showing media generated by the workflow" width="470" height="465" data-path="images/editor/menu-gallery.webp" />
</Frame>

### Chats

The chats panel shows all conversations from this workflow.
You can start a [chat](/concepts/agents/chat) directly from the chat input at the bottom of the editor.
You can click on an old conversation to reload the messages and tools from that conversation.

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/editor/menu-chats.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=f4083b751db2ecf604f877c911162142" alt="The Chats panel showing past conversations" width="471" height="289" data-path="images/editor/menu-chats.webp" />
</Frame>

### Workflows

The workflows panel shows all created workflows and folders (also called libraries).
By default, all workflows and libraries created by everyone on your team will be displayed. You can click the Crowd icon in the top-right of the workflows panel to toggle between filtering to your own content and all team content.
You can create new folders from the + button at the top of the folder browser, and drag and drop workflows to folders to move them.
Right click on a workflow or folder to show the context menu. From here you can move workflows, delete workflows and schedule tasks.

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/editor/menu-workflows.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=b63398e3ef00f6516e5ce159063e00c9" alt="The Workflows panel showing folders and the right-click context menu" width="473" height="608" data-path="images/editor/menu-workflows.webp" />
</Frame>

## Canvas search

The canvas search is a floating picker for adding nodes inline without going to the sidebar.

* **Double click the canvas** to open it at the cursor
* **Drag out from a node parameter** to open it filtered to compatible nodes and models

When triggered from a parameter, the picker is automatically filtered. For example, dragging from a text input shows only nodes that produce text, and dragging into an Agent's model slot shows only text models.

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/editor/menu-canvas-search.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=55b11068d14b79e41cc00d484b6cf1c9" alt="The canvas search opened from a double-click on the canvas" width="1083" height="667" data-path="images/editor/menu-canvas-search.webp" />
</Frame>

## Chat input

The chat input at the bottom of the editor is where you talk to the [Chat Agent](/concepts/agents/chat). Click the model name on the input to swap the language model used by the agent. The picker reuses the Add Nodes panel filtered to text models.

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/editor/menu-chat-input.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=e2359dfbcb2bcfba6935a179487b24ed" alt="The chat input with the model picker open" width="476" height="164" data-path="images/editor/menu-chat-input.webp" />
</Frame>

## Next steps

* [Connecting Nodes](/concepts/editor/connecting-nodes): wire nodes together with parameters and references
* [Running and Debugging](/concepts/editor/running-and-debugging): execute nodes and inspect results
