diff --git a/src/backend/langflow/api/v1/flows.py b/src/backend/langflow/api/v1/flows.py
index 19bd86555..dd60d5fed 100644
--- a/src/backend/langflow/api/v1/flows.py
+++ b/src/backend/langflow/api/v1/flows.py
@@ -59,9 +59,9 @@ def read_flows(
         if auth_settings.AUTO_LOGIN:
             flows = session.exec(
                 select(Flow).where(
-                    (Flow.user_id == None) | (Flow.user_id == current_user.id)
+                    (Flow.user_id == None) | (Flow.user_id == current_user.id)  # noqa
                 )
-            ).all()  # noqa
+            ).all()
         else:
             flows = current_user.flows
 
@@ -71,10 +71,10 @@ def read_flows(
         try:
             example_flows = session.exec(
                 select(Flow).where(
-                    Flow.user_id == None,
-                    Flow.folder == STARTER_FOLDER_NAME,  # noqa
+                    Flow.user_id == None,  # noqa
+                    Flow.folder == STARTER_FOLDER_NAME,
                 )
-            ).all()  # noqa
+            ).all()
             for example_flow in example_flows:
                 if example_flow.id not in flow_ids:
                     flows.append(example_flow)
diff --git a/src/backend/langflow/components/textsplitters/RecursiveCharacterTextSplitter.py b/src/backend/langflow/components/textsplitters/RecursiveCharacterTextSplitter.py
index c523a2921..6b9cb865b 100644
--- a/src/backend/langflow/components/textsplitters/RecursiveCharacterTextSplitter.py
+++ b/src/backend/langflow/components/textsplitters/RecursiveCharacterTextSplitter.py
@@ -5,7 +5,7 @@ from langchain_core.documents import Document
 
 from langflow import CustomComponent
 from langflow.schema import Record
-from langflow.utils.util import build_loader_repr_from_documents
+from langflow.utils.util import build_loader_repr_from_records
 
 
 class RecursiveCharacterTextSplitterComponent(CustomComponent):
@@ -84,5 +84,6 @@ class RecursiveCharacterTextSplitterComponent(CustomComponent):
             else:
                 documents.append(_input)
         docs = splitter.split_documents(documents)
-        self.repr_value = build_loader_repr_from_documents(docs)
-        return self.to_records(docs)
+        records = self.to_records(docs)
+        self.repr_value = build_loader_repr_from_records(records)
+        return records
diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index 494eed388..711b01bad 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -59,8 +59,13 @@ class Vertex:
         self.updated_raw_params = False
         self.id: str = data["id"]
         self.is_state = False
-        self.is_input = any(input_component_name in self.id for input_component_name in INPUT_COMPONENTS)
-        self.is_output = any(output_component_name in self.id for output_component_name in OUTPUT_COMPONENTS)
+        self.is_input = any(
+            input_component_name in self.id for input_component_name in INPUT_COMPONENTS
+        )
+        self.is_output = any(
+            output_component_name in self.id
+            for output_component_name in OUTPUT_COMPONENTS
+        )
         self.has_session_id = None
         self._custom_component = None
         self.has_external_input = False
@@ -101,11 +106,17 @@ class Vertex:
 
     def set_state(self, state: str):
         self.state = VertexStates[state]
-        if self.state == VertexStates.INACTIVE and self.graph.in_degree_map[self.id] < 2:
+        if (
+            self.state == VertexStates.INACTIVE
+            and self.graph.in_degree_map[self.id] < 2
+        ):
             # If the vertex is inactive and has only one in degree
             # it means that it is not a merge point in the graph
             self.graph.inactivated_vertices.add(self.id)
-        elif self.state == VertexStates.ACTIVE and self.id in self.graph.inactivated_vertices:
+        elif (
+            self.state == VertexStates.ACTIVE
+            and self.id in self.graph.inactivated_vertices
+        ):
             self.graph.inactivated_vertices.remove(self.id)
 
     @property
@@ -122,7 +133,9 @@ class Vertex:
         # If the Vertex.type is a power component
         # then we need to return the built object
         # instead of the result dict
-        if self.is_interface_component and not isinstance(self._built_object, UnbuiltObject):
+        if self.is_interface_component and not isinstance(
+            self._built_object, UnbuiltObject
+        ):
             result = self._built_object
             # if it is not a dict or a string and hasattr model_dump then
             # return the model_dump
@@ -134,7 +147,11 @@ class Vertex:
 
         if isinstance(self._built_result, UnbuiltResult):
             return {}
-        return self._built_result if isinstance(self._built_result, dict) else {"result": self._built_result}
+        return (
+            self._built_result
+            if isinstance(self._built_result, dict)
+            else {"result": self._built_result}
+        )
 
     def set_artifacts(self) -> None:
         pass
@@ -204,19 +221,31 @@ class Vertex:
         self.selected_output_type = self.data["node"].get("selected_output_type")
         self.is_input = self.data["node"].get("is_input") or self.is_input
         self.is_output = self.data["node"].get("is_output") or self.is_output
-        template_dicts = {key: value for key, value in self.data["node"]["template"].items() if isinstance(value, dict)}
+        template_dicts = {
+            key: value
+            for key, value in self.data["node"]["template"].items()
+            if isinstance(value, dict)
+        }
 
         self.has_session_id = "session_id" in template_dicts
 
         self.required_inputs = [
-            template_dicts[key]["type"] for key, value in template_dicts.items() if value["required"]
+            template_dicts[key]["type"]
+            for key, value in template_dicts.items()
+            if value["required"]
         ]
         self.optional_inputs = [
-            template_dicts[key]["type"] for key, value in template_dicts.items() if not value["required"]
+            template_dicts[key]["type"]
+            for key, value in template_dicts.items()
+            if not value["required"]
         ]
         # Add the template_dicts[key]["input_types"] to the optional_inputs
         self.optional_inputs.extend(
-            [input_type for value in template_dicts.values() for input_type in value.get("input_types", [])]
+            [
+                input_type
+                for value in template_dicts.values()
+                for input_type in value.get("input_types", [])
+            ]
         )
 
         template_dict = self.data["node"]["template"]
@@ -263,7 +292,11 @@ class Vertex:
             self.updated_raw_params = False
             return
 
-        template_dict = {key: value for key, value in self.data["node"]["template"].items() if isinstance(value, dict)}
+        template_dict = {
+            key: value
+            for key, value in self.data["node"]["template"].items()
+            if isinstance(value, dict)
+        }
         params = {}
 
         for edge in self.edges:
@@ -284,7 +317,10 @@ class Vertex:
                         # we don't know the key of the dict but we need to set the value
                         # to the vertex that is the source of the edge
                         param_dict = template_dict[param_key]["value"]
-                        params[param_key] = {key: self.graph.get_vertex(edge.source_id) for key in param_dict.keys()}
+                        params[param_key] = {
+                            key: self.graph.get_vertex(edge.source_id)
+                            for key in param_dict.keys()
+                        }
                     else:
                         params[param_key] = self.graph.get_vertex(edge.source_id)
 
@@ -320,7 +356,11 @@ class Vertex:
                     # list of dicts, so we need to convert it to a dict
                     # before passing it to the build method
                     if isinstance(val, list):
-                        params[key] = {k: v for item in value.get("value", []) for k, v in item.items()}
+                        params[key] = {
+                            k: v
+                            for item in value.get("value", [])
+                            for k, v in item.items()
+                        }
                     elif isinstance(val, dict):
                         params[key] = val
                 elif value.get("type") == "int" and val is not None:
@@ -445,7 +485,9 @@ class Vertex:
         if isinstance(self._built_object, str):
             self._built_result = self._built_object
 
-        result = await generate_result(self._built_object, inputs, self.has_external_output, session_id)
+        result = await generate_result(
+            self._built_object, inputs, self.has_external_output, session_id
+        )
         self._built_result = result
 
     async def _build_each_node_in_params_dict(self, user_id=None):
@@ -461,17 +503,22 @@ class Vertex:
             elif isinstance(value, list) and self._is_list_of_nodes(value):
                 await self._build_list_of_nodes_and_update_params(key, value, user_id)
             elif isinstance(value, dict):
-                await self._build_dict_of_nodes_and_update_params(key, value, user_id)
+                await self._build_dict_and_update_params(key, value, user_id)
             elif key not in self.params or self.updated_raw_params:
                 self.params[key] = value
 
-    async def _build_dict_of_nodes_and_update_params(self, key, nodes: Dict[str, "Vertex"], user_id=None):
+    async def _build_dict_and_update_params(
+        self, key, nodes_dict: Dict[str, "Vertex"], user_id=None
+    ):
         """
         Iterates over a dictionary of nodes, builds each and updates the params dictionary.
         """
-        for sub_key, node in nodes.items():
-            built = await node.get_result(requester=self, user_id=user_id)
-            self.params[key][sub_key] = built
+        for sub_key, value in nodes_dict.items():
+            if not self._is_node(value):
+                self.params[key][sub_key] = value
+            else:
+                built = await value.get_result(requester=self, user_id=user_id)
+                self.params[key][sub_key] = built
 
     def _is_node(self, value):
         """
@@ -485,7 +532,9 @@ class Vertex:
         """
         return all(self._is_node(node) for node in value)
 
-    async def get_result(self, requester: Optional["Vertex"] = None, user_id=None, timeout=None) -> Any:
+    async def get_result(
+        self, requester: Optional["Vertex"] = None, user_id=None, timeout=None
+    ) -> Any:
         # PLEASE REVIEW THIS IF STATEMENT
         # Check if the Vertex was built already
         if self._built:
@@ -519,7 +568,9 @@ class Vertex:
             self._extend_params_list_with_result(key, result)
         self.params[key] = result
 
-    async def _build_list_of_nodes_and_update_params(self, key, nodes: List["Vertex"], user_id=None):
+    async def _build_list_of_nodes_and_update_params(
+        self, key, nodes: List["Vertex"], user_id=None
+    ):
         """
         Iterates over a list of nodes, builds each and updates the params dictionary.
         """
@@ -586,7 +637,9 @@ class Vertex:
         except Exception as exc:
             logger.exception(exc)
 
-            raise ValueError(f"Error building node {self.display_name}: {str(exc)}") from exc
+            raise ValueError(
+                f"Error building node {self.display_name}: {str(exc)}"
+            ) from exc
 
     def _update_built_object_and_artifacts(self, result):
         """
@@ -614,7 +667,9 @@ class Vertex:
             logger.warning(message)
         elif isinstance(self._built_object, (Iterator, AsyncIterator)):
             if self.display_name in ["Text Output"]:
-                raise ValueError(f"You are trying to stream to a {self.display_name}. Try using a Chat Output instead.")
+                raise ValueError(
+                    f"You are trying to stream to a {self.display_name}. Try using a Chat Output instead."
+                )
 
     def _reset(self, params_update: Optional[Dict[str, Any]] = None):
         self._built = False
@@ -676,16 +731,24 @@ class Vertex:
             return self._built_object
 
         # Get the requester edge
-        requester_edge = next((edge for edge in self.edges if edge.target_id == requester.id), None)
+        requester_edge = next(
+            (edge for edge in self.edges if edge.target_id == requester.id), None
+        )
         # Return the result of the requester edge
-        return None if requester_edge is None else await requester_edge.get_result(source=self, target=requester)
+        return (
+            None
+            if requester_edge is None
+            else await requester_edge.get_result(source=self, target=requester)
+        )
 
     def add_edge(self, edge: "ContractEdge") -> None:
         if edge not in self.edges:
             self.edges.append(edge)
 
     def __repr__(self) -> str:
-        return f"Vertex(display_name={self.display_name}, id={self.id}, data={self.data})"
+        return (
+            f"Vertex(display_name={self.display_name}, id={self.id}, data={self.data})"
+        )
 
     def __eq__(self, __o: object) -> bool:
         try:
@@ -706,4 +769,8 @@ class Vertex:
 
     def _built_object_repr(self):
         # Add a message with an emoji, stars for sucess,
-        return "Built sucessfully ✨" if self._built_object is not None else "Failed to build 😵‍💫"
+        return (
+            "Built sucessfully ✨"
+            if self._built_object is not None
+            else "Failed to build 😵‍💫"
+        )
diff --git a/src/backend/langflow/initial_setup/setup.py b/src/backend/langflow/initial_setup/setup.py
index 476f43410..f1e3fd9ce 100644
--- a/src/backend/langflow/initial_setup/setup.py
+++ b/src/backend/langflow/initial_setup/setup.py
@@ -2,6 +2,7 @@ from datetime import datetime
 from pathlib import Path
 
 import orjson
+from emoji import demojize, purely_emoji
 from loguru import logger
 from sqlmodel import select
 
@@ -31,6 +32,8 @@ def get_project_data(project):
     project_description = project.get("description")
     project_is_component = project.get("is_component")
     project_updated_at = project.get("updated_at")
+    if not project_updated_at:
+        project_updated_at = datetime.utcnow().isoformat()
     updated_at_datetime = datetime.strptime(project_updated_at, "%Y-%m-%dT%H:%M:%S.%f")
     project_data = project.get("data")
     project_icon = project.get("icon")
@@ -80,7 +83,7 @@ def create_new_project(
     new_project = FlowCreate(
         name=project_name,
         description=project_description,
-        icon=project_icon,
+        icon=project_icon if not purely_emoji(project_icon) else demojize(project_icon),
         icon_bg_color=project_icon_bg_color,
         data=project_data,
         is_component=project_is_component,
@@ -126,7 +129,9 @@ def create_or_update_starter_projects():
                 project_icon_bg_color,
             ) = get_project_data(project)
             if project_name and project_data:
-                for existing_project in get_all_flows_similar_to_project(session, project_name):
+                for existing_project in get_all_flows_similar_to_project(
+                    session, project_name
+                ):
                     session.delete(existing_project)
 
                 create_new_project(
diff --git a/src/backend/langflow/initial_setup/starter_projects/Langflow Basic Prompting.json b/src/backend/langflow/initial_setup/starter_projects/Langflow Basic Prompting.json
new file mode 100644
index 000000000..879cb1468
--- /dev/null
+++ b/src/backend/langflow/initial_setup/starter_projects/Langflow Basic Prompting.json	
@@ -0,0 +1,1199 @@
+{
+    "id": "4ac1ae80-b818-4fdf-b72c-f22dace784a5",
+    "icon": "📝",
+    "icon_bg_color": "#FFD700",
+    "data": {
+        "nodes": [
+            {
+                "id": "ChatInput-WcFzs",
+                "type": "genericNode",
+                "position": {
+                    "x": 86.66131544226482,
+                    "y": 69.51987428063671
+                },
+                "data": {
+                    "type": "ChatInput",
+                    "node": {
+                        "template": {
+                            "code": {
+                                "type": "code",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "from typing import Optional, Union\n\nfrom langflow.base.io.chat import ChatComponent\nfrom langflow.field_typing import Text\nfrom langflow.schema import Record\n\n\nclass ChatInput(ChatComponent):\n    display_name = \"Chat Input\"\n    description = \"Used to get user input from the chat.\"\n\n    def build(\n        self,\n        sender: Optional[str] = \"User\",\n        sender_name: Optional[str] = \"User\",\n        input_value: Optional[str] = None,\n        session_id: Optional[str] = None,\n        return_record: Optional[bool] = False,\n    ) -> Union[Text, Record]:\n        return super().build(\n            sender=sender,\n            sender_name=sender_name,\n            input_value=input_value,\n            session_id=session_id,\n            return_record=return_record,\n        )\n",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "code",
+                                "advanced": false,
+                                "dynamic": true,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "input_value": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "input_value",
+                                "display_name": "Message",
+                                "advanced": false,
+                                "input_types": [
+                                    "Text"
+                                ],
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "value": "Write a press release "
+                            },
+                            "return_record": {
+                                "type": "bool",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": false,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "return_record",
+                                "display_name": "Return Record",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "Return the message as a record containing the sender, sender_name, and session_id.",
+                                "title_case": false
+                            },
+                            "sender": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": true,
+                                "show": true,
+                                "multiline": false,
+                                "value": "User",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "options": [
+                                    "Machine",
+                                    "User"
+                                ],
+                                "name": "sender",
+                                "display_name": "Sender Type",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "sender_name": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": "User",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "sender_name",
+                                "display_name": "Sender Name",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "session_id": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "session_id",
+                                "display_name": "Session ID",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "If provided, the message will be stored in the memory.",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "_type": "CustomComponent"
+                        },
+                        "description": "Used to get user input from the chat.",
+                        "base_classes": [
+                            "object",
+                            "Text",
+                            "Record",
+                            "str"
+                        ],
+                        "display_name": "Chat Input",
+                        "documentation": "",
+                        "custom_fields": {
+                            "sender": null,
+                            "sender_name": null,
+                            "input_value": null,
+                            "session_id": null,
+                            "return_record": null
+                        },
+                        "output_types": [
+                            "Text",
+                            "Record"
+                        ],
+                        "field_formatters": {},
+                        "frozen": false,
+                        "field_order": [],
+                        "beta": true
+                    },
+                    "id": "ChatInput-WcFzs"
+                },
+                "selected": false,
+                "width": 384,
+                "height": 667,
+                "positionAbsolute": {
+                    "x": 86.66131544226482,
+                    "y": 69.51987428063671
+                },
+                "dragging": false
+            },
+            {
+                "id": "Prompt-QtWOn",
+                "type": "genericNode",
+                "position": {
+                    "x": 731.5380376186406,
+                    "y": 273.5294585628963
+                },
+                "data": {
+                    "type": "Prompt",
+                    "node": {
+                        "template": {
+                            "code": {
+                                "type": "code",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "from langchain_core.prompts import PromptTemplate\n\nfrom langflow import CustomComponent\nfrom langflow.field_typing import Prompt, TemplateField, Text\n\n\nclass PromptComponent(CustomComponent):\n    display_name: str = \"Prompt\"\n    description: str = \"A component for creating prompts using templates\"\n    beta = True\n\n    def build_config(self):\n        return {\n            \"template\": TemplateField(display_name=\"Template\"),\n            \"code\": TemplateField(advanced=True),\n        }\n\n    def build(\n        self,\n        template: Prompt,\n        **kwargs,\n    ) -> Text:\n        prompt_template = PromptTemplate.from_template(Text(template))\n\n        attributes_to_check = [\"text\", \"page_content\"]\n        for key, value in kwargs.copy().items():\n            for attribute in attributes_to_check:\n                if hasattr(value, attribute):\n                    kwargs[key] = getattr(value, attribute)\n\n        try:\n            formated_prompt = prompt_template.format(**kwargs)\n        except Exception as exc:\n            raise ValueError(f\"Error formatting prompt: {exc}\") from exc\n        self.status = f'Prompt: \"{formated_prompt}\"'\n        return formated_prompt\n",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "code",
+                                "advanced": true,
+                                "dynamic": true,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "template": {
+                                "type": "prompt",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": "{request}\n\n- {topic_1}\n- {topic_2}\n\n\nAnswer:\n\n",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "template",
+                                "display_name": "Template",
+                                "advanced": false,
+                                "input_types": [
+                                    "Text"
+                                ],
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "_type": "CustomComponent",
+                            "request": {
+                                "field_type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "request",
+                                "display_name": "request",
+                                "advanced": false,
+                                "input_types": [
+                                    "Document",
+                                    "BaseOutputParser",
+                                    "Text",
+                                    "Record"
+                                ],
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "type": "str"
+                            },
+                            "topic_1": {
+                                "field_type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "topic_1",
+                                "display_name": "topic_1",
+                                "advanced": false,
+                                "input_types": [
+                                    "Document",
+                                    "BaseOutputParser",
+                                    "Text",
+                                    "Record"
+                                ],
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "type": "str"
+                            },
+                            "topic_2": {
+                                "field_type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "topic_2",
+                                "display_name": "topic_2",
+                                "advanced": false,
+                                "input_types": [
+                                    "Document",
+                                    "BaseOutputParser",
+                                    "Text",
+                                    "Record"
+                                ],
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "type": "str"
+                            }
+                        },
+                        "description": "A component for creating prompts using templates",
+                        "icon": null,
+                        "is_input": null,
+                        "is_output": null,
+                        "is_composition": null,
+                        "base_classes": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "name": "",
+                        "display_name": "Prompt",
+                        "documentation": "",
+                        "custom_fields": {
+                            "template": [
+                                "request",
+                                "topic_1",
+                                "topic_2"
+                            ]
+                        },
+                        "output_types": [
+                            "Text"
+                        ],
+                        "full_path": null,
+                        "field_formatters": {},
+                        "frozen": false,
+                        "field_order": [],
+                        "beta": true,
+                        "error": null
+                    },
+                    "id": "Prompt-QtWOn",
+                    "description": "A component for creating prompts using templates",
+                    "display_name": "Prompt"
+                },
+                "selected": false,
+                "width": 384,
+                "height": 571,
+                "dragging": false
+            },
+            {
+                "id": "TextInput-xUQ9w",
+                "type": "genericNode",
+                "position": {
+                    "x": 91.73477837172948,
+                    "y": 787.6263883143245
+                },
+                "data": {
+                    "type": "TextInput",
+                    "node": {
+                        "template": {
+                            "code": {
+                                "type": "code",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "from typing import Optional\n\nfrom langflow.base.io.text import TextComponent\nfrom langflow.field_typing import Text\n\n\nclass TextInput(TextComponent):\n    display_name = \"Text Input\"\n    description = \"Used to pass text input to the next component.\"\n\n    def build(self, input_value: Optional[str] = \"\") -> Text:\n        return super().build(input_value=input_value)\n",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "code",
+                                "advanced": false,
+                                "dynamic": true,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "input_value": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "Cars",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "input_value",
+                                "display_name": "Value",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "_type": "CustomComponent"
+                        },
+                        "description": "Used to pass text input to the next component.",
+                        "base_classes": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "display_name": "Topic 1",
+                        "documentation": "",
+                        "custom_fields": {
+                            "input_value": null
+                        },
+                        "output_types": [
+                            "Text"
+                        ],
+                        "field_formatters": {},
+                        "frozen": false,
+                        "field_order": [
+                            "input_value"
+                        ],
+                        "beta": true
+                    },
+                    "id": "TextInput-xUQ9w"
+                },
+                "selected": false,
+                "width": 384,
+                "height": 289,
+                "positionAbsolute": {
+                    "x": 91.73477837172948,
+                    "y": 787.6263883143245
+                },
+                "dragging": false
+            },
+            {
+                "id": "TextInput-l4zQt",
+                "type": "genericNode",
+                "position": {
+                    "x": 93.56470545178581,
+                    "y": 1125.2986229040628
+                },
+                "data": {
+                    "type": "TextInput",
+                    "node": {
+                        "template": {
+                            "code": {
+                                "type": "code",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "from typing import Optional\n\nfrom langflow.base.io.text import TextComponent\nfrom langflow.field_typing import Text\n\n\nclass TextInput(TextComponent):\n    display_name = \"Text Input\"\n    description = \"Used to pass text input to the next component.\"\n\n    def build(self, input_value: Optional[str] = \"\") -> Text:\n        return super().build(input_value=input_value)\n",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "code",
+                                "advanced": false,
+                                "dynamic": true,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "input_value": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "Bottle",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "input_value",
+                                "display_name": "Value",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "_type": "CustomComponent"
+                        },
+                        "description": "Used to pass text input to the next component.",
+                        "base_classes": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "display_name": "Topic 2",
+                        "documentation": "",
+                        "custom_fields": {
+                            "input_value": null
+                        },
+                        "output_types": [
+                            "Text"
+                        ],
+                        "field_formatters": {},
+                        "frozen": false,
+                        "field_order": [
+                            "input_value"
+                        ],
+                        "beta": true
+                    },
+                    "id": "TextInput-l4zQt"
+                },
+                "selected": false,
+                "width": 384,
+                "height": 289,
+                "positionAbsolute": {
+                    "x": 93.56470545178581,
+                    "y": 1125.2986229040628
+                },
+                "dragging": false
+            },
+            {
+                "id": "TextOutput-fTp5e",
+                "type": "genericNode",
+                "position": {
+                    "x": 1242.6494961686594,
+                    "y": 100.3023112016921
+                },
+                "data": {
+                    "type": "TextOutput",
+                    "node": {
+                        "template": {
+                            "input_value": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": "",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "input_value",
+                                "display_name": "Value",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "code": {
+                                "type": "code",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "from typing import Optional\n\nfrom langflow.base.io.text import TextComponent\nfrom langflow.field_typing import Text\n\n\nclass TextOutput(TextComponent):\n    display_name = \"Text Output\"\n    description = \"Used to pass text output to the next component.\"\n\n    field_config = {\n        \"input_value\": {\"display_name\": \"Value\"},\n    }\n\n    def build(self, input_value: Optional[Text] = \"\") -> Text:\n        return super().build(input_value=input_value)\n",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "code",
+                                "advanced": false,
+                                "dynamic": true,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "_type": "CustomComponent"
+                        },
+                        "description": "Used to pass text output to the next component.",
+                        "base_classes": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "display_name": "Prompt Output",
+                        "documentation": "",
+                        "custom_fields": {
+                            "input_value": null
+                        },
+                        "output_types": [
+                            "Text"
+                        ],
+                        "field_formatters": {},
+                        "frozen": false,
+                        "field_order": [
+                            "input_value"
+                        ],
+                        "beta": true
+                    },
+                    "id": "TextOutput-fTp5e"
+                },
+                "selected": false,
+                "width": 384,
+                "height": 297,
+                "positionAbsolute": {
+                    "x": 1242.6494961686594,
+                    "y": 100.3023112016921
+                },
+                "dragging": false
+            },
+            {
+                "id": "ChatOutput-AVN8s",
+                "type": "genericNode",
+                "position": {
+                    "x": 2299.2806014585203,
+                    "y": 449.2461295937437
+                },
+                "data": {
+                    "type": "ChatOutput",
+                    "node": {
+                        "template": {
+                            "code": {
+                                "type": "code",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "from typing import Optional, Union\n\nfrom langflow.base.io.chat import ChatComponent\nfrom langflow.field_typing import Text\nfrom langflow.schema import Record\n\n\nclass ChatOutput(ChatComponent):\n    display_name = \"Chat Output\"\n    description = \"Used to send a message to the chat.\"\n\n    def build(\n        self,\n        sender: Optional[str] = \"Machine\",\n        sender_name: Optional[str] = \"AI\",\n        input_value: Optional[str] = None,\n        session_id: Optional[str] = None,\n        return_record: Optional[bool] = False,\n    ) -> Union[Text, Record]:\n        return super().build(\n            sender=sender,\n            sender_name=sender_name,\n            input_value=input_value,\n            session_id=session_id,\n            return_record=return_record,\n        )\n",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "code",
+                                "advanced": false,
+                                "dynamic": true,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "input_value": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "input_value",
+                                "display_name": "Message",
+                                "advanced": false,
+                                "input_types": [
+                                    "Text"
+                                ],
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "return_record": {
+                                "type": "bool",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": false,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "return_record",
+                                "display_name": "Return Record",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "Return the message as a record containing the sender, sender_name, and session_id.",
+                                "title_case": false
+                            },
+                            "sender": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": true,
+                                "show": true,
+                                "multiline": false,
+                                "value": "Machine",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "options": [
+                                    "Machine",
+                                    "User"
+                                ],
+                                "name": "sender",
+                                "display_name": "Sender Type",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "sender_name": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": "AI",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "sender_name",
+                                "display_name": "Sender Name",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "session_id": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "session_id",
+                                "display_name": "Session ID",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "If provided, the message will be stored in the memory.",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "_type": "CustomComponent"
+                        },
+                        "description": "Used to send a message to the chat.",
+                        "base_classes": [
+                            "object",
+                            "Text",
+                            "Record",
+                            "str"
+                        ],
+                        "display_name": "Chat Output",
+                        "documentation": "",
+                        "custom_fields": {
+                            "sender": null,
+                            "sender_name": null,
+                            "input_value": null,
+                            "session_id": null,
+                            "return_record": null
+                        },
+                        "output_types": [
+                            "Text",
+                            "Record"
+                        ],
+                        "field_formatters": {},
+                        "frozen": false,
+                        "field_order": [],
+                        "beta": true
+                    },
+                    "id": "ChatOutput-AVN8s"
+                },
+                "selected": false,
+                "width": 384,
+                "height": 667,
+                "positionAbsolute": {
+                    "x": 2299.2806014585203,
+                    "y": 449.2461295937437
+                },
+                "dragging": false
+            },
+            {
+                "id": "OpenAIModel-IRzsd",
+                "type": "genericNode",
+                "position": {
+                    "x": 1735.1051821296949,
+                    "y": 246.4955882724468
+                },
+                "data": {
+                    "type": "OpenAIModel",
+                    "node": {
+                        "template": {
+                            "input_value": {
+                                "type": "str",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "input_value",
+                                "display_name": "Input",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "code": {
+                                "type": "code",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": true,
+                                "value": "from typing import Optional\n\nfrom langchain_openai import ChatOpenAI\nfrom pydantic.v1 import SecretStr\n\nfrom langflow.components.models.base.model import LCModelComponent\nfrom langflow.field_typing import NestedDict, Text\n\n\nclass OpenAIModelComponent(LCModelComponent):\n    display_name = \"OpenAI Model\"\n    description = \"Generates text using OpenAI's models.\"\n    icon = \"OpenAI\"\n\n    def build_config(self):\n        return {\n            \"input_value\": {\"display_name\": \"Input\"},\n            \"max_tokens\": {\n                \"display_name\": \"Max Tokens\",\n                \"advanced\": False,\n                \"required\": False,\n            },\n            \"model_kwargs\": {\n                \"display_name\": \"Model Kwargs\",\n                \"advanced\": True,\n                \"required\": False,\n            },\n            \"model_name\": {\n                \"display_name\": \"Model Name\",\n                \"advanced\": False,\n                \"required\": False,\n                \"options\": [\n                    \"gpt-4-turbo-preview\",\n                    \"gpt-4-0125-preview\",\n                    \"gpt-4-1106-preview\",\n                    \"gpt-4-vision-preview\",\n                    \"gpt-3.5-turbo-0125\",\n                    \"gpt-3.5-turbo-1106\",\n                ],\n            },\n            \"openai_api_base\": {\n                \"display_name\": \"OpenAI API Base\",\n                \"advanced\": False,\n                \"required\": False,\n                \"info\": (\n                    \"The base URL of the OpenAI API. Defaults to https://api.openai.com/v1.\\n\\n\"\n                    \"You can change this to use other APIs like JinaChat, LocalAI and Prem.\"\n                ),\n            },\n            \"openai_api_key\": {\n                \"display_name\": \"OpenAI API Key\",\n                \"advanced\": False,\n                \"required\": False,\n                \"password\": True,\n            },\n            \"temperature\": {\n                \"display_name\": \"Temperature\",\n                \"advanced\": False,\n                \"required\": False,\n                \"value\": 0.7,\n            },\n            \"stream\": {\n                \"display_name\": \"Stream\",\n                \"info\": \"Stream the response from the model.\",\n            },\n        }\n\n    def build(\n        self,\n        input_value: Text,\n        max_tokens: Optional[int] = 256,\n        model_kwargs: NestedDict = {},\n        model_name: str = \"gpt-4-1106-preview\",\n        openai_api_base: Optional[str] = None,\n        openai_api_key: Optional[str] = None,\n        temperature: float = 0.7,\n        stream: bool = False,\n    ) -> Text:\n        if not openai_api_base:\n            openai_api_base = \"https://api.openai.com/v1\"\n        if openai_api_key:\n            secret_key = SecretStr(openai_api_key)\n        else:\n            secret_key = None\n        output = ChatOpenAI(\n            max_tokens=max_tokens,\n            model_kwargs=model_kwargs,\n            model=model_name,\n            base_url=openai_api_base,\n            api_key=secret_key,\n            temperature=temperature,\n        )\n\n        return self.get_result(output=output, stream=stream, input_value=input_value)\n",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "code",
+                                "advanced": false,
+                                "dynamic": true,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "max_tokens": {
+                                "type": "int",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": 256,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "max_tokens",
+                                "display_name": "Max Tokens",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "model_kwargs": {
+                                "type": "NestedDict",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": {},
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "model_kwargs",
+                                "display_name": "Model Kwargs",
+                                "advanced": true,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false
+                            },
+                            "model_name": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": true,
+                                "show": true,
+                                "multiline": false,
+                                "value": "gpt-4-1106-preview",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "options": [
+                                    "gpt-4-turbo-preview",
+                                    "gpt-4-0125-preview",
+                                    "gpt-4-1106-preview",
+                                    "gpt-4-vision-preview",
+                                    "gpt-3.5-turbo-0125",
+                                    "gpt-3.5-turbo-1106"
+                                ],
+                                "name": "model_name",
+                                "display_name": "Model Name",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "openai_api_base": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "openai_api_base",
+                                "display_name": "OpenAI API Base",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "The base URL of the OpenAI API. Defaults to https://api.openai.com/v1.\n\nYou can change this to use other APIs like JinaChat, LocalAI and Prem.",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "openai_api_key": {
+                                "type": "str",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": true,
+                                "name": "openai_api_key",
+                                "display_name": "OpenAI API Key",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "title_case": false,
+                                "input_types": [
+                                    "Text"
+                                ]
+                            },
+                            "stream": {
+                                "type": "bool",
+                                "required": true,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": true,
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "stream",
+                                "display_name": "Stream",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "Stream the response from the model.",
+                                "title_case": false
+                            },
+                            "temperature": {
+                                "type": "float",
+                                "required": false,
+                                "placeholder": "",
+                                "list": false,
+                                "show": true,
+                                "multiline": false,
+                                "value": "0.2",
+                                "fileTypes": [],
+                                "file_path": "",
+                                "password": false,
+                                "name": "temperature",
+                                "display_name": "Temperature",
+                                "advanced": false,
+                                "dynamic": false,
+                                "info": "",
+                                "rangeSpec": {
+                                    "min": -1,
+                                    "max": 1,
+                                    "step": 0.1
+                                },
+                                "title_case": false
+                            },
+                            "_type": "CustomComponent"
+                        },
+                        "description": "Generates text using OpenAI's models.",
+                        "icon": "OpenAI",
+                        "base_classes": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "display_name": "OpenAI Model",
+                        "documentation": "",
+                        "custom_fields": {
+                            "input_value": null,
+                            "max_tokens": null,
+                            "model_kwargs": null,
+                            "model_name": null,
+                            "openai_api_base": null,
+                            "openai_api_key": null,
+                            "temperature": null,
+                            "stream": null
+                        },
+                        "output_types": [
+                            "Text"
+                        ],
+                        "field_formatters": {},
+                        "frozen": false,
+                        "field_order": [],
+                        "beta": true
+                    },
+                    "id": "OpenAIModel-IRzsd"
+                },
+                "selected": false,
+                "width": 384,
+                "height": 847,
+                "positionAbsolute": {
+                    "x": 1735.1051821296949,
+                    "y": 246.4955882724468
+                },
+                "dragging": false
+            }
+        ],
+        "edges": [
+            {
+                "source": "ChatInput-WcFzs",
+                "sourceHandle": "{œbaseClassesœ:[œobjectœ,œTextœ,œRecordœ,œstrœ],œdataTypeœ:œChatInputœ,œidœ:œChatInput-WcFzsœ}",
+                "target": "Prompt-QtWOn",
+                "targetHandle": "{œfieldNameœ:œrequestœ,œidœ:œPrompt-QtWOnœ,œinputTypesœ:[œDocumentœ,œBaseOutputParserœ,œTextœ,œRecordœ],œtypeœ:œstrœ}",
+                "data": {
+                    "targetHandle": {
+                        "fieldName": "request",
+                        "id": "Prompt-QtWOn",
+                        "inputTypes": [
+                            "Document",
+                            "BaseOutputParser",
+                            "Text",
+                            "Record"
+                        ],
+                        "type": "str"
+                    },
+                    "sourceHandle": {
+                        "baseClasses": [
+                            "object",
+                            "Text",
+                            "Record",
+                            "str"
+                        ],
+                        "dataType": "ChatInput",
+                        "id": "ChatInput-WcFzs"
+                    }
+                },
+                "style": {
+                    "stroke": "#555"
+                },
+                "className": "stroke-foreground stroke-connection",
+                "id": "reactflow__edge-ChatInput-WcFzs{œbaseClassesœ:[œobjectœ,œTextœ,œRecordœ,œstrœ],œdataTypeœ:œChatInputœ,œidœ:œChatInput-WcFzsœ}-Prompt-QtWOn{œfieldNameœ:œrequestœ,œidœ:œPrompt-QtWOnœ,œinputTypesœ:[œDocumentœ,œBaseOutputParserœ,œTextœ,œRecordœ],œtypeœ:œstrœ}"
+            },
+            {
+                "source": "Prompt-QtWOn",
+                "sourceHandle": "{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œPromptœ,œidœ:œPrompt-QtWOnœ}",
+                "target": "TextOutput-fTp5e",
+                "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œTextOutput-fTp5eœ,œinputTypesœ:[œTextœ],œtypeœ:œstrœ}",
+                "data": {
+                    "targetHandle": {
+                        "fieldName": "input_value",
+                        "id": "TextOutput-fTp5e",
+                        "inputTypes": [
+                            "Text"
+                        ],
+                        "type": "str"
+                    },
+                    "sourceHandle": {
+                        "baseClasses": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "dataType": "Prompt",
+                        "id": "Prompt-QtWOn"
+                    }
+                },
+                "style": {
+                    "stroke": "#555"
+                },
+                "className": "stroke-foreground stroke-connection",
+                "id": "reactflow__edge-Prompt-QtWOn{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œPromptœ,œidœ:œPrompt-QtWOnœ}-TextOutput-fTp5e{œfieldNameœ:œinput_valueœ,œidœ:œTextOutput-fTp5eœ,œinputTypesœ:[œTextœ],œtypeœ:œstrœ}"
+            },
+            {
+                "source": "TextOutput-fTp5e",
+                "sourceHandle": "{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œTextOutputœ,œidœ:œTextOutput-fTp5eœ}",
+                "target": "OpenAIModel-IRzsd",
+                "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œOpenAIModel-IRzsdœ,œinputTypesœ:[œTextœ],œtypeœ:œstrœ}",
+                "data": {
+                    "targetHandle": {
+                        "fieldName": "input_value",
+                        "id": "OpenAIModel-IRzsd",
+                        "inputTypes": [
+                            "Text"
+                        ],
+                        "type": "str"
+                    },
+                    "sourceHandle": {
+                        "baseClasses": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "dataType": "TextOutput",
+                        "id": "TextOutput-fTp5e"
+                    }
+                },
+                "style": {
+                    "stroke": "#555"
+                },
+                "className": "stroke-foreground stroke-connection",
+                "id": "reactflow__edge-TextOutput-fTp5e{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œTextOutputœ,œidœ:œTextOutput-fTp5eœ}-OpenAIModel-IRzsd{œfieldNameœ:œinput_valueœ,œidœ:œOpenAIModel-IRzsdœ,œinputTypesœ:[œTextœ],œtypeœ:œstrœ}"
+            },
+            {
+                "source": "OpenAIModel-IRzsd",
+                "sourceHandle": "{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œOpenAIModelœ,œidœ:œOpenAIModel-IRzsdœ}",
+                "target": "ChatOutput-AVN8s",
+                "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œChatOutput-AVN8sœ,œinputTypesœ:[œTextœ],œtypeœ:œstrœ}",
+                "data": {
+                    "targetHandle": {
+                        "fieldName": "input_value",
+                        "id": "ChatOutput-AVN8s",
+                        "inputTypes": [
+                            "Text"
+                        ],
+                        "type": "str"
+                    },
+                    "sourceHandle": {
+                        "baseClasses": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "dataType": "OpenAIModel",
+                        "id": "OpenAIModel-IRzsd"
+                    }
+                },
+                "style": {
+                    "stroke": "#555"
+                },
+                "className": "stroke-foreground stroke-connection",
+                "id": "reactflow__edge-OpenAIModel-IRzsd{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œOpenAIModelœ,œidœ:œOpenAIModel-IRzsdœ}-ChatOutput-AVN8s{œfieldNameœ:œinput_valueœ,œidœ:œChatOutput-AVN8sœ,œinputTypesœ:[œTextœ],œtypeœ:œstrœ}"
+            },
+            {
+                "source": "TextInput-l4zQt",
+                "sourceHandle": "{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œTextInputœ,œidœ:œTextInput-l4zQtœ}",
+                "target": "Prompt-QtWOn",
+                "targetHandle": "{œfieldNameœ:œtopic_2œ,œidœ:œPrompt-QtWOnœ,œinputTypesœ:[œDocumentœ,œBaseOutputParserœ,œTextœ,œRecordœ],œtypeœ:œstrœ}",
+                "data": {
+                    "targetHandle": {
+                        "fieldName": "topic_2",
+                        "id": "Prompt-QtWOn",
+                        "inputTypes": [
+                            "Document",
+                            "BaseOutputParser",
+                            "Text",
+                            "Record"
+                        ],
+                        "type": "str"
+                    },
+                    "sourceHandle": {
+                        "baseClasses": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "dataType": "TextInput",
+                        "id": "TextInput-l4zQt"
+                    }
+                },
+                "style": {
+                    "stroke": "#555"
+                },
+                "className": "stroke-foreground stroke-connection",
+                "id": "reactflow__edge-TextInput-l4zQt{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œTextInputœ,œidœ:œTextInput-l4zQtœ}-Prompt-QtWOn{œfieldNameœ:œtopic_2œ,œidœ:œPrompt-QtWOnœ,œinputTypesœ:[œDocumentœ,œBaseOutputParserœ,œTextœ,œRecordœ],œtypeœ:œstrœ}"
+            },
+            {
+                "source": "TextInput-xUQ9w",
+                "sourceHandle": "{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œTextInputœ,œidœ:œTextInput-xUQ9wœ}",
+                "target": "Prompt-QtWOn",
+                "targetHandle": "{œfieldNameœ:œtopic_1œ,œidœ:œPrompt-QtWOnœ,œinputTypesœ:[œDocumentœ,œBaseOutputParserœ,œTextœ,œRecordœ],œtypeœ:œstrœ}",
+                "data": {
+                    "targetHandle": {
+                        "fieldName": "topic_1",
+                        "id": "Prompt-QtWOn",
+                        "inputTypes": [
+                            "Document",
+                            "BaseOutputParser",
+                            "Text",
+                            "Record"
+                        ],
+                        "type": "str"
+                    },
+                    "sourceHandle": {
+                        "baseClasses": [
+                            "object",
+                            "Text",
+                            "str"
+                        ],
+                        "dataType": "TextInput",
+                        "id": "TextInput-xUQ9w"
+                    }
+                },
+                "style": {
+                    "stroke": "#555"
+                },
+                "className": "stroke-foreground stroke-connection",
+                "id": "reactflow__edge-TextInput-xUQ9w{œbaseClassesœ:[œobjectœ,œTextœ,œstrœ],œdataTypeœ:œTextInputœ,œidœ:œTextInput-xUQ9wœ}-Prompt-QtWOn{œfieldNameœ:œtopic_1œ,œidœ:œPrompt-QtWOnœ,œinputTypesœ:[œDocumentœ,œBaseOutputParserœ,œTextœ,œRecordœ],œtypeœ:œstrœ}"
+            }
+        ],
+        "viewport": {
+            "x": 81.87154098468557,
+            "y": 266.8627952720353,
+            "zoom": 0.315125847895746
+        }
+    },
+    "description": "Use a language model to generate text based on a prompt. \n\nIn this project, you'll be able to generate text based on a request and some topics.\n\nThe Topic 1 and Topic 2 components are actually Text Input, while the Prompt Output component is a Text Output. Changing the name of the component makes them easier to identify when interacting with them.",
+    "name": "Basic Prompting",
+    "last_tested_version": "0.6.8",
+    "is_component": false
+}
\ No newline at end of file
diff --git a/src/backend/langflow/schema/schema.py b/src/backend/langflow/schema/schema.py
index fd3bd4ea0..18cf9e13f 100644
--- a/src/backend/langflow/schema/schema.py
+++ b/src/backend/langflow/schema/schema.py
@@ -13,7 +13,7 @@ class Record(BaseModel):
     """
 
     data: dict = {}
-    _default_value = None
+    _default_value: str = ""
 
     @classmethod
     def from_document(cls, document: Document) -> "Record":
@@ -63,7 +63,9 @@ class Record(BaseModel):
             return self.data.get(key, self._default_value)
         except KeyError:
             # Fallback to default behavior to raise AttributeError for undefined attributes
-            raise AttributeError(f"'{type(self).__name__}' object has no attribute '{key}'")
+            raise AttributeError(
+                f"'{type(self).__name__}' object has no attribute '{key}'"
+            )
 
     def __setattr__(self, key, value):
         """
diff --git a/src/backend/langflow/utils/util.py b/src/backend/langflow/utils/util.py
index 814a9d4ab..ad6660cc5 100644
--- a/src/backend/langflow/utils/util.py
+++ b/src/backend/langflow/utils/util.py
@@ -5,8 +5,8 @@ from functools import wraps
 from typing import Any, Dict, List, Optional, Union
 
 from docstring_parser import parse
-from langchain_core.documents import Document
 
+from langflow.schema.schema import Record
 from langflow.template.frontend_node.constants import FORCE_SHOW_FIELDS
 from langflow.utils import constants
 
@@ -15,8 +15,12 @@ def remove_ansi_escape_codes(text):
     return re.sub(r"\x1b\[[0-9;]*[a-zA-Z]", "", text)
 
 
-def build_template_from_function(name: str, type_to_loader_dict: Dict, add_function: bool = False):
-    classes = [item.__annotations__["return"].__name__ for item in type_to_loader_dict.values()]
+def build_template_from_function(
+    name: str, type_to_loader_dict: Dict, add_function: bool = False
+):
+    classes = [
+        item.__annotations__["return"].__name__ for item in type_to_loader_dict.values()
+    ]
 
     # Raise error if name is not in chains
     if name not in classes:
@@ -37,8 +41,10 @@ def build_template_from_function(name: str, type_to_loader_dict: Dict, add_funct
                 for name_, value_ in value.__repr_args__():
                     if name_ == "default_factory":
                         try:
-                            variables[class_field_items]["default"] = get_default_factory(
-                                module=_class.__base__.__module__, function=value_
+                            variables[class_field_items]["default"] = (
+                                get_default_factory(
+                                    module=_class.__base__.__module__, function=value_
+                                )
                             )
                         except Exception:
                             variables[class_field_items]["default"] = None
@@ -46,7 +52,9 @@ def build_template_from_function(name: str, type_to_loader_dict: Dict, add_funct
                         variables[class_field_items][name_] = value_
 
                 variables[class_field_items]["placeholder"] = (
-                    docs.params[class_field_items] if class_field_items in docs.params else ""
+                    docs.params[class_field_items]
+                    if class_field_items in docs.params
+                    else ""
                 )
             # Adding function to base classes to allow
             # the output to be a function
@@ -61,7 +69,9 @@ def build_template_from_function(name: str, type_to_loader_dict: Dict, add_funct
             }
 
 
-def build_template_from_class(name: str, type_to_cls_dict: Dict, add_function: bool = False):
+def build_template_from_class(
+    name: str, type_to_cls_dict: Dict, add_function: bool = False
+):
     classes = [item.__name__ for item in type_to_cls_dict.values()]
 
     # Raise error if name is not in chains
@@ -85,9 +95,11 @@ def build_template_from_class(name: str, type_to_cls_dict: Dict, add_function: b
                     for name_, value_ in value.__repr_args__():
                         if name_ == "default_factory":
                             try:
-                                variables[class_field_items]["default"] = get_default_factory(
-                                    module=_class.__base__.__module__,
-                                    function=value_,
+                                variables[class_field_items]["default"] = (
+                                    get_default_factory(
+                                        module=_class.__base__.__module__,
+                                        function=value_,
+                                    )
                                 )
                             except Exception:
                                 variables[class_field_items]["default"] = None
@@ -95,7 +107,9 @@ def build_template_from_class(name: str, type_to_cls_dict: Dict, add_function: b
                             variables[class_field_items][name_] = value_
 
                     variables[class_field_items]["placeholder"] = (
-                        docs.params[class_field_items] if class_field_items in docs.params else ""
+                        docs.params[class_field_items]
+                        if class_field_items in docs.params
+                        else ""
                     )
             base_classes = get_base_classes(_class)
             # Adding function to base classes to allow
@@ -127,7 +141,9 @@ def build_template_from_method(
 
             # Check if the method exists in this class
             if not hasattr(_class, method_name):
-                raise ValueError(f"Method {method_name} not found in class {class_name}")
+                raise ValueError(
+                    f"Method {method_name} not found in class {class_name}"
+                )
 
             # Get the method
             method = getattr(_class, method_name)
@@ -146,8 +162,14 @@ def build_template_from_method(
                 "_type": _type,
                 **{
                     name: {
-                        "default": (param.default if param.default != param.empty else None),
-                        "type": (param.annotation if param.annotation != param.empty else None),
+                        "default": (
+                            param.default if param.default != param.empty else None
+                        ),
+                        "type": (
+                            param.annotation
+                            if param.annotation != param.empty
+                            else None
+                        ),
                         "required": param.default == param.empty,
                     }
                     for name, param in params.items()
@@ -234,7 +256,9 @@ def sync_to_async(func):
     return async_wrapper
 
 
-def format_dict(dictionary: Dict[str, Any], class_name: Optional[str] = None) -> Dict[str, Any]:
+def format_dict(
+    dictionary: Dict[str, Any], class_name: Optional[str] = None
+) -> Dict[str, Any]:
     """
     Formats a dictionary by removing certain keys and modifying the
     values of other keys.
@@ -320,7 +344,9 @@ def check_list_type(_type: str, value: Dict[str, Any]) -> str:
         The modified type string.
     """
     if any(list_type in _type for list_type in ["List", "Sequence", "Set"]):
-        _type = _type.replace("List[", "").replace("Sequence[", "").replace("Set[", "")[:-1]
+        _type = (
+            _type.replace("List[", "").replace("Sequence[", "").replace("Set[", "")[:-1]
+        )
         value["list"] = True
     else:
         value["list"] = False
@@ -423,7 +449,9 @@ def set_headers_value(value: Dict[str, Any]) -> None:
     value["value"] = """{"Authorization": "Bearer <token>"}"""
 
 
-def add_options_to_field(value: Dict[str, Any], class_name: Optional[str], key: str) -> None:
+def add_options_to_field(
+    value: Dict[str, Any], class_name: Optional[str], key: str
+) -> None:
     """
     Adds options to the field based on the class name and key.
     """
@@ -440,10 +468,20 @@ def add_options_to_field(value: Dict[str, Any], class_name: Optional[str], key:
         value["value"] = options_map[class_name][0]
 
 
-def build_loader_repr_from_documents(documents: List[Document]) -> str:
-    if documents:
-        avg_length = sum(len(doc.page_content) for doc in documents) / len(documents)
-        return f"""{len(documents)} documents
-        \nAvg. Document Length (characters): {int(avg_length)}
-        Documents: {documents[:3]}..."""
-    return "0 documents"
+def build_loader_repr_from_records(records: List[Record]) -> str:
+    """
+    Builds a string representation of the loader based on the given records.
+
+    Args:
+        records (List[Record]): A list of records.
+
+    Returns:
+        str: A string representation of the loader.
+
+    """
+    if records:
+        avg_length = sum(len(doc.text) for doc in records) / len(records)
+        return f"""{len(records)} records
+        \nAvg. Record Length (characters): {int(avg_length)}
+        Records: {records[:3]}..."""
+    return "0 records"
diff --git a/src/frontend/src/components/exampleComponent/index.tsx b/src/frontend/src/components/exampleComponent/index.tsx
index 0473a234e..347797c47 100644
--- a/src/frontend/src/components/exampleComponent/index.tsx
+++ b/src/frontend/src/components/exampleComponent/index.tsx
@@ -7,90 +7,94 @@ import ShadTooltip from "../ShadTooltipComponent";
 import IconComponent from "../genericIconComponent";
 import { Button } from "../ui/button";
 import {
-    Card,
-    CardDescription,
-    CardFooter,
-    CardHeader,
-    CardTitle,
+  Card,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
 } from "../ui/card";
 
 export default function CollectionCardComponent({
-    flow,
+  flow,
 }: {
-    flow: FlowType;
-    authorized?: boolean;
+  flow: FlowType;
+  authorized?: boolean;
 }) {
-    const addFlow = useFlowsManagerStore((state) => state.addFlow);
-    const navigate = useNavigate();
-    const emojiRegex = /\p{Emoji}/u;
-    const isEmoji = (str: string) => emojiRegex.test(str);
+  const addFlow = useFlowsManagerStore((state) => state.addFlow);
+  const navigate = useNavigate();
+  const emojiRegex = /\p{Emoji}/u;
+  const isEmoji = (str: string) => emojiRegex.test(str);
 
-    return (
-        <Card
-            className={cn(
-                "group relative h-48 w-2/6 flex flex-col justify-between overflow-hidden transition-all hover:shadow-md",
-            )}
-        >
-            <div>
-                <CardHeader>
-                    <div>
-                        <CardTitle className="flex w-full items-center justify-between gap-3 text-xl">
-                            {flow.icon && isEmoji(flow.icon) && (
-                                <div className="p-2 rounded-md flex align-middle items-center justify-center" style={{ backgroundColor: flow.icon_bg_color }}>
-
-                                    <div className="pl-0.5 h-7 w-7">
-                                        {flow.icon}
-                                    </div>
-                                </div>
-
-                            )}
-                            {(!flow.icon || !isEmoji(flow.icon)) &&
-                                <div className="p-2 rounded-md flex align-middle items-center justify-center" style={{ backgroundColor: flow.icon_bg_color }}>
-                                    <IconComponent
-                                        className={cn(
-                                            "flex-shrink-0 h-7 w-7 text-flow-icon",
-                                        )}
-                                        name={flow.icon || "Group"}
-                                    />
-                                </div>
-                            }
-                            <ShadTooltip content={flow.name}>
-                                <div className="w-full truncate">{flow.name}</div>
-                            </ShadTooltip>
-                        </CardTitle>
-                    </div>
-                    <CardDescription className="pb-2 pt-2">
-                        <ShadTooltip side="bottom" styleClasses="z-50" content={flow.description}>
-                            <div className="truncate-doubleline">{flow.description}</div>
-                        </ShadTooltip>
-                    </CardDescription>
-                </CardHeader>
-            </div>
-
-            <CardFooter>
-                <div className="flex w-full items-center justify-between gap-2">
-                    <div className="flex w-full flex-wrap justify-end gap-2">
-                        <Button
-                            onClick={() => {
-                                updateIds(flow.data!);
-                                addFlow(true, flow).then((id) => {
-                                    navigate("/flow/" + id);
-                                });
-                            }}
-                            tabIndex={-1}
-                            variant="outline"
-                            size="sm"
-                            className="whitespace-nowrap "
-                        >
-                            <IconComponent
-                                name="ExternalLink"
-                                className="main-page-nav-button select-none"
-                            />
-                            Select Flow
-                        </Button>
-                    </div>
+  return (
+    <Card
+      className={cn(
+        "group relative flex h-48 w-2/6 flex-col justify-between overflow-hidden transition-all hover:shadow-md"
+      )}
+    >
+      <div>
+        <CardHeader>
+          <div>
+            <CardTitle className="flex w-full items-center justify-between gap-3 text-xl">
+              {flow.icon && isEmoji(flow.icon) && (
+                <div
+                  className="flex items-center justify-center rounded-md p-2 align-middle"
+                  style={{ backgroundColor: flow.icon_bg_color }}
+                >
+                  <div className="h-7 w-7 pl-0.5">{flow.icon}</div>
                 </div>
-            </CardFooter>
-        </Card>
-    );
+              )}
+              {(!flow.icon || !isEmoji(flow.icon)) && (
+                <div
+                  className="flex items-center justify-center rounded-md p-2 align-middle"
+                  style={{ backgroundColor: flow.icon_bg_color }}
+                >
+                  <IconComponent
+                    className={cn("h-7 w-7 flex-shrink-0 text-flow-icon")}
+                    name={flow.icon || "Group"}
+                  />
+                </div>
+              )}
+              <ShadTooltip content={flow.name}>
+                <div className="w-full truncate">{flow.name}</div>
+              </ShadTooltip>
+            </CardTitle>
+          </div>
+          <CardDescription className="pb-2 pt-2">
+            <ShadTooltip
+              side="bottom"
+              styleClasses="z-50"
+              content={flow.description}
+            >
+              <div className="truncate-doubleline">{flow.description}</div>
+            </ShadTooltip>
+          </CardDescription>
+        </CardHeader>
+      </div>
+
+      <CardFooter>
+        <div className="flex w-full items-center justify-between gap-2">
+          <div className="flex w-full flex-wrap justify-end gap-2">
+            <Button
+              onClick={() => {
+                updateIds(flow.data!);
+                addFlow(true, flow).then((id) => {
+                  navigate("/flow/" + id);
+                });
+              }}
+              tabIndex={-1}
+              variant="outline"
+              size="sm"
+              className="whitespace-nowrap "
+            >
+              <IconComponent
+                name="ExternalLink"
+                className="main-page-nav-button select-none"
+              />
+              Select Flow
+            </Button>
+          </div>
+        </div>
+      </CardFooter>
+    </Card>
+  );
 }