collections-and-projetcs
This commit is contained in:
Mendon Kissling
Gabriel Luiz Freitas Almeida
parent
a9182be98f
commit
8401f18f7f
4 changed files with 95 additions and 64 deletions
93
docs/docs/administration/collections-projects.mdx
Normal file
93
docs/docs/administration/collections-projects.mdx
Normal file
|
|
@ -0,0 +1,93 @@
|
||||||
|
import ThemedImage from "@theme/ThemedImage";
|
||||||
|
import useBaseUrl from "@docusaurus/useBaseUrl";
|
||||||
|
import ZoomableImage from "/src/theme/ZoomableImage.js";
|
||||||
|
import ReactPlayer from "react-player";
|
||||||
|
import Admonition from "@theme/Admonition";
|
||||||
|
|
||||||
|
# Collections and Projects
|
||||||
|
|
||||||
|
My Collection is a space in Langflow where users can manage, organize, and access their flows and components.
|
||||||
|
Flows and components are displayed as individual cards that provide relevant information.
|
||||||
|
|
||||||
|
<ZoomableImage
|
||||||
|
alt="Docusaurus themed image"
|
||||||
|
sources={{
|
||||||
|
light: "img/my-collection.png",
|
||||||
|
dark: "img/my-collection.png",
|
||||||
|
}}
|
||||||
|
style={{ width: "40%", margin: "20px auto" }}
|
||||||
|
/>
|
||||||
|
|
||||||
|
* **Folders**: Users can organize their projects into folders. Default folders include "My Projects" and the ability to create new folders. Hover over a folder to access options to download or delete it.
|
||||||
|
|
||||||
|
* **Search Bar** Enables users to quickly search through their flows and components.
|
||||||
|
|
||||||
|
* **Select All**: This feature allows users to select all projects displayed on the page for batch actions like moving, deleting, or exporting.
|
||||||
|
|
||||||
|
Click on a flow card to open it in Langflow Workspace or use the **Playground Button** for direct access to execute and interact with the flow’s chatbot interface.
|
||||||
|
|
||||||
|
## Collections
|
||||||
|
|
||||||
|
Components created or imported by the user are also displayed in **My Collection** and can be directly removed from here.
|
||||||
|
|
||||||
|
A collection is a snapshot of flows available in a database.
|
||||||
|
|
||||||
|
Collections can be downloaded to local storage and uploaded for future use.
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
|
||||||
|
>
|
||||||
|
<ReactPlayer playing controls url="/videos/langflow_collection.mp4" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
## Project
|
||||||
|
|
||||||
|
A **Project** can be a flow or a component. To view your saved projects, select **My Collection**.
|
||||||
|
|
||||||
|
Your **Projects** are displayed.
|
||||||
|
|
||||||
|
Click the ** Playground** button to run a flow from the **My Collection** screen.
|
||||||
|
|
||||||
|
In the top left corner of the screen are options for **Download Collection**, **Upload Collection**, and **New Project**.
|
||||||
|
|
||||||
|
Select **Download Collection** to save your project to your local machine. This downloads all flows and components as a `.json` file.
|
||||||
|
|
||||||
|
Select **Upload Collection** to upload a flow or component `.json` file from your local machine.
|
||||||
|
|
||||||
|
Select **New Project** to create a new project. In addition to a blank workspace, [starter projects](../starter-projects/basic-prompting) are also available.
|
||||||
|
|
||||||
|
## Project options menu
|
||||||
|
|
||||||
|
To see options for your project, in the upper left corner of the workspace, select the dropdown menu.
|
||||||
|
|
||||||
|
<ZoomableImage
|
||||||
|
alt="Docusaurus themed image"
|
||||||
|
sources={{
|
||||||
|
light: useBaseUrl("img/project-options-menu-light.png"),
|
||||||
|
dark: useBaseUrl("img/project-options-menu-dark.png"),
|
||||||
|
}}
|
||||||
|
style={{ width: "30%", margin: "20px auto" }}
|
||||||
|
/>
|
||||||
|
|
||||||
|
* **New** - Start a new project.
|
||||||
|
|
||||||
|
* **Duplicate** - Duplicate the current flow as a new project.
|
||||||
|
|
||||||
|
* **Settings** - Modify the project's **Name** or **Description**.
|
||||||
|
|
||||||
|
* **Import** - Upload a flow `.json` file from your local machine.
|
||||||
|
|
||||||
|
* **Export** - Download your current project to your local machine as a `.json` file.
|
||||||
|
|
||||||
|
* **Undo** or **Redo** - Undo or redo your last action.
|
||||||
|
|
||||||
|
## Project folders
|
||||||
|
|
||||||
|
As of Langflow 1.0 alpha, more options are available for storing projects with **folders**.
|
||||||
|
|
||||||
|
Create new folders with the **New folder** button. One folder can store multiple projects (as the default My Projects folder does).
|
||||||
|
|
||||||
|
You can download folders of projects as a single JSON file, and upload files and flows to your folder.
|
||||||
|
|
||||||
|
Click the **Trash** icon to delete a folder.
|
||||||
|
|
||||||
|
|
@ -299,67 +299,4 @@ For example, changing the **Chat Input** component's `input_value` will change t
|
||||||
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
|
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
|
||||||
>
|
>
|
||||||
<ReactPlayer playing controls url="/videos/langflow_api.mp4" />
|
<ReactPlayer playing controls url="/videos/langflow_api.mp4" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
## Collection
|
|
||||||
|
|
||||||
A collection is a snapshot of flows available in a database.
|
|
||||||
|
|
||||||
Collections can be downloaded to local storage and uploaded for future use.
|
|
||||||
|
|
||||||
<div
|
|
||||||
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
|
|
||||||
>
|
|
||||||
<ReactPlayer playing controls url="/videos/langflow_collection.mp4" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
## Project
|
|
||||||
|
|
||||||
A **Project** can be a flow or a component. To view your saved projects, select **My Collection**.
|
|
||||||
|
|
||||||
Your **Projects** are displayed.
|
|
||||||
|
|
||||||
Click the ** Playground** button to run a flow from the **My Collection** screen.
|
|
||||||
|
|
||||||
In the top left corner of the screen are options for **Download Collection**, **Upload Collection**, and **New Project**.
|
|
||||||
|
|
||||||
Select **Download Collection** to save your project to your local machine. This downloads all flows and components as a `.json` file.
|
|
||||||
|
|
||||||
Select **Upload Collection** to upload a flow or component `.json` file from your local machine.
|
|
||||||
|
|
||||||
Select **New Project** to create a new project. In addition to a blank workspace, [starter projects](../starter-projects/basic-prompting) are also available.
|
|
||||||
|
|
||||||
## Project options menu
|
|
||||||
|
|
||||||
To see options for your project, in the upper left corner of the workspace, select the dropdown menu.
|
|
||||||
|
|
||||||
<ZoomableImage
|
|
||||||
alt="Docusaurus themed image"
|
|
||||||
sources={{
|
|
||||||
light: useBaseUrl("img/project-options-menu-light.png"),
|
|
||||||
dark: useBaseUrl("img/project-options-menu-dark.png"),
|
|
||||||
}}
|
|
||||||
style={{ width: "30%", margin: "20px auto" }}
|
|
||||||
/>
|
|
||||||
|
|
||||||
**New** - Start a new project.
|
|
||||||
|
|
||||||
**Duplicate** - Duplicate the current flow as a new project.
|
|
||||||
|
|
||||||
**Settings** - Modify the project's **Name** or **Description**.
|
|
||||||
|
|
||||||
**Import** - Upload a flow `.json` file from your local machine.
|
|
||||||
|
|
||||||
**Export** - Download your current project to your local machine as a `.json` file.
|
|
||||||
|
|
||||||
**Undo** or **Redo** - Undo or redo your last action.
|
|
||||||
|
|
||||||
## Project folders
|
|
||||||
|
|
||||||
As of Langflow 1.0 alpha, more options are available for storing projects with **folders**.
|
|
||||||
|
|
||||||
Create new folders with the **New folder** button. One folder can store multiple projects (as the default My Projects folder does).
|
|
||||||
|
|
||||||
You can download folders of projects as a single JSON file, and upload files and flows to your folder.
|
|
||||||
|
|
||||||
Click the **Trash** icon to delete a folder.
|
|
||||||
|
|
@ -40,6 +40,7 @@ module.exports = {
|
||||||
"administration/login",
|
"administration/login",
|
||||||
"administration/cli",
|
"administration/cli",
|
||||||
"administration/playground",
|
"administration/playground",
|
||||||
|
"administration/collections-projects",
|
||||||
"administration/settings",
|
"administration/settings",
|
||||||
"administration/global-env",
|
"administration/global-env",
|
||||||
"administration/chat-widget",
|
"administration/chat-widget",
|
||||||
|
|
|
||||||
BIN
docs/static/img/my-collection.png
vendored
Normal file
BIN
docs/static/img/my-collection.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 350 KiB |
Loading…
Add table
Add a link
Reference in a new issue