refactor: Add file input to ChatInput component

src/backend/base/langflow/base/data/utils.py

@@ -33,12 +33,7 @@ TEXT_FILE_TYPES = [
     "tsx",
 ]
 
-IMG_FILE_TYPES = [
-    "jpg",
-    "jpeg",
-    "png",
-    "bmp",
-]
+IMG_FILE_TYPES = ["jpg", "jpeg", "png", "bmp", "image"]
 
 
 def normalize_text(text):

src/backend/base/langflow/components/inputs/ChatInput.py

@@ -1,6 +1,6 @@
+from langflow.base.data.utils import IMG_FILE_TYPES, TEXT_FILE_TYPES
 from langflow.base.io.chat import ChatComponent
-from langflow.field_typing import Text
-from langflow.inputs import DropdownInput, TextInput
+from langflow.inputs import DropdownInput, FileInput, TextInput
 from langflow.schema.message import Message
 from langflow.template import Output
 
@@ -37,6 +37,14 @@ class ChatInput(ChatComponent):
         TextInput(
             name="session_id", type=str, display_name="Session ID", info="Session ID for the message.", advanced=True
         ),
+        FileInput(
+            name="files",
+            display_name="Files",
+            file_types=TEXT_FILE_TYPES + IMG_FILE_TYPES,
+            info="Files to be sent with the message.",
+            advanced=True,
+            is_list=True,
+        ),
     ]
     outputs = [
         Output(display_name="Message", name="message", method="message_response"),