fixed combobox and formatting

src/backend/langflow/components/documentloaders/FileLoader.py

@@ -122,9 +122,7 @@ class FileLoaderComponent(CustomComponent):
     beta = True
 
     def build_config(self):
-        loader_options = ["Automatic"] + [
-            loader_info["name"] for loader_info in loaders_info
-        ]
+        loader_options = ["Automatic"] + [loader_info["name"] for loader_info in loaders_info]
 
         file_types = []
         suffixes = []
@@ -214,9 +212,7 @@ class FileLoaderComponent(CustomComponent):
         if isinstance(selected_loader_info, dict):
             loader_import: str = selected_loader_info["import"]
         else:
-            raise ValueError(
-                f"Loader info for {loader} is not a dict\nLoader info:\n{selected_loader_info}"
-            )
+            raise ValueError(f"Loader info for {loader} is not a dict\nLoader info:\n{selected_loader_info}")
         module_name, class_name = loader_import.rsplit(".", 1)
 
         try:
@@ -224,9 +220,7 @@ class FileLoaderComponent(CustomComponent):
             loader_module = __import__(module_name, fromlist=[class_name])
             loader_instance = getattr(loader_module, class_name)
         except ImportError as e:
-            raise ValueError(
-                f"Loader {loader} could not be imported\nLoader info:\n{selected_loader_info}"
-            ) from e
+            raise ValueError(f"Loader {loader} could not be imported\nLoader info:\n{selected_loader_info}") from e
 
         result = loader_instance(file_path=file_path)
         return result.load()

src/backend/langflow/components/vectorstores/pgvector.py

@@ -14,9 +14,7 @@ class PostgresqlVectorComponent(CustomComponent):
 
     display_name: str = "PGVector"
     description: str = "Implementation of Vector Store using PostgreSQL"
-    documentation = (
-        "https://python.langchain.com/docs/integrations/vectorstores/pgvector"
-    )
+    documentation = "https://python.langchain.com/docs/integrations/vectorstores/pgvector"
     beta = True
 
     def build_config(self):

src/backend/langflow/interface/run.py

@@ -4,9 +4,7 @@ from loguru import logger
 from uuid import UUID
 
 
-def build_sorted_vertices(
-    data_graph, user_id: Optional[Union[str, UUID]] = None
-) -> Tuple[Graph, Dict]:
+def build_sorted_vertices(data_graph, user_id: Optional[Union[str, UUID]] = None) -> Tuple[Graph, Dict]:
     """
     Build langchain object from data_graph.
     """

src/backend/langflow/interface/types.py

@@ -203,9 +203,7 @@ def update_attributes(frontend_node, template_config):
             frontend_node[attribute] = template_config[attribute]
 
 
-def build_field_config(
-    custom_component: CustomComponent, user_id: Optional[Union[str, UUID]] = None
-):
+def build_field_config(custom_component: CustomComponent, user_id: Optional[Union[str, UUID]] = None):
     """Build the field configuration for a custom component"""
 
     try:

src/backend/langflow/services/settings/base.py

@@ -138,9 +138,7 @@ class Settings(BaseSettings):
         logger.debug(f"Components path: {value}")
         return value
 
-    model_config = SettingsConfigDict(
-        validate_assignment=True, extra="ignore", env_prefix="LANGFLOW_"
-    )
+    model_config = SettingsConfigDict(validate_assignment=True, extra="ignore", env_prefix="LANGFLOW_")
 
     # @model_validator()
     # @classmethod

src/backend/langflow/settings.py

@@ -39,9 +39,7 @@ class Settings(BaseSettings):
     @validator("DATABASE_URL", pre=True)
     def set_database_url(cls, value):
         if not value:
-            logger.debug(
-                "No database_url provided, trying LANGFLOW_DATABASE_URL env variable"
-            )
+            logger.debug("No database_url provided, trying LANGFLOW_DATABASE_URL env variable")
             if langflow_database_url := os.getenv("LANGFLOW_DATABASE_URL"):
                 value = langflow_database_url
                 logger.debug("Using LANGFLOW_DATABASE_URL env variable.")
@@ -56,22 +54,15 @@ class Settings(BaseSettings):
         if os.getenv("LANGFLOW_COMPONENTS_PATH"):
             logger.debug("Adding LANGFLOW_COMPONENTS_PATH to components_path")
             langflow_component_path = os.getenv("LANGFLOW_COMPONENTS_PATH")
-            if (
-                Path(langflow_component_path).exists()
-                and langflow_component_path not in value
-            ):
+            if Path(langflow_component_path).exists() and langflow_component_path not in value:
                 if isinstance(langflow_component_path, list):
                     for path in langflow_component_path:
                         if path not in value:
                             value.append(path)
-                    logger.debug(
-                        f"Extending {langflow_component_path} to components_path"
-                    )
+                    logger.debug(f"Extending {langflow_component_path} to components_path")
                 elif langflow_component_path not in value:
                     value.append(langflow_component_path)
-                    logger.debug(
-                        f"Appending {langflow_component_path} to components_path"
-                    )
+                    logger.debug(f"Appending {langflow_component_path} to components_path")
 
         if not value:
             value = [BASE_COMPONENTS_PATH]

src/frontend/src/components/ui/combobox.tsx

@@ -18,11 +18,15 @@ export function Combobox({
   onChange,
 }: {
   items: { value: string; label: string }[];
-  onChange: (value: string) => void;
+  onChange: (value: string[]) => void;
 }) {
   const [open, setOpen] = React.useState(false);
   const [value, setValue] = React.useState<string[]>([]);
 
+  React.useEffect(() => {
+    onChange(value);
+  }, [value]);
+
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger asChild>