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

# Graph Page (Layout)

> How the main Graphs workspace is laid out: selector bar, query editor, results area, side panel that can be resized.

The Graph page (`/graph`) is the primary workspace for querying and visualizing data.

<img src="https://mintcdn.com/falkordb-core/4RKo-4HTPunDsB0h/images/browser/overview.png?fit=max&auto=format&n=4RKo-4HTPunDsB0h&q=85&s=38a76b4d6778e49fc901b6ca23efa499" alt="Graph workspace overview" width="1920" height="1200" data-path="images/browser/overview.png" />

## High-level layout

The page is composed of:

1. **Left sidebar** (navigation, theme, graph info/chat toggles)
2. **Top selector bar**
   * Graph selector (choose the active graph)
   * Query editor (Monaco-based) with Run button
   * Query history button + editor maximize button
3. **Main results area**
   * **Graph** tab (visual canvas)
   * **Table** tab (tabular results)
   * **Metadata** tab (Explain/Profile/Metadata)
4. **Right side panel** (can be resized, context-driven)
   * **Data panel** (inspect/edit selected node/edge)
   * **Add panel** (create nodes/edges)
   * **Chat panel** (natural-language querying)

## Right-hand panel resize behavior

The right panel expands/collapses based on what you’re doing:

* Selecting a node/edge typically opens **Data**.
* Starting “Add node / Add edge” opens **Add**.
* Toggling Chat opens **Chat** and clears selection.

## Graph info refresh

Graph info (labels, relationship types, property keys, memory usage) is periodically refreshed based on the configured refresh interval.

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="How is the Graph page laid out?">
    The page has a **left sidebar** for navigation, a **top selector bar** with the graph selector and query editor, a **main results area** with Graph/Table/Metadata tabs, and a **right side panel** for data inspection, adding elements, or chat.
  </Accordion>

  <Accordion title="Can I resize the right side panel?">
    Yes. The right panel expands and collapses based on context (selecting an element opens Data, creating elements opens Add, toggling Chat opens the Chat panel) and can be manually resized.
  </Accordion>

  <Accordion title="How often does Graph Info refresh?">
    Graph Info refreshes periodically based on the **refresh interval** configured in Settings → Browser Settings → Graph Info.
  </Accordion>

  <Accordion title="What are the three tabs in the results area?">
    The three tabs are **Graph** (visual canvas), **Table** (tabular rows/columns), and **Metadata** (Explain/Profile/Metadata output).
  </Accordion>
</AccordionGroup>