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

> ## Agent Instructions
> FalkorDB is a graph database that speaks the Redis protocol. Queries are issued as OpenCypher through the GRAPH.QUERY and GRAPH.RO_QUERY commands, not over Bolt or a SQL connection.
> FalkorDB implements a subset of OpenCypher with proprietary extensions. Do not assume Neo4j-only syntax or procedures are available — check /cypher/cypher-support and /cypher/known-limitations before using a clause.
> FalkorDB is the successor to RedisGraph, but they are separate products. Do not present RedisGraph commands, versions, or limitations as current FalkorDB behavior.
> Use the official clients listed in /getting-started/clients rather than generic Redis or Neo4j drivers, and prefer the language the user is already working in.
> Configuration parameters are set with GRAPH.CONFIG SET or at startup; cite the exact parameter name from /getting-started/configuration rather than inventing one.
> This site covers four products: FalkorDB (core), FalkorDB Cloud, FalkorDB Enterprise, and the GraphRAG SDK. Name which one an answer applies to, since setup and operations differ.

# UI Elements

> Detailed documentation for FalkorDB Browser UI screens, panels, and interactions.

This section breaks down FalkorDB Browser’s UI into focused pages so you can quickly learn what each screen/panel does and how to use it.

The screenshots across this section use the same demo graph so the pages line up with one another.

## Screenshot set

* [Login screen](/images/browser/login-screen.webp)
* [Main graph overview](/images/browser/overview.webp)
* [Graph info panel](/images/browser/graph-info.webp)
* [Query editor](/images/browser/query-editor.webp)
* [Query history](/images/browser/query-history.webp)
* [Upload Data (Load CSV - step 1)](/images/browser/upload-data-load-csv-step1.webp)
* [Upload Data (Load CSV - step 2)](/images/browser/upload-data-load-csv-step2.webp)
* [Upload Data (Cypher batch)](/images/browser/upload-data-cypher-batch.webp)
* [Table view](/images/browser/table-view.webp)
* [Metadata view](/images/browser/metadata-view.webp)
* [Data / property panel](/images/browser/data-panel.webp)
* [Style panel](/images/browser/style-panel.webp)
* [Chat panel](/images/browser/chat-panel.webp)
* [Settings page](/images/browser/settings-page.webp)
* [UDF Libraries page](/images/browser/udf-libraries.webp)

## Authentication

* [Login Screen](/browser/ui/login)

## Navigation & global controls

* [Navigation, theme toggle, and header](/browser/ui/navigation)

## Settings

* [Settings page (Browser settings, admin tools, tokens, tutorial)](/browser/ui/settings)
* [Roles & Access](/browser/ui/auth-access-control)

## UDF management

* [UDF Libraries page](/browser/ui/udf-libraries)

## Graph workspace

* [Graph page (overall layout)](/browser/ui/graph-page)
* [Main graph canvas](/browser/ui/graph-canvas)
* [Graph Info panel](/browser/ui/graph-info-panel)
* [Style panel (Customize label styles)](/browser/ui/style-panel)
* [Data / Property panel](/browser/ui/data-panel)
* [Graph toolbar & element actions](/browser/ui/toolbar-actions)
* [Graphs Manager](/browser/ui/graph-management)
* [Chat panel (natural-language to Cypher)](/browser/ui/chat-panel)

## Querying & results

* [Query editor](/browser/ui/query-editor)
* [Query history](/browser/ui/query-history)
* [Upload Data dialog](/browser/ui/upload-data)
* [Table view](/browser/ui/table-view)
* [Metadata view (Explain/Profile/Metadata)](/browser/ui/metadata-view)

## Developer tooling

* [API Docs (Swagger)](/browser/ui/api-documentation)

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="What are the main sections of the FalkorDB Browser UI?">
    The UI is organized into **Authentication** (login), **Navigation & global controls**, **Settings**, **Graph workspace** (canvas, panels, toolbar, chat), **Querying & results** (editor, history, table, metadata), and **Developer tooling** (API Docs).
  </Accordion>

  <Accordion title="Where do I find graph visualization controls?">
    Graph visualization controls are on the **Graph page**. See the [Main graph canvas](/browser/ui/graph-canvas) and [Graph toolbar](/browser/ui/toolbar-actions) pages for details on pan/zoom, selection, and element actions.
  </Accordion>

  <Accordion title="How do I customize the appearance of nodes?">
    Use the [Style panel](/browser/ui/style-panel) to change node colors and sizes per label. Open it from the Graph Info panel by clicking the palette icon next to a label.
  </Accordion>
</AccordionGroup>