**Language / Langue :** [[fr:editeur:graphe|FR]] | **EN**

====== Graphical editor - Interactive graph ======

The graph is the central view of the editor. It shows every room of the scenario as a node, linked by arrows standing for the exits.

===== Navigation =====

  * **Click** a room to select it and open the inspector
  * **Drag** a room to move it inside the graph
  * **Mouse wheel** to zoom in and out
  * **Click and drag** the background to pan the view
  * **Double-click** the background to create a new room
  * **+** / **-** to zoom in and out
  * **0** to fit the view

===== Automatic layout =====

The **View** menu offers five layouts:

  * **By stages**: columns based on distance from the start; the initial layout for generated rooms.
  * **Grid**: rows and columns; restores the plan of generated mazes and dungeons.
  * **Tree left > right**: a horizontal route.
  * **Tree top > bottom**: a vertical route.
  * **BFS tree**: levels starting from the entrance room.

Disconnected sections stay separate: horizontal routes are stacked, while vertical trees sit side by side. Reorganisation does not change links; you can return to **By stages** after trying another layout.

[[en:editeur:generation|Generated rooms]] mark their endings with an **Ending** label and a distinct border. A hub also marks its **Hub** room.

===== Quick search =====

''Ctrl+K'' (or ''Ctrl+P'') opens the quick search. Type the name of a room to jump straight to it. It also creates a room, runs the linter or starts a test game.

===== Kinds of connections =====

Arrows between rooms show the kind of link through their style. Exact colors depend on the theme:

^ Kind ^ Style ^ Description ^
| Plain exit | Solid line | Direct navigation between rooms (choice, ''to:'') |
| Event (''event-edge'') | Dashes | Exit fired by an event |
| Action (''action-edge'') | Dots | Link coming from a custom action |
| Choice effect (''choice-effect-edge'') | Short dashes | Effect of a choice (''effet:'') |
| Model (''model-edge'') | Wide dashes | Connection to or from a model |

A return link between two rooms uses one double-headed arrow in every style when both links are of the same kind. Both directions and their labels are preserved; links of different kinds stay separate.

===== Creating and deleting a room =====

  * **Create**: double-click the background, or the ''+ Room'' button in the toolbar
  * **Delete**: select the room, then press ''Del'' or use the bin button in the inspector
  * **Copy and paste**: ''Ctrl+C'' on a selected room, then ''Ctrl+V''