# Features by area

> This page is about FlutterFlow (the app builder you use by describing your app), not FlutterFlow Studio.

URL: https://docs.flutterflow.io/ffx/by-area

Each area, menu item, and settings page in FlutterFlow, and the docs page that covers it.

This page maps each area, menu item, and settings page in FlutterFlow to the docs page that covers it. Some items appear only for some roles or plans, only on a wider screen, or only after your app has something for them to show.

## Left bar {#left-bar}

On a wider screen, the left bar runs down the edge of the screen inside an app. A phone has no left bar. Instead, **Menu** opens a drawer with **Your app**, **Overview**, **Releases**, **Backend**, **Project settings**, and your threads. Your picture at the bottom of the drawer opens **You**. The **Coming soon** menu isn't on a phone.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| **Search** | [Command palette](https://docs.flutterflow.io/ffx/command-palette) |
| **Overview** | [Overview page](https://docs.flutterflow.io/ffx/app-overview) |
| **Threads** | [How threads work](https://docs.flutterflow.io/ffx/threads) |
| **Backend** | [How the backend works](https://docs.flutterflow.io/ffx/backend) |
| **Releases** | [How releasing works](https://docs.flutterflow.io/ffx/how-releasing-works) |
| **Coming soon** | [Find your way around](https://docs.flutterflow.io/ffx/tour#coming-soon) |
| **Road to launch** | [Road to launch](https://docs.flutterflow.io/ffx/road-to-launch) |
| **Project Settings** | [Project Settings](#project-settings) |
| **Send feedback** | [Send feedback](https://docs.flutterflow.io/ffx/send-feedback) |
| Your picture | [Account menu](#account-menu) |
| **Menu** on a phone | [Use on a phone](https://docs.flutterflow.io/ffx/phone-browser) |

</div>

## Top of the screen {#top-of-the-screen}

On a wider screen, the top of the screen inside an app holds the app's name on the left and its main actions on the right. On a phone, the top bar holds **Menu** and the page's own actions, and the app's name is at the top of the drawer. For the phone layout, see [Use on a phone](https://docs.flutterflow.io/ffx/phone-browser).

<div class="map-table">

| Item | Docs page |
| --- | --- |
| The app's name | [Find your way around](https://docs.flutterflow.io/ffx/tour) |
| **New thread** | [Start a thread](https://docs.flutterflow.io/ffx/start-a-thread) |
| The last thread you visited | [Find your way around](https://docs.flutterflow.io/ffx/tour) |
| **Share** | [Share](#share) |
| The usage ring | [Plans, prices and allowance](https://docs.flutterflow.io/ffx/plans-and-allowance) |
| **Show the app** | [Preview](https://docs.flutterflow.io/ffx/preview) |

</div>

## Home {#home}

Home appears outside any app.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| The box for a new app's prompt | [Write a prompt](https://docs.flutterflow.io/ffx/write-a-prompt) |
| Invitations to other people's apps | [Accept an invitation](https://docs.flutterflow.io/ffx/accept-an-invitation) |
| **Your apps** | [Find your way around](https://docs.flutterflow.io/ffx/tour) |

</div>

## Overview {#overview}

Overview is the first page of each app.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| Overview as a whole | [Overview page](https://docs.flutterflow.io/ffx/app-overview) |
| **How FlutterFlow works** | [How FlutterFlow works](https://docs.flutterflow.io/ffx/how-flutterflow-works) |
| Your app's icon | [App icon](https://docs.flutterflow.io/ffx/app-icon) |
| **Road to launch** | [Road to launch](https://docs.flutterflow.io/ffx/road-to-launch) |
| **Sign-ups** | [People](https://docs.flutterflow.io/ffx/people) |
| **Threads** and **All threads** | [Organize threads](https://docs.flutterflow.io/ffx/organize-threads) |
| **In the stores** | [Release status](https://docs.flutterflow.io/ffx/release-status) |
| **Backend** | [How the backend works](https://docs.flutterflow.io/ffx/backend) |
| **Team** | [Work together](https://docs.flutterflow.io/ffx/work-together) |
| The changes waiting for the next release | [Release an update](https://docs.flutterflow.io/ffx/release-an-update) |

</div>

## Threads {#threads}

**Threads** holds your app's thread list and each thread's conversation with the agent.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| **How threads work** | [How threads work](https://docs.flutterflow.io/ffx/threads) |
| The thread list | [Organize threads](https://docs.flutterflow.io/ffx/organize-threads) |
| The thread list's **View options** | [Organize threads](https://docs.flutterflow.io/ffx/organize-threads) |
| **Edit threads** on a phone | [Organize threads](https://docs.flutterflow.io/ffx/organize-threads) |
| **New thread** | [Start a thread](https://docs.flutterflow.io/ffx/start-a-thread) |
| The agent's questions and choices | [Agent questions](https://docs.flutterflow.io/ffx/answer-the-agent) |
| **Push to your app** | [Push](https://docs.flutterflow.io/ffx/push) |
| The stage's **Preview** tab | [Preview](https://docs.flutterflow.io/ffx/preview) |
| The stage's **Screens** tab | [Screens](https://docs.flutterflow.io/ffx/screens) |
| The stage's **Data** tab | [Thread data](https://docs.flutterflow.io/ffx/thread-data) |
| The stage's **Changes** tab | [What changed](https://docs.flutterflow.io/ffx/what-changed) |
| The stage's **Choose** tab | [Agent questions](https://docs.flutterflow.io/ffx/answer-the-agent) |
| A thread's menu: **Rename…** and **Delete thread** | [Organize threads](https://docs.flutterflow.io/ffx/organize-threads) |
| A thread's menu: **Rate this thread…** | [Send feedback](https://docs.flutterflow.io/ffx/send-feedback) |

</div>

## Backend {#backend}

**Backend** holds everything your app stores, organized across the sections of its menu.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| **How the backend works** | [How the backend works](https://docs.flutterflow.io/ffx/backend) |
| **Activity** | [Backend activity](https://docs.flutterflow.io/ffx/backend-activity) |
| **Data**: a table's records | [Records](https://docs.flutterflow.io/ffx/records) |
| **Data**: a table's **Fields** | [Tables and fields](https://docs.flutterflow.io/ffx/change-tables) |
| **People** | [People](https://docs.flutterflow.io/ffx/people) |
| **Files** | [Files](https://docs.flutterflow.io/ffx/files) |
| **Secrets** | [Secrets](https://docs.flutterflow.io/ffx/secrets) |
| **Starter data** | [Live, thread and starter data](https://docs.flutterflow.io/ffx/data-copies) |
| **Usage** | [Backend usage](https://docs.flutterflow.io/ffx/backend-usage) |

</div>

## Releases {#releases}

In **Releases**, you build phone apps and take them through testing and store review.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| **How releasing works** | [How releasing works](https://docs.flutterflow.io/ffx/how-releasing-works) |
| The Releases page as a whole | [Release status](https://docs.flutterflow.io/ffx/release-status) |
| **App Store** | [Connect App Store Connect](https://docs.flutterflow.io/ffx/connect-app-store) |
| **Google Play** | [Connect Google Play](https://docs.flutterflow.io/ffx/connect-google-play) |
| **Store listing** | [App details](https://docs.flutterflow.io/ffx/app-details) |
| **On your phone**: the Android app | [Android test build](https://docs.flutterflow.io/ffx/android-test-build) |
| **On your phone**: the iPhone app | [iPhone test build](https://docs.flutterflow.io/ffx/iphone-test-build) |
| The options menu's **Check the stores again** | [Release status](https://docs.flutterflow.io/ffx/release-status) |
| The options menu's **Steps for this app** | [Road to launch](https://docs.flutterflow.io/ffx/road-to-launch) |

</div>

## Share {#share}

**Share**, at the top of the screen, opens a panel with two tabs.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| **Link** | [Share a link](https://docs.flutterflow.io/ffx/share-a-link) |
| **People** | [Invite teammates](https://docs.flutterflow.io/ffx/invite) |

</div>

## Project Settings {#project-settings}

**Project Settings** holds your app's settings in six sections: **General**, **Team**, **Connections**, **App stores**, **Emails**, and **Store pictures**.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| **General**: **Project name** | [App name and launch screen](https://docs.flutterflow.io/ffx/app-name) |
| **General**: **About this project** | [Project id and Created](#project-id) |
| **General**: **Delete this project** | [Delete or restore an app](https://docs.flutterflow.io/ffx/delete-an-app) |
| **Team**: **Invite someone** and **Invitations** | [Invite teammates](https://docs.flutterflow.io/ffx/invite) |
| **Team**: **Members** | [Manage members](https://docs.flutterflow.io/ffx/manage-members) |
| **Connections** | [Connect a service](https://docs.flutterflow.io/ffx/connect-a-service) |
| **App stores** | [Connect App Store Connect](https://docs.flutterflow.io/ffx/connect-app-store) and [Connect Google Play](https://docs.flutterflow.io/ffx/connect-google-play) |
| **Emails** | [Password reset email](https://docs.flutterflow.io/ffx/password-reset-email) |
| **Store pictures** | [Agent cards](https://docs.flutterflow.io/ffx/agent-cards#cards-in-the-thread) |

</div>

## Project id and Created {#project-id}

**Project Settings › General › About this project** shows two facts about your app: its **Project id** and when it was **Created**.

| Item | What it shows |
| --- | --- |
| **Project id** | Your app's ID. To copy it, click the copy button beside it. |
| **Created** | The date your app was created. |

## Account {#account}

**Account** holds your personal settings, which apply across every app. Open it from the account menu, and use its back link to return to where you were.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| **Profile** | [Profile](https://docs.flutterflow.io/ffx/profile) |
| **Plan & usage** | [Plans, prices and allowance](https://docs.flutterflow.io/ffx/plans-and-allowance) |
| **Plan & usage**: **Change plan** | [Change plan](https://docs.flutterflow.io/ffx/change-plan) |
| **Plan & usage**: **Cancel plan** | [Cancel plan](https://docs.flutterflow.io/ffx/cancel-plan) |
| **Plan & usage**: **Refill now** | [Refill allowance](https://docs.flutterflow.io/ffx/refill) |
| **Plan & usage**: **Manage billing** | [Billing and invoices](https://docs.flutterflow.io/ffx/manage-billing) |
| **Connections** | [Tools for the agent](https://docs.flutterflow.io/ffx/agent-tools) |
| **App stores** | [Store accounts](https://docs.flutterflow.io/ffx/manage-connections#store-accounts) |

</div>

## Account menu {#account-menu}

To open the account menu, click your picture. It's at the bottom of the left bar inside an app, or at the top right on Home. On a phone, your picture opens **You**, your account's sheet, instead of this menu.

<div class="map-table">

| Item | Docs page |
| --- | --- |
| An invitation to someone else's app | [Accept an invitation](https://docs.flutterflow.io/ffx/accept-an-invitation) |
| Your allowance | [Plans, prices and allowance](https://docs.flutterflow.io/ffx/plans-and-allowance) |
| **Account settings** | [Profile](https://docs.flutterflow.io/ffx/profile) |
| **Plan & usage** | [Plans, prices and allowance](https://docs.flutterflow.io/ffx/plans-and-allowance) |
| **Connections** | [Tools for the agent](https://docs.flutterflow.io/ffx/agent-tools) |
| **App stores** | [Store accounts](https://docs.flutterflow.io/ffx/manage-connections#store-accounts) |
| **How FlutterFlow works** | [How FlutterFlow works](https://docs.flutterflow.io/ffx/how-flutterflow-works) |
| **What’s new** | [What's new](https://docs.flutterflow.io/ffx/whats-new) |
| **Send feedback** | [Send feedback](https://docs.flutterflow.io/ffx/send-feedback) |
| **Theme** | [Find your way around](https://docs.flutterflow.io/ffx/tour) |
| **Sign out** | [Find your way around](https://docs.flutterflow.io/ffx/tour) |

</div>