From fcacd865789a00b5be4f2fb1a786bb8daa212137 Mon Sep 17 00:00:00 2001 From: Mendon Kissling <59585235+mendonk@users.noreply.github.com> Date: Wed, 1 May 2024 13:15:48 -0400 Subject: [PATCH 01/27] rodrigos-feedback --- .../docs/getting-started/install-langflow.mdx | 28 +++----- docs/docs/getting-started/quickstart.mdx | 64 ++++--------------- docs/docs/index.mdx | 6 +- 3 files changed, 25 insertions(+), 73 deletions(-) diff --git a/docs/docs/getting-started/install-langflow.mdx b/docs/docs/getting-started/install-langflow.mdx index 4571e2f98..7a567d597 100644 --- a/docs/docs/getting-started/install-langflow.mdx +++ b/docs/docs/getting-started/install-langflow.mdx @@ -6,27 +6,19 @@ import Admonition from "@theme/Admonition"; # πŸ“¦ Install Langflow - Langflow v1.0 is also available in a [HuggingFace Preview Space](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true) if you'd rather try it out before installing locally. + + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](./huggingface-spaces) to install it locally. + -## Prerequisites +Langflow requires [Python 3.10](https://www.python.org/downloads/release/python-3100/) and [pip](https://pypi.org/project/pip/) or [pipx](https://pipx.pypa.io/stable/installation/) to be installed on your system. -Langflow requires the following programs installed on your system. - -* [Python 3.10](https://www.python.org/downloads/release/python-3100/) - -* [pip](https://pypi.org/project/pip/) or [pipx](https://pipx.pypa.io/stable/installation/) - -## Install Langflow - -To install Langflow: - -pip: +Install Langflow with pip: ```bash python -m pip install langflow -U ``` -pipx: +Install Langflow with pipx: ```bash pipx install langflow --python python3.10 --fetch-missing-python ``` @@ -35,8 +27,6 @@ Pipx can fetch the missing Python version for you with `--fetch-missing-python`, ## Install Langflow pre-release -Use `--force-reinstall` to ensure you have the latest version of Langflow and its dependencies. - To install a pre-release version of Langflow: pip: @@ -49,9 +39,11 @@ pipx: pipx install langflow --python python3.10 --fetch-missing-python --pip-args="--pre --force-reinstall" ``` +Use `--force-reinstall` to ensure you have the latest version of Langflow and its dependencies. + ## Having a problem? -If you encounter a problem, see [Possible Installation Issues](/migration/possible-installation-issues). +If you encounter a problem, see [Common Installation Issues](/migration/possible-installation-issues). To get help in the Langflow CLI: @@ -66,7 +58,7 @@ python -m langflow --help python -m langflow run ``` -2. Confirm that a local Langflow instance starts by visiting `http://127.0.0.1:7860` in your browser. +2. Confirm that a local Langflow instance starts by visiting `http://127.0.0.1:7860` in a Chromium-based browser. ```bash β”‚ Welcome to β›“ Langflow β”‚ β”‚ β”‚ diff --git a/docs/docs/getting-started/quickstart.mdx b/docs/docs/getting-started/quickstart.mdx index 33de2e0d7..f54a07747 100644 --- a/docs/docs/getting-started/quickstart.mdx +++ b/docs/docs/getting-started/quickstart.mdx @@ -6,64 +6,21 @@ import Admonition from "@theme/Admonition"; # ⚑️ Quickstart -This quickstart demonstrates how to install Langflow, run it locally, build a basic prompt flow, and modify that prompt for different outcomes. +This guide demonstrates how to build a basic prompt flow and modify that prompt for different outcomes. ## Prerequisites -* [Python 3.10](https://www.python.org/downloads/release/python-3100/) - -* [pip](https://pypi.org/project/pip/) or [pipx](https://pipx.pypa.io/stable/installation/) +* [Langflow installed](./install-langflow.mdx) * [OpenAI API key](https://platform.openai.com) -## Install Langflow - - Langflow v1.0 is also available in a [HuggingFace Preview Space](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true) if you'd rather try it out before installing locally. This quickstart will run there, too. + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](./huggingface-spaces) to install it locally. -1. To install Langflow, enter the following command in pip or pipx: +## Hello World - Basic Prompting -pip: -```bash -python -m pip install langflow -U -``` - -pipx: -```bash -pipx install langflow --python python3.10 --fetch-missing-python -``` -Pipx can fetch the missing Python version for you with `--fetch-missing-python`, but you can also install the Python version manually. - -2. Start a local Langflow instance with the Langflow CLI: -```bash -langflow run -``` - -Or start Langflow with Python: -```bash -python -m langflow run -``` - -Result: -``` -β”‚ Welcome to β›“ Langflow β”‚ -β”‚ β”‚ -β”‚ Access http://127.0.0.1:7860 β”‚ -β”‚ Collaborate, and contribute at our GitHub Repo πŸš€ β”‚ -``` - -3. Go to `http://127.0.0.1:7860` and confirm the Langflow UI is available. - - - If you encounter a problem, see [Possible Installation Issues](/migration/possible-installation-issues). - - -## Create the basic prompting project - -Now that you have Langflow installed and running, let us formally welcome you to Langflow!πŸ‘‹ - -You will use Langflow's prompt tools to issue prompts to the OpenAI LLM. +Let's start with a Prompt component to instruct an OpenAI Model. Prompts serve as the inputs to a large language model (LLM), acting as the interface between human instructions and computational tasks. @@ -82,7 +39,7 @@ By submitting natural language requests in a prompt to an LLM, you can obtain an style={{ width: "80%", margin: "20px auto" }} /> -This flow allows you to chat with the **OpenAI** component via a **Prompt** component. +This flow allows you to chat with the **OpenAI** component via a **Prompt**. Examine the **Prompt** component. The **Template** field instructs the LLM to `Answer the user as if you were a pirate.` This should be interesting... @@ -94,9 +51,10 @@ This should be interesting... ## Run the basic prompting flow 1. Click the **Run** button. -The **Interaction Panel** opens, where you can converse with your bot. +The **Interaction Panel** opens, where you can chat with your bot. 2. Type a message and press Enter. -The bot responds in a markedly piratical manner! +And... Ahoy! πŸ΄β€β˜ οΈ +The bot responds in a piratical manner! ## Modify the prompt for a different result @@ -110,7 +68,9 @@ The response will be markedly different. Well done! You've built your first prompt in Langflow. πŸŽ‰ -By adding Langflow components to this prompt, you can build all sorts of interesting flows. +By adding Langflow components to your flow, you can create all sorts of interesting behaviors. + +Here are a couple of examples: * [Memory chatbot](/starter-projects/memory-chatbot.mdx) * [Blog writer](/starter-projects/blog-writer.mdx) diff --git a/docs/docs/index.mdx b/docs/docs/index.mdx index 8652999e9..a2e0d1a43 100644 --- a/docs/docs/index.mdx +++ b/docs/docs/index.mdx @@ -5,9 +5,9 @@ import Admonition from "@theme/Admonition"; # πŸ‘‹ Welcome to Langflow -Langflow is a low-code platform that allows you to integrate AI into everything you do. +Langflow is a new, visual way to build, iterate, and deploy AI applications. -Use Langflow's simple but powerful UI to build any AI application you can dream up, from simple to complex. +Its intuitive interface allows for easy manipulation of AI building blocks, enabling developers to quickly prototype and turn their ideas into powerful, real-world solutions. {" "} @@ -24,7 +24,7 @@ Use Langflow's simple but powerful UI to build any AI application you can dream * [Install Langflow](/getting-started/install-langflow) - Install and start a local Langflow server. -* [Quickstart](/getting-started/quickstart) - Install Langflow, create a flow, and run it. +* [Quickstart](/getting-started/quickstart) - Create a flow and run it. * [HuggingFace Spaces](/getting-started/huggingface-spaces) - Duplicate the Langflow preview space and try it out before you install. From ae64bc4a2e3742a7adf269b2d43131bf52f9c31d Mon Sep 17 00:00:00 2001 From: Mendon Kissling <59585235+mendonk@users.noreply.github.com> Date: Wed, 1 May 2024 14:30:49 -0400 Subject: [PATCH 02/27] huggingface-spaces --- .../getting-started/huggingface-spaces.mdx | 23 ++++++++++++++----- 1 file changed, 17 insertions(+), 6 deletions(-) diff --git a/docs/docs/getting-started/huggingface-spaces.mdx b/docs/docs/getting-started/huggingface-spaces.mdx index 0bbbb48de..caf8bb411 100644 --- a/docs/docs/getting-started/huggingface-spaces.mdx +++ b/docs/docs/getting-started/huggingface-spaces.mdx @@ -5,11 +5,11 @@ import Admonition from "@theme/Admonition"; # πŸ€— HuggingFace Spaces -Hugging Face provides a great alternative for running Langflow in their Spaces environment. This means you can run Langflow without any local installation required. +HuggingFace provides a great alternative for running Langflow in their Spaces environment. This means you can run Langflow without any local installation required. -The first step is to go to the [Langflow Space](https://huggingface.co/spaces/Langflow/Langflow?duplicate=true) or [Langflow 1.0 Preview Space](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true) +In a Chromium-based browser, go to the [Langflow Space](https://huggingface.co/spaces/Langflow/Langflow?duplicate=true) or [Langflow v1.0 alpha Preview Space](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). -Remember to use a Chromium-based browser for the best experience. You'll be presented with the following screen: +You'll be presented with the following screen: -From here, just name your Space, define the visibility (Public or Private), and click on `Duplicate Space` to start the installation process. When that is done, you'll be redirected to the Space's main page to start using Langflow right away! +Name your Space, define the visibility (Public or Private), and click on `Duplicate Space` to start the installation process. When installation is finished, you'll be redirected to the Space's main page to start using Langflow right away! -Once you get Langflow running, click on New Project in the top right corner of the screen. Langflow provides a range of example flows to help you get started. +## Run a starter project -To quickly try one of them, open a starter example, set up your API keys and click ⚑ Run, on the bottom right corner of the canvas. This will open up Langflow's Interaction Panel with the chat console, text inputs, and outputs. +Langflow provides a range of example flows to help you get started. + +Once you get Langflow running in your Space, click on **New Project** in the top right corner of the screen. + +Select a starter project from the list, set up your API keys, and click ⚑ Run. This will open up Langflow's Interaction Panel with the chat console, text inputs, and outputs ready to go. + +For more information on the starter projects, see the guides below: + +* [Basic prompting](/starter-projects/basic-prompting.mdx) +* [Memory chatbot](/starter-projects/memory-chatbot.mdx) +* [Blog writer](/starter-projects/blog-writer.mdx) +* [Document QA](/starter-projects/document-qa.mdx) \ No newline at end of file From 069c9868d6017d075a29169550de25d64c69ecb2 Mon Sep 17 00:00:00 2001 From: Mendon Kissling <59585235+mendonk@users.noreply.github.com> Date: Wed, 1 May 2024 15:12:58 -0400 Subject: [PATCH 03/27] cleanup --- .../possible-installation-issues.mdx | 38 +++++++++++-------- 1 file changed, 23 insertions(+), 15 deletions(-) diff --git a/docs/docs/migration/possible-installation-issues.mdx b/docs/docs/migration/possible-installation-issues.mdx index e44ea7772..00b6f2cd2 100644 --- a/docs/docs/migration/possible-installation-issues.mdx +++ b/docs/docs/migration/possible-installation-issues.mdx @@ -1,15 +1,18 @@ -# Possible Installation Issues +# Common Installation Issues -This is a list of possible issues that you may encounter when installing Langflow 1.0 Alpha and how to solve them. +This is a list of possible issues that you may encounter when installing Langflow 1.0 alpha and how to solve them. ## _`No module named 'langflow.__main__'`_ -TLDR; +### TL;DR -- Run _`python -m langflow run`_ instead of _`langflow run`_. If that doesn't work, run _`_python -m pip install langflow --pre -U`_ to reinstall langflow. -- If the above doesn't work, run _`python -m pip install langflow --pre -U --force-reinstall`_ to reinstall langflow and its dependencies. +1. Run _`python -m langflow run`_ instead of _`langflow run`_. +2. If that doesn't work, reinstall Langflow with _`_python -m pip install langflow --pre -U`_. +3. If that doesn't work, reinstall Langflow and its dependencies with _`python -m pip install langflow --pre -U --force-reinstall`_. -When you try to run langflow using the command `langflow run`, you may encounter the following error: +### Details + +When you try to run Langflow using the command `langflow run`, you may encounter the following error: ```bash > langflow run @@ -19,22 +22,27 @@ Traceback (most recent call last): ModuleNotFoundError: No module named 'langflow.__main__' ``` -For this error to occur, two scenarios are possible: +There are two possible reasons for this error: -1. You've installed langflow using _`pip install langflow`_ but you already had a previous version of langflow installed in your system. - In this case, you might not be running the correct executable. - To solve this issue, you can run the correct executable by running _`python -m langflow run`_ instead of _`langflow run`_ and if that doesn't work, you can try uninstalling langflow and reinstalling it using _`python -m pip install langflow --pre -U`_. -2. Some version conflicts might have occurred during the installation process. Run _`python -m pip install langflow --pre -U --force-reinstall`_ to reinstall langflow and its dependencies. +1. You've installed Langflow using _`pip install langflow`_ but you already had a previous version of Langflow installed in your system. + In this case, you might be running the wrong executable. + To solve this issue, run the correct executable by running _`python -m langflow run`_ instead of _`langflow run`_. + If that doesn't work, try uninstalling and reinstalling Langflow with _`python -m pip install langflow --pre -U`_. +2. Some version conflicts might have occurred during the installation process. + Run _`python -m pip install langflow --pre -U --force-reinstall`_ to reinstall Langflow and its dependencies. ## _`Something went wrong running migrations. Please, run 'langflow migration --fix'`_ -TLDR; +### TL;DR - Clear the cache by deleting the contents of the cache folder. -This folder can be found at: + This folder can be found at: - **Linux or WSL2 on Windows**: `home//.cache/langflow/` - **MacOS**: `/Users//Library/Caches/langflow/` -If you wish to retain your files, ensure to back them up before clearing the folder. +### Details + +This error can occur during Langflow upgrades when the new version can't override `langflow-pre.db` in `.cache/langflow/`. Clearing the cache removes this file but will also erase your settings. + +If you wish to retain your files, back them up before clearing the folder. -This error often occurs when upgrading Langflow, the new version can't override `langflow-pre.db` in `.cache/langflow/`. Clearing the cache removes this file but will also erase your settings. \ No newline at end of file From 206e4da1d5abd995b8732299d3b103caa03e7c4c Mon Sep 17 00:00:00 2001 From: Mendon Kissling <59585235+mendonk@users.noreply.github.com> Date: Wed, 1 May 2024 15:21:15 -0400 Subject: [PATCH 04/27] hf-spaces-and-lightning-admonition --- docs/docs/starter-projects/basic-prompting.mdx | 6 +++++- docs/docs/starter-projects/blog-writer.mdx | 6 +++++- docs/docs/starter-projects/document-qa.mdx | 6 +++++- docs/docs/starter-projects/memory-chatbot.mdx | 6 +++++- 4 files changed, 20 insertions(+), 4 deletions(-) diff --git a/docs/docs/starter-projects/basic-prompting.mdx b/docs/docs/starter-projects/basic-prompting.mdx index 08ec0259e..a5c268d00 100644 --- a/docs/docs/starter-projects/basic-prompting.mdx +++ b/docs/docs/starter-projects/basic-prompting.mdx @@ -35,7 +35,11 @@ Result: β”‚ Collaborate, and contribute at our GitHub Repo πŸš€ β”‚ ``` -Alternatively, go to [HuggingFace Spaces](https://docs.langflow.org/getting-started/hugging-face-spaces) or [Lightning.ai Studio](https://lightning.ai/ogabrielluiz-8j6t8/studios/langflow) for a pre-built Langflow test environment. + + + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](getting-started/huggingface-spaces) to install it locally. + + 3. Create an [OpenAI API key](https://platform.openai.com). diff --git a/docs/docs/starter-projects/blog-writer.mdx b/docs/docs/starter-projects/blog-writer.mdx index 7b336e7ba..4b52b1fe7 100644 --- a/docs/docs/starter-projects/blog-writer.mdx +++ b/docs/docs/starter-projects/blog-writer.mdx @@ -32,7 +32,11 @@ Result: β”‚ Collaborate, and contribute at our GitHub Repo πŸš€ β”‚ ``` -Alternatively, go to [HuggingFace Spaces](https://docs.langflow.org/getting-started/hugging-face-spaces) or [Lightning.ai Studio](https://lightning.ai/ogabrielluiz-8j6t8/studios/langflow) for a pre-built Langflow test environment. + + + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](getting-started/huggingface-spaces) to install it locally. + + 3. Create an [OpenAI API key](https://platform.openai.com). diff --git a/docs/docs/starter-projects/document-qa.mdx b/docs/docs/starter-projects/document-qa.mdx index 105753b99..69910aa8a 100644 --- a/docs/docs/starter-projects/document-qa.mdx +++ b/docs/docs/starter-projects/document-qa.mdx @@ -32,7 +32,11 @@ Result: β”‚ Collaborate, and contribute at our GitHub Repo πŸš€ β”‚ ``` -Alternatively, go to [HuggingFace Spaces](https://docs.langflow.org/getting-started/hugging-face-spaces) or [Lightning.ai Studio](https://lightning.ai/ogabrielluiz-8j6t8/studios/langflow) for a pre-built Langflow test environment. + + + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](getting-started/huggingface-spaces) to install it locally. + + 3. Create an [OpenAI API key](https://platform.openai.com). diff --git a/docs/docs/starter-projects/memory-chatbot.mdx b/docs/docs/starter-projects/memory-chatbot.mdx index 227b530ea..45b00cd4e 100644 --- a/docs/docs/starter-projects/memory-chatbot.mdx +++ b/docs/docs/starter-projects/memory-chatbot.mdx @@ -31,7 +31,11 @@ Result: β”‚ Collaborate, and contribute at our GitHub Repo πŸš€ β”‚ ``` -Alternatively, go to [HuggingFace Spaces](https://docs.langflow.org/getting-started/hugging-face-spaces) or [Lightning.ai Studio](https://lightning.ai/ogabrielluiz-8j6t8/studios/langflow) for a pre-built Langflow test environment. + + + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](getting-started/huggingface-spaces) to install it locally. + + 3. Create an [OpenAI API key](https://platform.openai.com). From 0b71fabfd1df7f0db0847b16d2efd99bb2d9128d Mon Sep 17 00:00:00 2001 From: Mendon Kissling <59585235+mendonk@users.noreply.github.com> Date: Wed, 1 May 2024 15:22:05 -0400 Subject: [PATCH 05/27] admonition-import --- docs/docs/starter-projects/basic-prompting.mdx | 1 + docs/docs/starter-projects/memory-chatbot.mdx | 1 + 2 files changed, 2 insertions(+) diff --git a/docs/docs/starter-projects/basic-prompting.mdx b/docs/docs/starter-projects/basic-prompting.mdx index a5c268d00..186f298b5 100644 --- a/docs/docs/starter-projects/basic-prompting.mdx +++ b/docs/docs/starter-projects/basic-prompting.mdx @@ -2,6 +2,7 @@ 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"; # Basic prompting diff --git a/docs/docs/starter-projects/memory-chatbot.mdx b/docs/docs/starter-projects/memory-chatbot.mdx index 45b00cd4e..4c17aecc6 100644 --- a/docs/docs/starter-projects/memory-chatbot.mdx +++ b/docs/docs/starter-projects/memory-chatbot.mdx @@ -2,6 +2,7 @@ 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"; # Memory chatbot From 9228c1cfa007e39f0caf7284b6695b488aecf17f Mon Sep 17 00:00:00 2001 From: Mendon Kissling <59585235+mendonk@users.noreply.github.com> Date: Wed, 1 May 2024 15:24:11 -0400 Subject: [PATCH 06/27] relative-link --- docs/docs/starter-projects/basic-prompting.mdx | 2 +- docs/docs/starter-projects/blog-writer.mdx | 2 +- docs/docs/starter-projects/document-qa.mdx | 2 +- docs/docs/starter-projects/memory-chatbot.mdx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/docs/starter-projects/basic-prompting.mdx b/docs/docs/starter-projects/basic-prompting.mdx index 186f298b5..ef333643f 100644 --- a/docs/docs/starter-projects/basic-prompting.mdx +++ b/docs/docs/starter-projects/basic-prompting.mdx @@ -38,7 +38,7 @@ Result: - Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](getting-started/huggingface-spaces) to install it locally. + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](/getting-started/huggingface-spaces) to install it locally. diff --git a/docs/docs/starter-projects/blog-writer.mdx b/docs/docs/starter-projects/blog-writer.mdx index 4b52b1fe7..411233c8b 100644 --- a/docs/docs/starter-projects/blog-writer.mdx +++ b/docs/docs/starter-projects/blog-writer.mdx @@ -34,7 +34,7 @@ Result: - Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](getting-started/huggingface-spaces) to install it locally. + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](/getting-started/huggingface-spaces) to install it locally. diff --git a/docs/docs/starter-projects/document-qa.mdx b/docs/docs/starter-projects/document-qa.mdx index 69910aa8a..1807bb948 100644 --- a/docs/docs/starter-projects/document-qa.mdx +++ b/docs/docs/starter-projects/document-qa.mdx @@ -34,7 +34,7 @@ Result: - Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](getting-started/huggingface-spaces) to install it locally. + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](/getting-started/huggingface-spaces) to install it locally. diff --git a/docs/docs/starter-projects/memory-chatbot.mdx b/docs/docs/starter-projects/memory-chatbot.mdx index 4c17aecc6..e9560d9e5 100644 --- a/docs/docs/starter-projects/memory-chatbot.mdx +++ b/docs/docs/starter-projects/memory-chatbot.mdx @@ -34,7 +34,7 @@ Result: - Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](getting-started/huggingface-spaces) to install it locally. + Langflow v1.0 alpha is also available in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true). Try it out or follow the instructions [here](/getting-started/huggingface-spaces) to install it locally. From 7116f1c8532d1d50cfbebea8ad73dcdf64e31b0d Mon Sep 17 00:00:00 2001 From: Mendon Kissling <59585235+mendonk@users.noreply.github.com> Date: Wed, 1 May 2024 15:31:54 -0400 Subject: [PATCH 07/27] bold --- docs/docs/getting-started/huggingface-spaces.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/getting-started/huggingface-spaces.mdx b/docs/docs/getting-started/huggingface-spaces.mdx index caf8bb411..d2eccc782 100644 --- a/docs/docs/getting-started/huggingface-spaces.mdx +++ b/docs/docs/getting-started/huggingface-spaces.mdx @@ -20,7 +20,7 @@ You'll be presented with the following screen: style={{ width: "100%", margin: "20px auto" }} /> -Name your Space, define the visibility (Public or Private), and click on `Duplicate Space` to start the installation process. When installation is finished, you'll be redirected to the Space's main page to start using Langflow right away! +Name your Space, define the visibility (Public or Private), and click on **Duplicate Space** to start the installation process. When installation is finished, you'll be redirected to the Space's main page to start using Langflow right away! ## Run a starter project From 1df249bf75c47904039ba8a0507764947b0e3806 Mon Sep 17 00:00:00 2001 From: Mendon Kissling <59585235+mendonk@users.noreply.github.com> Date: Fri, 3 May 2024 09:49:47 -0400 Subject: [PATCH 08/27] sidebar --- docs/sidebars.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/sidebars.js b/docs/sidebars.js index a8a673610..6bcd69586 100644 --- a/docs/sidebars.js +++ b/docs/sidebars.js @@ -28,7 +28,8 @@ module.exports = { "starter-projects/basic-prompting", "starter-projects/blog-writer", "starter-projects/document-qa", - "starter-projects/memory-chatbot" + "starter-projects/memory-chatbot", + "tutorials/rag-with-astradb" ], }, { From a2a1642017478f79cb53e69ffaa448a8f41cad0c Mon Sep 17 00:00:00 2001 From: cristhianzl Date: Sat, 4 May 2024 00:57:16 -0300 Subject: [PATCH 09/27] =?UTF-8?q?=F0=9F=93=9D=20(index.tsx):=20remove=20tr?= =?UTF-8?q?ailing=20whitespace=20in=20button=20className=20to=20improve=20?= =?UTF-8?q?code=20readability=20=E2=99=BB=EF=B8=8F=20(index.tsx):=20refact?= =?UTF-8?q?or=20button=20className=20to=20remove=20unnecessary=20ternary?= =?UTF-8?q?=20operator=20and=20improve=20code=20readability=20=E2=99=BB?= =?UTF-8?q?=EF=B8=8F=20(index.tsx):=20refactor=20icon=20className=20to=20r?= =?UTF-8?q?emove=20unnecessary=20classes=20and=20improve=20code=20readabil?= =?UTF-8?q?ity?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/frontend/src/components/chatComponent/index.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx index d75688161..7d55f9229 100644 --- a/src/frontend/src/components/chatComponent/index.tsx +++ b/src/frontend/src/components/chatComponent/index.tsx @@ -103,10 +103,8 @@ export default function FlowToolbar(): JSX.Element { className={`relative inline-flex w-full cursor-not-allowed items-center justify-center gap-1 px-5 py-3 text-sm font-semibold text-muted-foreground transition-all duration-150 ease-in-out ease-in-out`} > Playground From f661edb5bc96e22e60ec91154796b973bcc78432 Mon Sep 17 00:00:00 2001 From: Lucas Oliveira Date: Mon, 6 May 2024 18:33:13 +0100 Subject: [PATCH 10/27] Fixed resizability of last column --- .../src/components/tableComponent/index.tsx | 25 +++++---------- .../pages/GlobalVariablesPage/index.tsx | 31 ++++++++++++------- 2 files changed, 27 insertions(+), 29 deletions(-) diff --git a/src/frontend/src/components/tableComponent/index.tsx b/src/frontend/src/components/tableComponent/index.tsx index 3404444c5..7e2cd4b99 100644 --- a/src/frontend/src/components/tableComponent/index.tsx +++ b/src/frontend/src/components/tableComponent/index.tsx @@ -5,7 +5,6 @@ import { ComponentPropsWithoutRef, ElementRef, forwardRef } from "react"; import { useDarkStore } from "../../stores/darkStore"; import "../../style/ag-theme-shadcn.css"; // Custom CSS applied to the grid import { cn } from "../../utils/utils"; -import { Card, CardContent } from "../ui/card"; const TableComponent = forwardRef< ElementRef, @@ -14,23 +13,13 @@ const TableComponent = forwardRef< const dark = useDarkStore((state) => state.dark); return ( -
-
- - - - - -
+
+
); }); diff --git a/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx b/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx index 2ca48050b..34df9786c 100644 --- a/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx +++ b/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx @@ -8,6 +8,7 @@ import Dropdown from "../../../../components/dropdownComponent"; import ForwardedIconComponent from "../../../../components/genericIconComponent"; import TableComponent from "../../../../components/tableComponent"; import { Badge } from "../../../../components/ui/badge"; +import { Card, CardContent } from "../../../../components/ui/card"; import { deleteGlobalVariable } from "../../../../controllers/API"; import useAlertStore from "../../../../stores/alertStore"; import { useGlobalVariablesStore } from "../../../../stores/globalVariables"; @@ -104,6 +105,7 @@ export default function GlobalVariablesPage() { field: "default_fields", flex: 1, editable: false, + resizable: false, }, ]); @@ -168,17 +170,24 @@ export default function GlobalVariablesPage() {
- { - setSelectedRows(event.api.getSelectedRows().map((row) => row.name)); - }} - rowSelection="multiple" - suppressRowClickSelection={true} - domLayout="autoHeight" - pagination={false} - columnDefs={colDefs} - rowData={rowData} - /> + + + { + setSelectedRows( + event.api.getSelectedRows().map((row) => row.name), + ); + }} + rowSelection="multiple" + suppressRowClickSelection={true} + domLayout="autoHeight" + pagination={true} + columnDefs={colDefs} + rowData={rowData} + /> + +
); From 28949ed526073ee7e6967cf38ad460a4d6bac778 Mon Sep 17 00:00:00 2001 From: Lucas Oliveira Date: Mon, 6 May 2024 18:37:05 +0100 Subject: [PATCH 11/27] fixed flex on column --- .../src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx b/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx index 34df9786c..45fe21452 100644 --- a/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx +++ b/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx @@ -82,7 +82,7 @@ export default function GlobalVariablesPage() { showDisabledCheckboxes: true, headerName: "Variable Name", field: "name", - flex: 1, + flex: 2, }, //This column will be twice as wide as the others { field: "type", From 9172dbc8958cef8fcf572e3f7583859d40150efc Mon Sep 17 00:00:00 2001 From: Lucas Oliveira Date: Mon, 6 May 2024 18:45:13 +0100 Subject: [PATCH 12/27] Fixed size and pagination of globalVariables table --- .../src/components/tableComponent/index.tsx | 4 ++-- .../pages/GlobalVariablesPage/index.tsx | 1 - .../SettingsPage/pages/ShortcutsPage/index.tsx | 17 +++++++++++------ 3 files changed, 13 insertions(+), 9 deletions(-) diff --git a/src/frontend/src/components/tableComponent/index.tsx b/src/frontend/src/components/tableComponent/index.tsx index 7e2cd4b99..236f98067 100644 --- a/src/frontend/src/components/tableComponent/index.tsx +++ b/src/frontend/src/components/tableComponent/index.tsx @@ -9,14 +9,14 @@ import { cn } from "../../utils/utils"; const TableComponent = forwardRef< ElementRef, ComponentPropsWithoutRef ->(({ pagination = true, ...props }, ref) => { +>(({ ...props }, ref) => { const dark = useDarkStore((state) => state.dark); return (
diff --git a/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx b/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx index 45fe21452..0ecdd588b 100644 --- a/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx +++ b/src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx @@ -181,7 +181,6 @@ export default function GlobalVariablesPage() { }} rowSelection="multiple" suppressRowClickSelection={true} - domLayout="autoHeight" pagination={true} columnDefs={colDefs} rowData={rowData} diff --git a/src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx b/src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx index 65bb3387f..158bf2394 100644 --- a/src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx +++ b/src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx @@ -2,6 +2,7 @@ import { ColDef, ColGroupDef } from "ag-grid-community"; import { useState } from "react"; import ForwardedIconComponent from "../../../../components/genericIconComponent"; import TableComponent from "../../../../components/tableComponent"; +import { Card, CardContent } from "../../../../components/ui/card"; export default function ShortcutsPage() { const advancedShortcut = "Ctrl + Shift + A"; @@ -95,12 +96,16 @@ export default function ShortcutsPage() {
- + + + + +
); From 2f56f3a95259625d1c7602e221517a26fab64617 Mon Sep 17 00:00:00 2001 From: Lucas Oliveira Date: Mon, 6 May 2024 18:52:36 +0100 Subject: [PATCH 13/27] Fixed password on inputComponent --- .../src/components/inputComponent/index.tsx | 120 +++++++++--------- 1 file changed, 59 insertions(+), 61 deletions(-) diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx index 7b178a4d7..b1b4b9ef9 100644 --- a/src/frontend/src/components/inputComponent/index.tsx +++ b/src/frontend/src/components/inputComponent/index.tsx @@ -76,7 +76,7 @@ export default function InputComponent({ editNode ? " input-edit-node " : "", password && editNode ? "pr-8" : "", password && !editNode ? "pr-10" : "", - className! + className!, )} placeholder={password && editNode ? "Key" : placeholder} onChange={(e) => { @@ -104,9 +104,9 @@ export default function InputComponent({ (selectedOption !== "" || !onChange) && setSelectedOption ? selectedOption : (selectedOptions?.length !== 0 || !onChange) && - setSelectedOptions - ? selectedOptions?.join(", ") - : value + setSelectedOptions + ? selectedOptions?.join(", ") + : value } autoFocus={autoFocus} disabled={disabled} @@ -120,7 +120,7 @@ export default function InputComponent({ required={required} className={classNames( password && - selectedOption === "" && + (!setSelectedOption || selectedOption === "") && !pwdVisible && value !== "" ? " text-clip password " @@ -134,7 +134,7 @@ export default function InputComponent({ ? "pr-8" : "", - className! + className!, )} placeholder={password && editNode ? "Key" : placeholder} onChange={(e) => { @@ -194,15 +194,15 @@ export default function InputComponent({ setSelectedOption( currentValue === selectedOption ? "" - : currentValue + : currentValue, ); setSelectedOptions && setSelectedOptions( selectedOptions?.includes(currentValue) ? selectedOptions.filter( - (item) => item !== currentValue + (item) => item !== currentValue, ) - : [...selectedOptions, currentValue] + : [...selectedOptions, currentValue], ); !setSelectedOptions && setShowOptions(false); }} @@ -215,7 +215,7 @@ export default function InputComponent({ selectedOption === option || selectedOptions?.includes(option) ? "opacity-100" - : "opacity-0" + : "opacity-0", )} >
@@ -254,7 +254,7 @@ export default function InputComponent({ ((selectedOptions?.length !== 0 || !onChange) && setSelectedOptions) ? "" - : "hidden" + : "hidden", )} onClick={ ((selectedOption !== "" || !onChange) && setSelectedOption) || @@ -275,7 +275,7 @@ export default function InputComponent({ )}
From fabb3c9b56d0522d9241fea56516f0821dc6e133 Mon Sep 17 00:00:00 2001 From: Lucas Oliveira Date: Mon, 6 May 2024 19:10:19 +0100 Subject: [PATCH 14/27] Added password on addNewVariable modal --- .../addNewVariableButton.tsx | 28 +++++++++++++------ 1 file changed, 20 insertions(+), 8 deletions(-) diff --git a/src/frontend/src/components/addNewVariableButtonComponent/addNewVariableButton.tsx b/src/frontend/src/components/addNewVariableButtonComponent/addNewVariableButton.tsx index 8786cdac6..2745ba1bf 100644 --- a/src/frontend/src/components/addNewVariableButtonComponent/addNewVariableButton.tsx +++ b/src/frontend/src/components/addNewVariableButtonComponent/addNewVariableButton.tsx @@ -106,14 +106,26 @@ export default function AddNewVariableButton({ children }): JSX.Element { id={"type-global-variables"} > -