Graph View

The default view — an interactive canvas showing all nodes and their connections.

Canvas Interaction

• Zoom: scroll wheel
• Pan: drag the background
• Move nodes: drag a node to reposition it. Positions are saved automatically.
• Select a node: click to open highlighting (see below). Double-click to open the node editor.
• Connections: nodesConnectable is disabled. You cannot drag connections between nodes on the canvas. Use the node editor to manage edges.

Layout Modes

Workflow-centric (default)

Nodes are grouped by their parent workflow. Each workflow can be expanded or collapsed to show or hide its children.

Type-specific

Click a type chip in the toolbar (Skill, Prompt, Workflow, etc.) to filter the canvas to that single type with automatic layout applied. These chips use exclusive selection — clicking one deselects all others. They only appear in graph view.

Node Highlighting

Click a node to highlight it and all directly connected nodes and edges:

• Connected edges brighten to green.
• Unconnected nodes and edges dim.
• Click the same node again, or click the background, to clear highlighting.

Right-side Panels

All panels are collapsible. Click the panel header to expand or collapse.

Workflows

Lists every workflow in the graph with a member count badge.

“Show All” exits focus mode and restores the full graph.

Node Types

Checkboxes for each of the 7 node types (skill, prompt, workflow, source, document, asset, service). Toggle individually to show or hide nodes of that type — these are additive (multiple types visible at once). A badge shows how many types are currently hidden.

This is different from the toolbar type chips, which are exclusive (clicking one filters the layout to that single type).

Connections

Checkboxes for each of the 7 edge types (uses, depends_on, derived_from, references, tagged, runs_on, requires). Toggle to show or hide edges of that type.

Minimap

A birds-eye view of the full graph. Click anywhere on the minimap to pan the canvas to that position.