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

# Site tree

> See the whole site layer by layer: pages, components, and snippets, with a live preview of any of them.

The Site tree is the structural view of a site inside the
[Command Center](/operate/command-center). It shows the whole site, layer by
layer, so you can navigate by structure instead of hunting through wp-admin.

<Frame caption="The Site tree open beside the live preview: pages, components, and snippets on the left, the rendered page on the right.">
  <img src="https://mintcdn.com/wpos/sHdmct18VEwCAVSi/images/surfaces/site-tree.png?fit=max&auto=format&n=sHdmct18VEwCAVSi&q=85&s=23de227b814ca7e6d2894398ed2a38d4" alt="The WPOS Site tree showing Pages, Components, and Snippets, with the selected page rendered in the live preview." width="1280" height="720" data-path="images/surfaces/site-tree.png" />
</Frame>

## What you see

<CardGroup cols={3}>
  <Card title="Pages" icon="file">
    Every page on the site. Expand one to see its sections and the components
    inside it.
  </Card>

  <Card title="Components" icon="puzzle-piece">
    The reusable building blocks used across the site, in one place.
  </Card>

  <Card title="Snippets" icon="code">
    Saved pieces you can reuse anywhere, kept with the site.
  </Card>
</CardGroup>

## Working in the tree

* **Search the site.** Use the search box to find any page, section, or component
  quickly.
* **Preview anything.** Select a page and it loads in the live preview beside the
  tree, so you see exactly what you are working on.
* **Switch to Code.** Toggle the Code view to see the underlying markup for what is
  selected.
* **Point and ask.** Once a page is in the preview, click an element and ask for a
  change, the same [click-then-ask](/operate/command-center) loop as everywhere
  else.

<Tip>
  The Site tree is the fastest way to move around a large site. Find the page in
  the tree, load it in the preview, then make your change, instead of clicking
  through the front end to get there.
</Tip>