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

# LLM Controls overview

This page explores the fundamental building blocks of LLM Controls, beginning with the question, **"What is a flow?"**

## **What is a flow?**[**​**](https://docs.langflow.org/concepts-overview#what-is-a-flow)

A **flow** is an application. It receives input, processes it, and produces output.

Flows consist of [components](/Components/componentoverview) that you configure and connect in the **Workspace**.

<img src="https://mintcdn.com/devrel/9PuWEwunOBJ8KxNm/images/simple_agent.png?fit=max&auto=format&n=9PuWEwunOBJ8KxNm&q=85&s=e865233d36131e67db925e036f300954" alt="Simple Agent Pn" width="977" height="772" data-path="images/simple_agent.png" />

A flow can be as simple as the [basic prompting flow](/Getstarted/quickstart), which creates an OpenAI chatbot with four components.

* Each component in a flow is a **node** that performs a specific task, like an AI model or a data source.
* Each component has a **Configuration** menu. Click the **Code** button on a component to see its underlying Python code.
* Components are connected with **edges** to form flows.

## **Find your way around**[**​**](https://docs.langflow.org/concepts-overview#find-your-way-around)

If you're new to LLM Controls, it's OK to feel a bit lost at first. We’ll take you on a tour, so you can orient yourself and start creating applications quickly.

LLM Controls has four distinct regions: the [workspace](https://docs.llmcontrols.ai/Concepts/LLMCoverview#workspace%E2%80%8B) is the main area where you build your flows. The components sidebar is on the left and lists the available [components](https://docs.llmcontrols.ai/Concepts/LLMCoverview#components%E2%80%8B). The [playground](https://docs.llmcontrols.ai/Concepts/LLMCoverview#playground%E2%80%8B) and [publish pane](https://docs.llmcontrols.ai/Concepts/LLMCoverview#publish-pane%E2%80%8B) are available in the upper right corner.

## **Workspace**[**​**](https://docs.langflow.org/concepts-overview#workspace)

The **workspace** is where you create AI applications by connecting and running components in flows.

* Click and drag the workspace to move it left, right, up, and down.
* Scroll up and down to zoom in and out of the workspace, or use the  **Zoom In** and  **Zoom Out** controls.
* Click  **Fit To Zoom** to center the workspace on the current flow.
* Click **Lock** to lock the workspace in place, preventing accidental movement.
* Click **Add Note** to add a note to your flow, similar to commenting in code.

  <img src="https://mintcdn.com/devrel/cdevd-bQMnvRiYfJ/images/workspace.png?fit=max&auto=format&n=cdevd-bQMnvRiYfJ&q=85&s=844639231c178a0f8fd05d268e0b4cd6" alt="Workspace Pn" width="1570" height="887" data-path="images/workspace.png" />

## **Components**[**​**](https://docs.langflow.org/concepts-overview#components)

A **component** is a single building block within a flow and consists of inputs, outputs, and parameters that define its functionality.

To add a component to your flow, drag it from the sidebar onto the workspace.

To connect components, drag a line from the output handle of one component to the input handle of another.

For more information, see [Components overview](/Components/componentoverview).

<img src="https://mintcdn.com/devrel/LgQ3IRR-H56aOKff/images/overview.png?fit=max&auto=format&n=LgQ3IRR-H56aOKff&q=85&s=daa8a8c697b53b63d1dcf31175a5c3d0" alt="Overview" width="327" height="996" data-path="images/overview.png" />

## **Playground**[**​**](https://docs.langflow.org/concepts-overview#playground)

The **Playground** executes the current flow in the workspace.

Chat with your flow, view inputs and outputs, and modify your AI's memories to tune your responses in real time.

Either the **Chat Input** or **Chat Output** component can be opened in the **Playground** and tested in real time.

For more information, see the [Playground](/Concepts/playground).

<img src="https://mintcdn.com/devrel/9PuWEwunOBJ8KxNm/images/playground(2).png?fit=max&auto=format&n=9PuWEwunOBJ8KxNm&q=85&s=b02f9070b45b8b0c69d25f800435a2b3" alt="Playground(2) Pn" width="1813" height="916" data-path="images/playground(2).png" />

## **Publish pane**[**​**](https://docs.langflow.org/concepts-overview#publish-pane)

The **Publish** pane provides code templates to integrate your flows into external applications.

For more information, see the [Publish pane](/Concepts/publish-flows).

<img src="https://mintcdn.com/devrel/9PuWEwunOBJ8KxNm/images/publish_pane.png?fit=max&auto=format&n=9PuWEwunOBJ8KxNm&q=85&s=da02cc21607ccece0bc6ed76829eab6e" alt="Publish Pane Pn" width="1919" height="966" data-path="images/publish_pane.png" />

## **View logs**[**​**](https://docs.langflow.org/concepts-overview#view-logs)

The **Logs** pane provides a detailed record of all component executions within a workspace.

To access the **Logs** pane, click your **Flow Name** and then select **Logs**.

<img src="https://mintcdn.com/devrel/7n6D44liKQOzfXgI/images/logs.png?fit=max&auto=format&n=7n6D44liKQOzfXgI&q=85&s=785616fd31f6d75f65a7a315fbd6b6e4" alt="Logs Pn" width="1919" height="973" data-path="images/logs.png" />

## **Projects**[**​**](https://docs.langflow.org/concepts-overview#projects)

The **Projects** page displays all the flows you've created in the LLM Controls workspace.

<img src="https://mintcdn.com/devrel/9PuWEwunOBJ8KxNm/images/project.png?fit=max&auto=format&n=9PuWEwunOBJ8KxNm&q=85&s=410473041c3940a1bba888dd1aa4e537" alt="Project Pn" width="273" height="387" data-path="images/project.png" />

**Starter Project** is the default space where all new projects are initially stored. To create a new project, click  **Create new project**.

To upload a flow to your project, click  **Upload a flow**.

To delete a flow from your project, click a flow's checkbox to select it, and then click  **Delete**. You can select multiple flows in a single action.

## **File management**[**​**](https://docs.langflow.org/concepts-overview#file-management)

Upload, store, and manage files in LLM Controls' **File management** system.

For more on managing your files, see [Manage files](/Concepts/manage-files).

<img src="https://mintcdn.com/devrel/3c4Ck_HlevcLlxoS/images/file_management.png?fit=max&auto=format&n=3c4Ck_HlevcLlxoS&q=85&s=ffd46595cf5474dcb5384eb09462f002" alt="File Management Pn" width="1915" height="968" data-path="images/file_management.png" />

## **Options menu**[**​**](https://docs.langflow.org/concepts-overview#options-menu)

The dropdown menu labeled with the project name offers several management and customization options for the current flow in the LLM Controls workspace:

* **New**: Create a new flow from scratch.
* **Edit Details**: Adjust settings specific to the current flow, such as its name, description, and endpoint name.
* **Logs**: View logs for the current project, including execution history, errors, and other runtime events.
* **Import**: Import a flow or component from a JSON file into the workspace.
* **Export**: Export the current flow as a JSON file.
* **Undo**: Revert the last action taken in the project. Keyboard shortcut: Control+Z(or on macOS).
* **Redo**: Reapply a previously undone action. Keyboard shortcut: Control+Y(or on macOS).
* **Refresh All**: Refresh all components and delete cache.

  <img src="https://mintcdn.com/devrel/9PuWEwunOBJ8KxNm/images/option_menu.png?fit=max&auto=format&n=9PuWEwunOBJ8KxNm&q=85&s=502cdf0e79f95af12e777d0b11ba772f" alt="Option Menu Pn" width="417" height="442" data-path="images/option_menu.png" />

## **Settings**

In the LLM Controls header, click your profile icon, and then select **Settings** to access general LLM Controls settings, including global variables, LLM Controls API keys, keyboard shortcuts, and log messages.

<img src="https://mintcdn.com/devrel/v5DRJl68tvxnW8kN/images/profile.png?fit=max&auto=format&n=v5DRJl68tvxnW8kN&q=85&s=b3acac7f3ccae160064451dc552a8065" alt="Profile" width="1915" height="929" data-path="images/profile.png" />
