> ## 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 maximize a Blueprint, you see it as an interactive diagram. Build, edit, and debug your logic visually. When you focus on a single Blueprint inside the [Blueprint Editor](/editor/introduction), 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 filling the canvas — Calculate Score with its sections Validate Application, Evaluate Monthly Income, and Assess Years of Employment, showing decision branches, an error, and assignment nodes You enter the Diagram view from the [Specification view](/editor/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: | Color | Element type | Purpose | | :- | :- | :- | | **Green** (circle icon) | Start node | The entry point where execution begins | | **Yellow** | Decision | Conditional branching — evaluates a condition and routes the flow (IF / ELSE) | | **Grid icon** | [Decision Table](/elements/decision-tables) | A first-match grid of rules — inputs mapped to outcomes. Click a cell to edit it; maximize the table to add or remove rows and columns | | **Yellow** | Section header | Labeled group with a title and description that explains a part of the logic | | **Purple** | Assignment | Performs a calculation or sets a variable value | | **Green** (check icon) | Return | Ends execution successfully and returns output values | | **Red** | Error | Raises an error — the run stops unless a handler catches it. See [Error Handling](/elements/error-handling) | | **Blue** | Call | Calls another Blueprint as a sub-routine | Sections can be collapsed or expanded by clicking the collapse button in their header. ## Canvas controls View controls for the diagram — undo and redo, zoom in and out, **Center Diagram**, and canvas settings — live in the [top toolbar](/editor/toolbars-and-panels#top-toolbar) above the editor. To edit with AI, select a node and press **Ctrl+I** to send it to the [Lab Agent](/editing/lab-agent#point-the-agent-at-a-node-with-ctrli), or open the **Agent** tab in the right sidebar for a full conversation. ## 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](/elements/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](/editing/inline-editing) for details. ### AI editing Select a node and press **Ctrl+I** (or **Cmd+I** on Mac) to drop it into the [Lab Agent](/editing/lab-agent) chat as a reference, then type your instruction — see [Lab Agent](/editing/lab-agent#point-the-agent-at-a-node-with-ctrli). For a longer conversation that can build across Blueprints and run your tests, open the **Agent** tab in the right sidebar. ## 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](/editor/toolbars-and-panels#top-toolbar) become active — Step in, Step out, Previous, Next — so you can replay the execution step by step. While [Live mode](/test-and-validate/test-your-blueprint#live-mode) is running, 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](/test-and-validate/test-your-blueprint). ## What to do next * **[Specification view](/editor/specification-view)** — return to the document view of your whole project * **[Controlling the Flow](/elements/controlling-the-flow)** — learn about each element type in detail * **[Inline editing](/editing/inline-editing)** — edit nodes directly on the canvas * **[Lab Agent](/editing/lab-agent)** — modify your Blueprint with natural language This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.