# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.chartsql.com/chartsql-studio/basic-concepts/interface-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.