Logic View

Logic View displays a module's server-side logic as a navigable graph. Each logic component renders as a card connected to others by edges that represent data flow and control order. Chains group related components into lanes so Creators can follow the sequence of operations from start to finish.

Logic View is read-only: it displays the module as configured. To add or remove logic components, switch to Config View.

Left Panel

The left panel in Logic View has an Isolate chains toggle and three collapsible sections: Chains, Nodes, and Data.

Isolate chains

The Isolate chains toggle controls how shared components appear on the canvas.

Chains

The Chains section lists every logic chain in the module. A chain is a sequence of logic components that begins at a specific point, like an initializer or a module event.

Select a chain to highlight it on the canvas and pan to its first card. Select the same chain again to deselect it. Use the search field to filter chains by name or description.

Nodes

The Nodes section lists every individual logic component in the module. When a chain is selected, the list narrows to that chain's components only. Components are sorted by connection count, then alphabetically.

Select a node to open its settings in the Properties tab and pan the canvas to that card. Use the search field to filter nodes by name or type.

Data

The Data section lists data tokens, the values that flow in and out of the module's logic. When a chain or node is selected, the list narrows to that scope. Tokens are organized into Inputs and Outputs subsections.

Select a token name to pan the canvas to the first component that touches it.

Logic Canvas

The center of Logic View is the graph canvas. Logic components appear as cards connected by directed edges. The graph opens at 80% zoom with the first chain anchored at the top left.

Nodes are not draggable: the graph reflects the module's configuration and cannot be rearranged in Logic View.

Node cards

Each node card displays the component's type, title, and any data it reads or produces. Cards with multiple state-change entries display a ‹n/N› scroller at the bottom right to cycle between entries. Selecting a different entry re-points the Properties tab to that entry's settings.

When a node card's logic arrived through a Panel component's module import, the card displays an Imported pill badge. Hovering the pill displays the property ID of the Panel that imported the component — the same ID visible in Config View.

Node interactions

Action	Result
Click a node	Selects the node, opens its settings in the Properties tab, and pans the canvas to it.
Shift-click or Command-click a node	Adds or removes the node from the multi-selection used for agent context.
Double-click a node	Clears the multi-selection.
Right-click a node	Opens the node action menu.
Hover a node	Reveals the (ellipsis) button at the top right of the card.

The node action menu contains the following options:

Option	Description
Focus On Node	Enters the connected-nodes view centered on this node, showing all directly connected components.
Add To Agent Context	Adds the node to the agent context selection for use in a Build Agent conversation.

Pane interactions

Clicking the canvas background (outside any node) deselects the current node and closes the Properties tab. If the click lands outside all chain lanes, the chain selection also clears.

Data Workflow inline view

Selecting a Data Workflow component on the canvas opens an inline view of its operator canvas. The inline view displays the operators and connections configured in that component. Select Close at the top right to return to Logic View.

Empty state

If the module has no logic components, the canvas displays: No logic components. Add initializers, calculators, or API calls to see chains.

Toolbar

The Logic View toolbar contains the following controls.

View Switcher

The three-button View Switcher at the left of the toolbar switches between Config View, UI View, and Logic View. See Module Builder Page for details.

Logic Breadcrumb

The center of the toolbar displays the Logic Breadcrumb, which displays what is currently visible on the canvas and provides navigation controls.

When only a chain is selected, selecting the chain name opens a drop-down. When a node is also selected, the chain name becomes a back link that clears the node selection. Selecting a node name always opens a drop-down:

Chain name drop-down:

Node name drop-down:

When a connected view is active, two additional controls appear to the right of the breadcrumb:

Control	Description
Change View	Adjusts the scope of the connected view. For connected-nodes: Directly connected (Stop 1), Downstream impact (Stop 2), Full chains (Stop 3).
Exit View	Returns to the full-module view.

Right-side controls

Control	Description
Direct Select	Toggles the canvas interaction mode. When ON, dragging across the canvas draws a selection rectangle and adds all enclosed nodes to the multi-selection. When OFF, clicking a node selects it and dragging pans the canvas.
Zoom	Displays the current zoom percentage. Select it to open a menu of preset levels: 50%, 75%, 100%, 125%, 150%, 200%, and 300%. The menu ends with Fit to View, which frames all nodes at a zoom between 60% and 100%.

Properties Panel

The right panel in Logic View displays the Component Settings Editor for the selected node. The right panel opens automatically when a node is selected. All settings available for that component type are accessible without switching to Config View.