Flow Editor

The flow editor is a fully interactive canvas for building and managing your MCP server configuration. It visualizes connections, tools, resources, and prompts as draggable nodes with edges showing their relationships. Open the flow editor from Flow in the sidebar.

​

Layout

​

Node Types

​

Interacting with the Canvas

​

Navigation

• Pan: Click and drag on empty canvas space
• Zoom: Scroll wheel or pinch gesture
• Fit to view: Automatic on first load

​

Selection

• Single select: Click a node to open the inline editor
• Multi-select: Hold Shift and drag a selection box, or Shift+click individual nodes
• Deselect: Click on empty canvas space

​

Quick Actions on Nodes

• Toggle switch: Enable/disable the entity directly on the node
• Trash icon: Delete the entity (with confirmation)

​

Drag-and-Drop Entity Creation

1. Drag a Tool, Resource, or Prompt from the palette onto the canvas
2. The entity is created with default values
3. Tools dropped near a connection node are automatically linked to that connection
4. The new node is selected, opening the sidebar editor

​

Template Blueprints

Blueprints create multiple related entities at once:

1. Click Templates in the palette’s Blueprints section
2. Select a blueprint
3. Fill in parameters (table name, connection)
4. Preview the entities that will be created
5. Click Create

​

Built-in Blueprints

​

Visual Connection Drawing

Draw edges directly on the canvas to set relationships:

• Connection -> Tool: Sets the tool’s connection_id
• Connection -> Resource: Sets the resource’s connection_id
• Entity -> Server: Enables the entity

Press Backspace to delete selected edges.

​

Filtering and Search

• Search: Type to filter nodes by name (non-matching nodes fade)
• Type filter: Show only Tools, Resources, or Prompts
• Status filter: Show only Enabled or Disabled entities
• Clear: Reset all filters

​

Group Operations

When multiple nodes are selected, a batch action bar appears:

• Enable All / Disable All / Delete All / Clear Selection

​

Live Metrics Overlay

Toggle the Metrics button to show performance data on Tool nodes:

• Call count, Avg duration, Error rate
• Color coded: Green (good), Amber (slow), Red (errors)

​

Visual Indicators

​

Transform Badge

Tool nodes display a violet J2 badge when a Jinja2 transform template is configured. This helps identify tools with post-processing at a glance on the canvas.

​

Validation Indicators

​

Import / Export

Export and import your entire project configuration via the toolbar menu:

• Export: Downloads a JSON file (passwords excluded)
• Import: Upload a previously exported .json file (duplicates are skipped, connections imported without passwords)

​

Keyboard Shortcuts

---

​

See Also