> ## Documentation Index
> Fetch the complete documentation index at: https://docs-vrsebuilder.autovrse.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Technical Editor (Graph View)

> In depth editing of the story and its nodes

This view provides a complete view of each moment, including, the moment lifecycle and the actions and triggers that have been assigned.

<img src="https://mintcdn.com/autovrse-749835a2/0JNaYI6hdHzq3iRY/images/studio/11.png?fit=max&auto=format&n=0JNaYI6hdHzq3iRY&q=85&s=3df775b94b343093d3313b23027afb8e" alt="11 Pn" width="1840" height="857" data-path="images/studio/11.png" />

### Basics of Using the Technical Editor

**Controls**

* Backspace to delete a node or node connection
* To create a new connection, left click on the '+' icon on the node and drag and drop on another node's input

**Connections**

Triggers are the red colored nodes, they have two outputs; actions have only one.

* The upper '+' is for actions to be done after that trigger is executed
* The lower '+' is for adding more triggers to the list
* Each trigger can have its own set of actions

<img src="https://mintcdn.com/autovrse-749835a2/0JNaYI6hdHzq3iRY/images/studio/15.png?fit=max&auto=format&n=0JNaYI6hdHzq3iRY&q=85&s=42ff9e75f3397046aacd32660474a84e" alt="15 Pn" width="593" height="308" data-path="images/studio/15.png" />

**Edit**

To make further edits to an action or trigger, click on the node, and then click '**edit**' to pop up a toolbar.

<img src="https://mintcdn.com/autovrse-749835a2/0JNaYI6hdHzq3iRY/images/studio/12.png?fit=max&auto=format&n=0JNaYI6hdHzq3iRY&q=85&s=d2190561acf5fe62d3e0fa322af4f1fe" alt="12 Pn" width="417" height="880" data-path="images/studio/12.png" />

<img src="https://mintcdn.com/autovrse-749835a2/0JNaYI6hdHzq3iRY/images/studio/13.png?fit=max&auto=format&n=0JNaYI6hdHzq3iRY&q=85&s=9cf7f036257513d813dde440cab98dd0" alt="13 Pn" width="416" height="542" data-path="images/studio/13.png" />

<Warning>
  Any unconnected nodes will be deleted upon saving the story
</Warning>

**Moving Nodes**

* You can move around any node by simply clicking and holding the top right area of any node
* You can copy/cut one or more nodes and paste them anywhere on any graph

### Actions and Triggers Toolbar

The right side of the graph has a toolbar that contains a list of all available actions and triggers.

<img src="https://mintcdn.com/autovrse-749835a2/0JNaYI6hdHzq3iRY/images/studio/14.png?fit=max&auto=format&n=0JNaYI6hdHzq3iRY&q=85&s=48d20eb1b0a8dfda0be89f6c937dcf61" alt="14 Pn" width="632" height="856" data-path="images/studio/14.png" />
