Grouping a workflow

[SVyusti]

@dosu is it possible to save a workflow of custom components , so that they appear in side bar

[dosubot[bot]]

Yes, it is possible to save a workflow of custom components so that they appear in the sidebar. You need to set up a folder with your components and load them using the Langflow CLI. Here is the relevant information:

1. Folder Structure:

   • Create a folder with a custom_components subdirectory for your custom components.
   • Inside custom_components, create a Python file for each component.

   Example structure:

   .
   └── custom_components
       ├── document_processor.py
       └── ...
   └── agents
       └── ...
   └── my_agents <-- Other category
       └── ...
   

2. Loading Custom Components:

   • Set the LANGFLOW_COMPONENTS_PATH environment variable to the path of your custom components directory and run the Langflow CLI:

   export LANGFLOW_COMPONENTS_PATH='["/path/to/components"]'
   langflow run

   • Alternatively, specify the path using the --components-path argument:

   langflow run --components-path /path/to/components

Langflow will attempt to load all of the components found in the specified directory. If a component fails to load due to errors in the component's code, Langflow will print an error message to the console but will continue loading the rest of the components.

Once your custom components have been loaded successfully, they will appear in Langflow's sidebar. From there, you can add them to your Langflow canvas for use. However, please note that components with errors will not be available for addition to the canvas. Always ensure your code is error-free before attempting to load components ^[1][2].

To continue talking to Dosu, mention @dosu.

[dosubot[bot]]

To save a workflow so that it appears in the sidebar and can be used as a drag-and-drop component, follow these steps:

1. Ensure you are on the main page and create a new project if necessary.
2. Load your workflow file if you have one.
3. Hold Control and click to select the components you want to group.
4. Select Group to merge the selected components into a single component.
5. Double-click the name and description of the grouped component to change them as needed.
6. Click on the Save button to save your grouped component to the sidebar for later use.
7. If prompted with a replace button, click it to confirm the save.
8. Use the search functionality in the sidebar to locate your saved group component and drag it into your workspace.

This process will allow you to reuse the grouped component by dragging and dropping it from the sidebar into your workspace ^{[1][2][3][4][5]}.

To continue talking to Dosu, mention @dosu.

[SVyusti]

If two connected components have a common input, On grouping can the input be merged? @dosu

[dosubot[bot]]

Yes, Langflow has a feature that allows merging of inputs when components are grouped. This is evident from the MergeDataComponent class, which is designed to merge data inputs:

from langflow.custom import CustomComponent
from langflow.schema import Data

class MergeDataComponent(CustomComponent):
    display_name = "Merge Data"
    description = "Combines multiple data sources into a single unified Data object."
    beta: bool = True

    field_config = {
        "data": {"display_name": "Data"},
    }

    def build(self, data: list[Data]) -> Data:
        if not data:
            return Data()
        if len(data) == 1:
            return data[0]
        merged_data = Data()
        for value in data:
            if merged_data is None:
                merged_data = value
            else:
                merged_data += value
        self.status = merged_data
        return merged_data

This component is specifically designed to combine multiple data sources into a single unified Data object ^[1][2].

To continue talking to Dosu, mention @dosu.

[SVyusti]

how do I save workflow so that it appears in sidebar and can be used as a drag and drop component and if the components of the workflow have common inputs merge them @dosu

[dosubot[bot]]

To save a workflow so that it appears in the sidebar and can be used as a drag-and-drop component, and ensure that common inputs are merged when grouping components, follow these steps:

1. Group Components:

   • Hold Control and click on the components you want to group.
   • Select Group.
   • The components will merge into a single component.

2. Edit Grouped Component:

   • Double-click the name and description of the grouped component to change them.

3. Save Grouped Component:

   • Click on the grouped component.
   • Open the more options modal.
   • Click the Save button in the modal.
   • If prompted, click the Replace button to confirm saving.
   • The grouped component will now appear in the sidebar for later use.

This process will ensure that common inputs are merged when grouping components and that the workflow appears in the sidebar for easy drag-and-drop usage ^[1][2][3].

To continue talking to Dosu, mention @dosu.