docs: bulk file feature (#8052)

* aria-hidden-attributes

* overview-and-screenshot-of-updated-ui

* file-management

* hover-behavior

* Update docs/docs/Concepts/concepts-file-management.md

* code-review

docs/docs/Concepts/concepts-file-management.md

@@ -3,6 +3,8 @@ title: Manage files
 slug: /concepts-file-management
 ---
 
+import Icon from "@site/src/components/icon";
+
 Upload, store, and manage files in Langflow's **File management** system.
 
 Uploading files to the **File management** system keeps your files in a central location, and allows you to re-use files across flows without repeated manual uploads.
@@ -17,9 +19,16 @@ To upload a file from your local machine:
 2. Select the file to upload.
    The file is uploaded to Langflow.
 
+You can upload multiple files in a single action.
+Files are available to flows stored in different projects.
+
 Files stored in **My Files** can be renamed, downloaded, duplicated, or deleted.
 
-Files are available to flows stored in different projects.
+To delete a file from your project, hover over a file's icon to click and select it, and then click <Icon name="Trash2" aria-hidden="true"/> **Delete**.
+You can delete multiple files in a single action.
+
+To download a file from your project, hover over a file's icon to click and select it, and then click <Icon name="Download" aria-hidden="true"/> **Download**.
+You can download multiple files in a single action, but they will be saved together in a .ZIP file.
 
 ## Use uploaded files in a flow
 

docs/docs/Concepts/concepts-overview.md

@@ -107,16 +107,18 @@ An example `.env` file is available in the [project repository](https://github.c
 
 ## Projects
 
-The **My Projects** page displays all the flows and components you've created in the Langflow workspace.
+The **Projects** page displays all the flows you've created in the Langflow workspace.
 
 ![](/img/my-projects.png)
 
-**My Projects** is the default space where all new projects and components are initially stored.
-
+**Starter Project** is the default space where all new projects are initially stored.
 To create a new project, click <Icon name="Plus"aria-hidden="true"/> **Create new project**.
 
 To upload a flow to your project, click <Icon name="Upload" aria-hidden="true"/> **Upload a flow**.
 
+To delete a flow from your project, click a flow's checkbox to select it, and then click <Icon name="Trash2" aria-hidden="true"/> **Delete**.
+You can select multiple flows in a single action.
+
 ## File management
 
 Upload, store, and manage files in Langflow's **File management** system.

docs/docs/Configuration/configuration-api-keys.md

@@ -5,6 +5,7 @@ slug: /configuration-api-keys
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
+import Icon from "@site/src/components/icon";
 
 Langflow provides an API key functionality that allows users to access their individual components and flows without traditional login authentication.
 
@@ -81,7 +82,7 @@ To revoke an API key, delete it from the list of keys in the **Settings** menu.
 
 1. Click your user icon, and then select **Settings**.
 2. Click **Langflow API**.
-3. Select the keys you want to delete and click the trash can icon.
+3. Select the keys you want to delete, and then click <Icon name="Trash2" aria-hidden="true"/> **Delete**.
 
 This action immediately invalidates the key and prevents it from being used again.
 

docs/docs/Configuration/configuration-global-variables.md

@@ -8,7 +8,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 Global variables let you store and reuse generic input values and credentials across your projects.
-You can use a global variable in any text input field that displays the <Icon name="Globe" aria-label="Globe" /> icon.
+You can use a global variable in any text input field that displays the <Icon name="Globe" aria-hidden="true"/> **Globe** icon.
 
 Langflow stores global variables in its internal database, and encrypts the values using a secret key.
 
@@ -39,7 +39,7 @@ To create a new global variable, follow these steps.
 
 8. Click **Save Variable**.
 
-You can now select your global variable from any text input field that displays the <Icon name="Globe" aria-label="Globe" /> icon.
+You can now select your global variable from any text input field that displays the <Icon name="Globe" aria-hidden="true"/> **Globe** icon.
 
 ## Edit a global variable
 
@@ -65,7 +65,7 @@ Deleting a global variable permanently deletes any references to it from your ex
 
 3. Click the checkbox next to the global variable that you want to delete.
 
-4. Click the Trash icon.
+4. Click <Icon name="Trash2" aria-hidden="true"/> **Delete**.
 
 The global variable, and any existing references to it, are deleted.