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

# Interface Layout

> Learn the main areas of Graph Studio: Canvas, Node Library, Inspector, and Variables.

## Main areas

* **Canvas**: where you arrange and connect nodes
* **Node Library**: where you find available node types
* **Inspector Panel**: where you configure the selected node
* **Variables Panel**: where you manage inputs and captured values

<CardGroup cols={2}>
  <Card title="Canvas" href="/graph-studio/interface/canvas" icon="layout">
    Place and connect nodes to form your Agent Graph.
  </Card>

  <Card title="Node Library" href="/graph-studio/interface/node-library" icon="grid">
    Browse and drag nodes into the canvas.
  </Card>

  <Card title="Inspector Panel" href="/graph-studio/interface/inspector-panel" icon="sliders">
    Configure prompts, RAG, tools, and variables for the selected node.
  </Card>

  <Card title="Variables Panel" href="/graph-studio/interface/variables-panel" icon="database">
    Create, edit, and reference variables across the graph.
  </Card>
</CardGroup>