Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.leapter.com/llms.txt

Use this file to discover all available pages before exploring further.

Diagram View

When you focus on a single Blueprint inside the Blueprint Editor, the editor maximizes that Blueprint and fills the canvas with its diagram. This is the Diagram view — a flowchart of connected elements that represent your business logic. A maximized Blueprint with the Pricing Logic Lookup section, a yellow Tiered print size pricing decision branch, a return node, the Outputs footer, and the right-edge canvas toolbar You enter the Diagram view from the Specification view by:
  • Double-clicking a Blueprint’s entry in the Contents sidebar
  • Clicking the maximize icon in a Blueprint’s section header
  • Clicking a Call node’s link to open the called Blueprint
To leave it, click Minimize in the top toolbar (or click the X on the maximized blueprint pill). You return to the full Specification document with that Blueprint’s diagram embedded inline at its section.

Reading the diagram

Execution flows top to bottom. Each element is color-coded by type:
ColorElement typePurpose
Green (circle icon)Start nodeThe entry point where execution begins
YellowDecisionConditional branching — evaluates a condition and routes the flow (IF / ELSE)
YellowSection headerLabeled group with a title and description that explains a part of the logic
PurpleAssignmentPerforms a calculation or sets a variable value
Green (check icon)ReturnEnds execution successfully and returns output values
RedErrorEnds execution with an error condition
BlueCallCalls another Blueprint as a sub-routine
Sections can be collapsed or expanded by clicking the collapse button in their header.

The right-edge toolbar

The vertical toolbar at the right edge of the diagram canvas — sparkles, book, code, undo, redo, settings, fit, plus, minus A vertical toolbar runs along the right edge of the diagram canvas:
IconAction
SparklesOpen the AI prompt for the current selection
BookSync descriptions from logic — propose updated descriptions that match the current logic
Code </>Sync logic from descriptions — propose updated logic that matches the current descriptions
Undo / RedoStep through your edit history
SettingsCanvas display options
Fit to viewCenter and fit the diagram in the canvas
Plus / MinusZoom in and out

Building and editing

Adding elements

You add new elements at connection points in the diagram — the small circles between existing elements. Click one to open the element palette, then select the element type you want to add. The palette offers: Assignment, Decision, Loop (items), Loop (counter), Loop (while), Error, Return, and Call. For a detailed guide on each element type, see Controlling the Flow.

Editing elements

Double-click any element on the diagram to edit its configuration inline:
  • Decision nodes — edit the condition expression and branch labels
  • Assignment nodes — edit the calculation or variable assignment
  • Call nodes — select which Blueprint to call and configure input / output mapping
When you click an element, it becomes selected and a small node toolbar appears with copy, settings, run-from-here, add-element, and delete actions. See Inline editing for details.

AI editing

Press Ctrl+I (or Cmd+I on Mac) — or click the sparkles icon in the right-edge toolbar — to open the AI prompt. The scope adapts to your selection: a single node, a section, or the whole Blueprint. See AI editing.

Running and tracing

You can run the maximized Blueprint directly from the diagram. After a run, the execution path is highlighted on the canvas and the trace controls in the top toolbar become active — Step in, Step out, Previous, Next — so you can replay the execution step by step. While Live mode is on, the Blueprint re-runs automatically as you edit, and the Outputs footer at the bottom of the canvas updates continuously. For detailed instructions, see Test your Blueprint.

What to do next