{ "id": "395a1d68-ee52-457c-a775-fac91363e165", "data": { "nodes": [ { "id": "CustomComponent-5ADNr", "type": "genericNode", "position": { "x": 888.0012384532345, "y": 272.41352212880344 }, "data": { "type": "CustomComponent", "node": { "template": { "_type": "Component", "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "# from lfx.field_typing import Data\nfrom lfx.custom import Component\nfrom lfx.io import StrInput\nfrom lfx.schema import Data\nfrom lfx.io import Output\nfrom pathlib import Path\nimport aiofiles\n\nclass CustomComponent(Component):\n display_name = \"Async Component\"\n description = \"Use as a template to create your own component.\"\n documentation: str = \"http://docs.langflow.org/components/custom\"\n icon = \"custom_components\"\n\n inputs = [\n StrInput(name=\"input_value\", display_name=\"Input Value\", value=\"Hello, World!\", input_types=[\"Data\"]),\n ]\n\n outputs = [\n Output(display_name=\"Output\", name=\"output\", method=\"build_output\"),\n ]\n\n async def build_output(self) -> Data:\n if isinstance(self.input_value, Data):\n data = self.input_value\n else:\n data = Data(value=self.input_value)\n \n if \"path\" in data:\n path = self.resolve_path(data.path)\n path_obj = Path(path)\n async with aiofiles.open(path, \"w\") as f:\n await f.write(data.model_dump_json())\n \n self.status = data\n return data", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "input_value": { "tool_mode": false, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "input_value", "value": "", "display_name": "Input Value", "advanced": false, "input_types": [ "Data" ], "dynamic": false, "info": "", "title_case": false, "type": "str", "_input_type": "StrInput" } }, "description": "Use as a template to create your own component.", "icon": "custom_components", "base_classes": [ "Data" ], "display_name": "Async Component", "documentation": "https://docs.langflow.org/components-custom-components", "minimized": false, "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [ "Data" ], "selected": "Data", "name": "output", "display_name": "Output", "method": "build_output", "value": "__UNDEFINED__", "cache": true } ], "field_order": [ "input_value" ], "beta": false, "legacy": false, "edited": true, "metadata": {}, "tool_mode": false }, "id": "CustomComponent-5ADNr", "description": "Use as a template to create your own component.", "display_name": "Custom Component" }, "selected": true, "width": 384, "height": 337, "positionAbsolute": { "x": 888.0012384532345, "y": 272.41352212880344 }, "dragging": false, "measured": { "width": 384, "height": 337 } }, { "id": "Webhook-ww3dq", "type": "genericNode", "position": { "x": 418, "y": 270.2890625 }, "data": { "type": "Webhook", "node": { "template": { "_type": "Component", "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "import json\n\nfrom lfx.custom import Component\nfrom lfx.io import MultilineInput, Output\nfrom lfx.schema import Data\n\n\nclass WebhookComponent(Component):\n display_name = \"Webhook\"\n description = \"Defines a webhook input for the flow.\"\n name = \"Webhook\"\n icon = \"webhook\"\n\n inputs = [\n MultilineInput(\n name=\"data\",\n display_name=\"Payload\",\n info=\"Receives a payload from external systems via HTTP POST.\",\n )\n ]\n outputs = [\n Output(display_name=\"Data\", name=\"output_data\", method=\"build_data\"),\n ]\n\n def build_data(self) -> Data:\n message: str | Data = \"\"\n if not self.data:\n self.status = \"No data provided.\"\n return Data(data={})\n try:\n body = json.loads(self.data or \"{}\")\n except json.JSONDecodeError:\n body = {\"payload\": self.data}\n message = f\"Invalid JSON payload. Please check the format.\\n\\n{self.data}\"\n data = Data(data=body)\n if not message:\n message = data\n self.status = message\n return data\n", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "data": { "tool_mode": false, "trace_as_input": true, "multiline": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "data", "value": "{\"test\": 1}", "display_name": "Payload", "advanced": false, "input_types": [ "Message" ], "dynamic": false, "info": "Receives a payload from external systems via HTTP POST.", "title_case": false, "type": "str", "_input_type": "MultilineInput" } }, "description": "Defines a webhook input for the flow.", "icon": "webhook", "base_classes": [ "Data" ], "display_name": "Webhook", "documentation": "", "minimized": false, "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [ "Data" ], "selected": "Data", "name": "output_data", "display_name": "Data", "method": "build_data", "value": "__UNDEFINED__", "cache": true } ], "field_order": [ "data" ], "beta": false, "legacy": false, "edited": false, "metadata": {}, "tool_mode": false, "lf_version": "1.1.1" }, "id": "Webhook-ww3dq", "description": "Defines a webhook input for the flow.", "display_name": "Webhook" }, "selected": false, "width": 384, "height": 309, "dragging": true, "positionAbsolute": { "x": 418, "y": 270.2890625 }, "measured": { "width": 384, "height": 309 } }, { "id": "ChatInput-ov3Mq", "type": "genericNode", "position": { "x": 419.7235078147726, "y": 646.9863203129902 }, "data": { "type": "ChatInput", "node": { "template": { "_type": "Component", "files": { "trace_as_metadata": true, "file_path": "", "fileTypes": [ "txt", "md", "mdx", "csv", "json", "yaml", "yml", "xml", "html", "htm", "pdf", "docx", "py", "sh", "sql", "js", "ts", "tsx", "jpg", "jpeg", "png", "bmp", "image" ], "list": true, "required": false, "placeholder": "", "show": true, "name": "files", "value": "", "display_name": "Files", "advanced": true, "dynamic": false, "info": "Files to be sent with the message.", "title_case": false, "type": "file", "_input_type": "FileInput" }, "background_color": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "background_color", "value": "", "display_name": "Background Color", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "The background color of the icon.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "chat_icon": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "chat_icon", "value": "", "display_name": "Icon", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "The icon of the message.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "from lfx.base.data.utils import IMG_FILE_TYPES, TEXT_FILE_TYPES\nfrom lfx.base.io.chat import ChatComponent\nfrom lfx.inputs import BoolInput\nfrom lfx.io import (\n DropdownInput,\n FileInput,\n MessageTextInput,\n MultilineInput,\n Output,\n)\nfrom lfx.schema.message import Message\nfrom lfx.utils.constants import (\n MESSAGE_SENDER_AI,\n MESSAGE_SENDER_NAME_USER,\n MESSAGE_SENDER_USER,\n)\n\n\nclass ChatInput(ChatComponent):\n display_name = \"Chat Input\"\n description = \"Get chat inputs from the Playground.\"\n icon = \"MessagesSquare\"\n name = \"ChatInput\"\n minimized = True\n\n inputs = [\n MultilineInput(\n name=\"input_value\",\n display_name=\"Text\",\n value=\"\",\n info=\"Message to be passed as input.\",\n ),\n BoolInput(\n name=\"should_store_message\",\n display_name=\"Store Messages\",\n info=\"Store the message in the history.\",\n value=True,\n advanced=True,\n ),\n DropdownInput(\n name=\"sender\",\n display_name=\"Sender Type\",\n options=[MESSAGE_SENDER_AI, MESSAGE_SENDER_USER],\n value=MESSAGE_SENDER_USER,\n info=\"Type of sender.\",\n advanced=True,\n ),\n MessageTextInput(\n name=\"sender_name\",\n display_name=\"Sender Name\",\n info=\"Name of the sender.\",\n value=MESSAGE_SENDER_NAME_USER,\n advanced=True,\n ),\n MessageTextInput(\n name=\"session_id\",\n display_name=\"Session ID\",\n info=\"The session ID of the chat. If empty, the current session ID parameter will be used.\",\n advanced=True,\n ),\n FileInput(\n name=\"files\",\n display_name=\"Files\",\n file_types=TEXT_FILE_TYPES + IMG_FILE_TYPES,\n info=\"Files to be sent with the message.\",\n advanced=True,\n is_list=True,\n ),\n MessageTextInput(\n name=\"background_color\",\n display_name=\"Background Color\",\n info=\"The background color of the icon.\",\n advanced=True,\n ),\n MessageTextInput(\n name=\"chat_icon\",\n display_name=\"Icon\",\n info=\"The icon of the message.\",\n advanced=True,\n ),\n MessageTextInput(\n name=\"text_color\",\n display_name=\"Text Color\",\n info=\"The text color of the name\",\n advanced=True,\n ),\n ]\n outputs = [\n Output(display_name=\"Message\", name=\"message\", method=\"message_response\"),\n ]\n\n async def message_response(self) -> Message:\n background_color = self.background_color\n text_color = self.text_color\n icon = self.chat_icon\n\n message = await Message.create(\n text=self.input_value,\n sender=self.sender,\n sender_name=self.sender_name,\n session_id=self.session_id,\n files=self.files,\n properties={\n \"background_color\": background_color,\n \"text_color\": text_color,\n \"icon\": icon,\n },\n )\n if self.session_id and isinstance(message, Message) and self.should_store_message:\n stored_message = await self.send_message(\n message,\n )\n self.message.value = stored_message\n message = stored_message\n\n self.status = message\n return message\n", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "input_value": { "tool_mode": false, "trace_as_input": true, "multiline": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "input_value", "value": "Should not run", "display_name": "Text", "advanced": false, "input_types": [ "Message" ], "dynamic": false, "info": "Message to be passed as input.", "title_case": false, "type": "str", "_input_type": "MultilineInput" }, "sender": { "tool_mode": false, "trace_as_metadata": true, "options": [ "Machine", "User" ], "combobox": false, "required": false, "placeholder": "", "show": true, "name": "sender", "value": "User", "display_name": "Sender Type", "advanced": true, "dynamic": false, "info": "Type of sender.", "title_case": false, "type": "str", "_input_type": "DropdownInput" }, "sender_name": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "sender_name", "value": "User", "display_name": "Sender Name", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "Name of the sender.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "session_id": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "session_id", "value": "", "display_name": "Session ID", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "The session ID of the chat. If empty, the current session ID parameter will be used.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "should_store_message": { "tool_mode": false, "trace_as_metadata": true, "list": false, "required": false, "placeholder": "", "show": true, "name": "should_store_message", "value": true, "display_name": "Store Messages", "advanced": true, "dynamic": false, "info": "Store the message in the history.", "title_case": false, "type": "bool", "_input_type": "BoolInput" }, "text_color": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "text_color", "value": "", "display_name": "Text Color", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "The text color of the name", "title_case": false, "type": "str", "_input_type": "MessageTextInput" } }, "description": "Get chat inputs from the Playground.", "icon": "MessagesSquare", "base_classes": [ "Message" ], "display_name": "Chat Input", "documentation": "", "minimized": true, "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [ "Message" ], "selected": "Message", "name": "message", "display_name": "Message", "method": "message_response", "value": "__UNDEFINED__", "cache": true } ], "field_order": [ "input_value", "should_store_message", "sender", "sender_name", "session_id", "files", "background_color", "chat_icon", "text_color" ], "beta": false, "legacy": false, "edited": false, "metadata": {}, "tool_mode": false }, "id": "ChatInput-ov3Mq" }, "selected": false, "width": 384, "height": 309, "positionAbsolute": { "x": 419.7235078147726, "y": 646.9863203129902 }, "dragging": false, "measured": { "width": 384, "height": 309 } }, { "id": "ChatOutput-5k554", "type": "genericNode", "position": { "x": 884.7327265656637, "y": 662.4287265670896 }, "data": { "type": "ChatOutput", "node": { "template": { "_type": "Component", "background_color": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "background_color", "value": "", "display_name": "Background Color", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "The background color of the icon.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "chat_icon": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "chat_icon", "value": "", "display_name": "Icon", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "The icon of the message.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "from lfx.base.io.chat import ChatComponent\nfrom lfx.inputs import BoolInput\nfrom lfx.io import DropdownInput, MessageInput, MessageTextInput, Output\nfrom lfx.schema.message import Message\nfrom lfx.schema.properties import Source\nfrom lfx.utils.constants import (\n MESSAGE_SENDER_AI,\n MESSAGE_SENDER_NAME_AI,\n MESSAGE_SENDER_USER,\n)\n\n\nclass ChatOutput(ChatComponent):\n display_name = \"Chat Output\"\n description = \"Display a chat message in the Playground.\"\n icon = \"MessagesSquare\"\n name = \"ChatOutput\"\n minimized = True\n\n inputs = [\n MessageInput(\n name=\"input_value\",\n display_name=\"Text\",\n info=\"Message to be passed as output.\",\n ),\n BoolInput(\n name=\"should_store_message\",\n display_name=\"Store Messages\",\n info=\"Store the message in the history.\",\n value=True,\n advanced=True,\n ),\n DropdownInput(\n name=\"sender\",\n display_name=\"Sender Type\",\n options=[MESSAGE_SENDER_AI, MESSAGE_SENDER_USER],\n value=MESSAGE_SENDER_AI,\n advanced=True,\n info=\"Type of sender.\",\n ),\n MessageTextInput(\n name=\"sender_name\",\n display_name=\"Sender Name\",\n info=\"Name of the sender.\",\n value=MESSAGE_SENDER_NAME_AI,\n advanced=True,\n ),\n MessageTextInput(\n name=\"session_id\",\n display_name=\"Session ID\",\n info=\"The session ID of the chat. If empty, the current session ID parameter will be used.\",\n advanced=True,\n ),\n MessageTextInput(\n name=\"data_template\",\n display_name=\"Data Template\",\n value=\"{text}\",\n advanced=True,\n info=\"Template to convert Data to Text. If left empty, it will be dynamically set to the Data's text key.\",\n ),\n MessageTextInput(\n name=\"background_color\",\n display_name=\"Background Color\",\n info=\"The background color of the icon.\",\n advanced=True,\n ),\n MessageTextInput(\n name=\"chat_icon\",\n display_name=\"Icon\",\n info=\"The icon of the message.\",\n advanced=True,\n ),\n MessageTextInput(\n name=\"text_color\",\n display_name=\"Text Color\",\n info=\"The text color of the name\",\n advanced=True,\n ),\n ]\n outputs = [\n Output(\n display_name=\"Message\",\n name=\"message\",\n method=\"message_response\",\n ),\n ]\n\n def _build_source(self, id_: str | None, display_name: str | None, source: str | None) -> Source:\n source_dict = {}\n if id_:\n source_dict[\"id\"] = id_\n if display_name:\n source_dict[\"display_name\"] = display_name\n if source:\n source_dict[\"source\"] = source\n return Source(**source_dict)\n\n async def message_response(self) -> Message:\n source, icon, display_name, source_id = self.get_properties_from_source_component()\n background_color = self.background_color\n text_color = self.text_color\n if self.chat_icon:\n icon = self.chat_icon\n message = self.input_value if isinstance(self.input_value, Message) else Message(text=self.input_value)\n message.sender = self.sender\n message.sender_name = self.sender_name\n message.session_id = self.session_id\n message.flow_id = self.graph.flow_id if hasattr(self, \"graph\") else None\n message.properties.source = self._build_source(source_id, display_name, source)\n message.properties.icon = icon\n message.properties.background_color = background_color\n message.properties.text_color = text_color\n if self.session_id and isinstance(message, Message) and self.should_store_message:\n stored_message = await self.send_message(\n message,\n )\n self.message.value = stored_message\n message = stored_message\n\n self.status = message\n return message\n", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "data_template": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "data_template", "value": "{text}", "display_name": "Data Template", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "Template to convert Data to Text. If left empty, it will be dynamically set to the Data's text key.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "input_value": { "trace_as_input": true, "tool_mode": false, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "input_value", "value": "", "display_name": "Text", "advanced": false, "input_types": [ "Message" ], "dynamic": false, "info": "Message to be passed as output.", "title_case": false, "type": "str", "_input_type": "MessageInput" }, "sender": { "tool_mode": false, "trace_as_metadata": true, "options": [ "Machine", "User" ], "combobox": false, "required": false, "placeholder": "", "show": true, "name": "sender", "value": "Machine", "display_name": "Sender Type", "advanced": true, "dynamic": false, "info": "Type of sender.", "title_case": false, "type": "str", "_input_type": "DropdownInput" }, "sender_name": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "sender_name", "value": "AI", "display_name": "Sender Name", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "Name of the sender.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "session_id": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "session_id", "value": "", "display_name": "Session ID", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "The session ID of the chat. If empty, the current session ID parameter will be used.", "title_case": false, "type": "str", "_input_type": "MessageTextInput" }, "should_store_message": { "tool_mode": false, "trace_as_metadata": true, "list": false, "required": false, "placeholder": "", "show": true, "name": "should_store_message", "value": true, "display_name": "Store Messages", "advanced": true, "dynamic": false, "info": "Store the message in the history.", "title_case": false, "type": "bool", "_input_type": "BoolInput" }, "text_color": { "tool_mode": false, "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "name": "text_color", "value": "", "display_name": "Text Color", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "The text color of the name", "title_case": false, "type": "str", "_input_type": "MessageTextInput" } }, "description": "Display a chat message in the Playground.", "icon": "MessagesSquare", "base_classes": [ "Message" ], "display_name": "Chat Output", "documentation": "", "minimized": true, "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [ "Message" ], "selected": "Message", "name": "message", "display_name": "Message", "method": "message_response", "value": "__UNDEFINED__", "cache": true } ], "field_order": [ "input_value", "should_store_message", "sender", "sender_name", "session_id", "data_template", "background_color", "chat_icon", "text_color" ], "beta": false, "legacy": false, "edited": false, "metadata": {}, "tool_mode": false }, "id": "ChatOutput-5k554" }, "selected": false, "width": 384, "height": 309, "positionAbsolute": { "x": 884.7327265656637, "y": 662.4287265670896 }, "dragging": false, "measured": { "width": 384, "height": 309 } }, { "id": "CustomComponent-ErhNJ", "type": "genericNode", "position": { "x": 1396.7134608749789, "y": 284.91367968123217 }, "data": { "type": "CustomComponent", "node": { "template": { "_type": "Component", "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "# from lfx.field_typing import Data\nfrom lfx.custom import Component\nfrom lfx.io import StrInput\nfrom lfx.schema import Data\nfrom lfx.io import Output\nfrom pathlib import Path\nimport httpx\nclass CustomComponent(Component):\n display_name = \"Async Component\"\n description = \"Use as a template to create your own component.\"\n documentation: str = \"http://docs.langflow.org/components/custom\"\n icon = \"custom_components\"\n\n inputs = [\n StrInput(name=\"input_value\", display_name=\"Input Value\", value=\"Hello, World!\", input_types=[\"Data\"]),\n ]\n\n outputs = [\n Output(display_name=\"Output\", name=\"output\", method=\"build_output\"),\n ]\n\n async def build_output(self) -> Data:\n async with httpx.AsyncClient() as client:\n response = await client.get(\"https://www.google.com\")\n response.raise_for_status()\n return Data(response=response.text)", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "input_value": { "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "", "name": "input_value", "display_name": "Input Value", "advanced": false, "input_types": [ "Data" ], "dynamic": false, "info": "", "title_case": false, "type": "str" } }, "description": "Use as a template to create your own component.", "icon": "custom_components", "base_classes": [], "display_name": "Custom Component", "documentation": "https://docs.langflow.org/components-custom-components", "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [], "name": "output", "display_name": "Output", "method": "build_output", "value": "__UNDEFINED__", "cache": true } ], "field_order": [ "input_value" ], "beta": false, "edited": true }, "id": "CustomComponent-ErhNJ", "description": "Use as a template to create your own component.", "display_name": "Custom Component" }, "selected": false, "width": 384, "height": 337, "positionAbsolute": { "x": 1396.7134608749789, "y": 284.91367968123217 }, "dragging": false, "measured": { "width": 384, "height": 337 } } ], "edges": [ { "source": "Webhook-ww3dq", "sourceHandle": "{œdataTypeœ:œWebhookœ,œidœ:œWebhook-ww3dqœ,œnameœ:œoutput_dataœ,œoutput_typesœ:[œDataœ]}", "target": "CustomComponent-5ADNr", "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œCustomComponent-5ADNrœ,œinputTypesœ:[œDataœ],œtypeœ:œstrœ}", "data": { "targetHandle": { "fieldName": "input_value", "id": "CustomComponent-5ADNr", "inputTypes": [ "Data" ], "type": "str" }, "sourceHandle": { "dataType": "Webhook", "id": "Webhook-ww3dq", "name": "output_data", "output_types": [ "Data" ] } }, "id": "reactflow__edge-Webhook-ww3dq{œdataTypeœ:œWebhookœ,œidœ:œWebhook-ww3dqœ,œnameœ:œoutput_dataœ,œoutput_typesœ:[œDataœ]}-CustomComponent-5ADNr{œfieldNameœ:œinput_valueœ,œidœ:œCustomComponent-5ADNrœ,œinputTypesœ:[œDataœ],œtypeœ:œstrœ}", "className": "", "animated": false }, { "source": "ChatInput-ov3Mq", "sourceHandle": "{œdataTypeœ:œChatInputœ,œidœ:œChatInput-ov3Mqœ,œnameœ:œmessageœ,œoutput_typesœ:[œMessageœ]}", "target": "ChatOutput-5k554", "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œChatOutput-5k554œ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}", "data": { "targetHandle": { "fieldName": "input_value", "id": "ChatOutput-5k554", "inputTypes": [ "Message" ], "type": "str" }, "sourceHandle": { "dataType": "ChatInput", "id": "ChatInput-ov3Mq", "name": "message", "output_types": [ "Message" ] } }, "id": "reactflow__edge-ChatInput-ov3Mq{œdataTypeœ:œChatInputœ,œidœ:œChatInput-ov3Mqœ,œnameœ:œmessageœ,œoutput_typesœ:[œMessageœ]}-ChatOutput-5k554{œfieldNameœ:œinput_valueœ,œidœ:œChatOutput-5k554œ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}", "className": "", "animated": false }, { "source": "CustomComponent-5ADNr", "sourceHandle": "{œdataTypeœ:œCustomComponentœ,œidœ:œCustomComponent-5ADNrœ,œnameœ:œoutputœ,œoutput_typesœ:[œDataœ]}", "target": "CustomComponent-ErhNJ", "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œCustomComponent-ErhNJœ,œinputTypesœ:[œDataœ],œtypeœ:œstrœ}", "data": { "targetHandle": { "fieldName": "input_value", "id": "CustomComponent-ErhNJ", "inputTypes": [ "Data" ], "type": "str" }, "sourceHandle": { "dataType": "CustomComponent", "id": "CustomComponent-5ADNr", "name": "output", "output_types": [ "Data" ] } }, "id": "reactflow__edge-CustomComponent-5ADNr{œdataTypeœ:œCustomComponentœ,œidœ:œCustomComponent-5ADNrœ,œnameœ:œoutputœ,œoutput_typesœ:[œDataœ]}-CustomComponent-ErhNJ{œfieldNameœ:œinput_valueœ,œidœ:œCustomComponent-ErhNJœ,œinputTypesœ:[œDataœ],œtypeœ:œstrœ}", "className": "", "animated": false } ], "viewport": { "x": -179.56996489421806, "y": 68.14631386099461, "zoom": 0.7180226657378755 } }, "description": "The Power of Language at Your Fingertips.", "name": "Webhook Test", "last_tested_version": "1.1.1", "endpoint_name": "webhook-test", "is_component": false }