> For the complete documentation index, see [llms.txt](https://docs.chartsql.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chartsql.com/chartsql-studio/basic-concepts/interface-overview.md).

# Interface Overview

ChartSQL Studio has conventions that should be familiar to software developers. We have borrowed a number of idioms from editors like VSCode, but added features that best suit the needs of SQL charting.

<div align="left"><figure><img src="/files/l3qV1Y2JXcigQ0xG639M" alt=""><figcaption><p>Screenhot of the ChartSQL Studio Editor</p></figcaption></figure></div>

## Menu

The leftmost menu contains links to the primary features. You can open and collapse it with the hamburger menu icon

<div align="left"><figure><img src="/files/hmWGczzKdBAiXrXcFDFk" alt=""><figcaption></figcaption></figure></div>

## Header

The header area displays information about your current open package and changing the current datasource.

<figure><img src="/files/DTOZw6wCLmwIQRapYXtB" alt=""><figcaption></figcaption></figure>

## File Browser

The File Browser displays your currently available charts from your currently open package and allows you to filter and open them. Clicks a file will open it in preview. ctrl (command) + click will fully open the file.

<div align="left"><figure><img src="/files/jYN6IpnxEeenAYh5S0kT" alt=""><figcaption></figcaption></figure></div>

## Open Files

The Open Files tabs shows you currently open files. Open files can be from any package. One open file is your Active File at any given time.

<div align="left"><figure><img src="/files/OGYd3I8CK9h1J1sell1W" alt=""><figcaption></figcaption></figure></div>

## Closing All Open Files

The dropdown at the end of the open files tabs can close all open files. You can also right click on an open file tabl to close that file, or close other files.

<div align="left"><figure><img src="/files/8wDgXjCEpRgY9ieg05gR" alt=""><figcaption></figcaption></figure></div>

## Renaming a File

You can rename a file by clicking the dropdown at the end of the open files tables. It will enabling renaming the current open file.

<div align="left"><figure><img src="/files/8wDgXjCEpRgY9ieg05gR" alt=""><figcaption></figcaption></figure></div>

## Editor Panel

The Editor Panel allows you to create and edit SQL files and create charts.

<div align="left"><figure><img src="/files/yXTin73VePsYvLb5ZLzC" alt=""><figcaption></figcaption></figure></div>

## Preview Panel

The Preview Panel shows you the current rendering of your chart from your SQL data.

<div align="left"><figure><img src="/files/DW4Vpa25zRhvMxFunAC7" alt=""><figcaption></figcaption></figure></div>

## Info Panel

The Info Panel shows you details about your current chart data, SQL executions, server performance, and other information.

<figure><img src="/files/3pDbPE11HX5wB0rEU0RR" alt=""><figcaption></figcaption></figure>