Graph Page (Layout)

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

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.