Layout

The layout section contains visual rendering hints. It is optional and typically generated by the editor. Hand-written files can omit it entirely — the editor will auto-layout using direction (default TB).

When positions are provided, they take precedence over auto-layout.

Example

layout:
  direction: LR
  viewport: [418.5, -19, 2]
  positions:
    orchestrator: [350, 0]
    inventory-agent: [100, 200]
  sizes:
    orchestrator: [240, 117]
  node_styles:
    orchestrator:
      borderless: true
      icon_url: "https://example.com/icon.png"
      icon_layout: left

Properties

Property	Type	Default	Description
`direction`	string	`TB`	Auto-layout flow: `TB`, `LR`, `BT`, `RL`
`viewport`	array	—	`[x, y, zoom]` — initial camera position
`positions`	map	—	Node id → `[x, y]` coordinates
`sizes`	map	—	Node id → `[width, height]` dimensions
`node_styles`	map	—	Node id → visual style overrides

Direction values

Value	Meaning
`TB`	Top to bottom (default)
`LR`	Left to right
`BT`	Bottom to top
`RL`	Right to left

Node style properties

Property	Type	Description
`borderless`	boolean	Hide node border
`icon_url`	string	Custom icon URL
`icon_layout`	string	Icon position: `left`, `right`, `top`, `bottom`
`image_url`	string	Background image (image nodes)