merge

2024-06-03 15:49:51 -03:00 · 2024-06-03 15:49:51 -03:00 · 9d033c9e34
commit 9d033c9e34
parent 999ce405c4
157 changed files with 6861 additions and 5526 deletions
--- a/.github/actions/poetry_caching/action.yml
+++ b/.github/actions/poetry_caching/action.yml
@ -77,7 +77,12 @@ runs:
        POETRY_VERSION: ${{ inputs.poetry-version }}
        PYTHON_VERSION: ${{ inputs.python-version }}
      # Install poetry using the python version installed by setup-python step.
-      run: pipx install "poetry==$POETRY_VERSION" --python '${{ steps.setup-python.outputs.python-path }}' --verbose
+      run: |
+        pipx install "poetry==$POETRY_VERSION" --python '${{ steps.setup-python.outputs.python-path }}' --verbose
+        pipx ensurepath
+        # Ensure the poetry binary is available in the PATH.
+        # Test that the poetry binary is available.
+        poetry --version

    - name: Restore pip and poetry cached dependencies
      uses: actions/cache@v4
--- a/.github/workflows/create-release.yml
+++ b/.github/workflows/create-release.yml
@ -0,0 +1,64 @@
+name: Create Release
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        description: "Version to release"
+        required: true
+        type: string
+      release_type:
+        description: "Type of release (base or main)"
+        required: true
+        type: choice
+        options:
+          - base
+          - main
+
+env:
+  POETRY_VERSION: "1.8.2"
+jobs:
+  release:
+    name: Build Langflow
+    runs-on: ubuntu-latest
+    outputs:
+      version: ${{ steps.check-version.outputs.version }}
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install poetry
+        run: pipx install poetry==$POETRY_VERSION
+      - name: Set up Python 3.12
+        uses: actions/setup-python@v5
+        with:
+          python-version: "3.12"
+          cache: "poetry"
+      - name: Build project for distribution
+        run: |
+          if [ "${{ inputs.release_type }}" == "base" ]; then
+          make build base=true
+          else
+          make build main=true
+          fi
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: dist${{ inputs.release_type }}
+          path: ${{ inputs.release_type == 'base' && 'src/backend/base/dist' || 'dist' }}
+  create_release:
+    name: Create Release Job
+    runs-on: ubuntu-latest
+    needs: release
+    steps:
+      - uses: actions/download-artifact@v4
+        with:
+          name: dist${{ inputs.release_type }}
+          path: dist
+      - name: Create Release Notes
+        uses: ncipollo/release-action@v1
+        with:
+          artifacts: "dist/*"
+          token: ${{ secrets.GITHUB_TOKEN }}
+          draft: false
+          generateReleaseNotes: true
+          prerelease: true
+          tag: v${{ inputs.version }}
+          commit: dev
--- a/.github/workflows/docker-build.yml
+++ b/.github/workflows/docker-build.yml
@ -52,3 +52,30 @@ jobs:
          push: true
          file: ${{ env.DOCKERFILE }}
          tags: ${{ env.TAGS }}
+      - name: Wait for Docker Hub to propagate
+        run: sleep 120
+
+  restart-space:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        python-version:
+          - "3.12"
+    steps:
+      - uses: actions/checkout@v4
+      - name: Set up Python ${{ matrix.python-version }} + Poetry ${{ env.POETRY_VERSION }}
+        uses: "./.github/actions/poetry_caching"
+        with:
+          python-version: ${{ matrix.python-version }}
+          poetry-version: ${{ env.POETRY_VERSION }}
+          cache-key: ${{ runner.os }}-poetry-${{ env.POETRY_VERSION }}-${{ hashFiles('**/poetry.lock') }}
+      - name: Install Python dependencies
+        run: |
+          poetry env use ${{ matrix.python-version }}
+          poetry install
+
+      - name: Restart HuggingFace Spaces Build
+        run: |
+          poetry run python ./scripts/factory_restart_space.py
+        env:
+          HUGGINGFACE_API_TOKEN: ${{ secrets.HUGGINGFACE_API_TOKEN }}
--- a/.github/workflows/pre-release.yml
+++ b/.github/workflows/pre-release.yml
@ -67,27 +67,30 @@ jobs:
          else
            make publish main=true
          fi
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: dist${{ inputs.release_type }}
+          path: ${{ inputs.release_type == 'base' && 'src/backend/base/dist' || 'dist' }}

  call_docker_build:
    name: Call Docker Build Workflow
-    runs-on: ubuntu-latest
    needs: release
-    steps:
-      - uses: actions/checkout@v4
-      - uses: ./.github/workflows/docker-build.yml
-        with:
-          version: ${{ needs.release.outputs.version }}
-          release_type: ${{ inputs.release_type }}
+    uses: langflow-ai/langflow/.github/workflows/docker-build.yml@dev
+    with:
+      version: ${{ needs.release.outputs.version }}
+      release_type: ${{ inputs.release_type }}
+    secrets: inherit

  create_release:
    name: Create Release
    runs-on: ubuntu-latest
-    needs: [call_docker_build, release]
+    needs: [release]
    if: ${{ inputs.release_type == 'main' }}
    steps:
      - uses: actions/download-artifact@v4
        with:
-          name: dist
+          name: dist${{ inputs.release_type }}
          path: dist
      - name: Create Release
        uses: ncipollo/release-action@v1
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@ -25,13 +25,6 @@ repos:
        args:
          - --fix=lf
      - id: trailing-whitespace
-      - id: pretty-format-json
-        exclude: ^tsconfig.*.json
-        args:
-          - --autofix
-          - --indent=4
-          - --no-sort-keys
-      - id: check-merge-conflict
  - repo: https://github.com/astral-sh/ruff-pre-commit
    # Ruff version.
    rev: v0.4.2
--- a/5
+++ b/5
@ -7,6 +7,7 @@ port ?= 7860
 env ?= .env
 open_browser ?= true
 path = src/backend/base/langflow/frontend
+workers ?= 1

 codespell:
 	@poetry install --with spelling
@ -144,10 +145,10 @@ backend:
 	@-kill -9 $(lsof -t -i:7860)
 ifdef login
 	@echo "Running backend autologin is $(login)";
-	LANGFLOW_AUTO_LOGIN=$(login) poetry run uvicorn --factory langflow.main:create_app --host 0.0.0.0 --port 7860 --reload --env-file .env --loop asyncio
+	LANGFLOW_AUTO_LOGIN=$(login) poetry run uvicorn --factory langflow.main:create_app --host 0.0.0.0 --port 7860 --reload --env-file .env --loop asyncio --workers $(workers)
 else
 	@echo "Running backend respecting the .env file";
-	poetry run uvicorn --factory langflow.main:create_app --host 0.0.0.0 --port 7860 --reload --env-file .env  --loop asyncio
+	poetry run uvicorn --factory langflow.main:create_app --host 0.0.0.0 --port 7860 --reload --env-file .env  --loop asyncio --workers $(workers)
 endif

 build_and_run:
--- a/README.md
+++ b/README.md
@ -1,21 +1,58 @@
 <!-- markdownlint-disable MD030 -->

-# [![Langflow](https://github.com/langflow-ai/langflow/blob/dev/docs/static/img/hero.png)](https://www.langflow.org)
+# [![Langflow](./docs/static/img/hero.png)](https://www.langflow.org)

-### [Langflow](https://www.langflow.org) is a new, visual way to build, iterate and deploy AI apps.
+<p align="center"><strong>
+    A visual framework for building multi-agent and RAG applications
+</strong></p>
+<p align="center" style="font-size: 12px;">
+    Open-source, Python-powered, fully customizable, LLM and vector store agnostic
+</p>

-# ⚡️ Documentation and Community
+<p align="center" style="font-size: 12px;">
+    <a href="https://docs.langflow.org" style="text-decoration: underline;">Docs</a> -
+    <a href="https://discord.com/invite/EqksyE2EX9" style="text-decoration: underline;">Join our Discord</a> -
+    <a href="https://twitter.com/langflow_ai" style="text-decoration: underline;">Follow us on X</a> -
+    <a href="https://huggingface.co/spaces/Langflow/Langflow-Preview" style="text-decoration: underline;">Live demo</a>
+</p>

- [Documentation](https://docs.langflow.org)
- [Discord](https://discord.com/invite/EqksyE2EX9)
+<p align="center">
+    <a href="https://github.com/langflow-ai/langflow">
+        <img src="https://img.shields.io/github/stars/langflow-ai/langflow">
+    </a>
+    <a href="https://discord.com/invite/EqksyE2EX9">
+        <img src="https://img.shields.io/discord/1116803230643527710?label=Discord">
+    </a>
+</p>

-# 📦 Installation
+<p align="center">
+  <img src="./docs/static/img/langflow_basic_howto.gif" alt="Your GIF" style="border: 3px solid #211C43;">
+</p>
+
+# 📝 Content
+
+- [](#)
+- [📝 Content](#-content)
+- [📦 Get Started](#-get-started)
+- [🎨 Create Flows](#-create-flows)
+- [Deploy](#deploy)
+  - [Deploy Langflow on Google Cloud Platform](#deploy-langflow-on-google-cloud-platform)
+  - [Deploy on Railway](#deploy-on-railway)
+  - [Deploy on Render](#deploy-on-render)
+- [🖥️ Command Line Interface (CLI)](#️-command-line-interface-cli)
+  - [Usage](#usage)
+    - [Environment Variables](#environment-variables)
+- [👋 Contribute](#-contribute)
+- [🌟 Contributors](#-contributors)
+- [📄 License](#-license)
+
+# 📦 Get Started

 You can install Langflow with pip:

 ```shell
-# Make sure you have Python 3.10 installed on your system.
-# Install the pre-release version
+# Make sure you have >=Python 3.10 installed on your system.
+# Install the pre-release version (recommended for the latest updates)
 python -m pip install langflow --pre --force-reinstall

 # or stable version
@ -28,9 +65,9 @@ Then, run Langflow with:
 python -m langflow run
 ```

-You can also preview Langflow in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview). [Clone the space using this link](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true), to create your own Langflow workspace in minutes.
+You can also preview Langflow in [HuggingFace Spaces](https://huggingface.co/spaces/Langflow/Langflow-Preview). [Clone the space using this link](https://huggingface.co/spaces/Langflow/Langflow-Preview?duplicate=true) to create your own Langflow workspace in minutes.

-# 🎨 Creating Flows
+# 🎨 Create Flows

 Creating flows with Langflow is easy. Simply drag components from the sidebar onto the canvas and connect them to start building your application.

@ -46,6 +83,32 @@ from langflow.load import run_flow_from_json
 results = run_flow_from_json("path/to/flow.json", input_value="Hello, World!")
 ```

+# Deploy
+
+## Deploy Langflow on Google Cloud Platform
+
+Follow our step-by-step guide to deploy Langflow on Google Cloud Platform (GCP) using Google Cloud Shell. The guide is available in the [**Langflow in Google Cloud Platform**](https://github.com/langflow-ai/langflow/blob/dev/docs/docs/deployment/gcp-deployment.md) document.
+
+Alternatively, click the **"Open in Cloud Shell"** button below to launch Google Cloud Shell, clone the Langflow repository, and start an **interactive tutorial** that will guide you through the process of setting up the necessary resources and deploying Langflow on your GCP project.
+
+[![Open in Cloud Shell](https://gstatic.com/cloudssh/images/open-btn.svg)](https://console.cloud.google.com/cloudshell/open?git_repo=https://github.com/langflow-ai/langflow&working_dir=scripts/gcp&shellonly=true&tutorial=walkthroughtutorial_spot.md)
+
+## Deploy on Railway
+
+Use this template to deploy Langflow 1.0 Preview on Railway:
+
+[![Deploy 1.0 Preview on Railway](https://railway.app/button.svg)](https://railway.app/template/UsJ1uB?referralCode=MnPSdg)
+
+Or this one to deploy Langflow 0.6.x:
+
+[![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/template/JMXEWp?referralCode=MnPSdg)
+
+## Deploy on Render
+
+<a href="https://render.com/deploy?repo=https://github.com/langflow-ai/langflow/tree/dev">
+<img src="https://render.com/images/deploy-to-render-button.svg" alt="Deploy to Render" />
+</a>
+
 # 🖥️ Command Line Interface (CLI)

 Langflow provides a command-line interface (CLI) for easy management and configuration.
@ -87,33 +150,7 @@ You can configure many of the CLI options using environment variables. These can

 A sample `.env` file named `.env.example` is included with the project. Copy this file to a new file named `.env` and replace the example values with your actual settings. If you're setting values in both your OS and the `.env` file, the `.env` settings will take precedence.

-# Deployment
-
-## Deploy Langflow on Google Cloud Platform
-
-Follow our step-by-step guide to deploy Langflow on Google Cloud Platform (GCP) using Google Cloud Shell. The guide is available in the [**Langflow in Google Cloud Platform**](GCP_DEPLOYMENT.md) document.
-
-Alternatively, click the **"Open in Cloud Shell"** button below to launch Google Cloud Shell, clone the Langflow repository, and start an **interactive tutorial** that will guide you through the process of setting up the necessary resources and deploying Langflow on your GCP project.
-
-[![Open in Cloud Shell](https://gstatic.com/cloudssh/images/open-btn.svg)](https://console.cloud.google.com/cloudshell/open?git_repo=https://github.com/langflow-ai/langflow&working_dir=scripts/gcp&shellonly=true&tutorial=walkthroughtutorial_spot.md)
-
-## Deploy on Railway
-
-Use this template to deploy Langflow 1.0 Preview on Railway:
-
-[![Deploy 1.0 Preview on Railway](https://railway.app/button.svg)](https://railway.app/template/UsJ1uB?referralCode=MnPSdg)
-
-Or this one to deploy Langflow 0.6.x:
-
-[![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/template/JMXEWp?referralCode=MnPSdg)
-
-## Deploy on Render
-
-<a href="https://render.com/deploy?repo=https://github.com/langflow-ai/langflow/tree/main">
-<img src="https://render.com/images/deploy-to-render-button.svg" alt="Deploy to Render" />
-</a>
-
-# 👋 Contributing
+# 👋 Contribute

 We welcome contributions from developers of all levels to our open-source project on GitHub. If you'd like to contribute, please check our [contributing guidelines](./CONTRIBUTING.md) and help make Langflow more accessible.

--- a/docker/.dockerignore
+++ b/docker/.dockerignore
@ -4,4 +4,6 @@ node_modules
 **/node_modules/
 dist/
 **/build/
-src/backend/langflow/frontend
+src/backend/langflow/frontend
+**/langflow-pre.db
+**/langflow.db
--- a/docker/build_and_push.Dockerfile
+++ b/docker/build_and_push.Dockerfile
@ -72,16 +72,21 @@ COPY Makefile ./
 COPY README.md ./
 RUN --mount=type=cache,target=/root/.cache \
    curl -sSL https://install.python-poetry.org | python3 -
+RUN useradd -m -u 1000 user && \
+    mkdir -p /app/langflow && \
+    chown -R user:user /app && \
+    chmod -R u+w /app/langflow
+
+# Update PATH with home/user/.local/bin
+ENV PATH="/home/user/.local/bin:${PATH}"
 RUN python -m pip install requests && cd ./scripts && python update_dependencies.py
 RUN $POETRY_HOME/bin/poetry lock
 RUN $POETRY_HOME/bin/poetry build

 # Copy virtual environment and built .tar.gz from builder base
-RUN useradd -m -u 1000 user
-RUN chown -R user:user /app
 USER user
 # Install the package from the .tar.gz
-RUN python -m pip install /app/dist/*.tar.gz
+RUN python -m pip install /app/dist/*.tar.gz --user

 ENTRYPOINT ["python", "-m", "langflow", "run"]
 CMD ["--host", "0.0.0.0", "--port", "7860"]
--- a/docker/build_and_push_base.Dockerfile
+++ b/docker/build_and_push_base.Dockerfile
@ -78,14 +78,20 @@ RUN cd src/frontend && npm run build
 COPY src/backend ./src/backend
 RUN cp -r src/frontend/build src/backend/base/langflow/frontend
 RUN rm -rf src/backend/base/dist
+RUN useradd -m -u 1000 user && \
+    mkdir -p /app/langflow && \
+    chown -R user:user /app && \
+    chmod -R u+w /app/langflow
+
+# Update PATH with home/user/.local/bin
+ENV PATH="/home/user/.local/bin:${PATH}"
 RUN cd src/backend/base && $POETRY_HOME/bin/poetry build

 # Copy virtual environment and built .tar.gz from builder base
-RUN useradd -m -u 1000 user
-RUN chown -R user:user /app
+
 USER user
 # Install the package from the .tar.gz
-RUN python -m pip install /app/src/backend/base/dist/*.tar.gz
+RUN python -m pip install /app/src/backend/base/dist/*.tar.gz --user


 ENTRYPOINT ["python", "-m", "langflow", "run"]
--- a/docker/render.pre-release.Dockerfile
+++ b/docker/render.pre-release.Dockerfile
@ -0,0 +1 @@
+FROM langflowai/langflow:1.0-alpha
--- a/docker_example/pre.docker-compose.yml
+++ b/docker_example/pre.docker-compose.yml
@ -12,7 +12,7 @@ services:
      # This variable defines where the logs, file storage, monitor data and secret keys are stored.
      - LANGFLOW_CONFIG_DIR=app/langflow
    volumes:
-      - langflow-data:app/langflow
+      - langflow-data:/app/langflow

  postgres:
    image: postgres:16
--- a/docs/docs/administration/api.mdx
+++ b/docs/docs/administration/api.mdx
@ -7,10 +7,12 @@ import Admonition from "@theme/Admonition";
 Langflow provides an API key functionality that allows users to access their individual components and flows without traditional login authentication. The API key is a user-specific token that can be included in the request header or query parameter to authenticate API calls. This documentation outlines how to generate, use, and manage API keys in Langflow.

 <Admonition type="warning">
-  This feature requires the LANGFLOW_AUTO_LOGIN environment variable to be set
-  to False. The default user and password are set using the LANGFLOW_SUPERUSER
-  and LANGFLOW_SUPERUSER_PASSWORD environment variables. The default values are
-  langflow and langflow, respectively.
+  The default user and password are set using the LANGFLOW_SUPERUSER and
+  LANGFLOW_SUPERUSER_PASSWORD environment variables.
+
+The default values are
+langflow and langflow, respectively.
+
 </Admonition>

 ## Generating an API Key
--- a/docs/docs/administration/cli.mdx
+++ b/docs/docs/administration/cli.mdx
@ -7,12 +7,12 @@ Langflow's Command Line Interface (CLI) is a powerful tool that allows you to in
 Running the CLI without any arguments will display a list of available commands and options.

 ```bash
-python -m langflow --help
+python -m langflow run --help
 # or
-python -m langflow
+python -m langflow run
 ```

-Each option is detailed below:
+Each option for `run` command are detailed below:

 - `--help`: Displays all available options.
 - `--host`: Defines the host to bind the server to. Can be set using the `LANGFLOW_HOST` environment variable. The default is `127.0.0.1`.
@ -35,6 +35,41 @@ Each option is detailed below:

 These parameters are important for users who need to customize the behavior of Langflow, especially in development or specialized deployment scenarios.

+### API Key Command
+
+The `api-key` command allows you to create an API key for accessing Langflow's API when `LANGFLOW_AUTO_LOGIN` is set to `True`.
+
+```bash
+python -m langflow api-key --help
+
+ Usage: langflow api-key [OPTIONS]
+
+ Creates an API key for the default superuser if AUTO_LOGIN is enabled.
+ Args:     log_level (str, optional): Logging level. Defaults to "error".
+ Returns:     None
+
+╭─ Options ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
+│ --log-level        TEXT  Logging level. [env var: LANGFLOW_LOG_LEVEL] [default: error]                                                                                              │
+│ --help                   Show this message and exit.                                                                                                                                │
+╰─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
+```
+
+Once you run the `api-key` command, it will create an API key for the default superuser if `LANGFLOW_AUTO_LOGIN` is set to `True`.
+
+```bash
+python -m langflow api-key
+╭─────────────────────────────────────────────────────────────────────╮
+│ API Key Created Successfully:                                       │
+│                                                                     │
+│ sk-O0elzoWID1izAH8RUKrnnvyyMwIzHi2Wk-uXWoNJ2Ro                      │
+│                                                                     │
+│ This is the only time the API key will be displayed.                │
+│ Make sure to store it in a secure location.                         │
+│                                                                     │
+│ The API key has been copied to your clipboard. Cmd + V to paste it. │
+╰─────────────────────────────────────────────────────────────────────╯
+```
+
 ### Environment Variables

 You can configure many of the CLI options using environment variables. These can be exported in your operating system or added to a `.env` file and loaded using the `--env-file` option.
--- a/docs/docs/administration/custom-component.mdx
+++ b/docs/docs/administration/custom-component.mdx
@ -74,11 +74,6 @@ class DocumentProcessor(CustomComponent):

 </div>

-<Admonition type="tip">
-  Check out [FlowRunner Component](../examples/flow-runner) for a more complex
-  example.
-</Admonition>
-
 ---

 ## Rules
--- a/docs/docs/components/custom.mdx
+++ b/docs/docs/components/custom.mdx
@ -100,7 +100,3 @@ The `CustomComponent` class also provides helpful methods for specific tasks (e.
 - `field_order`: Controls the display order of fields.
 - `icon`: Sets the canvas display icon.

-<Admonition type="info" label="Tip">
-  Check out the [FlowRunner](../examples/flow-runner) example to understand how to call a flow from a custom component.
-</Admonition>
-
--- a/docs/docs/examples/buffer-memory.mdx
+++ b/docs/docs/examples/buffer-memory.mdx
@ -1,35 +0,0 @@
-import Admonition from "@theme/Admonition";
-
-# Buffer Memory
-
-For certain applications, retaining past interactions is crucial. For that, chains and agents may accept a memory component as one of their input parameters. The `ConversationBufferMemory` component is one of them. It stores messages and extracts them into variables.
-
-## ⛓️ Langflow Example
-
-import ThemedImage from "@theme/ThemedImage";
-import useBaseUrl from "@docusaurus/useBaseUrl";
-import ZoomableImage from "/src/theme/ZoomableImage.js";
-
-<ZoomableImage
-  alt="Docusaurus themed image"
-  sources={{
-    light: "img/buffer-memory.png",
-    dark: "img/buffer-memory.png",
-  }}
-  style={{
-    width: "80%",
-    margin: "20px auto",
-    display: "flex",
-    justifyContent: "center",
-  }}
-/>
-
-#### <a target="\_blank" href="json_files/Buffer_Memory.json" download>Download Flow</a>
-
-<Admonition type="note" title="LangChain Components 🦜🔗">
-
- [`ConversationBufferMemory`](https://python.langchain.com/docs/modules/memory/types/buffer)
- [`ConversationChain`](https://python.langchain.com/docs/modules/chains/)
- [`ChatOpenAI`](https://python.langchain.com/docs/modules/model_io/models/chat/integrations/openai)
-
-</Admonition>
--- a/docs/docs/examples/chat-memory.mdx
+++ b/docs/docs/examples/chat-memory.mdx
@ -0,0 +1,17 @@
+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";
+
+# Chat Memory
+
+The **Chat Memory** component restores previous messages given a Session ID, which can be any string.
+
+This component is available under the **Helpers** tab of the Langflow preview.
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/chat_memory.mp4" />
+</div>
--- a/docs/docs/examples/combine-text.mdx
+++ b/docs/docs/examples/combine-text.mdx
@ -0,0 +1,21 @@
+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";
+
+# Combine Text
+
+With LLM pipelines, combining text from different sources may be as important as splitting text.
+
+The **Combine Text** component concatenates two text inputs into a single chunk using a specified delimiter, such as whitespace or a newline.
+
+Also, check out **Combine Texts (Unsorted)** as a similar alternative.
+
+This component is available under the **Helpers** tab of the Langflow preview.
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/combine_text.mp4" />
+</div>
--- a/docs/docs/examples/conversation-chain.mdx
+++ b/docs/docs/examples/conversation-chain.mdx
@ -1,41 +0,0 @@
-import Admonition from "@theme/Admonition";
-
-# Conversation Chain
-
-This example shows how to instantiate a simple `ConversationChain` component using a Language Model (LLM). Once the Node Status turns green 🟢, the chat will be ready to take in user messages. Here, we used `ChatOpenAI` to act as the required LLM input, but you can use any LLM for this purpose.
-
-<Admonition type="info">
-
-Make sure to always get the API key from the provider.
-
-</Admonition>
-
-## ⛓️ Langflow Example
-
-import ThemedImage from "@theme/ThemedImage";
-import useBaseUrl from "@docusaurus/useBaseUrl";
-import ZoomableImage from "/src/theme/ZoomableImage.js";
-
-<ZoomableImage
-  alt="Docusaurus themed image"
-  sources={{
-    light: "img/basic-chat.png",
-    dark: "img/basic-chat.png",
-  }}
-
-style={{
-    width: "80%",
-    margin: "20px auto",
-    display: "flex",
-    justifyContent: "center",
-  }}
-/>
-
-#### <a target="\_blank" href="json_files/Basic_Chat.json" download>Download Flow</a>
-
-<Admonition type="note" title="LangChain Components 🦜🔗">
-
- [`ConversationChain`](https://python.langchain.com/docs/modules/chains/)
- [`ChatOpenAI`](https://python.langchain.com/docs/modules/model_io/models/chat/integrations/openai)
-
-</Admonition>
--- a/Show more
+++ b/Show more