feat: Add MCP Server Settings to projects, rename Folder to Project (#7741)

Co-authored-by: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Co-authored-by: deon-sanchez <deon.sanchez@datastax.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
Co-authored-by: Eric Hare <ericrhare@gmail.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
Co-authored-by: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Co-authored-by: phact <estevezsebastian@gmail.com>
This commit is contained in:
Edwin Jose 2025-04-29 13:14:55 -04:00 committed by GitHub
commit c80cb3f35e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
95 changed files with 4434 additions and 804 deletions

File diff suppressed because one or more lines are too long

View file

@ -15,11 +15,11 @@ To upload a file from your local machine:
1. From the **My Files** window at `http://127.0.0.1:7860/files`, click **Upload**.
2. Select the file to upload.
The file is uploaded to Langflow.
The file is uploaded to Langflow.
Files stored in **My Files** can be renamed, downloaded, duplicated, or deleted.
Files are available to flows stored in different folders.
Files are available to flows stored in different projects.
## Use uploaded files in a flow
@ -40,6 +40,7 @@ If you prefer a one-time upload, the [File](/components-data#file) component sti
The maximum supported file size is 100 MB.
Text files:
- `.txt` - Text files
- `.md`, `.mdx` - Markdown files
- `.csv` - CSV files
@ -56,12 +57,9 @@ Text files:
- `.ts`, `.tsx` - TypeScript files
Archive formats (for bundling multiple files):
- `.zip` - ZIP archives
- `.tar` - TAR archives
- `.tgz` - Gzipped TAR archives
- `.bz2` - Bzip2 compressed files
- `.gz` - Gzip compressed files

View file

@ -17,9 +17,9 @@ Flows are created in the **workspace** with components dragged from the componen
A flow can be as simple as the [basic prompting flow](/get-started-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** pane to see a component's underlying Python code.
* Components are connected with **edges** to form flows.
- 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** pane to see a component's underlying Python code.
- Components are connected with **edges** to form flows.
If you're familiar with [React Flow](https://reactflow.dev/learn), a **flow** is a node-based application, a **component** is a node, and the connections between components are **edges**.
@ -27,8 +27,8 @@ When a flow is run, Langflow builds a Directed Acyclic Graph (DAG) graph object
Flows are stored on local disk at these default locations:
* **Linux or WSL on Windows**: `home/<username>/.cache/langflow/`
* **MacOS**: `/Users/<username>/Library/Caches/langflow/`
- **Linux or WSL on Windows**: `home/<username>/.cache/langflow/`
- **MacOS**: `/Users/<username>/Library/Caches/langflow/`
The flow storage location can be customized with the [LANGFLOW_CONFIG_DIR](/environment-variables#LANGFLOW_CONFIG_DIR) environment variable.
@ -46,8 +46,8 @@ The **workspace** is where you create AI applications by connecting and running
The workspace controls allow you to adjust your view and lock your flows in place.
* Add **Notes** to flows with the **Add Note** button, similar to commenting in code.
* To access the [Settings](#settings) menu, click <Icon name="Settings" aria-label="Gear icon" /> **Settings**.
- Add **Notes** to flows with the **Add Note** button, similar to commenting in code.
- To access the [Settings](#settings) menu, click <Icon name="Settings" aria-label="Gear icon" /> **Settings**.
This menu contains configuration for **Global Variables**, **Langflow API**, **Shortcuts**, and **Messages**.
@ -95,9 +95,9 @@ Langflow stores logs at the location specified in the `LANGFLOW_CONFIG_DIR` envi
This directory's default location depends on your operating system.
* **Linux/WSL**: `~/.cache/langflow/`
* **macOS**: `/Users/<username>/Library/Caches/langflow/`
* **Windows**: `%LOCALAPPDATA%\langflow\langflow\Cache`
- **Linux/WSL**: `~/.cache/langflow/`
- **macOS**: `/Users/<username>/Library/Caches/langflow/`
- **Windows**: `%LOCALAPPDATA%\langflow\langflow\Cache`
To modify the location of your log file:
@ -106,25 +106,25 @@ To modify the location of your log file:
An example `.env` file is available in the [project repository](https://github.com/langflow-ai/langflow/blob/main/.env.example).
## Projects and folders
## Projects
The **My Projects** page displays all the flows and components you've created in the Langflow workspace.
![](/img/my-projects.png)
**My Projects** is the default folder where all new projects and components are initially stored.
**My Projects** is the default project where all new projects and components are initially stored.
Projects, folders, and flows are exchanged as JSON objects.
Projects and flows are exchanged as JSON objects.
* To create a new folder, click 📁 **New Folder**.
- To create a new project, click 📁 **New Project**.
* To rename a folder, double-click the folder name.
- To rename a project, double-click the project name.
* To download a folder, click 📥 **Download**.
- To download a project, click 📥 **Download**.
* To upload a folder, click 📤 **Upload**. The default maximum file upload size is 100 MB.
- To upload a project, click 📤 **Upload**. The default maximum file upload size is 100 MB.
* To move a flow or component, drag and drop it into the desired folder.
- To move a flow or component, drag and drop it into the desired project.
## File management
@ -136,18 +136,15 @@ For more on managing your files, see [Manage files](/concepts-file-management).
The dropdown menu labeled with the project name offers several management and customization options for the current flow in the Langflow workspace.
* **New**: Create a new flow from scratch.
* **Settings**: 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 (⌘Z)**: Revert the last action taken in the project.
* **Redo (⌘Y)**: Reapply a previously undone action.
* **Refresh All**: Refresh all components and delete cache.
- **New**: Create a new flow from scratch.
- **Settings**: 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 (⌘Z)**: Revert the last action taken in the project.
- **Redo (⌘Y)**: Reapply a previously undone action.
- **Refresh All**: Refresh all components and delete cache.
## Settings
Click <Icon name="Settings" aria-label="Gear icon" /> **Settings** to access **Global variables**, **Langflow API**, **Shortcuts**, and **Messages**.

View file

@ -33,7 +33,7 @@ The following tables are stored in `langflow.db`:
**ApiKey** - Manages API authentication keys for users. For more information, see [API keys](/configuration-api-keys).
**Folder** - Provides a structure for flow storage. For more information, see [Projects and folders](/concepts-overview#projects-and-folders).
**Project** - Provides a structure for flow storage. For more information, see [Projects](/concepts-overview#projects).
**Variables** - Stores global encrypted values and credentials. For more information, see [Global variables](/configuration-global-variables).
@ -86,14 +86,15 @@ LANGFLOW_DB_CONNECT_TIMEOUT=20
Langflow provides multiple caching options that can be configured using the `LANGFLOW_CACHE_TYPE` environment variable.
| Type | Description | Storage Location | Persistence |
|------|-------------|------------------|-------------|
| `async` (default) | Asynchronous in-memory cache | Application memory | Cleared on restart |
| `memory` | Thread-safe in-memory cache | Application memory | Cleared on restart |
| `disk` | File system-based cache | System cache directory* | Persists after restart |
| `redis` | Distributed cache | Redis server | Persists in Redis |
| Type | Description | Storage Location | Persistence |
| ----------------- | ---------------------------- | ------------------------ | ---------------------- |
| `async` (default) | Asynchronous in-memory cache | Application memory | Cleared on restart |
| `memory` | Thread-safe in-memory cache | Application memory | Cleared on restart |
| `disk` | File system-based cache | System cache directory\* | Persists after restart |
| `redis` | Distributed cache | Redis server | Persists in Redis |
\*System cache directory locations:
*System cache directory locations:
- Linux/WSL: `~/.cache/langflow/`
- macOS: `/Users/<username>/Library/Caches/langflow/`
- Windows: `%LOCALAPPDATA%\langflow\langflow\Cache`
- Windows: `%LOCALAPPDATA%\langflow\langflow\Cache`