From e67e55d94e66909a30f7748aaa77f97728609658 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 22 Jun 2023 15:12:38 -0300
Subject: [PATCH 001/367] feat(API): add UpdateTemplate function to update
 templates via API call

---
 src/frontend/src/controllers/API/index.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 40b132261..f19dbd5d8 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -3,6 +3,8 @@ import {
   PromptTypeAPI,
   errorsTypeAPI,
   InitTypeAPI,
+  TemplateVariableType,
+  APITemplateType,
 } from "./../../types/api/index";
 import { APIObjectType, sendAllProps } from "../../types/api/index";
 import axios, { AxiosResponse } from "axios";
@@ -319,3 +321,7 @@ export async function postBuildInit(
 ): Promise<AxiosResponse<InitTypeAPI>> {
   return await axios.post(`/api/v1/build/init`, flow);
 }
+
+export async function UpdateTemplate(type:string, template:APITemplateType):Promise<AxiosResponse<APITemplateType>>{
+  return await axios.post(`/api/v1/UpdateTemplate`);
+}
\ No newline at end of file

From ec517fd9b64307e96d1eee0d59902ad5a6846a01 Mon Sep 17 00:00:00 2001
From: gustavoschaedler <gustavopoa@gmail.com>
Date: Thu, 22 Jun 2023 21:00:02 +0100
Subject: [PATCH 002/367] Endpoint dynamic_node template to test

---
 src/backend/langflow/main.py | 226 +++++++++++++++++++++++++++++++++++
 1 file changed, 226 insertions(+)

diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index ad3217eb5..53749d9c8 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -4,6 +4,228 @@ from fastapi.middleware.cors import CORSMiddleware
 from langflow.api import router
 from langflow.database.base import create_db_and_tables
 
+template_node = {
+    "template": {
+        "lc_kwargs": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "password": "false",
+            "name": "lc_kwargs",
+            "advanced": "true",
+            "type": "code",
+            "list": "false"
+        },
+        "verbose": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "value": "false",
+            "password": "false",
+            "name": "verbose",
+            "advanced": "false",
+            "type": "bool",
+            "list": "false"
+        },
+        "callbacks": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "password": "false",
+            "name": "callbacks",
+            "advanced": "false",
+            "type": "langchain.callbacks.base.BaseCallbackHandler",
+            "list": "true"
+        },
+        "tags": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "password": "false",
+            "name": "tags",
+            "advanced": "false",
+            "type": "str",
+            "list": "true"
+        },
+        "client": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "password": "false",
+            "name": "client",
+            "advanced": "false",
+            "type": "Any",
+            "list": "false"
+        },
+        "model_name": {
+            "required": "false",
+            "placeholder": "",
+            "show": "true",
+            "multiline": "false",
+            "value": "gpt-3.5-turbo",
+            "password": "false",
+            "options": [
+                "gpt-3.5-turbo-0613",
+                "gpt-3.5-turbo",
+                "gpt-3.5-turbo-16k-0613",
+                "gpt-3.5-turbo-16k",
+                "gpt-4-0613",
+                "gpt-4-32k-0613",
+                "gpt-4",
+                "gpt-4-32k"
+            ],
+            "name": "model_name",
+            "advanced": "false",
+            "type": "str",
+            "list": "true"
+        },
+        "temperature": {
+            "required": "false",
+            "placeholder": "",
+            "show": "true",
+            "multiline": "false",
+            "value": 0.7,
+            "password": "false",
+            "name": "temperature",
+            "advanced": "false",
+            "type": "float",
+            "list": "false"
+        },
+        "model_kwargs": {
+            "required": "false",
+            "placeholder": "",
+            "show": "true",
+            "multiline": "false",
+            "password": "false",
+            "name": "model_kwargs",
+            "advanced": "true",
+            "type": "code",
+            "list": "false"
+        },
+        "openai_api_key": {
+            "required": "false",
+            "placeholder": "",
+            "show": "true",
+            "multiline": "false",
+            "value": "",
+            "password": "true",
+            "name": "openai_api_key",
+            "display_name": "OpenAI API Key",
+            "advanced": "false",
+            "type": "str",
+            "list": "false"
+        },
+        "openai_api_base": {
+            "required": "false",
+            "placeholder": "",
+            "show": "true",
+            "multiline": "false",
+            "password": "false",
+            "name": "openai_api_base",
+            "display_name": "OpenAI API Base",
+            "advanced": "false",
+            "type": "str",
+            "list": "false"
+        },
+        "openai_organization": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "password": "false",
+            "name": "openai_organization",
+            "display_name": "OpenAI Organization",
+            "advanced": "false",
+            "type": "str",
+            "list": "false"
+        },
+        "openai_proxy": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "password": "false",
+            "name": "openai_proxy",
+            "display_name": "OpenAI Proxy",
+            "advanced": "false",
+            "type": "str",
+            "list": "false"
+        },
+        "request_timeout": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "password": "false",
+            "name": "request_timeout",
+            "advanced": "false",
+            "type": "float",
+            "list": "false"
+        },
+        "max_retries": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "value": 6,
+            "password": "false",
+            "name": "max_retries",
+            "advanced": "false",
+            "type": "int",
+            "list": "false"
+        },
+        "streaming": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "value": "false",
+            "password": "false",
+            "name": "streaming",
+            "advanced": "false",
+            "type": "bool",
+            "list": "false"
+        },
+        "n": {
+            "required": "false",
+            "placeholder": "",
+            "show": "false",
+            "multiline": "false",
+            "value": 1,
+            "password": "false",
+            "name": "n",
+            "advanced": "false",
+            "type": "int",
+            "list": "false"
+        },
+        "max_tokens": {
+            "required": "false",
+            "placeholder": "",
+            "show": "true",
+            "multiline": "false",
+            "password": "true",
+            "name": "max_tokens",
+            "advanced": "false",
+            "type": "int",
+            "list": "false"
+        },
+        "_type": "ChatOpenAI"
+    },
+    "description": "Wrapper around OpenAI Chat large language models.",
+    "base_classes": [
+        "BaseChatModel",
+        "Serializable",
+        "BaseLanguageModel",
+        "ChatOpenAI"
+    ],
+    "display_name": "ChatOpenAI"
+}
+
 
 def create_app():
     """Create the FastAPI app and include the router."""
@@ -18,6 +240,10 @@ def create_app():
     def get_health():
         return {"status": "OK"}
 
+    @app.get("/dynamic_node")
+    def get_dynamic_nome():
+        return template_node
+
     app.add_middleware(
         CORSMiddleware,
         allow_origins=origins,

From 2c256421f45e9c66067c0e727b89872b78ff68f9 Mon Sep 17 00:00:00 2001
From: gustavoschaedler <gustavopoa@gmail.com>
Date: Thu, 22 Jun 2023 21:16:10 +0100
Subject: [PATCH 003/367] Remove description

---
 src/backend/langflow/main.py | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index 53749d9c8..d93d0efab 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -215,15 +215,7 @@ template_node = {
             "list": "false"
         },
         "_type": "ChatOpenAI"
-    },
-    "description": "Wrapper around OpenAI Chat large language models.",
-    "base_classes": [
-        "BaseChatModel",
-        "Serializable",
-        "BaseLanguageModel",
-        "ChatOpenAI"
-    ],
-    "display_name": "ChatOpenAI"
+    }
 }
 
 

From a458b2d91c04b2c8e18ecd6f5e301446b6f9f3e5 Mon Sep 17 00:00:00 2001
From: gustavoschaedler <gustavopoa@gmail.com>
Date: Thu, 22 Jun 2023 21:26:25 +0100
Subject: [PATCH 004/367] Change type str to bool

---
 src/backend/langflow/main.py | 208 +++++++++++++++++------------------
 1 file changed, 104 insertions(+), 104 deletions(-)

diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index d93d0efab..713c921cd 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -7,68 +7,68 @@ from langflow.database.base import create_db_and_tables
 template_node = {
     "template": {
         "lc_kwargs": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "password": False,
             "name": "lc_kwargs",
-            "advanced": "true",
+            "advanced": True,
             "type": "code",
-            "list": "false"
+            "list": False
         },
         "verbose": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "value": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "value": False,
+            "password": False,
             "name": "verbose",
-            "advanced": "false",
+            "advanced": False,
             "type": "bool",
-            "list": "false"
+            "list": False
         },
         "callbacks": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "password": False,
             "name": "callbacks",
-            "advanced": "false",
+            "advanced": False,
             "type": "langchain.callbacks.base.BaseCallbackHandler",
-            "list": "true"
+            "list": True
         },
         "tags": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "password": False,
             "name": "tags",
-            "advanced": "false",
+            "advanced": False,
             "type": "str",
-            "list": "true"
+            "list": True
         },
         "client": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "password": False,
             "name": "client",
-            "advanced": "false",
+            "advanced": False,
             "type": "Any",
-            "list": "false"
+            "list": False
         },
         "model_name": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "true",
-            "multiline": "false",
+            "show": True,
+            "multiline": False,
             "value": "gpt-3.5-turbo",
-            "password": "false",
+            "password": False,
             "options": [
                 "gpt-3.5-turbo-0613",
                 "gpt-3.5-turbo",
@@ -80,139 +80,139 @@ template_node = {
                 "gpt-4-32k"
             ],
             "name": "model_name",
-            "advanced": "false",
+            "advanced": False,
             "type": "str",
-            "list": "true"
+            "list": True
         },
         "temperature": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "true",
-            "multiline": "false",
+            "show": True,
+            "multiline": False,
             "value": 0.7,
-            "password": "false",
+            "password": False,
             "name": "temperature",
-            "advanced": "false",
+            "advanced": False,
             "type": "float",
-            "list": "false"
+            "list": False
         },
         "model_kwargs": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "true",
-            "multiline": "false",
-            "password": "false",
+            "show": True,
+            "multiline": False,
+            "password": False,
             "name": "model_kwargs",
-            "advanced": "true",
+            "advanced": True,
             "type": "code",
-            "list": "false"
+            "list": False
         },
         "openai_api_key": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "true",
-            "multiline": "false",
+            "show": True,
+            "multiline": False,
             "value": "",
-            "password": "true",
+            "password": True,
             "name": "openai_api_key",
             "display_name": "OpenAI API Key",
-            "advanced": "false",
+            "advanced": False,
             "type": "str",
-            "list": "false"
+            "list": False
         },
         "openai_api_base": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "true",
-            "multiline": "false",
-            "password": "false",
+            "show": True,
+            "multiline": False,
+            "password": False,
             "name": "openai_api_base",
             "display_name": "OpenAI API Base",
-            "advanced": "false",
+            "advanced": False,
             "type": "str",
-            "list": "false"
+            "list": False
         },
         "openai_organization": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "password": False,
             "name": "openai_organization",
             "display_name": "OpenAI Organization",
-            "advanced": "false",
+            "advanced": False,
             "type": "str",
-            "list": "false"
+            "list": False
         },
         "openai_proxy": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "password": False,
             "name": "openai_proxy",
             "display_name": "OpenAI Proxy",
-            "advanced": "false",
+            "advanced": False,
             "type": "str",
-            "list": "false"
+            "list": False
         },
         "request_timeout": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "password": False,
             "name": "request_timeout",
-            "advanced": "false",
+            "advanced": False,
             "type": "float",
-            "list": "false"
+            "list": False
         },
         "max_retries": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
+            "show": False,
+            "multiline": False,
             "value": 6,
-            "password": "false",
+            "password": False,
             "name": "max_retries",
-            "advanced": "false",
+            "advanced": False,
             "type": "int",
-            "list": "false"
+            "list": False
         },
         "streaming": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
-            "value": "false",
-            "password": "false",
+            "show": False,
+            "multiline": False,
+            "value": False,
+            "password": False,
             "name": "streaming",
-            "advanced": "false",
+            "advanced": False,
             "type": "bool",
-            "list": "false"
+            "list": False
         },
         "n": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "false",
-            "multiline": "false",
+            "show": False,
+            "multiline": False,
             "value": 1,
-            "password": "false",
+            "password": False,
             "name": "n",
-            "advanced": "false",
+            "advanced": False,
             "type": "int",
-            "list": "false"
+            "list": False
         },
         "max_tokens": {
-            "required": "false",
+            "required": False,
             "placeholder": "",
-            "show": "true",
-            "multiline": "false",
-            "password": "true",
+            "show": True,
+            "multiline": False,
+            "password": True,
             "name": "max_tokens",
-            "advanced": "false",
+            "advanced": False,
             "type": "int",
-            "list": "false"
+            "list": False
         },
         "_type": "ChatOpenAI"
     }

From a47dc9ae92d44a4018fcae432b4e30d1f7963f7c Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 22 Jun 2023 17:30:04 -0300
Subject: [PATCH 005/367] feat(frontend): add support for updating node
 template on code change in CodeAreaModal fix(API): fix UpdateTemplate
 function return type to match the actual response fix(vite.config.ts): add
 dynamic_node route to apiRoutes array to proxy requests to backend

---
 .../components/parameterComponent/index.tsx   |   2 +
 .../src/CustomNodes/GenericNode/index.tsx     |   2 +-
 .../components/codeAreaComponent/index.tsx    |  10 +-
 src/frontend/src/controllers/API/index.ts     |   4 +-
 .../src/modals/codeAreaModal/index.tsx        | 102 +++++++++++-------
 src/frontend/src/types/components/index.ts    |  10 ++
 src/frontend/vite.config.ts                   |   2 +-
 7 files changed, 86 insertions(+), 46 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 65f946ba2..c35fd869b 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -227,6 +227,8 @@ export default function ParameterComponent({
           </div>
         ) : left === true && type === "code" ? (
           <CodeAreaComponent
+          setTemplate={(template)=>{data.node.template = template}}
+            template={data.node.template}
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
             onChange={handleOnNewValue}
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index fb1ed5f59..e2ddc051f 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -62,7 +62,7 @@ export default function GenericNode({
   }
 
   useEffect(() => {}, [closePopUp, data.node.template]);
-
+  console.log({data})
   return (
     <>
       <NodeToolbar>
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 399ab40b2..a4b7231c8 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -3,7 +3,7 @@ import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import CodeAreaModal from "../../modals/codeAreaModal";
 import TextAreaModal from "../../modals/textAreaModal";
-import { TextAreaComponentType } from "../../types/components";
+import { CodeAreaComponentType, TextAreaComponentType } from "../../types/components";
 import { INPUT_STYLE } from "../../constants";
 
 export default function CodeAreaComponent({
@@ -11,7 +11,9 @@ export default function CodeAreaComponent({
   onChange,
   disabled,
   editNode = false,
-}: TextAreaComponentType) {
+  template,
+  setTemplate,
+}: CodeAreaComponentType) {
   const [myValue, setMyValue] = useState(value);
   const { openPopUp } = useContext(PopUpContext);
   useEffect(() => {
@@ -37,6 +39,8 @@ export default function CodeAreaComponent({
             openPopUp(
               <CodeAreaModal
                 value={myValue}
+                template={template}
+                setTemplate={setTemplate}
                 setValue={(t: string) => {
                   setMyValue(t);
                   onChange(t);
@@ -59,7 +63,9 @@ export default function CodeAreaComponent({
           onClick={() => {
             openPopUp(
               <CodeAreaModal
+              setTemplate={setTemplate}
                 value={myValue}
+                template={template}
                 setValue={(t: string) => {
                   setMyValue(t);
                   onChange(t);
diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index f19dbd5d8..60820bb7e 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -322,6 +322,6 @@ export async function postBuildInit(
   return await axios.post(`/api/v1/build/init`, flow);
 }
 
-export async function UpdateTemplate(type:string, template:APITemplateType):Promise<AxiosResponse<APITemplateType>>{
-  return await axios.post(`/api/v1/UpdateTemplate`);
+export async function UpdateTemplate(type:string, template:APITemplateType):Promise<AxiosResponse<{template:APITemplateType}>>{
+  return await axios.get(`/dynamic_node`);
 }
\ No newline at end of file
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 9f8815f4b..451946b0e 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -8,7 +8,7 @@ import "ace-builds/src-noconflict/theme-twilight";
 import "ace-builds/src-noconflict/ext-language_tools";
 // import "ace-builds/webpack-resolver";
 import { darkContext } from "../../contexts/darkContext";
-import { postValidateCode } from "../../controllers/API";
+import { UpdateTemplate, postValidateCode } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import {
@@ -22,16 +22,23 @@ import {
 } from "../../components/ui/dialog";
 import { Button } from "../../components/ui/button";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
+import Loading from "../../components/ui/loading";
+import { APITemplateType } from "../../types/api";
 
 export default function CodeAreaModal({
   value,
   setValue,
+  template,
+  setTemplate
 }: {
   setValue: (value: string) => void;
   value: string;
+  template: APITemplateType,
+  setTemplate: (template: APITemplateType) => void;
 }) {
   const [open, setOpen] = useState(true);
   const [code, setCode] = useState(value);
+  const [loading, setLoading] = useState(false);
   const { dark } = useContext(darkContext);
   const { setErrorData, setSuccessData } = useContext(alertContext);
   const { closePopUp } = useContext(PopUpContext);
@@ -44,6 +51,58 @@ export default function CodeAreaModal({
       }, 300);
     }
   }
+
+  function handleClick() {
+    setLoading(true);
+    postValidateCode(code)
+      .then((apiReturn) => {
+        setLoading(false);
+        if (apiReturn.data) {
+          let importsErrors = apiReturn.data.imports.errors;
+          let funcErrors = apiReturn.data.function.errors;
+          if (funcErrors.length === 0 && importsErrors.length === 0) {
+            setSuccessData({
+              title: "Code is ready to run",
+            });
+            // setValue(code);
+          } else {
+            if (funcErrors.length !== 0) {
+              setErrorData({
+                title: "There is an error in your function",
+                list: funcErrors,
+              });
+            }
+            if (importsErrors.length !== 0) {
+              setErrorData({
+                title: "There is an error in your imports",
+                list: importsErrors,
+              });
+            }
+          }
+        } else {
+          setErrorData({
+            title: "Something went wrong, please try again",
+          });
+        }
+      })
+      .catch((_) => {
+        setLoading(false);
+        setErrorData({
+          title:
+            "There is something wrong with this code, please review it",
+        })
+      }
+      );
+    UpdateTemplate('code',template).then((apiReturn) => {
+      const data = apiReturn.data;
+      if (data.template) {
+        console.log('updated')
+        setTemplate(data.template);
+        setModalOpen(false);
+      }
+    })
+  }
+
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger></DialogTrigger>
@@ -80,47 +139,10 @@ export default function CodeAreaModal({
         <DialogFooter>
           <Button
             className="mt-3"
-            onClick={() => {
-              postValidateCode(code)
-                .then((apiReturn) => {
-                  if (apiReturn.data) {
-                    let importsErrors = apiReturn.data.imports.errors;
-                    let funcErrors = apiReturn.data.function.errors;
-                    if (funcErrors.length === 0 && importsErrors.length === 0) {
-                      setSuccessData({
-                        title: "Code is ready to run",
-                      });
-                      setModalOpen(false);
-                      setValue(code);
-                    } else {
-                      if (funcErrors.length !== 0) {
-                        setErrorData({
-                          title: "There is an error in your function",
-                          list: funcErrors,
-                        });
-                      }
-                      if (importsErrors.length !== 0) {
-                        setErrorData({
-                          title: "There is an error in your imports",
-                          list: importsErrors,
-                        });
-                      }
-                    }
-                  } else {
-                    setErrorData({
-                      title: "Something went wrong, please try again",
-                    });
-                  }
-                })
-                .catch((_) =>
-                  setErrorData({
-                    title:
-                      "There is something wrong with this code, please review it",
-                  })
-                );
-            }}
+            onClick={handleClick}
             type="submit"
           >
+            {/* {loading?(<Loading/>):'Check & Save'} */}
             Check & Save
           </Button>
         </DialogFooter>
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 11f8aec07..5b31d63f1 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -1,6 +1,7 @@
 import { ForwardRefExoticComponent, ReactElement, ReactNode } from "react";
 import { NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
+import { APITemplateType } from "../api";
 export type InputComponentType = {
   value: string;
   disabled?: boolean;
@@ -50,6 +51,15 @@ export type TextAreaComponentType = {
   editNode?: boolean;
 };
 
+export type CodeAreaComponentType = {
+  disabled: boolean;
+  onChange: (value: string[] | string) => void;
+  value: string;
+  editNode?: boolean;
+  template: APITemplateType;
+  setTemplate: (value: APITemplateType) => void;
+};
+
 export type FileComponentType = {
   disabled: boolean;
   onChange: (value: string[] | string) => void;
diff --git a/src/frontend/vite.config.ts b/src/frontend/vite.config.ts
index 860c690ea..176c73aea 100644
--- a/src/frontend/vite.config.ts
+++ b/src/frontend/vite.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import svgr from "vite-plugin-svgr";
-const apiRoutes = ["^/api/v1/", "/health"];
+const apiRoutes = ["^/api/v1/", "/health","/dynamic_node"];
 
 // Use environment variable to determine the target.
 const target = process.env.VITE_PROXY_TARGET || "http://127.0.0.1:7860";

From 6736288e6f5542552df58d1953a0afb0bc2a2e5b Mon Sep 17 00:00:00 2001
From: gustavoschaedler <gustavopoa@gmail.com>
Date: Thu, 22 Jun 2023 21:37:01 +0100
Subject: [PATCH 006/367] Add code section

---
 src/backend/langflow/main.py | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index 713c921cd..caa70a79b 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -6,6 +6,18 @@ from langflow.database.base import create_db_and_tables
 
 template_node = {
     "template": {
+        "code": {
+            "required": True,
+            "placeholder": "",
+            "show": True,
+            "multiline": True,
+            "value": "\ndef my_user_python_function(text: str) -> str:\n    \"\"\"This is a default python function that returns the input text\"\"\"\n    return text.upper()\n",
+            "password": False,
+            "name": "code",
+            "advanced": False,
+            "type": "code",
+            "list": False
+        },
         "lc_kwargs": {
             "required": False,
             "placeholder": "",

From 531b3b3f7abdcebaca181384b8794395ef602861 Mon Sep 17 00:00:00 2001
From: gustavoschaedler <gustavopoa@gmail.com>
Date: Thu, 22 Jun 2023 21:49:22 +0100
Subject: [PATCH 007/367] Base classes data added

---
 src/backend/langflow/main.py | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index caa70a79b..801abbe3a 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -226,6 +226,13 @@ template_node = {
             "type": "int",
             "list": False
         },
+        "base_classes": [
+            "BaseChatModel",
+            "Serializable",
+            "BaseLanguageModel",
+            "ChatOpenAI"
+        ],
+        "description": "Wrapper around OpenAI Chat large language models.",
         "_type": "ChatOpenAI"
     }
 }

From 37e1ea05b428f82d7c8dcb760d39f43cab8b0b9e Mon Sep 17 00:00:00 2001
From: gustavoschaedler <gustavopoa@gmail.com>
Date: Thu, 22 Jun 2023 22:15:59 +0100
Subject: [PATCH 008/367] Base classes data moved

---
 src/backend/langflow/main.py | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index 801abbe3a..7f5644d69 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -226,15 +226,15 @@ template_node = {
             "type": "int",
             "list": False
         },
-        "base_classes": [
-            "BaseChatModel",
-            "Serializable",
-            "BaseLanguageModel",
-            "ChatOpenAI"
-        ],
-        "description": "Wrapper around OpenAI Chat large language models.",
         "_type": "ChatOpenAI"
-    }
+    },
+    "base_classes": [
+        "BaseChatModel",
+        "Serializable",
+        "BaseLanguageModel",
+        "ChatOpenAI"
+    ],
+    "description": "Wrapper around OpenAI Chat large language models."
 }
 
 

From 19be2e81780d70ff32dceb29596b68d0770b5eb9 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 22 Jun 2023 18:21:41 -0300
Subject: [PATCH 009/367] refactor(parameterComponent): change setTemplate to
 setNodeClass to improve semantics and fix bug refactor(codeAreaComponent):
 change template to nodeClass and setTemplate to setNodeClass to improve
 semantics refactor(API): change UpdateTemplate function parameter from
 template to nodeClass to improve semantics refactor(codeAreaModal): change
 template to nodeClass and setTemplate to setNodeClass to improve semantics
 and fix bug refactor(types): add APIClassType to import and change
 APITemplateType to import in relevant files to improve semantics

---
 .../components/parameterComponent/index.tsx    |  4 ++--
 .../src/components/codeAreaComponent/index.tsx | 12 ++++++------
 src/frontend/src/controllers/API/index.ts      |  3 ++-
 .../src/modals/codeAreaModal/index.tsx         | 18 +++++++++---------
 src/frontend/src/types/components/index.ts     |  6 +++---
 5 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index c35fd869b..915ab41ae 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -227,8 +227,8 @@ export default function ParameterComponent({
           </div>
         ) : left === true && type === "code" ? (
           <CodeAreaComponent
-          setTemplate={(template)=>{data.node.template = template}}
-            template={data.node.template}
+          setNodeClass={(nodeClass)=>{data.node = nodeClass}}
+            nodeClass={data.node}
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
             onChange={handleOnNewValue}
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index a4b7231c8..14e444ccc 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -11,8 +11,8 @@ export default function CodeAreaComponent({
   onChange,
   disabled,
   editNode = false,
-  template,
-  setTemplate,
+  nodeClass,
+  setNodeClass,
 }: CodeAreaComponentType) {
   const [myValue, setMyValue] = useState(value);
   const { openPopUp } = useContext(PopUpContext);
@@ -39,8 +39,8 @@ export default function CodeAreaComponent({
             openPopUp(
               <CodeAreaModal
                 value={myValue}
-                template={template}
-                setTemplate={setTemplate}
+                nodeClass={nodeClass}
+                setNodeClass={setNodeClass}
                 setValue={(t: string) => {
                   setMyValue(t);
                   onChange(t);
@@ -63,9 +63,9 @@ export default function CodeAreaComponent({
           onClick={() => {
             openPopUp(
               <CodeAreaModal
-              setTemplate={setTemplate}
+              setNodeClass={setNodeClass}
                 value={myValue}
-                template={template}
+                nodeClass={nodeClass}
                 setValue={(t: string) => {
                   setMyValue(t);
                   onChange(t);
diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 60820bb7e..c7a8ee776 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -5,6 +5,7 @@ import {
   InitTypeAPI,
   TemplateVariableType,
   APITemplateType,
+  APIClassType,
 } from "./../../types/api/index";
 import { APIObjectType, sendAllProps } from "../../types/api/index";
 import axios, { AxiosResponse } from "axios";
@@ -322,6 +323,6 @@ export async function postBuildInit(
   return await axios.post(`/api/v1/build/init`, flow);
 }
 
-export async function UpdateTemplate(type:string, template:APITemplateType):Promise<AxiosResponse<{template:APITemplateType}>>{
+export async function UpdateTemplate(type:string, nodeClass:APIClassType):Promise<AxiosResponse<APIClassType>>{
   return await axios.get(`/dynamic_node`);
 }
\ No newline at end of file
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 451946b0e..6448702a7 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -23,18 +23,18 @@ import {
 import { Button } from "../../components/ui/button";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
 import Loading from "../../components/ui/loading";
-import { APITemplateType } from "../../types/api";
+import { APIClassType, APITemplateType } from "../../types/api";
 
 export default function CodeAreaModal({
   value,
   setValue,
-  template,
-  setTemplate
+  nodeClass,
+  setNodeClass
 }: {
   setValue: (value: string) => void;
   value: string;
-  template: APITemplateType,
-  setTemplate: (template: APITemplateType) => void;
+  nodeClass: APIClassType,
+  setNodeClass: (Class: APIClassType) => void;
 }) {
   const [open, setOpen] = useState(true);
   const [code, setCode] = useState(value);
@@ -93,11 +93,11 @@ export default function CodeAreaModal({
         })
       }
       );
-    UpdateTemplate('code',template).then((apiReturn) => {
+    UpdateTemplate('code',nodeClass).then((apiReturn) => {
       const data = apiReturn.data;
-      if (data.template) {
-        console.log('updated')
-        setTemplate(data.template);
+      if (data) {
+        console.log(data)   
+        setNodeClass(data);
         setModalOpen(false);
       }
     })
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 5b31d63f1..845b853c8 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, ReactElement, ReactNode } from "react";
 import { NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
-import { APITemplateType } from "../api";
+import { APIClassType, APITemplateType } from "../api";
 export type InputComponentType = {
   value: string;
   disabled?: boolean;
@@ -56,8 +56,8 @@ export type CodeAreaComponentType = {
   onChange: (value: string[] | string) => void;
   value: string;
   editNode?: boolean;
-  template: APITemplateType;
-  setTemplate: (value: APITemplateType) => void;
+  nodeClass: APIClassType;
+  setNodeClass: (value: APIClassType) => void;
 };
 
 export type FileComponentType = {

From cf7cd979dc9ccb6dd9d00448bb3424568fed33c4 Mon Sep 17 00:00:00 2001
From: gustavoschaedler <gustavopoa@gmail.com>
Date: Fri, 23 Jun 2023 02:54:43 +0100
Subject: [PATCH 010/367] feat: Add ClassCodeExtractor and
 is_valid_class_template functions, and custom_component endpoint

This commit adds a new file called `extract_info_from_class.py` containing a `ClassCodeExtractor` class that can extract information (imports, class details and functions) from a Python class code. It also adds a function called `is_valid_class_template` that checks if a given Python class code matches a certain template. Additionally, the commit adds a new endpoint in the `/custom_component` route of `endpoints.py` that returns a dictionary of all `langchain` types created by a specific creator. Finally, the commit adds a new section to `types.py` named `template_node`, which describes a default dictionary that can be used to define a new node for Langflow's template editor.
---
 .../langflow/api/extract_info_from_class.py   |  70 ++++++
 src/backend/langflow/api/v1/endpoints.py      |  12 +-
 src/backend/langflow/api/v1/schemas.py        |   8 +-
 src/backend/langflow/interface/types.py       |  25 ++
 src/backend/langflow/main.py                  | 237 ++++++++++++++++++
 5 files changed, 350 insertions(+), 2 deletions(-)
 create mode 100644 src/backend/langflow/api/extract_info_from_class.py

diff --git a/src/backend/langflow/api/extract_info_from_class.py b/src/backend/langflow/api/extract_info_from_class.py
new file mode 100644
index 000000000..4dfb24e03
--- /dev/null
+++ b/src/backend/langflow/api/extract_info_from_class.py
@@ -0,0 +1,70 @@
+import ast
+
+
+class ClassCodeExtractor:
+    def __init__(self, code):
+        self.code = code
+        self.data = {
+            "imports": [],
+            "class": {
+                "inherited_classes": "",
+                "name": "",
+                "init": ""
+            },
+            "functions": []
+        }
+
+    def _handle_import(self, node):
+        for alias in node.names:
+            module_name = getattr(node, 'module', None)
+            self.data['imports'].append(
+                f"{module_name}.{alias.name}" if module_name else alias.name)
+
+    def _handle_class(self, node):
+        self.data['class'].update({
+            'name': node.name,
+            'inherited_classes': [ast.unparse(base) for base in node.bases]
+        })
+
+        for inner_node in node.body:
+            if isinstance(inner_node, ast.FunctionDef):
+                self._handle_function(inner_node)
+
+    def _handle_function(self, node):
+        function_name = node.name
+        function_args_str = ast.unparse(node.args)
+        function_args = function_args_str.split(
+            ", ") if function_args_str else []
+
+        return_type = ast.unparse(node.returns) if node.returns else "None"
+
+        function_data = {
+            "name": function_name,
+            "arguments": function_args,
+            "return_type": return_type
+        }
+
+        if function_name == "__init__":
+            self.data['class']['init'] = function_args_str.split(
+                ", ") if function_args_str else []
+        else:
+            self.data["functions"].append(function_data)
+
+    def extract_class_info(self):
+        module = ast.parse(self.code)
+
+        for node in module.body:
+            if isinstance(node, (ast.Import, ast.ImportFrom)):
+                self._handle_import(node)
+            elif isinstance(node, ast.ClassDef):
+                self._handle_class(node)
+
+        return self.data
+
+
+def is_valid_class_template(code: dict) -> bool:
+    class_name_ok = code["class"]["name"] == "PythonFunction"
+    function_run_exists = len(
+        [f for f in code["functions"] if f["name"] == "run"]) == 1
+
+    return (class_name_ok and function_run_exists)
diff --git a/src/backend/langflow/api/v1/endpoints.py b/src/backend/langflow/api/v1/endpoints.py
index 6fea926d7..4d3ac9f5e 100644
--- a/src/backend/langflow/api/v1/endpoints.py
+++ b/src/backend/langflow/api/v1/endpoints.py
@@ -7,9 +7,13 @@ from fastapi import APIRouter, Depends, HTTPException
 from langflow.api.v1.schemas import (
     PredictRequest,
     PredictResponse,
+    CustomComponentResponse,
 )
 
-from langflow.interface.types import build_langchain_types_dict
+from langflow.interface.types import (
+    build_langchain_types_dict,
+    build_langchain_types_dict_by_creator
+)
 from langflow.database.base import get_session
 from sqlmodel import Session
 
@@ -62,3 +66,9 @@ def get_version():
     from langflow import __version__
 
     return {"version": __version__}
+
+
+# @router.post("/custom_component", response_model=CustomComponentResponse, status_code=200)
+@router.post("/custom_component", status_code=200)
+def custom_component(code: dict):
+    return build_langchain_types_dict_by_creator("a")
diff --git a/src/backend/langflow/api/v1/schemas.py b/src/backend/langflow/api/v1/schemas.py
index fc2e8c69d..145ac9365 100644
--- a/src/backend/langflow/api/v1/schemas.py
+++ b/src/backend/langflow/api/v1/schemas.py
@@ -69,7 +69,8 @@ class ChatResponse(ChatMessage):
     @validator("type")
     def validate_message_type(cls, v):
         if v not in ["start", "stream", "end", "error", "info", "file"]:
-            raise ValueError("type must be start, stream, end, error, info, or file")
+            raise ValueError(
+                "type must be start, stream, end, error, info, or file")
         return v
 
 
@@ -110,3 +111,8 @@ class StreamData(BaseModel):
 
     def __str__(self) -> str:
         return f"event: {self.event}\ndata: {json.dumps(self.data)}\n\n"
+
+
+class CustomComponentResponse(BaseModel):
+    model: str = ""
+    step: str = ""
diff --git a/src/backend/langflow/interface/types.py b/src/backend/langflow/interface/types.py
index 085537756..ac1b59e6f 100644
--- a/src/backend/langflow/interface/types.py
+++ b/src/backend/langflow/interface/types.py
@@ -52,3 +52,28 @@ def build_langchain_types_dict():  # sourcery skip: dict-assign-update-to-union
         if created_types[creator.type_name].values():
             all_types.update(created_types)
     return all_types
+
+
+# sourcery skip: dict-assign-update-to-union
+def build_langchain_types_dict_by_creator(creator: str):
+    """Build a dictionary of all langchain types"""
+
+    all_types = {}
+
+    creators = [
+        chain_creator,
+        agent_creator,
+        prompt_creator,
+        llm_creator,
+        memory_creator,
+        tool_creator,
+        toolkits_creator,
+        wrapper_creator,
+        embedding_creator,
+        vectorstore_creator,
+        documentloader_creator,
+        textsplitter_creator,
+        utility_creator,
+    ]
+
+    return chain_creator.to_dict()['chains']['ConversationChain']
diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index ad3217eb5..7f5644d69 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -4,6 +4,239 @@ from fastapi.middleware.cors import CORSMiddleware
 from langflow.api import router
 from langflow.database.base import create_db_and_tables
 
+template_node = {
+    "template": {
+        "code": {
+            "required": True,
+            "placeholder": "",
+            "show": True,
+            "multiline": True,
+            "value": "\ndef my_user_python_function(text: str) -> str:\n    \"\"\"This is a default python function that returns the input text\"\"\"\n    return text.upper()\n",
+            "password": False,
+            "name": "code",
+            "advanced": False,
+            "type": "code",
+            "list": False
+        },
+        "lc_kwargs": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "password": False,
+            "name": "lc_kwargs",
+            "advanced": True,
+            "type": "code",
+            "list": False
+        },
+        "verbose": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "value": False,
+            "password": False,
+            "name": "verbose",
+            "advanced": False,
+            "type": "bool",
+            "list": False
+        },
+        "callbacks": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "password": False,
+            "name": "callbacks",
+            "advanced": False,
+            "type": "langchain.callbacks.base.BaseCallbackHandler",
+            "list": True
+        },
+        "tags": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "password": False,
+            "name": "tags",
+            "advanced": False,
+            "type": "str",
+            "list": True
+        },
+        "client": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "password": False,
+            "name": "client",
+            "advanced": False,
+            "type": "Any",
+            "list": False
+        },
+        "model_name": {
+            "required": False,
+            "placeholder": "",
+            "show": True,
+            "multiline": False,
+            "value": "gpt-3.5-turbo",
+            "password": False,
+            "options": [
+                "gpt-3.5-turbo-0613",
+                "gpt-3.5-turbo",
+                "gpt-3.5-turbo-16k-0613",
+                "gpt-3.5-turbo-16k",
+                "gpt-4-0613",
+                "gpt-4-32k-0613",
+                "gpt-4",
+                "gpt-4-32k"
+            ],
+            "name": "model_name",
+            "advanced": False,
+            "type": "str",
+            "list": True
+        },
+        "temperature": {
+            "required": False,
+            "placeholder": "",
+            "show": True,
+            "multiline": False,
+            "value": 0.7,
+            "password": False,
+            "name": "temperature",
+            "advanced": False,
+            "type": "float",
+            "list": False
+        },
+        "model_kwargs": {
+            "required": False,
+            "placeholder": "",
+            "show": True,
+            "multiline": False,
+            "password": False,
+            "name": "model_kwargs",
+            "advanced": True,
+            "type": "code",
+            "list": False
+        },
+        "openai_api_key": {
+            "required": False,
+            "placeholder": "",
+            "show": True,
+            "multiline": False,
+            "value": "",
+            "password": True,
+            "name": "openai_api_key",
+            "display_name": "OpenAI API Key",
+            "advanced": False,
+            "type": "str",
+            "list": False
+        },
+        "openai_api_base": {
+            "required": False,
+            "placeholder": "",
+            "show": True,
+            "multiline": False,
+            "password": False,
+            "name": "openai_api_base",
+            "display_name": "OpenAI API Base",
+            "advanced": False,
+            "type": "str",
+            "list": False
+        },
+        "openai_organization": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "password": False,
+            "name": "openai_organization",
+            "display_name": "OpenAI Organization",
+            "advanced": False,
+            "type": "str",
+            "list": False
+        },
+        "openai_proxy": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "password": False,
+            "name": "openai_proxy",
+            "display_name": "OpenAI Proxy",
+            "advanced": False,
+            "type": "str",
+            "list": False
+        },
+        "request_timeout": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "password": False,
+            "name": "request_timeout",
+            "advanced": False,
+            "type": "float",
+            "list": False
+        },
+        "max_retries": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "value": 6,
+            "password": False,
+            "name": "max_retries",
+            "advanced": False,
+            "type": "int",
+            "list": False
+        },
+        "streaming": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "value": False,
+            "password": False,
+            "name": "streaming",
+            "advanced": False,
+            "type": "bool",
+            "list": False
+        },
+        "n": {
+            "required": False,
+            "placeholder": "",
+            "show": False,
+            "multiline": False,
+            "value": 1,
+            "password": False,
+            "name": "n",
+            "advanced": False,
+            "type": "int",
+            "list": False
+        },
+        "max_tokens": {
+            "required": False,
+            "placeholder": "",
+            "show": True,
+            "multiline": False,
+            "password": True,
+            "name": "max_tokens",
+            "advanced": False,
+            "type": "int",
+            "list": False
+        },
+        "_type": "ChatOpenAI"
+    },
+    "base_classes": [
+        "BaseChatModel",
+        "Serializable",
+        "BaseLanguageModel",
+        "ChatOpenAI"
+    ],
+    "description": "Wrapper around OpenAI Chat large language models."
+}
+
 
 def create_app():
     """Create the FastAPI app and include the router."""
@@ -18,6 +251,10 @@ def create_app():
     def get_health():
         return {"status": "OK"}
 
+    @app.get("/dynamic_node")
+    def get_dynamic_nome():
+        return template_node
+
     app.add_middleware(
         CORSMiddleware,
         allow_origins=origins,

From ff0abf51839dec1113e350e403055e40f6954e49 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 26 Jun 2023 10:20:28 -0300
Subject: [PATCH 011/367] =?UTF-8?q?=F0=9F=94=A7=20refactor(chat.py):=20ref?=
 =?UTF-8?q?actor=20stream=5Fbuild=20function=20to=20send=20input=5Fkeys=20?=
 =?UTF-8?q?to=20the=20client=20The=20stream=5Fbuild=20function=20has=20bee?=
 =?UTF-8?q?n=20refactored=20to=20send=20input=5Fkeys=20to=20the=20client?=
 =?UTF-8?q?=20if=20the=20langchain=5Fobject=20has=20the=20attribute=20"inp?=
 =?UTF-8?q?ut=5Fkeys".=20This=20change=20improves=20the=20user=20experienc?=
 =?UTF-8?q?e=20by=20providing=20the=20client=20with=20the=20necessary=20in?=
 =?UTF-8?q?put=20keys=20to=20continue=20the=20conversation.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/chat.py | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index be9d6802c..666c5d3cd 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -120,7 +120,15 @@ async def stream_build(flow_id: str):
 
                 yield str(StreamData(event="message", data=response))
 
-            chat_manager.set_cache(flow_id, graph.build())
+            langchain_object = graph.build()
+            # Now we  need to check the input_keys to send them to the client
+            if hasattr(langchain_object, "input_keys"):
+                input_keys_response = {
+                    "input_keys": langchain_object.input_keys,
+                }
+                yield str(StreamData(event="input_keys", data=input_keys_response))
+
+            chat_manager.set_cache(flow_id, langchain_object)
         except Exception as exc:
             logger.error("Error while building the flow: %s", exc)
             yield str(StreamData(event="error", data={"error": str(exc)}))

From ebcaedb84000008c4fced20d6c078b5e92ee791d Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 26 Jun 2023 10:20:48 -0300
Subject: [PATCH 012/367] =?UTF-8?q?=E2=9C=A8=20feat(base.py):=20add=20inpu?=
 =?UTF-8?q?t=20validation=20for=20PromptTemplate=20to=20ensure=20that=20th?=
 =?UTF-8?q?e=20template=20and=20input=20variables=20are=20valid=20The=20co?=
 =?UTF-8?q?mmented=20out=20code=20was=20removed=20to=20improve=20code=20re?=
 =?UTF-8?q?adability.=20Input=20validation=20was=20added=20to=20ensure=20t?=
 =?UTF-8?q?hat=20the=20template=20and=20input=20variables=20are=20valid=20?=
 =?UTF-8?q?before=20creating=20a=20PromptTemplate=20object.=20This=20helps?=
 =?UTF-8?q?=20to=20prevent=20errors=20that=20may=20occur=20when=20the=20ob?=
 =?UTF-8?q?ject=20is=20created=20with=20invalid=20input.=20=F0=9F=94=92=20?=
 =?UTF-8?q?chore(base.py):=20remove=20commented=20out=20code=20and=20add?=
 =?UTF-8?q?=20input=20validation=20for=20PromptTemplate?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/base.py | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/backend/langflow/api/v1/base.py b/src/backend/langflow/api/v1/base.py
index 6941bedf3..d595210bb 100644
--- a/src/backend/langflow/api/v1/base.py
+++ b/src/backend/langflow/api/v1/base.py
@@ -1,6 +1,7 @@
 from pydantic import BaseModel, validator
 
 from langflow.interface.utils import extract_input_variables_from_prompt
+from langchain.prompts import PromptTemplate
 
 
 class CacheResponse(BaseModel):
@@ -57,6 +58,13 @@ def validate_prompt(template: str):
 
     # Check if there are invalid characters in the input_variables
     input_variables = check_input_variables(input_variables)
+    try:
+        PromptTemplate(template=template, input_variables=input_variables)
+    except Exception as exc:
+        raise ValueError(str(exc)) from exc
+
+    # if len(input_variables) > 1:
+    #     # If there's more than one input variable
 
     return PromptValidationResponse(input_variables=input_variables)
 

From 423caa5ddccf7e2ece70badcee9767fedec84070 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 26 Jun 2023 10:22:27 -0300
Subject: [PATCH 013/367] =?UTF-8?q?=F0=9F=94=8D=20chore(.gitignore):=20add?=
 =?UTF-8?q?=20prepare-commit-msg=20to=20avoid=20pushing=20Opencommit=20hoo?=
 =?UTF-8?q?k=20The=20prepare-commit-msg=20file=20is=20added=20to=20the=20.?=
 =?UTF-8?q?gitignore=20file=20to=20avoid=20pushing=20the=20Opencommit=20ho?=
 =?UTF-8?q?ok=20to=20the=20remote=20repository.=20This=20is=20done=20to=20?=
 =?UTF-8?q?prevent=20the=20hook=20from=20being=20executed=20on=20other=20m?=
 =?UTF-8?q?achines=20and=20to=20avoid=20any=20issues=20that=20may=20arise?=
 =?UTF-8?q?=20from=20the=20hook=20being=20executed=20on=20different=20mach?=
 =?UTF-8?q?ines.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
index 36af35fa2..ee56c6e1b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
+# This is to avoid Opencommit hook from getting pushed
+prepare-commit-msg
 # Logs
 logs
 *.log

From 5a6d75a38c60ceae5d726ccd2d19d8b7b06f7cc7 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 26 Jun 2023 10:23:00 -0300
Subject: [PATCH 014/367] =?UTF-8?q?=F0=9F=94=A5=20chore(.gitignore):=20rem?=
 =?UTF-8?q?ove=20.githooks/prepare-commit-msg=20from=20git=20tracking=20to?=
 =?UTF-8?q?=20avoid=20committing=20hooks=20accidentally?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 36af35fa2..c1decc34c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -242,3 +242,4 @@ dmypy.json
 # Poetry
 .testenv/*
 langflow.db
+.githooks/prepare-commit-msg

From 89286c64563b757a3974f4875ecba2c50caa05d1 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 26 Jun 2023 10:52:53 -0300
Subject: [PATCH 015/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(utils.py):=20ex?=
 =?UTF-8?q?tract=20build=5Finput=5Fkeys=5Fresponse=20function=20to=20impro?=
 =?UTF-8?q?ve=20code=20reusability=20=F0=9F=9A=80=20feat(chat.py):=20use?=
 =?UTF-8?q?=20build=5Finput=5Fkeys=5Fresponse=20function=20to=20build=20in?=
 =?UTF-8?q?put=20keys=20response=20The=20build=5Finput=5Fkeys=5Fresponse?=
 =?UTF-8?q?=20function=20was=20extracted=20from=20the=20remove=5Fapi=5Fkey?=
 =?UTF-8?q?s=20function=20to=20improve=20code=20reusability.=20It=20builds?=
 =?UTF-8?q?=20the=20input=20keys=20response=20object,=20which=20contains?=
 =?UTF-8?q?=20the=20input=20keys=20and=20memory=20keys=20of=20a=20langchai?=
 =?UTF-8?q?n=20object.=20The=20chat.py=20file=20now=20uses=20this=20functi?=
 =?UTF-8?q?on=20to=20build=20the=20input=20keys=20response=20object=20inst?=
 =?UTF-8?q?ead=20of=20building=20it=20manually.=20This=20improves=20code?=
 =?UTF-8?q?=20readability=20and=20reduces=20code=20duplication.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/utils.py   | 23 +++++++++++++++++++++++
 src/backend/langflow/api/v1/chat.py |  5 ++---
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/api/utils.py b/src/backend/langflow/api/utils.py
index bfd9e3da5..cd7daa5d2 100644
--- a/src/backend/langflow/api/utils.py
+++ b/src/backend/langflow/api/utils.py
@@ -22,3 +22,26 @@ def remove_api_keys(flow: dict):
                     value["value"] = None
 
     return flow
+
+
+def build_input_keys_response(langchain_object):
+    """Build the input keys response."""
+    input_keys_response = {
+        "input_keys": langchain_object.input_keys,
+        "memory_keys": [],
+    }
+    # If the object has memory, that memory will have a memory_variables attribute
+    # memory variables should be removed from the input keys
+    if hasattr(langchain_object, "memory") and hasattr(
+        langchain_object.memory, "memory_variables"
+    ):
+        # Remove memory variables from input keys
+        input_keys_response["input_keys"] = [
+            key
+            for key in input_keys_response["input_keys"]
+            if key not in langchain_object.memory.memory_variables
+        ]
+        # Add memory variables to memory_keys
+        input_keys_response["memory_keys"] = langchain_object.memory.memory_variables
+
+    return input_keys_response
diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index 666c5d3cd..5054bf107 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -6,6 +6,7 @@ from fastapi import (
     status,
 )
 from fastapi.responses import StreamingResponse
+from langflow.api.utils import build_input_keys_response
 from langflow.api.v1.schemas import BuiltResponse, InitResponse, StreamData
 
 from langflow.chat.manager import ChatManager
@@ -123,9 +124,7 @@ async def stream_build(flow_id: str):
             langchain_object = graph.build()
             # Now we  need to check the input_keys to send them to the client
             if hasattr(langchain_object, "input_keys"):
-                input_keys_response = {
-                    "input_keys": langchain_object.input_keys,
-                }
+                input_keys_response = build_input_keys_response(langchain_object)
                 yield str(StreamData(event="input_keys", data=input_keys_response))
 
             chat_manager.set_cache(flow_id, langchain_object)

From 90cc4023e5d168ba75d1933cc2f989c326121cff Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 26 Jun 2023 11:45:27 -0300
Subject: [PATCH 016/367] Added form button to bottom right and copied chat
 modal

---
 .../chatComponent/chatTrigger/index.tsx       |   2 +-
 .../chatComponent/formTrigger/index.tsx       |  51 +++
 .../src/components/chatComponent/index.tsx    |   5 +
 .../src/modals/formModal/chatInput/index.tsx  |  78 ++++
 .../formModal/chatMessage/codeBlock/index.tsx |  82 ++++
 .../modals/formModal/chatMessage/index.tsx    | 166 +++++++
 .../modals/formModal/fileComponent/index.tsx  |  79 ++++
 src/frontend/src/modals/formModal/index.tsx   | 415 ++++++++++++++++++
 8 files changed, 877 insertions(+), 1 deletion(-)
 create mode 100644 src/frontend/src/components/chatComponent/formTrigger/index.tsx
 create mode 100644 src/frontend/src/modals/formModal/chatInput/index.tsx
 create mode 100644 src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
 create mode 100644 src/frontend/src/modals/formModal/chatMessage/index.tsx
 create mode 100644 src/frontend/src/modals/formModal/fileComponent/index.tsx
 create mode 100644 src/frontend/src/modals/formModal/index.tsx

diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index db1c030ae..857a628c6 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -29,7 +29,7 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
       leaveFrom="translate-y-0"
       leaveTo="translate-y-96"
     >
-      <div className="absolute bottom-4 right-3">
+      <div className="absolute bottom-4 right-4">
         <div
           className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-[#0000002a] hover:shadow-[#00000032]
           bg-[#E2E7EE] dark:border-gray-600 cursor-pointer"
diff --git a/src/frontend/src/components/chatComponent/formTrigger/index.tsx b/src/frontend/src/components/chatComponent/formTrigger/index.tsx
new file mode 100644
index 000000000..fb560e7ec
--- /dev/null
+++ b/src/frontend/src/components/chatComponent/formTrigger/index.tsx
@@ -0,0 +1,51 @@
+import { Transition } from "@headlessui/react";
+import { FormInput, MessagesSquare } from "lucide-react";
+
+import { alertContext } from "../../../contexts/alertContext";
+import { useContext } from "react";
+
+export default function FormTrigger({ open, setOpen, isBuilt }) {
+  const { setErrorData } = useContext(alertContext);
+
+  function handleClick() {
+    if (isBuilt) {
+      setOpen(true);
+    } else {
+      setErrorData({
+        title: "Flow not built",
+        list: ["Please build the flow before chatting"],
+      });
+    }
+  }
+
+  return (
+    <Transition
+      show={!open}
+      appear={true}
+      enter="transition ease-out duration-300"
+      enterFrom="translate-y-96"
+      enterTo="translate-y-0"
+      leave="transition ease-in duration-300"
+      leaveFrom="translate-y-0"
+      leaveTo="translate-y-96"
+    >
+      <div className="absolute bottom-36 right-4">
+        <div
+          className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-[#0000002a] hover:shadow-[#00000032]
+          bg-[#E2E7EE] dark:border-gray-600 cursor-pointer"
+          onClick={handleClick}
+        >
+          <button>
+            <div className="flex gap-3">
+              <FormInput
+                className="pth-6 w-6 stroke-2 stroke-[#5c8be1]"
+                style={{ color: "white" }}
+                strokeWidth={1.5}
+              />
+            </div>
+          </button>
+        </div>
+      </div>
+    </Transition>
+  );
+}
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 6c451fc31..cff74cd46 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -7,9 +7,12 @@ import ChatModal from "../../modals/chatModal";
 
 import { getBuildStatus } from "../../controllers/API";
 import { NodeType } from "../../types/flow";
+import FormTrigger from "./formTrigger";
+import FormModal from "../../modals/formModal";
 
 export default function Chat({ flow }: ChatType) {
   const [open, setOpen] = useState(false);
+  const [openForm, setOpenForm] = useState(false);
   const [isBuilt, setIsBuilt] = useState(false);
 
   useEffect(() => {
@@ -69,7 +72,9 @@ export default function Chat({ flow }: ChatType) {
             isBuilt={isBuilt}
           />
           <ChatModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
+          <FormModal key={flow.id} flow={flow} open={openForm} setOpen={setOpenForm} />
           <ChatTrigger open={open} setOpen={setOpen} isBuilt={isBuilt} />
+          <FormTrigger open={openForm} setOpen={setOpenForm} isBuilt={isBuilt} />
         </div>
       ) : (
         <BuildTrigger
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
new file mode 100644
index 000000000..69d382748
--- /dev/null
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -0,0 +1,78 @@
+import { classNames } from "../../../utils";
+import { useContext, useEffect, useRef, useState } from "react";
+import { TabsContext } from "../../../contexts/tabsContext";
+import { INPUT_STYLE } from "../../../constants";
+import { Lock, Send } from "lucide-react";
+
+export default function ChatInput({
+  lockChat,
+  chatValue,
+  sendMessage,
+  setChatValue,
+  inputRef,
+}) {
+  useEffect(() => {
+    if (!lockChat && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [lockChat, inputRef]);
+
+  useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.style.height = "inherit"; // Reset the height
+      inputRef.current.style.height = `${inputRef.current.scrollHeight}px`; // Set it to the scrollHeight
+    }
+  }, [chatValue]);
+
+  return (
+    <div className="relative">
+      <textarea
+        onKeyDown={(event) => {
+          if (event.key === "Enter" && !lockChat && !event.shiftKey) {
+            sendMessage();
+          }
+        }}
+        rows={1}
+        ref={inputRef}
+        disabled={lockChat}
+        style={{
+          resize: "none",
+          bottom: `${inputRef?.current?.scrollHeight}px`,
+          maxHeight: "150px",
+          overflow: `${
+            inputRef.current && inputRef.current.scrollHeight > 150
+              ? "auto"
+              : "hidden"
+          }`,
+        }}
+        value={lockChat ? "Thinking..." : chatValue}
+        onChange={(e) => {
+          setChatValue(e.target.value);
+        }}
+        className={classNames(
+          lockChat
+            ? " bg-input text-black dark:bg-gray-700 dark:text-gray-300"
+            : "  bg-white-200 text-black dark:bg-gray-900 dark:text-gray-300",
+          "form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-10 sm:text-sm" +
+            INPUT_STYLE
+        )}
+        placeholder={"Send a message..."}
+      />
+      <div className="absolute bottom-0.5 right-3">
+        <button disabled={lockChat} onClick={() => sendMessage()}>
+          {lockChat ? (
+            <Lock
+              className="h-5 w-5 text-gray-500  dark:hover:text-gray-300 animate-pulse"
+              aria-hidden="true"
+            />
+          ) : (
+            <Send
+              className="h-5 w-5 text-gray-500 hover:text-gray-600 dark:hover:text-gray-300"
+              aria-hidden="true"
+            />
+          )}
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
new file mode 100644
index 000000000..851f5118a
--- /dev/null
+++ b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
@@ -0,0 +1,82 @@
+import { IconCheck, IconClipboard, IconDownload } from "@tabler/icons-react";
+import { FC, memo, useState } from "react";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
+import { programmingLanguages } from "../../../../utils";
+
+interface Props {
+  language: string;
+  value: string;
+}
+
+export const CodeBlock: FC<Props> = memo(({ language, value }) => {
+  const [isCopied, setIsCopied] = useState<Boolean>(false);
+
+  const copyToClipboard = () => {
+    if (!navigator.clipboard || !navigator.clipboard.writeText) {
+      return;
+    }
+
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+
+      setTimeout(() => {
+        setIsCopied(false);
+      }, 2000);
+    });
+  };
+  const downloadAsFile = () => {
+    const fileExtension = programmingLanguages[language] || ".file";
+    const suggestedFileName = `${"generated-code"}${fileExtension}`;
+    const fileName = window.prompt("enter file name", suggestedFileName);
+
+    if (!fileName) {
+      // user pressed cancel on prompt
+      return;
+    }
+
+    const blob = new Blob([value], { type: "text/plain" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.download = fileName;
+    link.href = url;
+    link.style.display = "none";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+  return (
+    <div className="codeblock font-sans text-[16px]">
+      <div className="flex items-center justify-between py-1.5 px-4">
+        <span className="text-xs lowercase text-white">{language}</span>
+
+        <div className="flex items-center">
+          <button
+            className="flex gap-1.5 items-center rounded bg-none p-1 text-xs text-white"
+            onClick={copyToClipboard}
+          >
+            {isCopied ? <IconCheck size={18} /> : <IconClipboard size={18} />}
+            {isCopied ? "Copied!" : "Copy code"}
+          </button>
+          <button
+            className="flex items-center rounded bg-none p-1 text-xs text-white"
+            onClick={downloadAsFile}
+          >
+            <IconDownload size={18} />
+          </button>
+        </div>
+      </div>
+
+      <SyntaxHighlighter
+        className=" w-[570px]"
+        language={language}
+        style={oneDark}
+        customStyle={{ margin: 0 }}
+      >
+        {value}
+      </SyntaxHighlighter>
+    </div>
+  );
+});
+CodeBlock.displayName = "CodeBlock";
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
new file mode 100644
index 000000000..3d4ce0b44
--- /dev/null
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -0,0 +1,166 @@
+import { useEffect, useRef, useState } from "react";
+import { ChatMessageType } from "../../../types/chat";
+import { classNames } from "../../../utils";
+import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
+import AiIconStill from "../../../assets/froze-flow.png";
+import FileCard from "../fileComponent";
+import ReactMarkdown from "react-markdown";
+import rehypeMathjax from "rehype-mathjax";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import { CodeBlock } from "./codeBlock";
+import Convert from "ansi-to-html";
+import { User2, MessageCircle } from "lucide-react";
+
+export default function ChatMessage({
+  chat,
+  lockChat,
+  lastMessage,
+}: {
+  chat: ChatMessageType;
+  lockChat: boolean;
+  lastMessage: boolean;
+}) {
+  const convert = new Convert({ newline: true });
+  const [message, setMessage] = useState("");
+  const imgRef = useRef(null);
+  useEffect(() => {
+    setMessage(chat.message);
+  }, [chat.message]);
+  const [hidden, setHidden] = useState(true);
+  return (
+    <div
+      className={classNames(
+        "w-full py-2 pl-2 flex",
+        chat.isSend
+          ? "bg-background dark:bg-gray-900 "
+          : "bg-input  dark:bg-gray-800"
+      )}
+    >
+      <div
+        className={classNames(
+          "rounded-full overflow-hidden w-8 h-8 flex items-center my-3 justify-center"
+        )}
+      >
+        {!chat.isSend && (
+          <div className="relative w-8 h-8">
+            <img
+              className={
+                "absolute transition-opacity duration-500 scale-150 " +
+                (lockChat ? "opacity-100" : "opacity-0")
+              }
+              src={lastMessage ? AiIcon : AiIconStill}
+            />
+            <img
+              className={
+                "absolute transition-opacity duration-500 scale-150 " +
+                (lockChat ? "opacity-0" : "opacity-100")
+              }
+              src={AiIconStill}
+            />
+          </div>
+        )}
+        {chat.isSend && (
+          <User2 className="w-6 h-6 -mb-1 text-gray-800 dark:text-gray-200" />
+        )}
+      </div>
+      {!chat.isSend ? (
+        <div className="w-full text-start flex items-center">
+          <div className="w-full relative text-start inline-block text-gray-600 dark:text-gray-300 text-sm font-normal">
+            {hidden && chat.thought && chat.thought !== "" && (
+              <div
+                onClick={() => setHidden((prev) => !prev)}
+                className="absolute -top-1 -left-2 cursor-pointer"
+              >
+                <MessageCircle className="w-5 h-5 animate-bounce dark:text-white" />
+              </div>
+            )}
+            {chat.thought && chat.thought !== "" && !hidden && (
+              <div
+                onClick={() => setHidden((prev) => !prev)}
+                className=" text-start inline-block rounded-md text-gray-600 dark:text-gray-200 h-full border border-gray-300 dark:border-gray-500
+								bg-muted dark:bg-gray-800 w-[95%] pb-3 pt-3 px-2 ml-3 cursor-pointer scrollbar-hide overflow-scroll"
+                dangerouslySetInnerHTML={{
+                  __html: convert.toHtml(chat.thought),
+                }}
+              ></div>
+            )}
+            {chat.thought && chat.thought !== "" && !hidden && <br></br>}
+            <div className="w-full px-4 pb-3 pt-3 pr-8">
+              <div className="dark:text-white w-full">
+                <div className="w-full">
+                  <ReactMarkdown
+                    remarkPlugins={[remarkGfm, remarkMath]}
+                    rehypePlugins={[rehypeMathjax]}
+                    className="markdown prose dark:prose-invert text-gray-600 dark:text-gray-200"
+                    components={{
+                      code({ node, inline, className, children, ...props }) {
+                        if (children.length) {
+                          if (children[0] == "▍") {
+                            return (
+                              <span className="animate-pulse cursor-default mt-1">
+                                ▍
+                              </span>
+                            );
+                          }
+
+                          children[0] = (children[0] as string).replace(
+                            "`▍`",
+                            "▍"
+                          );
+                        }
+
+                        const match = /language-(\w+)/.exec(className || "");
+
+                        return !inline ? (
+                          <CodeBlock
+                            key={Math.random()}
+                            language={(match && match[1]) || ""}
+                            value={String(children).replace(/\n$/, "")}
+                            {...props}
+                          />
+                        ) : (
+                          <code className={className} {...props}>
+                            {children}
+                          </code>
+                        );
+                      },
+                    }}
+                  >
+                    {message}
+                  </ReactMarkdown>
+                </div>
+                {chat.files && (
+                  <div className="my-2 w-full">
+                    {chat.files.map((file, index) => {
+                      return (
+                        <div key={index} className="my-2 w-full">
+                          <FileCard
+                            fileName={"Generated File"}
+                            fileType={file.data_type}
+                            content={file.data}
+                          />
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <div className="w-full flex items-center">
+          <div className="text-start inline-block px-3 text-gray-600 dark:text-white">
+            <span
+              className="text-gray-600 dark:text-gray-200"
+              dangerouslySetInnerHTML={{
+                __html: message.replace(/\n/g, "<br>"),
+              }}
+            ></span>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/frontend/src/modals/formModal/fileComponent/index.tsx b/src/frontend/src/modals/formModal/fileComponent/index.tsx
new file mode 100644
index 000000000..0807cd80c
--- /dev/null
+++ b/src/frontend/src/modals/formModal/fileComponent/index.tsx
@@ -0,0 +1,79 @@
+import * as base64js from "base64-js";
+import { useState } from "react";
+import { DownloadCloud, File } from "lucide-react";
+
+export default function FileCard({ fileName, content, fileType }) {
+  const handleDownload = () => {
+    const byteArray = new Uint8Array(base64js.toByteArray(content));
+    const blob = new Blob([byteArray], { type: "application/octet-stream" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName + ".png";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+  const [isHovered, setIsHovered] = useState(false);
+  function handleMouseEnter() {
+    setIsHovered(true);
+  }
+  function handleMouseLeave() {
+    setIsHovered(false);
+  }
+
+  if (fileType === "image") {
+    return (
+      <div
+        className="relative w-1/4 h-1/4"
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
+      >
+        <img
+          src={`data:image/png;base64,${content}`}
+          alt="generated image"
+          className="rounded-lg  w-full h-full"
+        />
+        {isHovered && (
+          <div
+            className={`absolute top-0 right-0 bg-muted text-gray-700 rounded-bl-lg px-1 text-sm font-bold dark:bg-gray-700 dark:text-gray-300`}
+          >
+            <button
+              className="text-gray-500 py-1 px-2 dark:bg-gray-700 dark:text-gray-300"
+              onClick={handleDownload}
+            >
+              <DownloadCloud className="hover:scale-110 w-5 h-5 text-current" />
+            </button>
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  return (
+    <button
+      onClick={handleDownload}
+      className="bg-muted shadow rounded w-1/2 text-gray-700 hover:drop-shadow-lg px-2 py-2 flex justify-between items-center border border-gray-300"
+    >
+      <div className="flex gap-2 text-current items-center w-full mr-2">
+        {" "}
+        {fileType === "image" ? (
+          <img
+            src={`data:image/png;base64,${content}`}
+            alt=""
+            className="w-8 h-8"
+          />
+        ) : (
+          <File className="w-8 h-8" />
+        )}
+        <div className="flex flex-col items-start">
+          {" "}
+          <div className="truncate text-sm text-current">{fileName}</div>
+          <div className="truncate text-xs  text-gray-500">{fileType}</div>
+        </div>
+        <DownloadCloud className="w-6 h-6 text-current ml-auto" />
+      </div>
+    </button>
+  );
+}
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
new file mode 100644
index 000000000..b45aa23c7
--- /dev/null
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -0,0 +1,415 @@
+import { Dialog, Transition } from "@headlessui/react";
+import { Fragment, useContext, useEffect, useRef, useState } from "react";
+import { FlowType } from "../../types/flow";
+import { alertContext } from "../../contexts/alertContext";
+import { validateNodes } from "../../utils";
+import { typesContext } from "../../contexts/typesContext";
+import ChatMessage from "./chatMessage";
+import { X, MessagesSquare, Eraser } from "lucide-react";
+import { sendAllProps } from "../../types/api";
+import { ChatMessageType } from "../../types/chat";
+import ChatInput from "./chatInput";
+
+import _ from "lodash";
+
+export default function FormModal({
+  flow,
+  open,
+  setOpen,
+}: {
+  open: boolean;
+  setOpen: Function;
+  flow: FlowType;
+}) {
+  const [chatValue, setChatValue] = useState("");
+  const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
+  const { reactFlowInstance } = useContext(typesContext);
+  const { setErrorData, setNoticeData } = useContext(alertContext);
+  const ws = useRef<WebSocket | null>(null);
+  const [lockChat, setLockChat] = useState(false);
+  const isOpen = useRef(open);
+  const messagesRef = useRef(null);
+  const id = useRef(flow.id);
+
+  useEffect(() => {
+    if (messagesRef.current) {
+      messagesRef.current.scrollTop = messagesRef.current.scrollHeight;
+    }
+  }, [chatHistory]);
+
+  useEffect(() => {
+    isOpen.current = open;
+  }, [open]);
+  useEffect(() => {
+    id.current = flow.id;
+  }, [flow.id]);
+
+  var isStream = false;
+
+  const addChatHistory = (
+    message: string,
+    isSend: boolean,
+    thought?: string,
+    files?: Array<any>
+  ) => {
+    setChatHistory((old) => {
+      let newChat = _.cloneDeep(old);
+      if (files) {
+        newChat.push({ message, isSend, files, thought });
+      } else if (thought) {
+        newChat.push({ message, isSend, thought });
+      } else {
+        newChat.push({ message, isSend });
+      }
+      return newChat;
+    });
+  };
+
+  //add proper type signature for function
+
+  function updateLastMessage({
+    str,
+    thought,
+    end = false,
+    files,
+  }: {
+    str?: string;
+    thought?: string;
+    // end param default is false
+    end?: boolean;
+    files?: Array<any>;
+  }) {
+    setChatHistory((old) => {
+      let newChat = [...old];
+      if (str) {
+        if (end) {
+          newChat[newChat.length - 1].message = str;
+        } else {
+          newChat[newChat.length - 1].message =
+            newChat[newChat.length - 1].message + str;
+        }
+      }
+      if (thought) {
+        newChat[newChat.length - 1].thought = thought;
+      }
+      if (files) {
+        newChat[newChat.length - 1].files = files;
+      }
+      return newChat;
+    });
+  }
+
+  function handleOnClose(event: CloseEvent) {
+    if (isOpen.current) {
+      setErrorData({ title: event.reason });
+      setTimeout(() => {
+        connectWS();
+        setLockChat(false);
+      }, 1000);
+    }
+  }
+
+  function getWebSocketUrl(chatId, isDevelopment = false) {
+    const isSecureProtocol = window.location.protocol === "https:";
+    const webSocketProtocol = isSecureProtocol ? "wss" : "ws";
+    const host = isDevelopment ? "localhost:7860" : window.location.host;
+    const chatEndpoint = `/api/v1/chat/${chatId}`;
+
+    return `${
+      isDevelopment ? "ws" : webSocketProtocol
+    }://${host}${chatEndpoint}`;
+  }
+
+  function handleWsMessage(data: any) {
+    if (Array.isArray(data)) {
+      //set chat history
+      setChatHistory((_) => {
+        let newChatHistory: ChatMessageType[] = [];
+        data.forEach(
+          (chatItem: {
+            intermediate_steps?: "string";
+            is_bot: boolean;
+            message: string;
+            type: string;
+            files?: Array<any>;
+          }) => {
+            if (chatItem.message) {
+              newChatHistory.push(
+                chatItem.files
+                  ? {
+                      isSend: !chatItem.is_bot,
+                      message: chatItem.message,
+                      thought: chatItem.intermediate_steps,
+                      files: chatItem.files,
+                    }
+                  : {
+                      isSend: !chatItem.is_bot,
+                      message: chatItem.message,
+                      thought: chatItem.intermediate_steps,
+                    }
+              );
+            }
+          }
+        );
+        return newChatHistory;
+      });
+    }
+    if (data.type === "start") {
+      addChatHistory("", false);
+      isStream = true;
+    }
+    if (data.type === "end") {
+      if (data.message) {
+        updateLastMessage({ str: data.message, end: true });
+      }
+      if (data.intermediate_steps) {
+        updateLastMessage({
+          str: data.message,
+          thought: data.intermediate_steps,
+          end: true,
+        });
+      }
+      if (data.files) {
+        updateLastMessage({
+          end: true,
+          files: data.files,
+        });
+      }
+
+      setLockChat(false);
+      isStream = false;
+    }
+    if (data.type === "stream" && isStream) {
+      updateLastMessage({ str: data.message });
+    }
+  }
+
+  function connectWS() {
+    try {
+      const urlWs = getWebSocketUrl(
+        id.current,
+        process.env.NODE_ENV === "development"
+      );
+      const newWs = new WebSocket(urlWs);
+      newWs.onopen = () => {
+        console.log("WebSocket connection established!");
+      };
+      newWs.onmessage = (event) => {
+        const data = JSON.parse(event.data);
+        console.log("Received data:", data);
+        handleWsMessage(data);
+        //get chat history
+      };
+      newWs.onclose = (event) => {
+        handleOnClose(event);
+      };
+      newWs.onerror = (ev) => {
+        console.log(ev, "error");
+        if (flow.id === "") {
+          connectWS();
+        } else {
+          setErrorData({
+            title: "There was an error on web connection, please: ",
+            list: [
+              "Refresh the page",
+              "Use a new flow tab",
+              "Check if the backend is up",
+            ],
+          });
+        }
+      };
+      ws.current = newWs;
+    } catch (error) {
+      if (flow.id === "") {
+        connectWS();
+      }
+      console.log(error);
+    }
+  }
+
+  useEffect(() => {
+    connectWS();
+    return () => {
+      console.log("unmount");
+      console.log(ws);
+      if (ws.current) {
+        ws.current.close();
+      }
+    };
+  }, []);
+
+  useEffect(() => {
+    if (
+      ws.current &&
+      (ws.current.readyState === ws.current.CLOSED ||
+        ws.current.readyState === ws.current.CLOSING)
+    ) {
+      connectWS();
+      setLockChat(false);
+    }
+  }, [lockChat]);
+
+  async function sendAll(data: sendAllProps) {
+    try {
+      if (ws) {
+        ws.current.send(JSON.stringify(data));
+      }
+    } catch (error) {
+      setErrorData({
+        title: "There was an error sending the message",
+        list: [error.message],
+      });
+      setChatValue(data.message);
+      connectWS();
+    }
+  }
+
+  useEffect(() => {
+    if (ref.current) ref.current.scrollIntoView({ behavior: "smooth" });
+  }, [chatHistory]);
+
+  const ref = useRef(null);
+
+  useEffect(() => {
+    if (open && ref.current) {
+      ref.current.focus();
+    }
+  }, [open]);
+
+  function sendMessage() {
+    if (chatValue !== "") {
+      let nodeValidationErrors = validateNodes(reactFlowInstance);
+      if (nodeValidationErrors.length === 0) {
+        setLockChat(true);
+        let message = chatValue;
+        setChatValue("");
+        addChatHistory(message, true);
+        sendAll({
+          ...reactFlowInstance.toObject(),
+          message,
+          chatHistory,
+          name: flow.name,
+          description: flow.description,
+        });
+      } else {
+        setErrorData({
+          title: "Oops! Looks like you missed some required information:",
+          list: nodeValidationErrors,
+        });
+      }
+    } else {
+      setErrorData({
+        title: "Error sending message",
+        list: ["The message cannot be empty."],
+      });
+    }
+  }
+  function clearChat() {
+    setChatHistory([]);
+    ws.current.send(JSON.stringify({ clear_history: true }));
+    if (lockChat) setLockChat(false);
+  }
+
+  function setModalOpen(x: boolean) {
+    setOpen(x);
+  }
+  return (
+    <Transition.Root show={open} appear={open} as={Fragment}>
+      <Dialog
+        as="div"
+        className="relative z-10"
+        onClose={setModalOpen}
+        initialFocus={ref}
+      >
+        <Transition.Child
+          as={Fragment}
+          enter="ease-out duration-300"
+          enterFrom="opacity-0"
+          enterTo="opacity-100"
+          leave="ease-in duration-200"
+          leaveFrom="opacity-100"
+          leaveTo="opacity-0"
+        >
+          <div className="fixed inset-0 bg-black backdrop-blur-sm dark:bg-gray-600 dark:bg-opacity-80 bg-opacity-80 transition-opacity" />
+        </Transition.Child>
+
+        <div className="fixed inset-0 z-10 overflow-y-auto">
+          <div className="flex h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
+            <Transition.Child
+              as={Fragment}
+              enter="ease-out duration-300"
+              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+              enterTo="opacity-100 translate-y-0 sm:scale-100"
+              leave="ease-in duration-200"
+              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
+              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+            >
+              <Dialog.Panel className=" drop-shadow-2xl relative flex flex-col justify-between transform h-[95%] overflow-hidden rounded-lg bg-white dark:bg-gray-800 text-left shadow-xl transition-all w-[690px]">
+                <div className="relative w-full p-4">
+                  <button
+                    onClick={() => clearChat()}
+                    className="absolute top-2 right-10 hover:text-red-500 text-gray-600 dark:text-gray-300 dark:hover:text-red-500 z-30"
+                  >
+                    <Eraser className="w-4 h-4" />
+                  </button>
+                  <button
+                    onClick={() => setModalOpen(false)}
+                    className="absolute top-1.5 right-2 hover:text-red-500 text-gray-600 dark:text-gray-300 dark:hover:text-red-500 z-30"
+                  >
+                    <X className="w-5 h-5" />
+                  </button>
+                </div>
+                <div
+                  ref={messagesRef}
+                  className="w-full h-full bg-white dark:bg-gray-800 border-t dark:border-t-gray-600 flex-col flex items-center overflow-scroll scrollbar-hide"
+                >
+                  {chatHistory.length > 0 ? (
+                    chatHistory.map((c, i) => (
+                      <ChatMessage
+                        lockChat={lockChat}
+                        chat={c}
+                        lastMessage={chatHistory.length - 1 == i ? true : false}
+                        key={i}
+                      />
+                    ))
+                  ) : (
+                    <div className="flex flex-col h-full text-center justify-center w-full items-center align-middle">
+                      <span>
+                        👋{" "}
+                        <span className="text-gray-600 dark:text-gray-300 text-lg">
+                          LangFlow Chat
+                        </span>
+                      </span>
+                      <br />
+                      <div className="bg-muted dark:bg-gray-900 rounded-md w-2/4 px-6 py-8 border border-gray-200 dark:border-gray-700">
+                        <span className="text-base text-gray-500">
+                          Start a conversation and click the agent’s thoughts{" "}
+                          <span>
+                            <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 " />
+                          </span>{" "}
+                          to inspect the chaining process.
+                        </span>
+                      </div>
+                    </div>
+                  )}
+                  <div ref={ref}></div>
+                </div>
+                <div className="w-full bg-white dark:bg-gray-800 border-t dark:border-t-gray-600 flex-col flex items-center justify-between p-3">
+                  <div className="relative w-full  mt-1 rounded-md shadow-sm">
+                    <ChatInput
+                      chatValue={chatValue}
+                      lockChat={lockChat}
+                      sendMessage={sendMessage}
+                      setChatValue={setChatValue}
+                      inputRef={ref}
+                    />
+                  </div>
+                </div>
+              </Dialog.Panel>
+            </Transition.Child>
+          </div>
+        </div>
+      </Dialog>
+    </Transition.Root>
+  );
+}

From ea65c58682d42ce8f7010c57c6aab115eadeccc1 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 26 Jun 2023 11:48:25 -0300
Subject: [PATCH 017/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatComponent):=20fi?=
 =?UTF-8?q?x=20ChatTrigger=20and=20FormTrigger=20open=20state=20to=20open?=
 =?UTF-8?q?=20when=20either=20of=20them=20is=20clicked?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/chatComponent/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index cff74cd46..451955a14 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -66,15 +66,15 @@ export default function Chat({ flow }: ChatType) {
       {isBuilt ? (
         <div>
           <BuildTrigger
-            open={open}
+            open={open || openForm}
             flow={flow}
             setIsBuilt={setIsBuilt}
             isBuilt={isBuilt}
           />
           <ChatModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
           <FormModal key={flow.id} flow={flow} open={openForm} setOpen={setOpenForm} />
-          <ChatTrigger open={open} setOpen={setOpen} isBuilt={isBuilt} />
-          <FormTrigger open={openForm} setOpen={setOpenForm} isBuilt={isBuilt} />
+          <ChatTrigger open={open || openForm} setOpen={setOpen} isBuilt={isBuilt} />
+          <FormTrigger open={open || openForm} setOpen={setOpenForm} isBuilt={isBuilt} />
         </div>
       ) : (
         <BuildTrigger

From 2b08969c0d44d59290dc649a329cdf0a8e288f77 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 26 Jun 2023 12:00:53 -0300
Subject: [PATCH 018/367] =?UTF-8?q?=F0=9F=8E=A8=20style(chatTrigger,=20for?=
 =?UTF-8?q?mTrigger,=20formModal):=20change=20absolute=20positioning=20to?=
 =?UTF-8?q?=20fixed=20positioning=20to=20improve=20UI=20layout=20and=20con?=
 =?UTF-8?q?sistency,=20added=20ShadCN=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chatComponent/chatTrigger/index.tsx       |   2 +-
 .../chatComponent/formTrigger/index.tsx       |   2 +-
 src/frontend/src/modals/formModal/index.tsx   | 133 +++++-------------
 3 files changed, 38 insertions(+), 99 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 857a628c6..c173e9135 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -29,7 +29,7 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
       leaveFrom="translate-y-0"
       leaveTo="translate-y-96"
     >
-      <div className="absolute bottom-4 right-4">
+      <div className="fixed bottom-4 right-4">
         <div
           className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-[#0000002a] hover:shadow-[#00000032]
           bg-[#E2E7EE] dark:border-gray-600 cursor-pointer"
diff --git a/src/frontend/src/components/chatComponent/formTrigger/index.tsx b/src/frontend/src/components/chatComponent/formTrigger/index.tsx
index fb560e7ec..c281a92e3 100644
--- a/src/frontend/src/components/chatComponent/formTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/formTrigger/index.tsx
@@ -29,7 +29,7 @@ export default function FormTrigger({ open, setOpen, isBuilt }) {
       leaveFrom="translate-y-0"
       leaveTo="translate-y-96"
     >
-      <div className="absolute bottom-36 right-4">
+      <div className="fixed bottom-36 right-4">
         <div
           className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-[#0000002a] hover:shadow-[#00000032]
           bg-[#E2E7EE] dark:border-gray-600 cursor-pointer"
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index b45aa23c7..7fc0cb5e7 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -1,16 +1,21 @@
-import { Dialog, Transition } from "@headlessui/react";
+import { Transition } from "@headlessui/react";
 import { Fragment, useContext, useEffect, useRef, useState } from "react";
 import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
 import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser } from "lucide-react";
+import { X, MessagesSquare, Eraser, TerminalSquare } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
 
 import _ from "lodash";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../../components/ui/dialog";
+import { dark } from "@mui/material/styles/createPalette";
+import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
+import { postValidateCode } from "../../controllers/API";
+import { Button } from "../../components/ui/button";
 
 export default function FormModal({
   flow,
@@ -314,102 +319,36 @@ export default function FormModal({
     setOpen(x);
   }
   return (
-    <Transition.Root show={open} appear={open} as={Fragment}>
-      <Dialog
-        as="div"
-        className="relative z-10"
-        onClose={setModalOpen}
-        initialFocus={ref}
-      >
-        <Transition.Child
-          as={Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="fixed inset-0 bg-black backdrop-blur-sm dark:bg-gray-600 dark:bg-opacity-80 bg-opacity-80 transition-opacity" />
-        </Transition.Child>
+    <Dialog open={open} onOpenChange={setModalOpen}>
+      <DialogTrigger className="hidden"></DialogTrigger>
+      <DialogContent className="lg:max-w-[700px] h-[500px]">
+        <DialogHeader>
+          <DialogTitle className="flex items-center">
+            <span className="pr-2">Chat Form</span>
+            <TerminalSquare
+              className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
+              aria-hidden="true"
+            />
+          </DialogTitle>
+          <DialogDescription>{CODE_PROMPT_DIALOG_SUBTITLE}</DialogDescription>
+        </DialogHeader>
 
-        <div className="fixed inset-0 z-10 overflow-y-auto">
-          <div className="flex h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
-            <Transition.Child
-              as={Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              enterTo="opacity-100 translate-y-0 sm:scale-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            >
-              <Dialog.Panel className=" drop-shadow-2xl relative flex flex-col justify-between transform h-[95%] overflow-hidden rounded-lg bg-white dark:bg-gray-800 text-left shadow-xl transition-all w-[690px]">
-                <div className="relative w-full p-4">
-                  <button
-                    onClick={() => clearChat()}
-                    className="absolute top-2 right-10 hover:text-red-500 text-gray-600 dark:text-gray-300 dark:hover:text-red-500 z-30"
-                  >
-                    <Eraser className="w-4 h-4" />
-                  </button>
-                  <button
-                    onClick={() => setModalOpen(false)}
-                    className="absolute top-1.5 right-2 hover:text-red-500 text-gray-600 dark:text-gray-300 dark:hover:text-red-500 z-30"
-                  >
-                    <X className="w-5 h-5" />
-                  </button>
-                </div>
-                <div
-                  ref={messagesRef}
-                  className="w-full h-full bg-white dark:bg-gray-800 border-t dark:border-t-gray-600 flex-col flex items-center overflow-scroll scrollbar-hide"
-                >
-                  {chatHistory.length > 0 ? (
-                    chatHistory.map((c, i) => (
-                      <ChatMessage
-                        lockChat={lockChat}
-                        chat={c}
-                        lastMessage={chatHistory.length - 1 == i ? true : false}
-                        key={i}
-                      />
-                    ))
-                  ) : (
-                    <div className="flex flex-col h-full text-center justify-center w-full items-center align-middle">
-                      <span>
-                        👋{" "}
-                        <span className="text-gray-600 dark:text-gray-300 text-lg">
-                          LangFlow Chat
-                        </span>
-                      </span>
-                      <br />
-                      <div className="bg-muted dark:bg-gray-900 rounded-md w-2/4 px-6 py-8 border border-gray-200 dark:border-gray-700">
-                        <span className="text-base text-gray-500">
-                          Start a conversation and click the agent’s thoughts{" "}
-                          <span>
-                            <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 " />
-                          </span>{" "}
-                          to inspect the chaining process.
-                        </span>
-                      </div>
-                    </div>
-                  )}
-                  <div ref={ref}></div>
-                </div>
-                <div className="w-full bg-white dark:bg-gray-800 border-t dark:border-t-gray-600 flex-col flex items-center justify-between p-3">
-                  <div className="relative w-full  mt-1 rounded-md shadow-sm">
-                    <ChatInput
-                      chatValue={chatValue}
-                      lockChat={lockChat}
-                      sendMessage={sendMessage}
-                      setChatValue={setChatValue}
-                      inputRef={ref}
-                    />
-                  </div>
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
+        <div className="flex h-full w-full mt-2">
+          teste
         </div>
-      </Dialog>
-    </Transition.Root>
+
+        <DialogFooter>
+          <Button
+            className="mt-3"
+            onClick={() => {
+              
+            }}
+            type="submit"
+          >
+            Check & Save
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   );
 }

From d3a2367932c5de9cf57716ec34cb5024aac867ce Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 26 Jun 2023 13:27:34 -0300
Subject: [PATCH 019/367] =?UTF-8?q?=F0=9F=9A=80=20feat(custom.py):=20add?=
 =?UTF-8?q?=20AgentType=20enum=20to=20improve=20readability=20and=20type?=
 =?UTF-8?q?=20safety=20The=20`AgentType`=20enum=20is=20added=20to=20the=20?=
 =?UTF-8?q?`langchain.agents.custom`=20module=20to=20improve=20readability?=
 =?UTF-8?q?=20and=20type=20safety.=20The=20`InitializeAgent`=20class=20now?=
 =?UTF-8?q?=20uses=20the=20`AgentType`=20enum=20to=20ensure=20that=20the?=
 =?UTF-8?q?=20`agent`=20parameter=20is=20a=20valid=20value=20from=20the=20?=
 =?UTF-8?q?enum.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/agents/custom.py | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/backend/langflow/interface/agents/custom.py b/src/backend/langflow/interface/agents/custom.py
index a4191a8b7..aa0cfb5db 100644
--- a/src/backend/langflow/interface/agents/custom.py
+++ b/src/backend/langflow/interface/agents/custom.py
@@ -6,6 +6,7 @@ from langchain.agents import (
     Tool,
     ZeroShotAgent,
     initialize_agent,
+    AgentType,
 )
 from langchain.agents.agent_toolkits import (
     SQLDatabaseToolkit,
@@ -297,6 +298,9 @@ class InitializeAgent(CustomAgentExecutor):
         agent: str,
         memory: Optional[BaseChatMemory] = None,
     ):
+        # Find which value in the AgentType enum corresponds to the string
+        # passed in as agent
+        agent = AgentType(agent)
         return initialize_agent(
             tools=tools,
             llm=llm,

From 8107f9e332137ce87d4cd9558276a7598c5d4175 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 12:06:23 -0300
Subject: [PATCH 020/367] =?UTF-8?q?=E2=9C=A8=20feat(loading.py):=20add=20s?=
 =?UTF-8?q?upport=20for=20new=20prompt=20templates=20in=20instantiate=5Fpr?=
 =?UTF-8?q?ompt=20function=20The=20config.yaml=20file=20has=20been=20updat?=
 =?UTF-8?q?ed=20to=20include=20new=20prompt=20templates.=20In=20types.py,?=
 =?UTF-8?q?=20the=20input=5Fvariables=20list=20was=20not=20being=20cleared?=
 =?UTF-8?q?=20when=20prompt=20or=20messages=20were=20present,=20which=20ha?=
 =?UTF-8?q?s=20been=20fixed.=20The=20instantiate=5Fprompt=20function=20in?=
 =?UTF-8?q?=20loading.py=20has=20been=20updated=20to=20support=20the=20new?=
 =?UTF-8?q?=20prompt=20templates.=20=F0=9F=94=80=20chore(config):=20add=20?=
 =?UTF-8?q?new=20prompt=20templates=20to=20config.yaml=20=F0=9F=90=9B=20fi?=
 =?UTF-8?q?x(types.py):=20fix=20input=5Fvariables=20not=20being=20cleared?=
 =?UTF-8?q?=20when=20prompt=20or=20messages=20are=20present?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/config.yaml                 |  5 +++++
 src/backend/langflow/graph/vertex/types.py       | 16 +++++++++++-----
 .../langflow/interface/initialize/loading.py     | 13 +++++++++++++
 3 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/backend/langflow/config.yaml b/src/backend/langflow/config.yaml
index d8cd4a325..26fec2be3 100644
--- a/src/backend/langflow/config.yaml
+++ b/src/backend/langflow/config.yaml
@@ -73,6 +73,11 @@ prompts:
   - PromptTemplate
   - FewShotPromptTemplate
   - ZeroShotPrompt
+  - ChatPromptTemplate
+  - SystemMessagePromptTemplate
+  - AIMessagePromptTemplate
+  - HumanMessagePromptTemplate
+  - ChatMessagePromptTemplate
 textsplitters:
   - CharacterTextSplitter
   - RecursiveCharacterTextSplitter
diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index b6a8f9a91..775a2ebd2 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -180,11 +180,17 @@ class PromptVertex(Vertex):
                 ]
             else:
                 prompt_params = ["template"]
-            for param in prompt_params:
-                prompt_text = self.params[param]
-                variables = extract_input_variables_from_prompt(prompt_text)
-                self.params["input_variables"].extend(variables)
-            self.params["input_variables"] = list(set(self.params["input_variables"]))
+
+            if "prompt" not in self.params and "messages" not in self.params:
+                for param in prompt_params:
+                    prompt_text = self.params[param]
+                    variables = extract_input_variables_from_prompt(prompt_text)
+                    self.params["input_variables"].extend(variables)
+                self.params["input_variables"] = list(
+                    set(self.params["input_variables"])
+                )
+            else:
+                self.params.pop("input_variables", None)
 
             self._build()
         return self._built_object
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 88b981f9d..235eabaff 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -97,6 +97,19 @@ def instantiate_prompt(node_type, class_object, params):
         if "tools" not in params:
             params["tools"] = []
         return ZeroShotAgent.create_prompt(**params)
+    if "MessagePromptTemplate" in node_type:
+        # Then we only need the template
+        from_template_params = {
+            "template": params.pop("prompt", params.pop("template", ""))
+        }
+
+        if not from_template_params.get("template"):
+            raise ValueError("Prompt template is required")
+        return class_object.from_template(**from_template_params)
+
+    if node_type == "ChatPromptTemplate":
+        return class_object.from_messages(**params)
+
     return class_object(**params)
 
 

From a0ea6647eb4437ec608a71e3137f6f2923dffc1a Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 12:40:45 -0300
Subject: [PATCH 021/367] Initial changes on form modal

---
 src/frontend/src/modals/formModal/index.tsx | 31 ++++++++++-----------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 7fc0cb5e7..7fcb32cc8 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -16,6 +16,8 @@ import { dark } from "@mui/material/styles/createPalette";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
 import { postValidateCode } from "../../controllers/API";
 import { Button } from "../../components/ui/button";
+import { Input } from "../../components/ui/input";
+import { Label } from "../../components/ui/label";
 
 export default function FormModal({
   flow,
@@ -321,7 +323,7 @@ export default function FormModal({
   return (
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>
-      <DialogContent className="lg:max-w-[700px] h-[500px]">
+      <DialogContent className="min-w-[1000px]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Chat Form</span>
@@ -330,24 +332,21 @@ export default function FormModal({
               aria-hidden="true"
             />
           </DialogTitle>
-          <DialogDescription>{CODE_PROMPT_DIALOG_SUBTITLE}</DialogDescription>
         </DialogHeader>
 
-        <div className="flex h-full w-full mt-2">
-          teste
+        <div className="flex h-[600px] w-full mt-2">
+          <div className="w-64 h-full flex flex-col justify-start">
+          <div className="grid w-full max-w-sm items-center gap-1.5">
+      <Label htmlFor="context">context</Label>
+      <Input placeholder="Type your message" id="context"/>
+    </div>
+          </div>
+          <div className="w-full pl-6">
+            <div className="bg-muted rounded-md w-full h-full">
+              teste
+            </div>
+          </div>
         </div>
-
-        <DialogFooter>
-          <Button
-            className="mt-3"
-            onClick={() => {
-              
-            }}
-            type="submit"
-          >
-            Check & Save
-          </Button>
-        </DialogFooter>
       </DialogContent>
     </Dialog>
   );

From 5d430f93645fed70a372be0da23bd50316898157 Mon Sep 17 00:00:00 2001
From: gustavoschaedler <gustavopoa@gmail.com>
Date: Tue, 27 Jun 2023 19:25:44 +0100
Subject: [PATCH 022/367] Refactor ClassCodeExtractor to extract the entrypoint
 function arguments and return type\nAdd validation of correct format for
 custom_component code\nAdd function to build a template for custom_component
 with its code as a field value.

---
 .../langflow/api/extract_info_from_class.py   | 41 +++++++++++--
 src/backend/langflow/api/v1/endpoints.py      | 49 ++++++++++++++--
 src/backend/langflow/api/v1/schemas.py        |  4 ++
 src/backend/langflow/interface/types.py       | 58 ++++++++++++-------
 4 files changed, 122 insertions(+), 30 deletions(-)

diff --git a/src/backend/langflow/api/extract_info_from_class.py b/src/backend/langflow/api/extract_info_from_class.py
index 4dfb24e03..0c930e09c 100644
--- a/src/backend/langflow/api/extract_info_from_class.py
+++ b/src/backend/langflow/api/extract_info_from_class.py
@@ -4,6 +4,7 @@ import ast
 class ClassCodeExtractor:
     def __init__(self, code):
         self.code = code
+        self.function_entrypoint_name = "build"
         self.data = {
             "imports": [],
             "class": {
@@ -61,10 +62,40 @@ class ClassCodeExtractor:
 
         return self.data
 
+    def get_entrypoint_function_args_and_return_type(self):
+        data = self.extract_class_info()
+        functions = data.get("functions", [])
 
-def is_valid_class_template(code: dict) -> bool:
-    class_name_ok = code["class"]["name"] == "PythonFunction"
-    function_run_exists = len(
-        [f for f in code["functions"] if f["name"] == "run"]) == 1
+        build_function = next(
+            (f for f in functions if f["name"] ==
+             self.function_entrypoint_name), None
+        )
 
-    return (class_name_ok and function_run_exists)
+        funtion_args = build_function.get("arguments", None)
+        return_type = build_function.get("return_type", None)
+
+        return funtion_args, return_type
+
+
+def is_valid_class_template(code: dict):
+    function_entrypoint_name = "build"
+    return_type_valid_list = ["ChainCreator", "ToolCreator"]
+
+    class_name = code.get("class", {}).get("name", None)
+    if not class_name:  # this will also check for None, empty string, etc.
+        return False
+
+    functions = code.get("functions", [])
+    # use a generator and next to find if a function matching the criteria exists
+    build_function = next(
+        (f for f in functions if f["name"] == function_entrypoint_name), None
+    )
+
+    if not build_function:
+        return False
+
+    # Check if the return type of the build function is valid
+    if build_function.get("return_type") not in return_type_valid_list:
+        return False
+
+    return True
diff --git a/src/backend/langflow/api/v1/endpoints.py b/src/backend/langflow/api/v1/endpoints.py
index 4d3ac9f5e..73ffc63a1 100644
--- a/src/backend/langflow/api/v1/endpoints.py
+++ b/src/backend/langflow/api/v1/endpoints.py
@@ -1,18 +1,22 @@
 from langflow.database.models.flow import Flow
 from langflow.processing.process import process_graph_cached, process_tweaks
 from langflow.utils.logger import logger
-
+from langflow.api.extract_info_from_class import (
+    ClassCodeExtractor,
+    is_valid_class_template
+)
 from fastapi import APIRouter, Depends, HTTPException
 
 from langflow.api.v1.schemas import (
     PredictRequest,
     PredictResponse,
-    CustomComponentResponse,
+    CustomComponentCode,
+    CustomComponentResponse
 )
 
 from langflow.interface.types import (
     build_langchain_types_dict,
-    build_langchain_types_dict_by_creator
+    build_langchain_template_custom_component
 )
 from langflow.database.base import get_session
 from sqlmodel import Session
@@ -70,5 +74,40 @@ def get_version():
 
 # @router.post("/custom_component", response_model=CustomComponentResponse, status_code=200)
 @router.post("/custom_component", status_code=200)
-def custom_component(code: dict):
-    return build_langchain_types_dict_by_creator("a")
+def custom_component(
+    code: CustomComponentCode,
+    session: Session = Depends(get_session),
+):
+    code_test = """
+from langflow.interface.chains.base import ChainCreator
+from langflow.interface.tools.base import ToolCreator
+
+
+class MyPythonClass():
+    def __init__(self, title: str, author: str, year_published: int):
+        self.title = title
+        self.author = author
+        self.year_published = year_published
+
+    def get_details(self):
+        return f"Title: {self.title}, Author: {self.author}, Year Published: {self.year_published}"
+
+    def update_year_published(self, new_year: int):
+        self.year_published = new_year
+        print(f"The year of publication has been updated to {new_year}.")
+
+    def build(self, name: str, id: int, other: str) -> ChainCreator:
+        return ChainCreator()
+"""
+
+    extractor = ClassCodeExtractor(code_test)
+    data = extractor.extract_class_info()
+    valid = is_valid_class_template(data)
+
+    function_args, function_return_type = extractor.get_entrypoint_function_args_and_return_type()
+
+    return build_langchain_template_custom_component(
+        code_test,
+        function_args,
+        function_return_type
+    )
diff --git a/src/backend/langflow/api/v1/schemas.py b/src/backend/langflow/api/v1/schemas.py
index 145ac9365..c8b6e2856 100644
--- a/src/backend/langflow/api/v1/schemas.py
+++ b/src/backend/langflow/api/v1/schemas.py
@@ -116,3 +116,7 @@ class StreamData(BaseModel):
 class CustomComponentResponse(BaseModel):
     model: str = ""
     step: str = ""
+
+
+class CustomComponentCode(BaseModel):
+    code: str
diff --git a/src/backend/langflow/interface/types.py b/src/backend/langflow/interface/types.py
index ac1b59e6f..17c1562e4 100644
--- a/src/backend/langflow/interface/types.py
+++ b/src/backend/langflow/interface/types.py
@@ -54,26 +54,44 @@ def build_langchain_types_dict():  # sourcery skip: dict-assign-update-to-union
     return all_types
 
 
-# sourcery skip: dict-assign-update-to-union
-def build_langchain_types_dict_by_creator(creator: str):
-    """Build a dictionary of all langchain types"""
+def find_class_type(class_name, classes_dict):
+    return next(
+        (
+            {"type": class_type, "class": class_name}
+            for class_type, class_list in classes_dict.items()
+            if class_name in class_list
+        ),
+        {"error": "class not found"},
+    )
 
-    all_types = {}
 
-    creators = [
-        chain_creator,
-        agent_creator,
-        prompt_creator,
-        llm_creator,
-        memory_creator,
-        tool_creator,
-        toolkits_creator,
-        wrapper_creator,
-        embedding_creator,
-        vectorstore_creator,
-        documentloader_creator,
-        textsplitter_creator,
-        utility_creator,
-    ]
+def build_langchain_template_custom_component(raw_code, function_args, function_return_type):
+    type_list = get_type_list()
+    type_and_class = find_class_type("Tool", type_list)
 
-    return chain_creator.to_dict()['chains']['ConversationChain']
+    # Field with the Python code to allow update
+    code_field = {
+        "code": {
+            "required": True,
+            "placeholder": "",
+            "show": True,
+            "multiline": True,
+            "value": raw_code,
+            "password": False,
+            "name": "code",
+            "advanced": False,
+            "type": "code",
+            "list": False
+        }
+    }
+
+    # TODO: Add extra fields
+
+    # TODO: Build template result
+    template = chain_creator.to_dict()['chains']['ConversationChain']
+
+    template.get('template')['code'] = code_field.get('code')
+
+    return template
+    # return globals()['tool_creator'].to_dict()[type_and_class['type']][type_and_class['class']]
+    # return chain_creator.to_dict()['chains']['ConversationChain']

From 2497561cd3fe634a61571764ec3c815089b933ec Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 15:44:55 -0300
Subject: [PATCH 023/367] =?UTF-8?q?=F0=9F=9A=80=20feat(API):=20add=20postC?=
 =?UTF-8?q?ustomComponent=20function=20to=20send=20custom=20component=20co?=
 =?UTF-8?q?de=20to=20the=20server=20=F0=9F=9A=80=20feat(CodeAreaModal):=20?=
 =?UTF-8?q?replace=20UpdateTemplate=20function=20with=20postCustomComponen?=
 =?UTF-8?q?t=20function=20to=20send=20custom=20component=20code=20to=20the?=
 =?UTF-8?q?=20server=20The=20UpdateTemplate=20function=20was=20not=20being?=
 =?UTF-8?q?=20used=20and=20was=20removed.=20The=20postCustomComponent=20fu?=
 =?UTF-8?q?nction=20was=20added=20to=20send=20custom=20component=20code=20?=
 =?UTF-8?q?to=20the=20server.=20The=20CodeAreaModal=20component=20was=20up?=
 =?UTF-8?q?dated=20to=20use=20the=20new=20postCustomComponent=20function?=
 =?UTF-8?q?=20instead=20of=20the=20UpdateTemplate=20function=20to=20send?=
 =?UTF-8?q?=20custom=20component=20code=20to=20the=20server.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/controllers/API/index.ts     |  9 +++---
 .../src/modals/codeAreaModal/index.tsx        | 32 +++++++------------
 2 files changed, 17 insertions(+), 24 deletions(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 60820bb7e..516e34201 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -3,7 +3,6 @@ import {
   PromptTypeAPI,
   errorsTypeAPI,
   InitTypeAPI,
-  TemplateVariableType,
   APITemplateType,
 } from "./../../types/api/index";
 import { APIObjectType, sendAllProps } from "../../types/api/index";
@@ -322,6 +321,8 @@ export async function postBuildInit(
   return await axios.post(`/api/v1/build/init`, flow);
 }
 
-export async function UpdateTemplate(type:string, template:APITemplateType):Promise<AxiosResponse<{template:APITemplateType}>>{
-  return await axios.get(`/dynamic_node`);
-}
\ No newline at end of file
+export async function postCustomComponent(
+  code: string
+): Promise<AxiosResponse<{ template: APITemplateType }>> {
+  return await axios.post(`/api/v1/custom_component`, { code });
+}
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 451946b0e..536404fcc 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -1,5 +1,5 @@
-import { XMarkIcon, CommandLineIcon } from "@heroicons/react/24/outline";
-import { Fragment, useContext, useRef, useState } from "react";
+import { CommandLineIcon } from "@heroicons/react/24/outline";
+import { useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import AceEditor from "react-ace";
 import "ace-builds/src-noconflict/mode-python";
@@ -8,9 +8,8 @@ import "ace-builds/src-noconflict/theme-twilight";
 import "ace-builds/src-noconflict/ext-language_tools";
 // import "ace-builds/webpack-resolver";
 import { darkContext } from "../../contexts/darkContext";
-import { UpdateTemplate, postValidateCode } from "../../controllers/API";
+import { postCustomComponent, postValidateCode } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
-import { TabsContext } from "../../contexts/tabsContext";
 import {
   Dialog,
   DialogContent,
@@ -22,18 +21,17 @@ import {
 } from "../../components/ui/dialog";
 import { Button } from "../../components/ui/button";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
-import Loading from "../../components/ui/loading";
 import { APITemplateType } from "../../types/api";
 
 export default function CodeAreaModal({
   value,
   setValue,
   template,
-  setTemplate
+  setTemplate,
 }: {
   setValue: (value: string) => void;
   value: string;
-  template: APITemplateType,
+  template: APITemplateType;
   setTemplate: (template: APITemplateType) => void;
 }) {
   const [open, setOpen] = useState(true);
@@ -88,19 +86,17 @@ export default function CodeAreaModal({
       .catch((_) => {
         setLoading(false);
         setErrorData({
-          title:
-            "There is something wrong with this code, please review it",
-        })
-      }
-      );
-    UpdateTemplate('code',template).then((apiReturn) => {
+          title: "There is something wrong with this code, please review it",
+        });
+      });
+    postCustomComponent(code).then((apiReturn) => {
       const data = apiReturn.data;
       if (data.template) {
-        console.log('updated')
+        console.log("updated");
         setTemplate(data.template);
         setModalOpen(false);
       }
-    })
+    });
   }
 
   return (
@@ -137,11 +133,7 @@ export default function CodeAreaModal({
         </div>
 
         <DialogFooter>
-          <Button
-            className="mt-3"
-            onClick={handleClick}
-            type="submit"
-          >
+          <Button className="mt-3" onClick={handleClick} type="submit">
             {/* {loading?(<Loading/>):'Check & Save'} */}
             Check & Save
           </Button>

From 08b20e18cb16ca86cfbb3c54c07a411bc2a0a11a Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 27 Jun 2023 16:26:27 -0300
Subject: [PATCH 024/367] feat(API): add postCustomComponent function to create
 custom components fix(modals): replace UpdateTemplate function with
 postCustomComponent function to create custom components

---
 src/frontend/src/controllers/API/index.ts       | 7 +++++++
 src/frontend/src/modals/codeAreaModal/index.tsx | 3 +--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index df285f419..217935d1f 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -325,3 +325,10 @@ export async function postBuildInit(
 export async function UpdateTemplate(type:string, template:APITemplateType):Promise<AxiosResponse<{template:APITemplateType}>>{
   return await axios.get(`/dynamic_node`);
 }
+
+export async function postCustomComponent(
+  code: string,
+  apiClass: APIClassType
+): Promise<AxiosResponse<APIClassType>> {
+  return await axios.post(`/api/v1/custom_component`, { code });
+}
\ No newline at end of file
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index a2015f5d2..f88bc7b38 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -92,10 +92,9 @@ export default function CodeAreaModal({
         })
       }
       );
-    UpdateTemplate('code',nodeClass).then((apiReturn) => {
+    postCustomComponent('code',nodeClass).then((apiReturn) => {
       const data = apiReturn.data;
       if (data) {
-        console.log(data)   
         setNodeClass(data);
         setModalOpen(false);
       }

From 3c1b86ebe68d7c40a8a19e7e9c19d50643f969d0 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 16:38:42 -0300
Subject: [PATCH 025/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chat.py):=20change?=
 =?UTF-8?q?=20event=20name=20from=20"input=5Fkeys"=20to=20"message"=20in?=
 =?UTF-8?q?=20stream=5Fbuild=20function=20The=20event=20name=20was=20chang?=
 =?UTF-8?q?ed=20from=20"input=5Fkeys"=20to=20"message"=20to=20improve=20se?=
 =?UTF-8?q?mantics=20and=20consistency=20with=20the=20rest=20of=20the=20co?=
 =?UTF-8?q?debase.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/chat.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index 5054bf107..44ea0ca8a 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -125,7 +125,7 @@ async def stream_build(flow_id: str):
             # Now we  need to check the input_keys to send them to the client
             if hasattr(langchain_object, "input_keys"):
                 input_keys_response = build_input_keys_response(langchain_object)
-                yield str(StreamData(event="input_keys", data=input_keys_response))
+                yield str(StreamData(event="message", data=input_keys_response))
 
             chat_manager.set_cache(flow_id, langchain_object)
         except Exception as exc:

From f5211d4ef00c954580cafdb28aa0486e32351879 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 27 Jun 2023 16:40:00 -0300
Subject: [PATCH 026/367] bugfix: sendind string code

---
 src/frontend/src/modals/codeAreaModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index f88bc7b38..a0ff07ec1 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -92,7 +92,7 @@ export default function CodeAreaModal({
         })
       }
       );
-    postCustomComponent('code',nodeClass).then((apiReturn) => {
+    postCustomComponent(code,nodeClass).then((apiReturn) => {
       const data = apiReturn.data;
       if (data) {
         setNodeClass(data);

From d1a58397da9a5fcf00fdb7d46155047354a29bd3 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 16:57:21 -0300
Subject: [PATCH 027/367] Passed data through context to get form keys

---
 .../components/chatComponent/buildTrigger/index.tsx | 13 +++++++++++++
 src/frontend/src/components/chatComponent/index.tsx |  2 +-
 src/frontend/src/contexts/tabsContext.tsx           |  1 +
 src/frontend/src/modals/formModal/index.tsx         |  3 +++
 src/frontend/src/types/tabs/index.ts                |  1 +
 5 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 215b75971..b35228008 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -10,6 +10,7 @@ import { alertContext } from "../../../contexts/alertContext";
 import { postBuildInit } from "../../../controllers/API";
 
 import RadialProgressComponent from "../../RadialProgress";
+import { TabsContext } from "../../../contexts/tabsContext";
 
 export default function BuildTrigger({
   open,
@@ -24,6 +25,7 @@ export default function BuildTrigger({
 }) {
   const { updateSSEData, isBuilding, setIsBuilding, sseData } = useSSE();
   const { reactFlowInstance } = useContext(typesContext);
+  const { setTabsState } = useContext(TabsContext);
   const { setErrorData, setSuccessData } = useContext(alertContext);
   const [isIconTouched, setIsIconTouched] = useState(false);
   const eventClick = isBuilding ? "pointer-events-none" : "";
@@ -87,6 +89,17 @@ export default function BuildTrigger({
       } else if (parsedData.log) {
         // If the event is a log, log it
         setSuccessData({ title: parsedData.log });
+      } else if (parsedData.input_keys) {
+        setTabsState((old) => {
+          return {
+            ...old,
+            [flowId]: {
+              ...old[flowId],
+              formKeysData: parsedData,
+            
+            }
+          };
+        })
       } else {
         // Otherwise, process the data
         const isValid = processStreamResult(parsedData);
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 451955a14..741cf4ec8 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -72,7 +72,7 @@ export default function Chat({ flow }: ChatType) {
             isBuilt={isBuilt}
           />
           <ChatModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
-          <FormModal key={flow.id} flow={flow} open={openForm} setOpen={setOpenForm} />
+          <FormModal key={flow.id + "form"} flow={flow} open={openForm} setOpen={setOpenForm} />
           <ChatTrigger open={open || openForm} setOpen={setOpen} isBuilt={isBuilt} />
           <FormTrigger open={open || openForm} setOpen={setOpenForm} isBuilt={isBuilt} />
         </div>
diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index 7637699e3..0987d27db 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -597,6 +597,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
           return {
             ...prev,
             [tabId]: {
+              ...prev[tabId],
               isPending: false,
             },
           };
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 7fcb32cc8..3023cfa49 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -18,6 +18,7 @@ import { postValidateCode } from "../../controllers/API";
 import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
 import { Label } from "../../components/ui/label";
+import { TabsContext } from "../../contexts/tabsContext";
 
 export default function FormModal({
   flow,
@@ -32,6 +33,7 @@ export default function FormModal({
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
   const { setErrorData, setNoticeData } = useContext(alertContext);
+  const { tabsState } = useContext(TabsContext);
   const ws = useRef<WebSocket | null>(null);
   const [lockChat, setLockChat] = useState(false);
   const isOpen = useRef(open);
@@ -49,6 +51,7 @@ export default function FormModal({
   }, [open]);
   useEffect(() => {
     id.current = flow.id;
+    console.log(tabsState[flow.id])
   }, [flow.id]);
 
   var isStream = false;
diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts
index 55829d6ca..6b4e2be4f 100644
--- a/src/frontend/src/types/tabs/index.ts
+++ b/src/frontend/src/types/tabs/index.ts
@@ -33,5 +33,6 @@ export type TabsContextType = {
 export type TabsState = {
   [key: string]: {
     isPending: boolean;
+    formKeysData: {input_keys?: Array<string>, memory_keys?: Array<string>};
   };
 };

From f1556f2446df2a8dc48c282346c2b34ecccbb3e0 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 17:53:46 -0300
Subject: [PATCH 028/367] =?UTF-8?q?=E2=9C=A8=20feat(chat):=20improve=20cha?=
 =?UTF-8?q?t=20UI=20and=20add=20support=20for=20chat=20history=20display?=
 =?UTF-8?q?=20and=20sending=20messages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modals/formModal/chatMessage/index.tsx    | 235 +++++++++---------
 src/frontend/src/modals/formModal/index.tsx   |  67 ++++-
 2 files changed, 179 insertions(+), 123 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 3d4ce0b44..a86f90a0e 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -31,136 +31,143 @@ export default function ChatMessage({
   return (
     <div
       className={classNames(
-        "w-full py-2 pl-2 flex",
-        chat.isSend
-          ? "bg-background dark:bg-gray-900 "
-          : "bg-input  dark:bg-gray-800"
+        "w-full flex",
+        chat.isSend ? "justify-end" : "justify-start"
       )}
     >
       <div
         className={classNames(
-          "rounded-full overflow-hidden w-8 h-8 flex items-center my-3 justify-center"
+          "w-3/4 py-2 px-2 mb-4 flex",
+          chat.isSend
+            ? "bg-input pl-4 flex-row-reverse rounded-xl rounded-tr-none dark:bg-gray-900 "
+            : "bg-foreground pr-4 rounded-xl rounded-tl-none dark:bg-gray-800"
         )}
       >
-        {!chat.isSend && (
-          <div className="relative w-8 h-8">
-            <img
-              className={
-                "absolute transition-opacity duration-500 scale-150 " +
-                (lockChat ? "opacity-100" : "opacity-0")
-              }
-              src={lastMessage ? AiIcon : AiIconStill}
-            />
-            <img
-              className={
-                "absolute transition-opacity duration-500 scale-150 " +
-                (lockChat ? "opacity-0" : "opacity-100")
-              }
-              src={AiIconStill}
-            />
-          </div>
-        )}
-        {chat.isSend && (
-          <User2 className="w-6 h-6 -mb-1 text-gray-800 dark:text-gray-200" />
-        )}
-      </div>
-      {!chat.isSend ? (
-        <div className="w-full text-start flex items-center">
-          <div className="w-full relative text-start inline-block text-gray-600 dark:text-gray-300 text-sm font-normal">
-            {hidden && chat.thought && chat.thought !== "" && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                className="absolute -top-1 -left-2 cursor-pointer"
-              >
-                <MessageCircle className="w-5 h-5 animate-bounce dark:text-white" />
-              </div>
-            )}
-            {chat.thought && chat.thought !== "" && !hidden && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                className=" text-start inline-block rounded-md text-gray-600 dark:text-gray-200 h-full border border-gray-300 dark:border-gray-500
+        <div
+          className={classNames(
+            "rounded-full overflow-hidden w-8 h-8 flex items-center my-3 mx-3 justify-center"
+          )}
+        >
+          {!chat.isSend && (
+            <div className="relative w-8 h-8">
+              <img
+                className={
+                  "absolute transition-opacity duration-500 scale-150 " +
+                  (lockChat ? "opacity-100" : "opacity-0")
+                }
+                src={lastMessage ? AiIcon : AiIconStill}
+              />
+              <img
+                className={
+                  "absolute transition-opacity duration-500 scale-150 " +
+                  (lockChat ? "opacity-0" : "opacity-100")
+                }
+                src={AiIconStill}
+              />
+            </div>
+          )}
+          {chat.isSend && (
+            <User2 className="w-6 h-6 text-gray-800 dark:text-gray-200" />
+          )}
+        </div>
+        {!chat.isSend ? (
+          <div className="w-full text-start flex items-center">
+            <div className="w-full relative text-start inline-block text-background text-sm font-normal">
+              {hidden && chat.thought && chat.thought !== "" && (
+                <div
+                  onClick={() => setHidden((prev) => !prev)}
+                  className="absolute -top-1 -left-2 cursor-pointer"
+                >
+                  <MessageCircle className="w-5 h-5 animate-bounce dark:text-white" />
+                </div>
+              )}
+              {chat.thought && chat.thought !== "" && !hidden && (
+                <div
+                  onClick={() => setHidden((prev) => !prev)}
+                  className=" text-start inline-block rounded-md text-background h-full border border-gray-300 dark:border-gray-500
 								bg-muted dark:bg-gray-800 w-[95%] pb-3 pt-3 px-2 ml-3 cursor-pointer scrollbar-hide overflow-scroll"
-                dangerouslySetInnerHTML={{
-                  __html: convert.toHtml(chat.thought),
-                }}
-              ></div>
-            )}
-            {chat.thought && chat.thought !== "" && !hidden && <br></br>}
-            <div className="w-full px-4 pb-3 pt-3 pr-8">
-              <div className="dark:text-white w-full">
-                <div className="w-full">
-                  <ReactMarkdown
-                    remarkPlugins={[remarkGfm, remarkMath]}
-                    rehypePlugins={[rehypeMathjax]}
-                    className="markdown prose dark:prose-invert text-gray-600 dark:text-gray-200"
-                    components={{
-                      code({ node, inline, className, children, ...props }) {
-                        if (children.length) {
-                          if (children[0] == "▍") {
-                            return (
-                              <span className="animate-pulse cursor-default mt-1">
-                                ▍
-                              </span>
+                  dangerouslySetInnerHTML={{
+                    __html: convert.toHtml(chat.thought),
+                  }}
+                ></div>
+              )}
+              {chat.thought && chat.thought !== "" && !hidden && <br></br>}
+              <div className="w-full pb-3 pt-3">
+                <div className="dark:text-white w-full">
+                  <div className="w-full">
+                    <ReactMarkdown
+                      remarkPlugins={[remarkGfm, remarkMath]}
+                      rehypePlugins={[rehypeMathjax]}
+                      className="markdown prose dark:prose-invert text-background"
+                      components={{
+                        code({ node, inline, className, children, ...props }) {
+                          if (children.length) {
+                            if (children[0] == "▍") {
+                              return (
+                                <span className="animate-pulse cursor-default mt-1">
+                                  ▍
+                                </span>
+                              );
+                            }
+
+                            children[0] = (children[0] as string).replace(
+                              "`▍`",
+                              "▍"
                             );
                           }
 
-                          children[0] = (children[0] as string).replace(
-                            "`▍`",
-                            "▍"
+                          const match = /language-(\w+)/.exec(className || "");
+
+                          return !inline ? (
+                            <CodeBlock
+                              key={Math.random()}
+                              language={(match && match[1]) || ""}
+                              value={String(children).replace(/\n$/, "")}
+                              {...props}
+                            />
+                          ) : (
+                            <code className={className} {...props}>
+                              {children}
+                            </code>
                           );
-                        }
-
-                        const match = /language-(\w+)/.exec(className || "");
-
-                        return !inline ? (
-                          <CodeBlock
-                            key={Math.random()}
-                            language={(match && match[1]) || ""}
-                            value={String(children).replace(/\n$/, "")}
-                            {...props}
-                          />
-                        ) : (
-                          <code className={className} {...props}>
-                            {children}
-                          </code>
-                        );
-                      },
-                    }}
-                  >
-                    {message}
-                  </ReactMarkdown>
-                </div>
-                {chat.files && (
-                  <div className="my-2 w-full">
-                    {chat.files.map((file, index) => {
-                      return (
-                        <div key={index} className="my-2 w-full">
-                          <FileCard
-                            fileName={"Generated File"}
-                            fileType={file.data_type}
-                            content={file.data}
-                          />
-                        </div>
-                      );
-                    })}
+                        },
+                      }}
+                    >
+                      {message}
+                    </ReactMarkdown>
                   </div>
-                )}
+                  {chat.files && (
+                    <div className="my-2 w-full">
+                      {chat.files.map((file, index) => {
+                        return (
+                          <div key={index} className="my-2 w-full">
+                            <FileCard
+                              fileName={"Generated File"}
+                              fileType={file.data_type}
+                              content={file.data}
+                            />
+                          </div>
+                        );
+                      })}
+                    </div>
+                  )}
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      ) : (
-        <div className="w-full flex items-center">
-          <div className="text-start inline-block px-3 text-gray-600 dark:text-white">
-            <span
-              className="text-gray-600 dark:text-gray-200"
-              dangerouslySetInnerHTML={{
-                __html: message.replace(/\n/g, "<br>"),
-              }}
-            ></span>
+        ) : (
+          <div className="w-full flex items-center">
+            <div className="text-start inline-block text-gray-600 dark:text-white">
+              <span
+                className="text-gray-600 dark:text-gray-200"
+                dangerouslySetInnerHTML={{
+                  __html: message.replace(/\n/g, "<br>"),
+                }}
+              ></span>
+            </div>
           </div>
-        </div>
-      )}
+        )}
+      </div>
     </div>
   );
 }
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 3023cfa49..a2819241c 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -11,7 +11,15 @@ import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
 
 import _ from "lodash";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../../components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../components/ui/dialog";
 import { dark } from "@mui/material/styles/createPalette";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
 import { postValidateCode } from "../../controllers/API";
@@ -51,7 +59,7 @@ export default function FormModal({
   }, [open]);
   useEffect(() => {
     id.current = flow.id;
-    console.log(tabsState[flow.id])
+    console.log(tabsState[flow.id]);
   }, [flow.id]);
 
   var isStream = false;
@@ -338,15 +346,56 @@ export default function FormModal({
         </DialogHeader>
 
         <div className="flex h-[600px] w-full mt-2">
-          <div className="w-64 h-full flex flex-col justify-start">
-          <div className="grid w-full max-w-sm items-center gap-1.5">
-      <Label htmlFor="context">context</Label>
-      <Input placeholder="Type your message" id="context"/>
-    </div>
+          <div className="w-96 h-full flex flex-col justify-start">
           </div>
           <div className="w-full pl-6">
-            <div className="bg-muted rounded-md w-full h-full">
-              teste
+            <div className="flex flex-col rounded-md w-full h-full">
+              <div
+                ref={messagesRef}
+                className="w-full h-full flex-col flex items-center overflow-scroll scrollbar-hide"
+              >
+                {chatHistory.length > 0 ? (
+                  chatHistory.map((c, i) => (
+                    <ChatMessage
+                      lockChat={lockChat}
+                      chat={c}
+                      lastMessage={chatHistory.length - 1 == i ? true : false}
+                      key={i}
+                    />
+                  ))
+                ) : (
+                  <div className="flex flex-col h-full text-center justify-center w-full items-center align-middle">
+                    <span>
+                      👋{" "}
+                      <span className="text-gray-600 dark:text-gray-300 text-lg">
+                        LangFlow Chat
+                      </span>
+                    </span>
+                    <br />
+                    <div className="bg-muted dark:bg-gray-900 rounded-md w-2/4 px-6 py-8 border border-gray-200 dark:border-gray-700">
+                      <span className="text-base text-gray-500">
+                        Start a conversation and click the agent’s thoughts{" "}
+                        <span>
+                          <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 " />
+                        </span>{" "}
+                        to inspect the chaining process.
+                      </span>
+                    </div>
+                  </div>
+                )}
+                <div ref={ref}></div>
+              </div>
+              <div className="w-full bg-background flex-col flex items-center justify-between">
+                <div className="relative w-full mt-1 rounded-md shadow-sm">
+                  <ChatInput
+                    chatValue={chatValue}
+                    lockChat={lockChat}
+                    sendMessage={sendMessage}
+                    setChatValue={setChatValue}
+                    inputRef={ref}
+                  />
+                </div>
+              </div>
             </div>
           </div>
         </div>

From d52829dad7b7f67f893895d96b4608290df0bf7f Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 17:55:32 -0300
Subject: [PATCH 029/367] =?UTF-8?q?=F0=9F=8E=89=20feat(frontend):=20add=20?=
 =?UTF-8?q?Accordion=20component=20to=20improve=20UI/UX=20=F0=9F=94=A7=20c?=
 =?UTF-8?q?hore(frontend):=20add=20keyframes=20and=20animations=20for=20Ac?=
 =?UTF-8?q?cordion=20component=20to=20tailwind.config.js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/package-lock.json               | 62 ++++++++++++++++++++
 src/frontend/package.json                    |  1 +
 src/frontend/src/components/ui/accordion.tsx | 59 +++++++++++++++++++
 src/frontend/tailwind.config.js              | 14 +++++
 4 files changed, 136 insertions(+)
 create mode 100644 src/frontend/src/components/ui/accordion.tsx

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 673f56f10..793c0201c 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -13,6 +13,7 @@
         "@headlessui/react": "^1.7.10",
         "@heroicons/react": "^2.0.15",
         "@mui/material": "^5.11.9",
+        "@radix-ui/react-accordion": "^1.1.2",
         "@radix-ui/react-checkbox": "^1.0.4",
         "@radix-ui/react-dialog": "^1.0.4",
         "@radix-ui/react-dropdown-menu": "^2.0.5",
@@ -1366,6 +1367,37 @@
         "@babel/runtime": "^7.13.10"
       }
     },
+    "node_modules/@radix-ui/react-accordion": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.1.2.tgz",
+      "integrity": "sha512-fDG7jcoNKVjSK6yfmuAs0EnPDro0WMXIhMtXdTBWqEioVW206ku+4Lw07e+13lUkFkpoEQ2PdeMIAGpdqEAmDg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-collapsible": "1.0.3",
+        "@radix-ui/react-collection": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-arrow": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz",
@@ -1419,6 +1451,36 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-collapsible": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.0.3.tgz",
+      "integrity": "sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-collection": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz",
diff --git a/src/frontend/package.json b/src/frontend/package.json
index 95e826736..020c57e69 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -8,6 +8,7 @@
     "@headlessui/react": "^1.7.10",
     "@heroicons/react": "^2.0.15",
     "@mui/material": "^5.11.9",
+    "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
diff --git a/src/frontend/src/components/ui/accordion.tsx b/src/frontend/src/components/ui/accordion.tsx
new file mode 100644
index 000000000..4c4422247
--- /dev/null
+++ b/src/frontend/src/components/ui/accordion.tsx
@@ -0,0 +1,59 @@
+"use client"
+
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+import { cn } from "../../utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className={cn(
+      "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      className
+    )}
+    {...props}
+  >
+    <div className="pb-4 pt-0">{children}</div>
+  </AccordionPrimitive.Content>
+))
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index 5561b1044..b492a8dbf 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -15,6 +15,20 @@ module.exports = {
       },
     },
     extend: {
+      keyframes: {
+        "accordion-down": {
+          from: { height: 0 },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: 0 },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
       colors: {
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",

From c0b1a12766a96432acf75535a17879352f0dacda Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 17:59:57 -0300
Subject: [PATCH 030/367] =?UTF-8?q?=F0=9F=90=9B=20fix(API/index.ts):=20add?=
 =?UTF-8?q?=20frontend=5Fnode=20parameter=20to=20checkPrompt=20function=20?=
 =?UTF-8?q?to=20fix=20validation=20errors=20The=20checkPrompt=20function?=
 =?UTF-8?q?=20was=20not=20properly=20validating=20prompts=20due=20to=20mis?=
 =?UTF-8?q?sing=20frontend=5Fnode=20parameter.=20The=20fix=20adds=20the=20?=
 =?UTF-8?q?frontend=5Fnode=20parameter=20to=20the=20function=20and=20passe?=
 =?UTF-8?q?s=20it=20to=20the=20axios.post=20request.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/controllers/API/index.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 2651a0058..e6848d1d4 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -4,6 +4,7 @@ import {
   errorsTypeAPI,
   InitTypeAPI,
   UploadFileTypeAPI,
+  APIClassType,
 } from "./../../types/api/index";
 import { APIObjectType, sendAllProps } from "../../types/api/index";
 import axios, { AxiosResponse } from "axios";
@@ -56,9 +57,13 @@ export async function postValidateCode(
  * @returns {Promise<AxiosResponse<PromptTypeAPI>>} A promise that resolves to an AxiosResponse containing the validation results.
  */
 export async function checkPrompt(
-  template: string
+  template: string,
+  frontend_node: APIClassType
 ): Promise<AxiosResponse<PromptTypeAPI>> {
-  return await axios.post("/api/v1/validate/prompt", { template });
+  return await axios.post("/api/v1/validate/prompt", {
+    template: template,
+    frontend_node: frontend_node,
+  });
 }
 
 /**

From ab77792d65e63da22a6257001bda87d9f18894bd Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 18:22:48 -0300
Subject: [PATCH 031/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(parameterCompon?=
 =?UTF-8?q?ent):=20improve=20code=20readability=20by=20adding=20line=20bre?=
 =?UTF-8?q?aks=20and=20indentation=20=F0=9F=94=A8=20refactor(promptCompone?=
 =?UTF-8?q?nt):=20add=20nodeClass=20prop=20to=20improve=20code=20consisten?=
 =?UTF-8?q?cy=20=F0=9F=94=A8=20refactor(genericModal):=20add=20nodeClass?=
 =?UTF-8?q?=20prop=20to=20improve=20code=20consistency=20=F0=9F=94=A8=20re?=
 =?UTF-8?q?factor(types/components):=20remove=20unused=20imports=20and=20a?=
 =?UTF-8?q?dd=20nodeClass=20prop=20to=20TextAreaComponentType=20The=20chan?=
 =?UTF-8?q?ges=20made=20in=20the=20code=20aim=20to=20improve=20code=20read?=
 =?UTF-8?q?ability=20and=20consistency.=20The=20ParameterComponent,=20Prom?=
 =?UTF-8?q?ptAreaComponent,=20and=20GenericModal=20components=20now=20have?=
 =?UTF-8?q?=20a=20nodeClass=20prop=20to=20improve=20consistency=20with=20t?=
 =?UTF-8?q?he=20naming=20conventions.=20The=20TextAreaComponentType=20now?=
 =?UTF-8?q?=20has=20a=20nodeClass=20prop=20to=20improve=20consistency=20wi?=
 =?UTF-8?q?th=20the=20other=20components.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx          |  5 ++++-
 .../src/components/promptComponent/index.tsx         |  2 ++
 src/frontend/src/modals/genericModal/index.tsx       | 12 +++++++++---
 src/frontend/src/types/components/index.ts           | 11 +++--------
 4 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 21ee312b4..9b7590213 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -229,7 +229,9 @@ export default function ParameterComponent({
           </div>
         ) : left === true && type === "code" ? (
           <CodeAreaComponent
-          setNodeClass={(nodeClass)=>{data.node = nodeClass}}
+            setNodeClass={(nodeClass) => {
+              data.node = nodeClass;
+            }}
             nodeClass={data.node}
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
@@ -258,6 +260,7 @@ export default function ParameterComponent({
           </div>
         ) : left === true && type === "prompt" ? (
           <PromptAreaComponent
+            nodeClass={data.node}
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
             onChange={handleOnNewValue}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 9752c0c10..abc16c8db 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -7,6 +7,7 @@ import { INPUT_STYLE } from "../../constants";
 import { ExternalLink } from "lucide-react";
 
 export default function PromptAreaComponent({
+  nodeClass,
   value,
   onChange,
   disabled,
@@ -44,6 +45,7 @@ export default function PromptAreaComponent({
                   setMyValue(t);
                   onChange(t);
                 }}
+                nodeClass={nodeClass}
               />
             );
           }}
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 6f89e24a6..8f7dcefc8 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -1,9 +1,8 @@
-import { Fragment, useContext, useRef, useState } from "react";
+import { useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { darkContext } from "../../contexts/darkContext";
 import { checkPrompt } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
-import { TypeModal } from "../../utils";
 import {
   Dialog,
   DialogContent,
@@ -17,6 +16,7 @@ import { Button } from "../../components/ui/button";
 import { Textarea } from "../../components/ui/textarea";
 import { PROMPT_DIALOG_SUBTITLE, TEXT_DIALOG_SUBTITLE } from "../../constants";
 import { FileText } from "lucide-react";
+import { APIClassType } from "../../types/api";
 
 export default function GenericModal({
   value,
@@ -24,12 +24,14 @@ export default function GenericModal({
   buttonText,
   modalTitle,
   type,
+  nodeClass,
 }: {
   setValue: (value: string) => void;
   value: string;
   buttonText: string;
   modalTitle: string;
   type: number;
+  nodeClass: APIClassType;
 }) {
   const [myButtonText] = useState(buttonText);
   const [myModalTitle] = useState(modalTitle);
@@ -97,9 +99,13 @@ export default function GenericModal({
                   setModalOpen(false);
                   break;
                 case 2:
-                  checkPrompt(myValue)
+                  checkPrompt(myValue, nodeClass)
                     .then((apiReturn) => {
                       if (apiReturn.data) {
+                        if (apiReturn.data) {
+                          setNodeClass(data);
+                          setModalOpen(false);
+                        }
                         let inputVariables = apiReturn.data.input_variables;
                         if (inputVariables.length === 0) {
                           setErrorData({
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index b72a7e003..c1cc3756c 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -1,13 +1,7 @@
-import {
-  ComponentType,
-  ForwardRefExoticComponent,
-  ReactElement,
-  ReactNode,
-  SVGProps,
-} from "react";
+import { ReactElement, ReactNode } from "react";
 import { NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
-import { APIClassType, APITemplateType } from "../api";
+import { APIClassType } from "../api";
 export type InputComponentType = {
   value: string;
   disabled?: boolean;
@@ -51,6 +45,7 @@ export type InputListComponentType = {
 };
 
 export type TextAreaComponentType = {
+  nodeClass?: APIClassType;
   disabled: boolean;
   onChange: (value: string[] | string) => void;
   value: string;

From 880fa5034f1ef2f658888c709c0b6c42aab67531 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 18:23:12 -0300
Subject: [PATCH 032/367] =?UTF-8?q?=F0=9F=9A=80=20feat(api):=20add=20suppo?=
 =?UTF-8?q?rt=20for=20frontend=5Fnode=20in=20validate=5Fprompt=20endpoint?=
 =?UTF-8?q?=20=E2=9C=A8=20feat(base.py):=20add=20frontend=5Fnode=20paramet?=
 =?UTF-8?q?er=20to=20ValidatePromptRequest=20and=20PromptValidationRespons?=
 =?UTF-8?q?e=20models=20The=20validate=5Fprompt=20endpoint=20now=20accepts?=
 =?UTF-8?q?=20a=20frontend=5Fnode=20parameter=20in=20the=20ValidatePromptR?=
 =?UTF-8?q?equest=20model.=20This=20parameter=20is=20used=20to=20add=20inp?=
 =?UTF-8?q?ut=20variables=20to=20the=20frontend=5Fnode's=20template=20fiel?=
 =?UTF-8?q?ds=20and=20custom=20fields.=20The=20PromptValidationResponse=20?=
 =?UTF-8?q?model=20now=20includes=20the=20frontend=5Fnode=20parameter=20to?=
 =?UTF-8?q?=20return=20the=20updated=20frontend=5Fnode=20object.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/base.py     |  7 +++++--
 src/backend/langflow/api/v1/validate.py | 22 +++++++++++++++++++---
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/backend/langflow/api/v1/base.py b/src/backend/langflow/api/v1/base.py
index d595210bb..1a4936a2f 100644
--- a/src/backend/langflow/api/v1/base.py
+++ b/src/backend/langflow/api/v1/base.py
@@ -1,3 +1,4 @@
+from langflow.template.frontend_node.base import FrontendNode
 from pydantic import BaseModel, validator
 
 from langflow.interface.utils import extract_input_variables_from_prompt
@@ -12,8 +13,9 @@ class Code(BaseModel):
     code: str
 
 
-class Prompt(BaseModel):
+class ValidatePromptRequest(BaseModel):
     template: str
+    frontend_node: FrontendNode
 
 
 # Build ValidationResponse class for {"imports": {"errors": []}, "function": {"errors": []}}
@@ -32,6 +34,7 @@ class CodeValidationResponse(BaseModel):
 
 class PromptValidationResponse(BaseModel):
     input_variables: list
+    frontend_node: FrontendNode
 
 
 INVALID_CHARACTERS = {
@@ -66,7 +69,7 @@ def validate_prompt(template: str):
     # if len(input_variables) > 1:
     #     # If there's more than one input variable
 
-    return PromptValidationResponse(input_variables=input_variables)
+    return input_variables
 
 
 def check_input_variables(input_variables: list):
diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 959273a00..3046ad9ba 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -3,10 +3,11 @@ from fastapi import APIRouter, HTTPException
 from langflow.api.v1.base import (
     Code,
     CodeValidationResponse,
-    Prompt,
+    ValidatePromptRequest,
     PromptValidationResponse,
     validate_prompt,
 )
+from langflow.template.field.base import TemplateField
 from langflow.utils.logger import logger
 from langflow.utils.validate import validate_code
 
@@ -27,9 +28,24 @@ def post_validate_code(code: Code):
 
 
 @router.post("/prompt", status_code=200, response_model=PromptValidationResponse)
-def post_validate_prompt(prompt: Prompt):
+def post_validate_prompt(prompt: ValidatePromptRequest):
     try:
-        return validate_prompt(prompt.template)
+        input_variables = validate_prompt(prompt.template)
+        for variable in input_variables:
+            try:
+                template_field = TemplateField(
+                    name=variable, field_type="str", show=True, advanced=False
+                )
+                prompt.frontend_node.template.fields.append(template_field)
+                prompt.frontend_node.custom_fields.append(variable)
+            except Exception as exc:
+                logger.exception(exc)
+                raise HTTPException(status_code=500, detail=str(exc)) from exc
+
+        return PromptValidationResponse(
+            input_variables=input_variables,
+            frontend_node=prompt.frontend_node,
+        )
     except Exception as e:
         logger.exception(e)
         raise HTTPException(status_code=500, detail=str(e)) from e

From 38404e12436f5ac2b2acb3c4346c67e51b053494 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 18:23:38 -0300
Subject: [PATCH 033/367] =?UTF-8?q?=F0=9F=9A=80=20feat(frontend=5Fnode):?=
 =?UTF-8?q?=20add=20custom=5Ffields=20attribute=20to=20FrontendNode=20clas?=
 =?UTF-8?q?s=20The=20FrontendNode=20class=20now=20has=20a=20new=20attribut?=
 =?UTF-8?q?e=20called=20custom=5Ffields,=20which=20is=20a=20list=20of=20st?=
 =?UTF-8?q?rings.=20This=20attribute=20can=20be=20used=20to=20store=20any?=
 =?UTF-8?q?=20custom=20fields=20that=20are=20specific=20to=20a=20particula?=
 =?UTF-8?q?r=20frontend=20node.=20This=20change=20allows=20for=20more=20fl?=
 =?UTF-8?q?exibility=20in=20the=20data=20that=20can=20be=20stored=20in=20a?=
 =?UTF-8?q?=20FrontendNode=20object.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/base.py | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/backend/langflow/template/frontend_node/base.py b/src/backend/langflow/template/frontend_node/base.py
index 4801da086..2663164e0 100644
--- a/src/backend/langflow/template/frontend_node/base.py
+++ b/src/backend/langflow/template/frontend_node/base.py
@@ -15,6 +15,7 @@ class FrontendNode(BaseModel):
     base_classes: List[str]
     name: str = ""
     display_name: str = ""
+    custom_fields: List[str] = []
 
     def to_dict(self) -> dict:
         return {
@@ -23,6 +24,7 @@ class FrontendNode(BaseModel):
                 "description": self.description,
                 "base_classes": self.base_classes,
                 "display_name": self.display_name or self.name,
+                "custom_fields": self.custom_fields,
             },
         }
 

From bbdcb7c6b681d8c9755a3a557a77ebe14f14f166 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 18:46:13 -0300
Subject: [PATCH 034/367] =?UTF-8?q?=F0=9F=8E=A8=20style(chatMessage):=20re?=
 =?UTF-8?q?factor=20chat=20message=20component=20styles=20to=20improve=20r?=
 =?UTF-8?q?eadability=20and=20remove=20unnecessary=20code=20=E2=9C=A8=20fe?=
 =?UTF-8?q?at(formModal):=20add=20accordion=20component=20to=20display=20f?=
 =?UTF-8?q?orm=20keys=20and=20memory=20keys=20in=20the=20chat=20form=20mod?=
 =?UTF-8?q?al?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modals/formModal/chatMessage/index.tsx    | 19 +++-----
 src/frontend/src/modals/formModal/index.tsx   | 44 ++++++++++++++++---
 2 files changed, 43 insertions(+), 20 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index a86f90a0e..5078e251d 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -29,18 +29,12 @@ export default function ChatMessage({
   }, [chat.message]);
   const [hidden, setHidden] = useState(true);
   return (
-    <div
-      className={classNames(
-        "w-full flex",
-        chat.isSend ? "justify-end" : "justify-start"
-      )}
-    >
       <div
         className={classNames(
-          "w-3/4 py-2 px-2 mb-4 flex",
+          "w-full py-2 px-2 pl-4 flex",
           chat.isSend
-            ? "bg-input pl-4 flex-row-reverse rounded-xl rounded-tr-none dark:bg-gray-900 "
-            : "bg-foreground pr-4 rounded-xl rounded-tl-none dark:bg-gray-800"
+            ? "bg-input dark:bg-gray-900 "
+            : " dark:bg-gray-800"
         )}
       >
         <div
@@ -72,7 +66,7 @@ export default function ChatMessage({
         </div>
         {!chat.isSend ? (
           <div className="w-full text-start flex items-center">
-            <div className="w-full relative text-start inline-block text-background text-sm font-normal">
+            <div className="w-full relative text-start inline-block text-primary text-sm font-normal">
               {hidden && chat.thought && chat.thought !== "" && (
                 <div
                   onClick={() => setHidden((prev) => !prev)}
@@ -84,7 +78,7 @@ export default function ChatMessage({
               {chat.thought && chat.thought !== "" && !hidden && (
                 <div
                   onClick={() => setHidden((prev) => !prev)}
-                  className=" text-start inline-block rounded-md text-background h-full border border-gray-300 dark:border-gray-500
+                  className=" text-start inline-block rounded-md text-primary h-full border border-gray-300 dark:border-gray-500
 								bg-muted dark:bg-gray-800 w-[95%] pb-3 pt-3 px-2 ml-3 cursor-pointer scrollbar-hide overflow-scroll"
                   dangerouslySetInnerHTML={{
                     __html: convert.toHtml(chat.thought),
@@ -98,7 +92,7 @@ export default function ChatMessage({
                     <ReactMarkdown
                       remarkPlugins={[remarkGfm, remarkMath]}
                       rehypePlugins={[rehypeMathjax]}
-                      className="markdown prose dark:prose-invert text-background"
+                      className="markdown prose dark:prose-invert text-primary"
                       components={{
                         code({ node, inline, className, children, ...props }) {
                           if (children.length) {
@@ -168,6 +162,5 @@ export default function ChatMessage({
           </div>
         )}
       </div>
-    </div>
   );
 }
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index a2819241c..347c61dae 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -27,6 +27,16 @@ import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
 import { Label } from "../../components/ui/label";
 import { TabsContext } from "../../contexts/tabsContext";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "../../components/ui/accordion";
+import { AccordionHeader } from "@radix-ui/react-accordion";
+import { Textarea } from "../../components/ui/textarea";
+import { Badge } from "../../components/ui/badge";
+import { Separator } from "../../components/ui/separator";
 
 export default function FormModal({
   flow,
@@ -334,7 +344,7 @@ export default function FormModal({
   return (
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>
-      <DialogContent className="min-w-[1000px]">
+      <DialogContent className="min-w-[95vw]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Chat Form</span>
@@ -345,11 +355,31 @@ export default function FormModal({
           </DialogTitle>
         </DialogHeader>
 
-        <div className="flex h-[600px] w-full mt-2">
-          <div className="w-96 h-full flex flex-col justify-start">
+        <div className="flex h-[80vh] w-full mt-2">
+          <div className="w-2/5 h-full flex flex-col justify-start mr-6">
+            <Accordion type="single" collapsible className="w-full">
+              {tabsState[id.current].formKeysData.input_keys.map((i, k) => (
+                <AccordionItem key={k} value={i}>
+                  <AccordionTrigger>{i}</AccordionTrigger>
+                  <AccordionContent>
+                    <div className="p-1">
+                      <Textarea placeholder="Enter text..."></Textarea>
+                    </div>
+                  </AccordionContent>
+                </AccordionItem>
+              ))}
+              {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
+                <AccordionItem key={k} value={i}>
+                  <div className="flex flex-1 items-center justify-between py-4 font-medium transition-all group">
+                    <div className="group-hover:underline">{i}</div>
+                    <Badge>Message Key</Badge>
+                  </div>
+                </AccordionItem>
+              ))}
+            </Accordion>
           </div>
-          <div className="w-full pl-6">
-            <div className="flex flex-col rounded-md w-full h-full">
+          <div className="w-full ">
+            <div className="flex flex-col rounded-md border w-full h-full">
               <div
                 ref={messagesRef}
                 className="w-full h-full flex-col flex items-center overflow-scroll scrollbar-hide"
@@ -385,8 +415,8 @@ export default function FormModal({
                 )}
                 <div ref={ref}></div>
               </div>
-              <div className="w-full bg-background flex-col flex items-center justify-between">
-                <div className="relative w-full mt-1 rounded-md shadow-sm">
+              <div className="w-full p-2 flex-col flex items-center justify-between">
+                <div className="relative w-full rounded-md shadow-sm">
                   <ChatInput
                     chatValue={chatValue}
                     lockChat={lockChat}

From 0e81dafc0ea092e8f3c36398071e9a94b941e1cc Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 19:15:44 -0300
Subject: [PATCH 035/367] =?UTF-8?q?=F0=9F=8E=A8=20style(chatMessage.tsx):?=
 =?UTF-8?q?=20remove=20unused=20classNames=20and=20add=20primary=20color?=
 =?UTF-8?q?=20to=20chat=20message=20text=20=F0=9F=9A=80=20feat(formModal.t?=
 =?UTF-8?q?sx):=20add=20support=20for=20multiple=20input=20keys=20and=20va?=
 =?UTF-8?q?lues=20to=20be=20sent=20in=20the=20chat=20message=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(formModal.tsx):=20fix=20keysValue=20state=20?=
 =?UTF-8?q?initialization=20and=20message=20object=20creation=20?=
 =?UTF-8?q?=F0=9F=9A=80=20feat(formModal.tsx):=20add=20switch=20component?=
 =?UTF-8?q?=20to=20select=20which=20input=20key=20to=20send=20in=20the=20c?=
 =?UTF-8?q?hat=20message=20=F0=9F=8E=A8=20style(formModal.tsx):=20add=20mu?=
 =?UTF-8?q?ted=20background=20color=20to=20input=20keys=20container=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(api/index.ts):=20change=20message=20type=20t?=
 =?UTF-8?q?o=20any=20to=20support=20multiple=20input=20keys=20and=20values?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modals/formModal/chatMessage/index.tsx    |  6 ++--
 src/frontend/src/modals/formModal/index.tsx   | 33 +++++++++++++++----
 src/frontend/src/types/api/index.ts           |  2 +-
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 5078e251d..a819bc8d3 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -33,7 +33,7 @@ export default function ChatMessage({
         className={classNames(
           "w-full py-2 px-2 pl-4 flex",
           chat.isSend
-            ? "bg-input dark:bg-gray-900 "
+            ? " dark:bg-gray-900 "
             : " dark:bg-gray-800"
         )}
       >
@@ -151,9 +151,9 @@ export default function ChatMessage({
           </div>
         ) : (
           <div className="w-full flex items-center">
-            <div className="text-start inline-block text-gray-600 dark:text-white">
+            <div className="text-start inline-block">
               <span
-                className="text-gray-600 dark:text-gray-200"
+                className="text-primary"
                 dangerouslySetInnerHTML={{
                   __html: message.replace(/\n/g, "<br>"),
                 }}
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 347c61dae..f7baab69a 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -37,6 +37,7 @@ import { AccordionHeader } from "@radix-ui/react-accordion";
 import { Textarea } from "../../components/ui/textarea";
 import { Badge } from "../../components/ui/badge";
 import { Separator } from "../../components/ui/separator";
+import { Switch } from "../../components/ui/switch";
 
 export default function FormModal({
   flow,
@@ -48,6 +49,7 @@ export default function FormModal({
   flow: FlowType;
 }) {
   const [chatValue, setChatValue] = useState("");
+  const [keysValue, setKeysValue] = useState([]);
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
   const { setErrorData, setNoticeData } = useContext(alertContext);
@@ -57,6 +59,7 @@ export default function FormModal({
   const isOpen = useRef(open);
   const messagesRef = useRef(null);
   const id = useRef(flow.id);
+  const [chatKey, setChatKey] = useState(0);
 
   useEffect(() => {
     if (messagesRef.current) {
@@ -69,7 +72,7 @@ export default function FormModal({
   }, [open]);
   useEffect(() => {
     id.current = flow.id;
-    console.log(tabsState[flow.id]);
+    setKeysValue(Array(tabsState[flow.id].formKeysData.input_keys.length).fill(""));
   }, [flow.id]);
 
   var isStream = false;
@@ -309,9 +312,15 @@ export default function FormModal({
       let nodeValidationErrors = validateNodes(reactFlowInstance);
       if (nodeValidationErrors.length === 0) {
         setLockChat(true);
-        let message = chatValue;
+        // Message variable makes a object with the keys being the names from tabsState[flow.id].formKeysData.input_keys and the values being the keysValue of the correspondent index
+        let keys = tabsState[flow.id].formKeysData.input_keys; // array of keys
+        let values = keysValue.map((k, i) => i == chatKey ? chatValue : k); // array of values
+        let message = keys.reduce((object, key, index) => {
+          object[key] = values[index];
+          return object;
+        }, {});
         setChatValue("");
-        addChatHistory(message, true);
+        addChatHistory(message.toString(), true);
         sendAll({
           ...reactFlowInstance.toObject(),
           message,
@@ -341,6 +350,12 @@ export default function FormModal({
   function setModalOpen(x: boolean) {
     setOpen(x);
   }
+
+  function handleOnCheckedChange(checked: boolean, index: number) {
+    if(checked === true){
+      setChatKey(index);
+    }
+  }
   return (
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>
@@ -362,8 +377,12 @@ export default function FormModal({
                 <AccordionItem key={k} value={i}>
                   <AccordionTrigger>{i}</AccordionTrigger>
                   <AccordionContent>
-                    <div className="p-1">
-                      <Textarea placeholder="Enter text..."></Textarea>
+                    <div className="p-1 flex flex-col gap-4">
+                    <div className="flex items-center space-x-2">
+                      <Switch id="airplane-mode" checked={chatKey === k } onCheckedChange={(value) => handleOnCheckedChange(value, k)}/>
+                      <Label htmlFor="airplane-mode">From Chat</Label>
+                    </div>
+                      <Textarea value={keysValue[k]} onChange={(e) => setKeysValue({...keysValue, [k]: e.target.value})} disabled={chatKey === k} placeholder="Enter text..."></Textarea>
                     </div>
                   </AccordionContent>
                 </AccordionItem>
@@ -372,14 +391,14 @@ export default function FormModal({
                 <AccordionItem key={k} value={i}>
                   <div className="flex flex-1 items-center justify-between py-4 font-medium transition-all group">
                     <div className="group-hover:underline">{i}</div>
-                    <Badge>Message Key</Badge>
+                    <Badge>Memory Key</Badge>
                   </div>
                 </AccordionItem>
               ))}
             </Accordion>
           </div>
           <div className="w-full ">
-            <div className="flex flex-col rounded-md border w-full h-full">
+            <div className="flex flex-col rounded-md border bg-muted w-full h-full">
               <div
                 ref={messagesRef}
                 className="w-full h-full flex-col flex items-center overflow-scroll scrollbar-hide"
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index 928a088dd..92827cc4e 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -30,7 +30,7 @@ export type sendAllProps = {
   name: string;
   description: string;
   viewport: Viewport;
-  message: string;
+  message: any;
 
   chatHistory: { message: string; isSend: boolean }[];
 };

From 47494dd9a885b0b47f7e7461390bfb6b965432c3 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 19:17:14 -0300
Subject: [PATCH 036/367] =?UTF-8?q?=F0=9F=94=A5=20chore(endpoints.py):=20r?=
 =?UTF-8?q?emove=20unused=20custom=5Fcomponent=20endpoint=20The=20custom?=
 =?UTF-8?q?=5Fcomponent=20endpoint=20was=20commented=20out=20and=20unused.?=
 =?UTF-8?q?=20It=20has=20been=20removed=20to=20improve=20code=20readabilit?=
 =?UTF-8?q?y=20and=20maintainability.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/endpoints.py | 43 ------------------------
 1 file changed, 43 deletions(-)

diff --git a/src/backend/langflow/api/v1/endpoints.py b/src/backend/langflow/api/v1/endpoints.py
index 2d93aebb1..1114412c5 100644
--- a/src/backend/langflow/api/v1/endpoints.py
+++ b/src/backend/langflow/api/v1/endpoints.py
@@ -13,7 +13,6 @@ from langflow.api.v1.schemas import (
 
 from langflow.interface.types import (
     build_langchain_types_dict,
-    build_langchain_template_custom_component,
 )
 from langflow.database.base import get_session
 from sqlmodel import Session
@@ -84,45 +83,3 @@ def get_version():
     from langflow import __version__
 
     return {"version": __version__}
-
-
-# @router.post("/custom_component", response_model=CustomComponentResponse, status_code=200)
-@router.post("/custom_component", status_code=200)
-def custom_component(
-    code: CustomComponentCode,
-    session: Session = Depends(get_session),
-):
-    code_test = """
-from langflow.interface.chains.base import ChainCreator
-from langflow.interface.tools.base import ToolCreator
-
-
-class MyPythonClass():
-    def __init__(self, title: str, author: str, year_published: int):
-        self.title = title
-        self.author = author
-        self.year_published = year_published
-
-    def get_details(self):
-        return f"Title: {self.title}, Author: {self.author}, Year Published: {self.year_published}"
-
-    def update_year_published(self, new_year: int):
-        self.year_published = new_year
-        print(f"The year of publication has been updated to {new_year}.")
-
-    def build(self, name: str, id: int, other: str) -> ChainCreator:
-        return ChainCreator()
-"""
-
-    extractor = ClassCodeExtractor(code_test)
-    data = extractor.extract_class_info()
-    is_valid_class_template(data)
-
-    (
-        function_args,
-        function_return_type,
-    ) = extractor.get_entrypoint_function_args_and_return_type()
-
-    return build_langchain_template_custom_component(
-        code_test, function_args, function_return_type
-    )

From e760f228478facb655a02faf12fdc8fed05f3df8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 19:17:46 -0300
Subject: [PATCH 037/367] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20change?=
 =?UTF-8?q?=20frontend=5Fnode=20field=20in=20ValidatePromptRequest=20to=20?=
 =?UTF-8?q?use=20FrontendNodeRequest=20instead=20of=20FrontendNode=20?=
 =?UTF-8?q?=F0=9F=94=A5=20chore(base.py):=20remove=20unused=20FrontendNode?=
 =?UTF-8?q?Request=20class=20=F0=9F=94=A8=20refactor(validate.py):=20modif?=
 =?UTF-8?q?y=20post=5Fvalidate=5Fprompt=20function=20to=20update=20the=20t?=
 =?UTF-8?q?emplate=20field=20in=20the=20frontend=5Fnode=20object=20The=20V?=
 =?UTF-8?q?alidatePromptRequest=20class=20was=20using=20the=20FrontendNode?=
 =?UTF-8?q?=20class=20instead=20of=20the=20FrontendNodeRequest=20class,=20?=
 =?UTF-8?q?which=20caused=20an=20error.=20The=20unused=20FrontendNodeReque?=
 =?UTF-8?q?st=20class=20was=20removed.=20The=20post=5Fvalidate=5Fprompt=20?=
 =?UTF-8?q?function=20was=20modified=20to=20update=20the=20template=20fiel?=
 =?UTF-8?q?d=20in=20the=20frontend=5Fnode=20object=20instead=20of=20append?=
 =?UTF-8?q?ing=20to=20the=20fields=20list.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/base.py     | 8 ++++++--
 src/backend/langflow/api/v1/validate.py | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/api/v1/base.py b/src/backend/langflow/api/v1/base.py
index 1a4936a2f..5c32536c8 100644
--- a/src/backend/langflow/api/v1/base.py
+++ b/src/backend/langflow/api/v1/base.py
@@ -13,9 +13,13 @@ class Code(BaseModel):
     code: str
 
 
+class FrontendNodeRequest(FrontendNode):
+    template: dict
+
+
 class ValidatePromptRequest(BaseModel):
     template: str
-    frontend_node: FrontendNode
+    frontend_node: FrontendNodeRequest
 
 
 # Build ValidationResponse class for {"imports": {"errors": []}, "function": {"errors": []}}
@@ -34,7 +38,7 @@ class CodeValidationResponse(BaseModel):
 
 class PromptValidationResponse(BaseModel):
     input_variables: list
-    frontend_node: FrontendNode
+    frontend_node: FrontendNodeRequest
 
 
 INVALID_CHARACTERS = {
diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 3046ad9ba..658e5b274 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -36,7 +36,8 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
                 template_field = TemplateField(
                     name=variable, field_type="str", show=True, advanced=False
                 )
-                prompt.frontend_node.template.fields.append(template_field)
+
+                prompt.frontend_node.template[variable] = template_field.dict()
                 prompt.frontend_node.custom_fields.append(variable)
             except Exception as exc:
                 logger.exception(exc)

From 5a57de5425d4436271f4665fea26d92a3bb55596 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 19:18:14 -0300
Subject: [PATCH 038/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(promptComponent?=
 =?UTF-8?q?,=20genericModal,=20promptModal,=20API):=20rename=20checkPrompt?=
 =?UTF-8?q?=20to=20postValidatePrompt=20=E2=9C=A8=20feat(promptComponent,?=
 =?UTF-8?q?=20genericModal):=20add=20setNodeClass=20prop=20to=20PromptArea?=
 =?UTF-8?q?Component=20and=20GenericModal=20to=20update=20nodeClass=20The?=
 =?UTF-8?q?=20checkPrompt=20function=20has=20been=20renamed=20to=20postVal?=
 =?UTF-8?q?idatePrompt=20to=20better=20reflect=20its=20functionality.=20Th?=
 =?UTF-8?q?e=20PromptTypeAPI=20now=20includes=20a=20frontend=5Fnode=20prop?=
 =?UTF-8?q?erty,=20which=20is=20used=20to=20update=20the=20nodeClass=20in?=
 =?UTF-8?q?=20the=20PromptAreaComponent=20and=20GenericModal=20components.?=
 =?UTF-8?q?=20The=20setNodeClass=20prop=20has=20been=20added=20to=20both?=
 =?UTF-8?q?=20components=20to=20allow=20for=20updating=20the=20nodeClass.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/promptComponent/index.tsx      |  2 ++
 src/frontend/src/controllers/API/index.ts         |  5 +++--
 src/frontend/src/modals/genericModal/index.tsx    | 15 ++++++++-------
 src/frontend/src/modals/promptModal/index.tsx     |  4 ++--
 src/frontend/src/types/api/index.ts               |  6 +++++-
 src/frontend/src/types/components/index.ts        |  1 +
 6 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index abc16c8db..fa18bd001 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -8,6 +8,7 @@ import { ExternalLink } from "lucide-react";
 
 export default function PromptAreaComponent({
   nodeClass,
+  setNodeClass,
   value,
   onChange,
   disabled,
@@ -46,6 +47,7 @@ export default function PromptAreaComponent({
                   onChange(t);
                 }}
                 nodeClass={nodeClass}
+                setNodeClass={setNodeClass}
               />
             );
           }}
diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 5c5c43a4d..9f212895e 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -1,10 +1,10 @@
 import {
   BuildStatusTypeAPI,
-  PromptTypeAPI,
   errorsTypeAPI,
   InitTypeAPI,
   UploadFileTypeAPI,
   APIClassType,
+  PromptTypeAPI,
 } from "./../../types/api/index";
 import { APIObjectType, sendAllProps } from "../../types/api/index";
 import axios, { AxiosResponse } from "axios";
@@ -54,9 +54,10 @@ export async function postValidateCode(
  * Checks the prompt for the code block by sending it to an API endpoint.
  *
  * @param {string} template - The template string of the prompt to check.
+ * @param {APIClassType} frontend_node - The frontend node to check.
  * @returns {Promise<AxiosResponse<PromptTypeAPI>>} A promise that resolves to an AxiosResponse containing the validation results.
  */
-export async function checkPrompt(
+export async function postValidatePrompt(
   template: string,
   frontend_node: APIClassType
 ): Promise<AxiosResponse<PromptTypeAPI>> {
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 8f7dcefc8..215ba0585 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -1,7 +1,7 @@
 import { useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { darkContext } from "../../contexts/darkContext";
-import { checkPrompt } from "../../controllers/API";
+import { postValidatePrompt } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
 import {
   Dialog,
@@ -25,13 +25,15 @@ export default function GenericModal({
   modalTitle,
   type,
   nodeClass,
+  setNodeClass,
 }: {
   setValue: (value: string) => void;
   value: string;
   buttonText: string;
   modalTitle: string;
   type: number;
-  nodeClass: APIClassType;
+  nodeClass?: APIClassType;
+  setNodeClass?: (Class: APIClassType) => void;
 }) {
   const [myButtonText] = useState(buttonText);
   const [myModalTitle] = useState(modalTitle);
@@ -99,13 +101,12 @@ export default function GenericModal({
                   setModalOpen(false);
                   break;
                 case 2:
-                  checkPrompt(myValue, nodeClass)
+                  postValidatePrompt(myValue, nodeClass)
                     .then((apiReturn) => {
                       if (apiReturn.data) {
-                        if (apiReturn.data) {
-                          setNodeClass(data);
-                          setModalOpen(false);
-                        }
+                        setNodeClass(apiReturn.data.frontend_node);
+                        setModalOpen(false);
+
                         let inputVariables = apiReturn.data.input_variables;
                         if (inputVariables.length === 0) {
                           setErrorData({
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
index 8a3ce4185..2ab1c140a 100644
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ b/src/frontend/src/modals/promptModal/index.tsx
@@ -3,7 +3,7 @@ import { XMarkIcon, DocumentTextIcon } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { darkContext } from "../../contexts/darkContext";
-import { checkPrompt } from "../../controllers/API";
+import { postValidatePrompt } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
 export default function PromptAreaModal({
   value,
@@ -107,7 +107,7 @@ export default function PromptAreaModal({
                       type="button"
                       className="inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-ring focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:ring-offset-1 sm:ml-3 sm:w-auto sm:text-sm"
                       onClick={() => {
-                        checkPrompt(myValue)
+                        postValidatePrompt(myValue)
                           .then((apiReturn) => {
                             if (apiReturn.data) {
                               let inputVariables =
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index 92827cc4e..d47663d18 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -14,6 +14,7 @@ export type APIClassType = {
   display_name: string;
   [key: string]: Array<string> | string | APITemplateType;
 };
+
 export type TemplateVariableType = {
   type: string;
   required: boolean;
@@ -38,7 +39,10 @@ export type errorsTypeAPI = {
   function: { errors: Array<string> };
   imports: { errors: Array<string> };
 };
-export type PromptTypeAPI = { input_variables: Array<string> };
+export type PromptTypeAPI = {
+  input_variables: Array<string>;
+  frontend_node: APIClassType;
+};
 
 export type BuildStatusTypeAPI = {
   built: boolean;
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index c1cc3756c..090d3a49f 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -46,6 +46,7 @@ export type InputListComponentType = {
 
 export type TextAreaComponentType = {
   nodeClass?: APIClassType;
+  setNodeClass?: (value: APIClassType) => void;
   disabled: boolean;
   onChange: (value: string[] | string) => void;
   value: string;

From 64fa0c0dcb651579e06489b603fa4bd9f2b3bfcd Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 19:31:37 -0300
Subject: [PATCH 039/367] =?UTF-8?q?=F0=9F=8E=A8=20style(chatInput.tsx):=20?=
 =?UTF-8?q?add=20padding=20to=20the=20chat=20input=20to=20improve=20readab?=
 =?UTF-8?q?ility=20and=20aesthetics=20=F0=9F=8E=A8=20style(chatMessage.tsx?=
 =?UTF-8?q?):=20change=20icon=20from=20MessageCircle=20to=20MessageSquare?=
 =?UTF-8?q?=20to=20improve=20semantics=20=F0=9F=8E=A8=20style(index.tsx):?=
 =?UTF-8?q?=20add=20new=20icons=20to=20the=20import=20statement=20and=20ch?=
 =?UTF-8?q?ange=20MessageSquareDashed=20to=20MessageSquare=20to=20improve?=
 =?UTF-8?q?=20semantics.=20Add=20padding=20to=20the=20chat=20modal=20to=20?=
 =?UTF-8?q?improve=20aesthetics.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatInput/index.tsx   | 4 ++--
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 4 ++--
 src/frontend/src/modals/formModal/index.tsx             | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 69d382748..cb77cd277 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -53,12 +53,12 @@ export default function ChatInput({
           lockChat
             ? " bg-input text-black dark:bg-gray-700 dark:text-gray-300"
             : "  bg-white-200 text-black dark:bg-gray-900 dark:text-gray-300",
-          "form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-10 sm:text-sm" +
+          "p-4 form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-12 sm:text-sm" +
             INPUT_STYLE
         )}
         placeholder={"Send a message..."}
       />
-      <div className="absolute bottom-0.5 right-3">
+      <div className="absolute bottom-2.5 right-4">
         <button disabled={lockChat} onClick={() => sendMessage()}>
           {lockChat ? (
             <Lock
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index a819bc8d3..98e42d4fa 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -10,7 +10,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import { CodeBlock } from "./codeBlock";
 import Convert from "ansi-to-html";
-import { User2, MessageCircle } from "lucide-react";
+import { User2, MessageSquare } from "lucide-react";
 
 export default function ChatMessage({
   chat,
@@ -72,7 +72,7 @@ export default function ChatMessage({
                   onClick={() => setHidden((prev) => !prev)}
                   className="absolute -top-1 -left-2 cursor-pointer"
                 >
-                  <MessageCircle className="w-5 h-5 animate-bounce dark:text-white" />
+                  <MessageSquare className="w-5 h-5 animate-bounce dark:text-white" />
                 </div>
               )}
               {chat.thought && chat.thought !== "" && !hidden && (
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index f7baab69a..7c1add07e 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -5,7 +5,7 @@ import { alertContext } from "../../contexts/alertContext";
 import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser, TerminalSquare } from "lucide-react";
+import { X, MessagesSquare, Eraser, TerminalSquare, MessageCircle, MessageSquareDashed, MessageSquare } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -425,7 +425,7 @@ export default function FormModal({
                       <span className="text-base text-gray-500">
                         Start a conversation and click the agent’s thoughts{" "}
                         <span>
-                          <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 " />
+                          <MessageSquare className="w-5 h-5 inline animate-bounce mx-1 " />
                         </span>{" "}
                         to inspect the chaining process.
                       </span>
@@ -434,7 +434,7 @@ export default function FormModal({
                 )}
                 <div ref={ref}></div>
               </div>
-              <div className="w-full p-2 flex-col flex items-center justify-between">
+              <div className="w-full px-8 pb-6 flex-col flex items-center justify-between">
                 <div className="relative w-full rounded-md shadow-sm">
                   <ChatInput
                     chatValue={chatValue}

From 5a62bdc5923ba845507e25781840ab926d047280 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 19:35:16 -0300
Subject: [PATCH 040/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal):=20replac?=
 =?UTF-8?q?e=20double=20quotes=20with=20single=20quotes=20to=20improve=20c?=
 =?UTF-8?q?onsistency=20and=20avoid=20escaping?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 7c1add07e..e1d2e1067 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -423,7 +423,7 @@ export default function FormModal({
                     <br />
                     <div className="bg-muted dark:bg-gray-900 rounded-md w-2/4 px-6 py-8 border border-gray-200 dark:border-gray-700">
                       <span className="text-base text-gray-500">
-                        Start a conversation and click the agent’s thoughts{" "}
+                        Start a conversation and click the agent's thoughts{" "}
                         <span>
                           <MessageSquare className="w-5 h-5 inline animate-bounce mx-1 " />
                         </span>{" "}

From e5676337b5c25c19f9dd463d7f8d713c38ab7ec5 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 19:49:18 -0300
Subject: [PATCH 041/367] =?UTF-8?q?=F0=9F=90=9B=20fix(utils.ts):=20add=20t?=
 =?UTF-8?q?ry-catch=20blocks=20to=20handle=20errors=20in=20groupByFamily?=
 =?UTF-8?q?=20function=20The=20try-catch=20blocks=20were=20added=20to=20ha?=
 =?UTF-8?q?ndle=20errors=20that=20may=20occur=20when=20the=20function=20is?=
 =?UTF-8?q?=20called.=20This=20improves=20the=20robustness=20of=20the=20fu?=
 =?UTF-8?q?nction=20and=20prevents=20it=20from=20crashing=20when=20an=20er?=
 =?UTF-8?q?ror=20occurs.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/utils.ts | 36 +++++++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 834094ef0..46b9c51cd 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -830,10 +830,16 @@ export function groupByFamily(data, baseClasses) {
 
   Object.keys(data).map((d) => {
     Object.keys(data[d]).map((n) => {
-      if (
-        data[d][n].base_classes.some((r) => baseClasses.split("\n").includes(r))
-      ) {
-        arrOfParent.push(d);
+      try {
+        if (
+          data[d][n].base_classes.some((r) =>
+            baseClasses.split("\n").includes(r)
+          )
+        ) {
+          arrOfParent.push(d);
+        }
+      } catch (e) {
+        console.log(e);
       }
     });
   });
@@ -844,16 +850,20 @@ export function groupByFamily(data, baseClasses) {
 
   Object.keys(data).map((d) => {
     Object.keys(data[d]).map((n) => {
-      baseClasses.split("\n").forEach((tol) => {
-        data[d][n].base_classes.forEach((data) => {
-          if (tol == data) {
-            arrOfType.push({
-              family: d,
-              type: data,
-            });
-          }
+      try {
+        baseClasses.split("\n").forEach((tol) => {
+          data[d][n].base_classes.forEach((data) => {
+            if (tol == data) {
+              arrOfType.push({
+                family: d,
+                type: data,
+              });
+            }
+          });
         });
-      });
+      } catch (e) {
+        console.log(e);
+      }
     });
   });
 

From 753eae28c777d31141c6587247f3e3426c811985 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 19:49:30 -0300
Subject: [PATCH 042/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20chan?=
 =?UTF-8?q?ge=20dict()=20to=20to=5Fdict()=20method=20to=20fix=20TypeError?=
 =?UTF-8?q?=20The=20`dict()`=20method=20was=20causing=20a=20TypeError=20wh?=
 =?UTF-8?q?en=20trying=20to=20serialize=20the=20`template=5Ffield`=20objec?=
 =?UTF-8?q?t.=20The=20`to=5Fdict()`=20method=20is=20the=20correct=20method?=
 =?UTF-8?q?=20to=20use=20to=20serialize=20the=20object.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 658e5b274..fada9ce23 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -37,7 +37,7 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
                     name=variable, field_type="str", show=True, advanced=False
                 )
 
-                prompt.frontend_node.template[variable] = template_field.dict()
+                prompt.frontend_node.template[variable] = template_field.to_dict()
                 prompt.frontend_node.custom_fields.append(variable)
             except Exception as exc:
                 logger.exception(exc)

From aee34c87f26ad080c59c5bc94da60e79d745a922 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 19:49:41 -0300
Subject: [PATCH 043/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20setNodeClass=20function=20is=20now=20passed=20down=20to=20Pr?=
 =?UTF-8?q?omptAreaComponent=20The=20setNodeClass=20function=20is=20now=20?=
 =?UTF-8?q?passed=20down=20to=20PromptAreaComponent=20from=20ParameterComp?=
 =?UTF-8?q?onent.=20This=20allows=20the=20nodeClass=20to=20be=20set=20when?=
 =?UTF-8?q?=20a=20prompt=20is=20used.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../GenericNode/components/parameterComponent/index.tsx        | 3 +++
 src/frontend/src/components/promptComponent/index.tsx          | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 9b7590213..6b12d8b35 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -260,6 +260,9 @@ export default function ParameterComponent({
           </div>
         ) : left === true && type === "prompt" ? (
           <PromptAreaComponent
+            setNodeClass={(nodeClass) => {
+              data.node = nodeClass;
+            }}
             nodeClass={data.node}
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index fa18bd001..9e85868ed 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -7,8 +7,8 @@ import { INPUT_STYLE } from "../../constants";
 import { ExternalLink } from "lucide-react";
 
 export default function PromptAreaComponent({
-  nodeClass,
   setNodeClass,
+  nodeClass,
   value,
   onChange,
   disabled,

From 2cf16de113e120e2fbb8b582839d3330dec97e4f Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 19:51:18 -0300
Subject: [PATCH 044/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20remo?=
 =?UTF-8?q?ve=20unused=20template=20fields=20from=20frontend=5Fnode=20The?=
 =?UTF-8?q?=20code=20now=20removes=20any=20unused=20template=20fields=20fr?=
 =?UTF-8?q?om=20the=20frontend=5Fnode=20to=20avoid=20any=20potential=20err?=
 =?UTF-8?q?ors.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index fada9ce23..802ee3e3d 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -39,6 +39,9 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
 
                 prompt.frontend_node.template[variable] = template_field.to_dict()
                 prompt.frontend_node.custom_fields.append(variable)
+                for key in prompt.frontend_node.template:
+                    if key not in input_variables:
+                        prompt.frontend_node.template.pop(key, None)
             except Exception as exc:
                 logger.exception(exc)
                 raise HTTPException(status_code=500, detail=str(exc)) from exc

From 526f5847c6a4dce8609a8e98db913d0292b593c6 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 20:54:00 -0300
Subject: [PATCH 045/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20remo?=
 =?UTF-8?q?ve=20unused=20variables=20from=20prompt.frontend=5Fnode.templat?=
 =?UTF-8?q?e=20=E2=9C=A8=20feat(validate.py):=20add=20support=20for=20dyna?=
 =?UTF-8?q?mic=20template=20fields=20in=20prompt=20validation=20The=20chan?=
 =?UTF-8?q?ges=20in=20this=20commit=20remove=20unused=20variables=20from?=
 =?UTF-8?q?=20the=20prompt.frontend=5Fnode.template.=20The=20commit=20also?=
 =?UTF-8?q?=20adds=20support=20for=20dynamic=20template=20fields=20in=20pr?=
 =?UTF-8?q?ompt=20validation.=20The=20new=20variables=20are=20added=20to?=
 =?UTF-8?q?=20the=20template=20and=20the=20custom=5Ffields=20list.=20The?=
 =?UTF-8?q?=20old=20custom=5Ffields=20list=20is=20copied=20and=20then=20up?=
 =?UTF-8?q?dated=20with=20the=20new=20variables.=20The=20variables=20that?=
 =?UTF-8?q?=20are=20not=20in=20the=20template=20anymore=20are=20removed=20?=
 =?UTF-8?q?from=20the=20prompt.frontend=5Fnode.template.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 802ee3e3d..431945602 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -31,6 +31,10 @@ def post_validate_code(code: Code):
 def post_validate_prompt(prompt: ValidatePromptRequest):
     try:
         input_variables = validate_prompt(prompt.template)
+        # Reinitialize custom_fields
+        old_custom_fields = prompt.frontend_node.custom_fields.copy()
+        prompt.frontend_node.custom_fields = []
+        # Add new variables to the template
         for variable in input_variables:
             try:
                 template_field = TemplateField(
@@ -39,13 +43,20 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
 
                 prompt.frontend_node.template[variable] = template_field.to_dict()
                 prompt.frontend_node.custom_fields.append(variable)
-                for key in prompt.frontend_node.template:
-                    if key not in input_variables:
-                        prompt.frontend_node.template.pop(key, None)
+
             except Exception as exc:
                 logger.exception(exc)
                 raise HTTPException(status_code=500, detail=str(exc)) from exc
 
+        # Remove variables that are not in the template anymore
+        for variable in old_custom_fields:
+            if variable not in input_variables:
+                try:
+                    prompt.frontend_node.template.pop(variable, None)
+                except Exception as exc:
+                    logger.exception(exc)
+                    raise HTTPException(status_code=500, detail=str(exc)) from exc
+
         return PromptValidationResponse(
             input_variables=input_variables,
             frontend_node=prompt.frontend_node,

From 355b846be435bae8ce5f38f87fe9d93dc3dd5610 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 20:54:24 -0300
Subject: [PATCH 046/367] =?UTF-8?q?=F0=9F=8E=A8=20style(constants.tsx):=20?=
 =?UTF-8?q?add=20CHAT=5FFORM=5FDIALOG=5FSUBTITLE=20constant=20to=20improve?=
 =?UTF-8?q?=20code=20readability=20=E2=9C=A8=20feat(formModal):=20add=20In?=
 =?UTF-8?q?put=20Variables=20section=20to=20Chat=20Form=20modal=20to=20all?=
 =?UTF-8?q?ow=20users=20to=20input=20variables=20=F0=9F=8E=A8=20style(form?=
 =?UTF-8?q?Modal):=20adjust=20width=20of=20Chat=20Form=20modal=20and=20Inp?=
 =?UTF-8?q?ut=20Variables=20section=20to=20improve=20UI=20=F0=9F=8E=A8=20s?=
 =?UTF-8?q?tyle(formModal):=20adjust=20layout=20of=20Input=20Variables=20s?=
 =?UTF-8?q?ection=20to=20improve=20UI=20=F0=9F=8E=A8=20style(formModal):?=
 =?UTF-8?q?=20adjust=20layout=20of=20From=20Chat=20switch=20to=20improve?=
 =?UTF-8?q?=20UI=20=F0=9F=90=9B=20fix(formModal):=20replace=20Switch=20com?=
 =?UTF-8?q?ponent=20with=20custom=20ToggleShadComponent=20to=20fix=20styli?=
 =?UTF-8?q?ng=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx              |  7 ++++++
 src/frontend/src/modals/formModal/index.tsx | 26 ++++++++++++++++-----
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index f569046ea..d87008971 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -22,6 +22,13 @@ export const SETTINGS_DIALOG_SUBTITLE = "Edit details about your project.";
 export const CODE_DIALOG_SUBTITLE =
   "Export your flow to use it with this code.";
 
+/**
+ * The base text for subtitle of Chat Form
+ * @constant
+ */
+export const CHAT_FORM_DIALOG_SUBTITLE =
+  "Export your flow to use it with this code.";
+
 /**
  * The base text for subtitle of Edit Node Dialog
  * @constant
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index e1d2e1067..0d139a2d6 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -5,7 +5,7 @@ import { alertContext } from "../../contexts/alertContext";
 import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser, TerminalSquare, MessageCircle, MessageSquareDashed, MessageSquare } from "lucide-react";
+import { X, MessagesSquare, Eraser, TerminalSquare, MessageCircle, MessageSquareDashed, MessageSquare, Variable } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -21,7 +21,7 @@ import {
   DialogTrigger,
 } from "../../components/ui/dialog";
 import { dark } from "@mui/material/styles/createPalette";
-import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
+import { CHAT_FORM_DIALOG_SUBTITLE } from "../../constants";
 import { postValidateCode } from "../../controllers/API";
 import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
@@ -38,6 +38,8 @@ import { Textarea } from "../../components/ui/textarea";
 import { Badge } from "../../components/ui/badge";
 import { Separator } from "../../components/ui/separator";
 import { Switch } from "../../components/ui/switch";
+import { CardTitle } from "../../components/ui/card";
+import ToggleShadComponent from "../../components/toggleShadComponent";
 
 export default function FormModal({
   flow,
@@ -359,19 +361,26 @@ export default function FormModal({
   return (
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>
-      <DialogContent className="min-w-[95vw]">
+      <DialogContent className="min-w-[80vw]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
-            <span className="pr-2">Chat Form</span>
+            <span className="pr-2">Chat</span>
             <TerminalSquare
               className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
               aria-hidden="true"
             />
           </DialogTitle>
+          <DialogDescription>{CHAT_FORM_DIALOG_SUBTITLE}</DialogDescription>
         </DialogHeader>
 
         <div className="flex h-[80vh] w-full mt-2">
-          <div className="w-2/5 h-full flex flex-col justify-start mr-6">
+          <div className="w-1/4 h-full flex flex-col justify-start mr-6">
+          <div className="flex py-2">
+              <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
+              <span className="text-md font-semibold text-gray-800 dark:text-white">
+                Input Variables
+              </span>
+            </div>
             <Accordion type="single" collapsible className="w-full">
               {tabsState[id.current].formKeysData.input_keys.map((i, k) => (
                 <AccordionItem key={k} value={i}>
@@ -379,8 +388,13 @@ export default function FormModal({
                   <AccordionContent>
                     <div className="p-1 flex flex-col gap-4">
                     <div className="flex items-center space-x-2">
-                      <Switch id="airplane-mode" checked={chatKey === k } onCheckedChange={(value) => handleOnCheckedChange(value, k)}/>
                       <Label htmlFor="airplane-mode">From Chat</Label>
+                      <ToggleShadComponent
+                                  enabled={chatKey === k }
+                                  setEnabled={(value) => handleOnCheckedChange(value, k)}
+                                  size="small"
+                                  disabled={false}
+                                />
                     </div>
                       <Textarea value={keysValue[k]} onChange={(e) => setKeysValue({...keysValue, [k]: e.target.value})} disabled={chatKey === k} placeholder="Enter text..."></Textarea>
                     </div>

From 8c721b0b8e930e53dfcfb27315e6a1c33549c90f Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 27 Jun 2023 20:58:01 -0300
Subject: [PATCH 047/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal):=20fix=20?=
 =?UTF-8?q?keysValue=20state=20initialization=20to=20prevent=20undefined?=
 =?UTF-8?q?=20error=20=E2=9C=A8=20feat(formModal):=20add=20support=20for?=
 =?UTF-8?q?=20memory=5Fkeys=20in=20input=20variables=20accordion=20to=20di?=
 =?UTF-8?q?splay=20memory=20keys=20in=20chat=20form=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 224 +++++++++++---------
 1 file changed, 123 insertions(+), 101 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 0d139a2d6..b0cdaf484 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -5,7 +5,16 @@ import { alertContext } from "../../contexts/alertContext";
 import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser, TerminalSquare, MessageCircle, MessageSquareDashed, MessageSquare, Variable } from "lucide-react";
+import {
+  X,
+  MessagesSquare,
+  Eraser,
+  TerminalSquare,
+  MessageCircle,
+  MessageSquareDashed,
+  MessageSquare,
+  Variable,
+} from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -74,8 +83,10 @@ export default function FormModal({
   }, [open]);
   useEffect(() => {
     id.current = flow.id;
-    setKeysValue(Array(tabsState[flow.id].formKeysData.input_keys.length).fill(""));
-  }, [flow.id]);
+    setKeysValue(
+      Array(tabsState[flow.id].formKeysData.input_keys.length).fill("")
+    );
+  }, [flow.id, tabsState[flow.id], tabsState[flow.id].formKeysData]);
 
   var isStream = false;
 
@@ -316,7 +327,7 @@ export default function FormModal({
         setLockChat(true);
         // Message variable makes a object with the keys being the names from tabsState[flow.id].formKeysData.input_keys and the values being the keysValue of the correspondent index
         let keys = tabsState[flow.id].formKeysData.input_keys; // array of keys
-        let values = keysValue.map((k, i) => i == chatKey ? chatValue : k); // array of values
+        let values = keysValue.map((k, i) => (i == chatKey ? chatValue : k)); // array of values
         let message = keys.reduce((object, key, index) => {
           object[key] = values[index];
           return object;
@@ -354,115 +365,126 @@ export default function FormModal({
   }
 
   function handleOnCheckedChange(checked: boolean, index: number) {
-    if(checked === true){
+    if (checked === true) {
       setChatKey(index);
     }
   }
   return (
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>
-      <DialogContent className="min-w-[80vw]">
-        <DialogHeader>
-          <DialogTitle className="flex items-center">
-            <span className="pr-2">Chat</span>
-            <TerminalSquare
-              className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
-              aria-hidden="true"
-            />
-          </DialogTitle>
-          <DialogDescription>{CHAT_FORM_DIALOG_SUBTITLE}</DialogDescription>
-        </DialogHeader>
+      {tabsState[flow.id].formKeysData && (
+        <DialogContent className="min-w-[80vw]">
+          <DialogHeader>
+            <DialogTitle className="flex items-center">
+              <span className="pr-2">Chat</span>
+              <TerminalSquare
+                className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
+                aria-hidden="true"
+              />
+            </DialogTitle>
+            <DialogDescription>{CHAT_FORM_DIALOG_SUBTITLE}</DialogDescription>
+          </DialogHeader>
 
-        <div className="flex h-[80vh] w-full mt-2">
-          <div className="w-1/4 h-full flex flex-col justify-start mr-6">
-          <div className="flex py-2">
-              <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
-              <span className="text-md font-semibold text-gray-800 dark:text-white">
-                Input Variables
-              </span>
-            </div>
-            <Accordion type="single" collapsible className="w-full">
-              {tabsState[id.current].formKeysData.input_keys.map((i, k) => (
-                <AccordionItem key={k} value={i}>
-                  <AccordionTrigger>{i}</AccordionTrigger>
-                  <AccordionContent>
-                    <div className="p-1 flex flex-col gap-4">
-                    <div className="flex items-center space-x-2">
-                      <Label htmlFor="airplane-mode">From Chat</Label>
-                      <ToggleShadComponent
-                                  enabled={chatKey === k }
-                                  setEnabled={(value) => handleOnCheckedChange(value, k)}
-                                  size="small"
-                                  disabled={false}
-                                />
-                    </div>
-                      <Textarea value={keysValue[k]} onChange={(e) => setKeysValue({...keysValue, [k]: e.target.value})} disabled={chatKey === k} placeholder="Enter text..."></Textarea>
-                    </div>
-                  </AccordionContent>
-                </AccordionItem>
-              ))}
-              {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
-                <AccordionItem key={k} value={i}>
-                  <div className="flex flex-1 items-center justify-between py-4 font-medium transition-all group">
-                    <div className="group-hover:underline">{i}</div>
-                    <Badge>Memory Key</Badge>
-                  </div>
-                </AccordionItem>
-              ))}
-            </Accordion>
-          </div>
-          <div className="w-full ">
-            <div className="flex flex-col rounded-md border bg-muted w-full h-full">
-              <div
-                ref={messagesRef}
-                className="w-full h-full flex-col flex items-center overflow-scroll scrollbar-hide"
-              >
-                {chatHistory.length > 0 ? (
-                  chatHistory.map((c, i) => (
-                    <ChatMessage
-                      lockChat={lockChat}
-                      chat={c}
-                      lastMessage={chatHistory.length - 1 == i ? true : false}
-                      key={i}
-                    />
-                  ))
-                ) : (
-                  <div className="flex flex-col h-full text-center justify-center w-full items-center align-middle">
-                    <span>
-                      👋{" "}
-                      <span className="text-gray-600 dark:text-gray-300 text-lg">
-                        LangFlow Chat
-                      </span>
-                    </span>
-                    <br />
-                    <div className="bg-muted dark:bg-gray-900 rounded-md w-2/4 px-6 py-8 border border-gray-200 dark:border-gray-700">
-                      <span className="text-base text-gray-500">
-                        Start a conversation and click the agent's thoughts{" "}
-                        <span>
-                          <MessageSquare className="w-5 h-5 inline animate-bounce mx-1 " />
-                        </span>{" "}
-                        to inspect the chaining process.
-                      </span>
-                    </div>
-                  </div>
-                )}
-                <div ref={ref}></div>
+          <div className="flex h-[80vh] w-full mt-2">
+            <div className="w-1/4 h-full flex flex-col justify-start mr-6">
+              <div className="flex py-2">
+                <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
+                <span className="text-md font-semibold text-gray-800 dark:text-white">
+                  Input Variables
+                </span>
               </div>
-              <div className="w-full px-8 pb-6 flex-col flex items-center justify-between">
-                <div className="relative w-full rounded-md shadow-sm">
-                  <ChatInput
-                    chatValue={chatValue}
-                    lockChat={lockChat}
-                    sendMessage={sendMessage}
-                    setChatValue={setChatValue}
-                    inputRef={ref}
-                  />
+              <Accordion type="single" collapsible className="w-full">
+                {tabsState[id.current].formKeysData.input_keys.map((i, k) => (
+                  <AccordionItem key={k} value={i}>
+                    <AccordionTrigger>{i}</AccordionTrigger>
+                    <AccordionContent>
+                      <div className="p-1 flex flex-col gap-4">
+                        <div className="flex items-center space-x-2">
+                          <Label htmlFor="airplane-mode">From Chat</Label>
+                          <ToggleShadComponent
+                            enabled={chatKey === k}
+                            setEnabled={(value) =>
+                              handleOnCheckedChange(value, k)
+                            }
+                            size="small"
+                            disabled={false}
+                          />
+                        </div>
+                        <Textarea
+                          value={keysValue[k]}
+                          onChange={(e) =>
+                            setKeysValue({ ...keysValue, [k]: e.target.value })
+                          }
+                          disabled={chatKey === k}
+                          placeholder="Enter text..."
+                        ></Textarea>
+                      </div>
+                    </AccordionContent>
+                  </AccordionItem>
+                ))}
+                {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
+                  <AccordionItem key={k} value={i}>
+                    <div className="flex flex-1 items-center justify-between py-4 font-medium transition-all group">
+                      <div className="group-hover:underline">{i}</div>
+                      <Badge>Memory Key</Badge>
+                    </div>
+                  </AccordionItem>
+                ))}
+              </Accordion>
+            </div>
+            <div className="w-full ">
+              <div className="flex flex-col rounded-md border bg-muted w-full h-full">
+                <div
+                  ref={messagesRef}
+                  className="w-full h-full flex-col flex items-center overflow-scroll scrollbar-hide"
+                >
+                  {chatHistory.length > 0 ? (
+                    chatHistory.map((c, i) => (
+                      <ChatMessage
+                        lockChat={lockChat}
+                        chat={c}
+                        lastMessage={chatHistory.length - 1 == i ? true : false}
+                        key={i}
+                      />
+                    ))
+                  ) : (
+                    <div className="flex flex-col h-full text-center justify-center w-full items-center align-middle">
+                      <span>
+                        👋{" "}
+                        <span className="text-gray-600 dark:text-gray-300 text-lg">
+                          LangFlow Chat
+                        </span>
+                      </span>
+                      <br />
+                      <div className="bg-muted dark:bg-gray-900 rounded-md w-2/4 px-6 py-8 border border-gray-200 dark:border-gray-700">
+                        <span className="text-base text-gray-500">
+                          Start a conversation and click the agent's thoughts{" "}
+                          <span>
+                            <MessageSquare className="w-5 h-5 inline animate-bounce mx-1 " />
+                          </span>{" "}
+                          to inspect the chaining process.
+                        </span>
+                      </div>
+                    </div>
+                  )}
+                  <div ref={ref}></div>
+                </div>
+                <div className="w-full px-8 pb-6 flex-col flex items-center justify-between">
+                  <div className="relative w-full rounded-md shadow-sm">
+                    <ChatInput
+                      chatValue={chatValue}
+                      lockChat={lockChat}
+                      sendMessage={sendMessage}
+                      setChatValue={setChatValue}
+                      inputRef={ref}
+                    />
+                  </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-      </DialogContent>
+        </DialogContent>
+      )}
     </Dialog>
   );
 }

From a4101dac536b61fcbc877c3f7c193c1fa62f708a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 21:31:47 -0300
Subject: [PATCH 048/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(formModal):=20r?=
 =?UTF-8?q?emove=20unused=20imports=20and=20variables=20=E2=9C=A8=20feat(f?=
 =?UTF-8?q?ormModal):=20add=20function=20to=20format=20message=20inputs=20?=
 =?UTF-8?q?into=20a=20string=20This=20commit=20removes=20unused=20imports?=
 =?UTF-8?q?=20and=20variables=20from=20the=20file.=20A=20new=20function=20?=
 =?UTF-8?q?was=20added=20to=20format=20the=20message=20inputs=20into=20a?=
 =?UTF-8?q?=20string,=20which=20is=20used=20to=20display=20the=20message?=
 =?UTF-8?q?=20in=20the=20chat.=20This=20improves=20the=20readability=20of?=
 =?UTF-8?q?=20the=20code=20and=20makes=20it=20easier=20to=20understand=20h?=
 =?UTF-8?q?ow=20the=20message=20is=20being=20constructed.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 57 +++++++++++----------
 1 file changed, 29 insertions(+), 28 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index b0cdaf484..f0e5e0f5c 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -1,20 +1,10 @@
-import { Transition } from "@headlessui/react";
-import { Fragment, useContext, useEffect, useRef, useState } from "react";
+import { useContext, useEffect, useRef, useState } from "react";
 import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
 import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import {
-  X,
-  MessagesSquare,
-  Eraser,
-  TerminalSquare,
-  MessageCircle,
-  MessageSquareDashed,
-  MessageSquare,
-  Variable,
-} from "lucide-react";
+import { TerminalSquare, MessageSquare, Variable } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -24,16 +14,11 @@ import {
   Dialog,
   DialogContent,
   DialogDescription,
-  DialogFooter,
   DialogHeader,
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { dark } from "@mui/material/styles/createPalette";
 import { CHAT_FORM_DIALOG_SUBTITLE } from "../../constants";
-import { postValidateCode } from "../../controllers/API";
-import { Button } from "../../components/ui/button";
-import { Input } from "../../components/ui/input";
 import { Label } from "../../components/ui/label";
 import { TabsContext } from "../../contexts/tabsContext";
 import {
@@ -42,12 +27,8 @@ import {
   AccordionItem,
   AccordionTrigger,
 } from "../../components/ui/accordion";
-import { AccordionHeader } from "@radix-ui/react-accordion";
 import { Textarea } from "../../components/ui/textarea";
 import { Badge } from "../../components/ui/badge";
-import { Separator } from "../../components/ui/separator";
-import { Switch } from "../../components/ui/switch";
-import { CardTitle } from "../../components/ui/card";
 import ToggleShadComponent from "../../components/toggleShadComponent";
 
 export default function FormModal({
@@ -83,9 +64,12 @@ export default function FormModal({
   }, [open]);
   useEffect(() => {
     id.current = flow.id;
-    setKeysValue(
-      Array(tabsState[flow.id].formKeysData.input_keys.length).fill("")
-    );
+
+    if (tabsState[flow.id].formKeysData) {
+      setKeysValue(
+        Array(tabsState[flow.id].formKeysData.input_keys.length).fill("")
+      );
+    }
   }, [flow.id, tabsState[flow.id], tabsState[flow.id].formKeysData]);
 
   var isStream = false;
@@ -303,7 +287,7 @@ export default function FormModal({
         title: "There was an error sending the message",
         list: [error.message],
       });
-      setChatValue(data.message);
+      setChatValue(data.inputs);
       connectWS();
     }
   }
@@ -319,6 +303,22 @@ export default function FormModal({
       ref.current.focus();
     }
   }, [open]);
+  function formatMessage(inputs: any): string {
+    if (inputs) {
+      // inputs is a object with the keys and values being input_keys and keysValue
+      // so the formated message is a string with the keys and values separated by ": "
+      let message = "";
+      for (const [key, value] of Object.entries(inputs)) {
+        // make key bold
+        // dangerouslySetInnerHTML={{
+        //           __html: message.replace(/\n/g, "<br>"),
+        //         }}
+        message += `<b>${key}</b>: ${value}\n`;
+      }
+      return message;
+    }
+    return "";
+  }
 
   function sendMessage() {
     if (chatValue !== "") {
@@ -328,15 +328,16 @@ export default function FormModal({
         // Message variable makes a object with the keys being the names from tabsState[flow.id].formKeysData.input_keys and the values being the keysValue of the correspondent index
         let keys = tabsState[flow.id].formKeysData.input_keys; // array of keys
         let values = keysValue.map((k, i) => (i == chatKey ? chatValue : k)); // array of values
-        let message = keys.reduce((object, key, index) => {
+        let inputs = keys.reduce((object, key, index) => {
           object[key] = values[index];
           return object;
         }, {});
         setChatValue("");
-        addChatHistory(message.toString(), true);
+        const message = formatMessage(inputs);
+        addChatHistory(message, true);
         sendAll({
           ...reactFlowInstance.toObject(),
-          message,
+          inputs: inputs,
           chatHistory,
           name: flow.name,
           description: flow.description,

From 5a9c1ae1b71244741c7067c1fd2dc0c8571d5a62 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 21:32:09 -0300
Subject: [PATCH 049/367] =?UTF-8?q?=F0=9F=94=80=20chore(schemas.py):=20add?=
 =?UTF-8?q?=20support=20for=20dict=20type=20in=20message=20field=20of=20Ch?=
 =?UTF-8?q?atMessage=20schema=20The=20message=20field=20of=20the=20ChatMes?=
 =?UTF-8?q?sage=20schema=20now=20supports=20a=20dictionary=20type=20in=20a?=
 =?UTF-8?q?ddition=20to=20the=20previous=20string=20and=20None=20types.=20?=
 =?UTF-8?q?This=20change=20was=20made=20to=20allow=20for=20more=20complex?=
 =?UTF-8?q?=20messages=20to=20be=20sent=20and=20received=20in=20the=20chat?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/schemas.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/schemas.py b/src/backend/langflow/api/v1/schemas.py
index ed5bf8b3b..1739310e9 100644
--- a/src/backend/langflow/api/v1/schemas.py
+++ b/src/backend/langflow/api/v1/schemas.py
@@ -43,7 +43,7 @@ class ChatMessage(BaseModel):
     """Chat message schema."""
 
     is_bot: bool = False
-    message: Union[str, None] = None
+    message: Union[str, None, dict] = None
     type: str = "human"
 
 

From c39e94d584522188d6e54f80c3510de9e3d392ab Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 21:32:46 -0300
Subject: [PATCH 050/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(base.py):=20cha?=
 =?UTF-8?q?nge=20message=20parameter=20to=20inputs=20parameter=20to=20impr?=
 =?UTF-8?q?ove=20semantics=20The=20message=20parameter=20was=20not=20being?=
 =?UTF-8?q?=20used=20in=20the=20function,=20so=20it=20was=20changed=20to?=
 =?UTF-8?q?=20inputs=20to=20better=20reflect=20the=20purpose=20of=20the=20?=
 =?UTF-8?q?parameter.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/processing/base.py | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/backend/langflow/processing/base.py b/src/backend/langflow/processing/base.py
index 97b0d5be0..ca86d1a83 100644
--- a/src/backend/langflow/processing/base.py
+++ b/src/backend/langflow/processing/base.py
@@ -6,23 +6,12 @@ from langflow.processing.process import fix_memory_inputs, format_actions
 from langflow.utils.logger import logger
 
 
-async def get_result_and_steps(langchain_object, message: str, **kwargs):
+async def get_result_and_steps(langchain_object, inputs: dict, **kwargs):
     """Get result and thought from extracted json"""
 
     try:
         if hasattr(langchain_object, "verbose"):
             langchain_object.verbose = True
-        chat_input = None
-        memory_key = ""
-        if hasattr(langchain_object, "memory") and langchain_object.memory is not None:
-            memory_key = langchain_object.memory.memory_key
-
-        if hasattr(langchain_object, "input_keys"):
-            for key in langchain_object.input_keys:
-                if key not in [memory_key, "chat_history"]:
-                    chat_input = {key: message}
-        else:
-            chat_input = message  # type: ignore
 
         if hasattr(langchain_object, "return_intermediate_steps"):
             # https://github.com/hwchase17/langchain/issues/2068
@@ -33,12 +22,12 @@ async def get_result_and_steps(langchain_object, message: str, **kwargs):
         fix_memory_inputs(langchain_object)
         try:
             async_callbacks = [AsyncStreamingLLMCallbackHandler(**kwargs)]
-            output = await langchain_object.acall(chat_input, callbacks=async_callbacks)
+            output = await langchain_object.acall(inputs, callbacks=async_callbacks)
         except Exception as exc:
             # make the error message more informative
             logger.debug(f"Error: {str(exc)}")
             sync_callbacks = [StreamingLLMCallbackHandler(**kwargs)]
-            output = langchain_object(chat_input, callbacks=sync_callbacks)
+            output = langchain_object(inputs, callbacks=sync_callbacks)
 
         intermediate_steps = (
             output.get("intermediate_steps", []) if isinstance(output, dict) else []

From 2e09d7026b1d3b21f4d527b8417382e352b0e91c Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 21:33:06 -0300
Subject: [PATCH 051/367] =?UTF-8?q?=F0=9F=94=80=20chore(api):=20rename=20m?=
 =?UTF-8?q?essage=20property=20to=20inputs=20in=20sendAllProps=20type=20Th?=
 =?UTF-8?q?e=20message=20property=20in=20the=20sendAllProps=20type=20has?=
 =?UTF-8?q?=20been=20renamed=20to=20inputs=20to=20better=20reflect=20its?=
 =?UTF-8?q?=20purpose.=20This=20change=20improves=20the=20semantics=20of?=
 =?UTF-8?q?=20the=20code=20and=20makes=20it=20easier=20to=20understand=20t?=
 =?UTF-8?q?he=20purpose=20of=20the=20property.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/types/api/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index d47663d18..7fc10f309 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -31,7 +31,7 @@ export type sendAllProps = {
   name: string;
   description: string;
   viewport: Viewport;
-  message: any;
+  inputs: any;
 
   chatHistory: { message: string; isSend: boolean }[];
 };

From d59b648b75e3ea1790869ba3c5da86362154a067 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 00:38:21 -0300
Subject: [PATCH 052/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(formTrigger):?=
 =?UTF-8?q?=20remove=20unused=20FormTrigger=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔥 refactor(chatComponent): remove import and usage of FormTrigger component

🔥 refactor(ui/badge): remove unused size variant in Badge component

🔥 refactor(formModal/chatInput): remove unused Eraser icon import and clearChat function

🔥 refactor(formModal/chatMessage): remove unused classNames import and remove dark mode classes

🔥 refactor(formModal): remove unused Eraser icon import and clearChat function
---
 .../chatComponent/formTrigger/index.tsx       | 51 -------------------
 .../src/components/chatComponent/index.tsx    |  9 ++--
 src/frontend/src/components/ui/badge.tsx      | 13 +++--
 .../src/modals/formModal/chatInput/index.tsx  | 21 +++++---
 .../modals/formModal/chatMessage/index.tsx    |  4 +-
 src/frontend/src/modals/formModal/index.tsx   | 26 +++++++---
 6 files changed, 48 insertions(+), 76 deletions(-)
 delete mode 100644 src/frontend/src/components/chatComponent/formTrigger/index.tsx

diff --git a/src/frontend/src/components/chatComponent/formTrigger/index.tsx b/src/frontend/src/components/chatComponent/formTrigger/index.tsx
deleted file mode 100644
index c281a92e3..000000000
--- a/src/frontend/src/components/chatComponent/formTrigger/index.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Transition } from "@headlessui/react";
-import { FormInput, MessagesSquare } from "lucide-react";
-
-import { alertContext } from "../../../contexts/alertContext";
-import { useContext } from "react";
-
-export default function FormTrigger({ open, setOpen, isBuilt }) {
-  const { setErrorData } = useContext(alertContext);
-
-  function handleClick() {
-    if (isBuilt) {
-      setOpen(true);
-    } else {
-      setErrorData({
-        title: "Flow not built",
-        list: ["Please build the flow before chatting"],
-      });
-    }
-  }
-
-  return (
-    <Transition
-      show={!open}
-      appear={true}
-      enter="transition ease-out duration-300"
-      enterFrom="translate-y-96"
-      enterTo="translate-y-0"
-      leave="transition ease-in duration-300"
-      leaveFrom="translate-y-0"
-      leaveTo="translate-y-96"
-    >
-      <div className="fixed bottom-36 right-4">
-        <div
-          className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-[#0000002a] hover:shadow-[#00000032]
-          bg-[#E2E7EE] dark:border-gray-600 cursor-pointer"
-          onClick={handleClick}
-        >
-          <button>
-            <div className="flex gap-3">
-              <FormInput
-                className="pth-6 w-6 stroke-2 stroke-[#5c8be1]"
-                style={{ color: "white" }}
-                strokeWidth={1.5}
-              />
-            </div>
-          </button>
-        </div>
-      </div>
-    </Transition>
-  );
-}
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 741cf4ec8..eaf0ba4ef 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -7,7 +7,6 @@ import ChatModal from "../../modals/chatModal";
 
 import { getBuildStatus } from "../../controllers/API";
 import { NodeType } from "../../types/flow";
-import FormTrigger from "./formTrigger";
 import FormModal from "../../modals/formModal";
 
 export default function Chat({ flow }: ChatType) {
@@ -66,15 +65,13 @@ export default function Chat({ flow }: ChatType) {
       {isBuilt ? (
         <div>
           <BuildTrigger
-            open={open || openForm}
+            open={open}
             flow={flow}
             setIsBuilt={setIsBuilt}
             isBuilt={isBuilt}
           />
-          <ChatModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
-          <FormModal key={flow.id + "form"} flow={flow} open={openForm} setOpen={setOpenForm} />
-          <ChatTrigger open={open || openForm} setOpen={setOpen} isBuilt={isBuilt} />
-          <FormTrigger open={open || openForm} setOpen={setOpenForm} isBuilt={isBuilt} />
+          <FormModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
+          <ChatTrigger open={open} setOpen={setOpen} isBuilt={isBuilt} />
         </div>
       ) : (
         <BuildTrigger
diff --git a/src/frontend/src/components/ui/badge.tsx b/src/frontend/src/components/ui/badge.tsx
index d8f6ca740..1516bf273 100644
--- a/src/frontend/src/components/ui/badge.tsx
+++ b/src/frontend/src/components/ui/badge.tsx
@@ -3,18 +3,25 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "../../utils";
 
 const badgeVariants = cva(
-  "inline-flex items-center border rounded-full px-2.5 h-6 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center border rounded-full px-2.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
         default:
           "bg-primary hover:bg-primary/80 border-transparent text-primary-foreground",
+        gray:
+          "bg-border hover:bg-border/80 text-secondary-foreground",
         secondary:
           "bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground",
         destructive:
           "bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground",
         outline: "text-foreground",
       },
+      size: {
+        sm: "h-4 text-xs",
+        md: "h-5 text-sm",
+        lg: "h-6 text-base",
+      }
     },
     defaultVariants: {
       variant: "default",
@@ -26,9 +33,9 @@ export interface BadgeProps
   extends React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof badgeVariants> {}
 
-function Badge({ className, variant, ...props }: BadgeProps) {
+function Badge({ className, variant, size, ...props }: BadgeProps) {
   return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+    <div className={cn(badgeVariants({ variant, size }), className)} {...props} />
   );
 }
 
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index cb77cd277..c03ab2003 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -2,12 +2,13 @@ import { classNames } from "../../../utils";
 import { useContext, useEffect, useRef, useState } from "react";
 import { TabsContext } from "../../../contexts/tabsContext";
 import { INPUT_STYLE } from "../../../constants";
-import { Lock, Send } from "lucide-react";
+import { Eraser, Lock, LucideSend, Send } from "lucide-react";
 
 export default function ChatInput({
   lockChat,
   chatValue,
   sendMessage,
+  clearChat,
   setChatValue,
   inputRef,
 }) {
@@ -58,16 +59,24 @@ export default function ChatInput({
         )}
         placeholder={"Send a message..."}
       />
-      <div className="absolute bottom-2.5 right-4">
-        <button disabled={lockChat} onClick={() => sendMessage()}>
+{/*       <div className="absolute bottom-2.5 right-16">
+        <button disabled={lockChat} onClick={() => clearChat()}>
+          <Eraser 
+            className={classNames("h-5 w-5", lockChat ? "text-gray-500 animate-pulse" : "text-gray-500 hover:text-gray-600")}
+            aria-hidden="true"
+          />
+        </button>
+      </div> */}
+      <div className="absolute bottom-2 right-4">
+        <button className={classNames("p-2 pl-1 pr-3 transition-all duration-300 rounded-md",chatValue == "" ? "text-gray-500 hover:text-gray-600" : " bg-indigo-600 text-background")} disabled={lockChat} onClick={() => sendMessage()}>
           {lockChat ? (
             <Lock
-              className="h-5 w-5 text-gray-500  dark:hover:text-gray-300 animate-pulse"
+              className="h-5 w-5 text-gray-500 animate-pulse"
               aria-hidden="true"
             />
           ) : (
-            <Send
-              className="h-5 w-5 text-gray-500 hover:text-gray-600 dark:hover:text-gray-300"
+            <LucideSend
+              className="h-5 w-5 rotate-[44deg] "
               aria-hidden="true"
             />
           )}
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 98e42d4fa..637870790 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -33,8 +33,8 @@ export default function ChatMessage({
         className={classNames(
           "w-full py-2 px-2 pl-4 flex",
           chat.isSend
-            ? " dark:bg-gray-900 "
-            : " dark:bg-gray-800"
+            ? " bg-border"
+            : " "
         )}
       >
         <div
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index f0e5e0f5c..0e6141bb3 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -1,10 +1,10 @@
 import { useContext, useEffect, useRef, useState } from "react";
 import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
-import { validateNodes } from "../../utils";
+import { classNames, validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import { TerminalSquare, MessageSquare, Variable } from "lucide-react";
+import { TerminalSquare, MessageSquare, Variable, Eraser } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -397,7 +397,7 @@ export default function FormModal({
               <Accordion type="single" collapsible className="w-full">
                 {tabsState[id.current].formKeysData.input_keys.map((i, k) => (
                   <AccordionItem key={k} value={i}>
-                    <AccordionTrigger>{i}</AccordionTrigger>
+                    <AccordionTrigger><Badge variant="gray" size="md">{i}</Badge></AccordionTrigger>
                     <AccordionContent>
                       <div className="p-1 flex flex-col gap-4">
                         <div className="flex items-center space-x-2">
@@ -425,16 +425,25 @@ export default function FormModal({
                 ))}
                 {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
                   <AccordionItem key={k} value={i}>
-                    <div className="flex flex-1 items-center justify-between py-4 font-medium transition-all group">
-                      <div className="group-hover:underline">{i}</div>
-                      <Badge>Memory Key</Badge>
+                    <div className="flex flex-1 items-center justify-between py-4 font-normal transition-all group text-muted-foreground text-sm">
+                      <div className="group-hover:underline"><Badge size="md" variant="gray">{i}</Badge></div>
+                      Used as Memory Key
                     </div>
                   </AccordionItem>
                 ))}
               </Accordion>
             </div>
-            <div className="w-full ">
-              <div className="flex flex-col rounded-md border bg-muted w-full h-full">
+            <div className="w-full">
+              <div className="flex flex-col rounded-md border bg-muted w-full h-full relative">
+              <div className="absolute right-3 top-3">
+
+              <button disabled={lockChat} onClick={() => clearChat()}>
+                <Eraser 
+                  className={classNames("h-5 w-5", lockChat ? "text-gray-500 animate-pulse" : "text-gray-500 hover:text-gray-600")}
+                  aria-hidden="true"
+                />
+              </button>
+              </div>
                 <div
                   ref={messagesRef}
                   className="w-full h-full flex-col flex items-center overflow-scroll scrollbar-hide"
@@ -475,6 +484,7 @@ export default function FormModal({
                     <ChatInput
                       chatValue={chatValue}
                       lockChat={lockChat}
+                      clearChat={clearChat}
                       sendMessage={sendMessage}
                       setChatValue={setChatValue}
                       inputRef={ref}

From a6e5dcaadcd921c93050ce031d2be3e56909ea17 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 00:44:48 -0300
Subject: [PATCH 053/367] Deleted chat modal and changed disposition of
 clearChat button

---
 .../src/modals/chatModal/chatInput/index.tsx  |  78 ----
 .../chatModal/chatMessage/codeBlock/index.tsx |  82 ----
 .../modals/chatModal/chatMessage/index.tsx    | 166 -------
 .../modals/chatModal/fileComponent/index.tsx  |  79 ----
 src/frontend/src/modals/chatModal/index.tsx   | 415 ------------------
 .../src/modals/formModal/chatInput/index.tsx  |  13 +-
 .../modals/formModal/chatMessage/index.tsx    |   2 +-
 src/frontend/src/modals/formModal/index.tsx   |   6 +-
 8 files changed, 5 insertions(+), 836 deletions(-)
 delete mode 100644 src/frontend/src/modals/chatModal/chatInput/index.tsx
 delete mode 100644 src/frontend/src/modals/chatModal/chatMessage/codeBlock/index.tsx
 delete mode 100644 src/frontend/src/modals/chatModal/chatMessage/index.tsx
 delete mode 100644 src/frontend/src/modals/chatModal/fileComponent/index.tsx
 delete mode 100644 src/frontend/src/modals/chatModal/index.tsx

diff --git a/src/frontend/src/modals/chatModal/chatInput/index.tsx b/src/frontend/src/modals/chatModal/chatInput/index.tsx
deleted file mode 100644
index 69d382748..000000000
--- a/src/frontend/src/modals/chatModal/chatInput/index.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { classNames } from "../../../utils";
-import { useContext, useEffect, useRef, useState } from "react";
-import { TabsContext } from "../../../contexts/tabsContext";
-import { INPUT_STYLE } from "../../../constants";
-import { Lock, Send } from "lucide-react";
-
-export default function ChatInput({
-  lockChat,
-  chatValue,
-  sendMessage,
-  setChatValue,
-  inputRef,
-}) {
-  useEffect(() => {
-    if (!lockChat && inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [lockChat, inputRef]);
-
-  useEffect(() => {
-    if (inputRef.current) {
-      inputRef.current.style.height = "inherit"; // Reset the height
-      inputRef.current.style.height = `${inputRef.current.scrollHeight}px`; // Set it to the scrollHeight
-    }
-  }, [chatValue]);
-
-  return (
-    <div className="relative">
-      <textarea
-        onKeyDown={(event) => {
-          if (event.key === "Enter" && !lockChat && !event.shiftKey) {
-            sendMessage();
-          }
-        }}
-        rows={1}
-        ref={inputRef}
-        disabled={lockChat}
-        style={{
-          resize: "none",
-          bottom: `${inputRef?.current?.scrollHeight}px`,
-          maxHeight: "150px",
-          overflow: `${
-            inputRef.current && inputRef.current.scrollHeight > 150
-              ? "auto"
-              : "hidden"
-          }`,
-        }}
-        value={lockChat ? "Thinking..." : chatValue}
-        onChange={(e) => {
-          setChatValue(e.target.value);
-        }}
-        className={classNames(
-          lockChat
-            ? " bg-input text-black dark:bg-gray-700 dark:text-gray-300"
-            : "  bg-white-200 text-black dark:bg-gray-900 dark:text-gray-300",
-          "form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-10 sm:text-sm" +
-            INPUT_STYLE
-        )}
-        placeholder={"Send a message..."}
-      />
-      <div className="absolute bottom-0.5 right-3">
-        <button disabled={lockChat} onClick={() => sendMessage()}>
-          {lockChat ? (
-            <Lock
-              className="h-5 w-5 text-gray-500  dark:hover:text-gray-300 animate-pulse"
-              aria-hidden="true"
-            />
-          ) : (
-            <Send
-              className="h-5 w-5 text-gray-500 hover:text-gray-600 dark:hover:text-gray-300"
-              aria-hidden="true"
-            />
-          )}
-        </button>
-      </div>
-    </div>
-  );
-}
diff --git a/src/frontend/src/modals/chatModal/chatMessage/codeBlock/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/codeBlock/index.tsx
deleted file mode 100644
index 851f5118a..000000000
--- a/src/frontend/src/modals/chatModal/chatMessage/codeBlock/index.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { IconCheck, IconClipboard, IconDownload } from "@tabler/icons-react";
-import { FC, memo, useState } from "react";
-import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
-import { programmingLanguages } from "../../../../utils";
-
-interface Props {
-  language: string;
-  value: string;
-}
-
-export const CodeBlock: FC<Props> = memo(({ language, value }) => {
-  const [isCopied, setIsCopied] = useState<Boolean>(false);
-
-  const copyToClipboard = () => {
-    if (!navigator.clipboard || !navigator.clipboard.writeText) {
-      return;
-    }
-
-    navigator.clipboard.writeText(value).then(() => {
-      setIsCopied(true);
-
-      setTimeout(() => {
-        setIsCopied(false);
-      }, 2000);
-    });
-  };
-  const downloadAsFile = () => {
-    const fileExtension = programmingLanguages[language] || ".file";
-    const suggestedFileName = `${"generated-code"}${fileExtension}`;
-    const fileName = window.prompt("enter file name", suggestedFileName);
-
-    if (!fileName) {
-      // user pressed cancel on prompt
-      return;
-    }
-
-    const blob = new Blob([value], { type: "text/plain" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.download = fileName;
-    link.href = url;
-    link.style.display = "none";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  };
-  return (
-    <div className="codeblock font-sans text-[16px]">
-      <div className="flex items-center justify-between py-1.5 px-4">
-        <span className="text-xs lowercase text-white">{language}</span>
-
-        <div className="flex items-center">
-          <button
-            className="flex gap-1.5 items-center rounded bg-none p-1 text-xs text-white"
-            onClick={copyToClipboard}
-          >
-            {isCopied ? <IconCheck size={18} /> : <IconClipboard size={18} />}
-            {isCopied ? "Copied!" : "Copy code"}
-          </button>
-          <button
-            className="flex items-center rounded bg-none p-1 text-xs text-white"
-            onClick={downloadAsFile}
-          >
-            <IconDownload size={18} />
-          </button>
-        </div>
-      </div>
-
-      <SyntaxHighlighter
-        className=" w-[570px]"
-        language={language}
-        style={oneDark}
-        customStyle={{ margin: 0 }}
-      >
-        {value}
-      </SyntaxHighlighter>
-    </div>
-  );
-});
-CodeBlock.displayName = "CodeBlock";
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
deleted file mode 100644
index 3d4ce0b44..000000000
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
-import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
-import AiIconStill from "../../../assets/froze-flow.png";
-import FileCard from "../fileComponent";
-import ReactMarkdown from "react-markdown";
-import rehypeMathjax from "rehype-mathjax";
-import remarkGfm from "remark-gfm";
-import remarkMath from "remark-math";
-import { CodeBlock } from "./codeBlock";
-import Convert from "ansi-to-html";
-import { User2, MessageCircle } from "lucide-react";
-
-export default function ChatMessage({
-  chat,
-  lockChat,
-  lastMessage,
-}: {
-  chat: ChatMessageType;
-  lockChat: boolean;
-  lastMessage: boolean;
-}) {
-  const convert = new Convert({ newline: true });
-  const [message, setMessage] = useState("");
-  const imgRef = useRef(null);
-  useEffect(() => {
-    setMessage(chat.message);
-  }, [chat.message]);
-  const [hidden, setHidden] = useState(true);
-  return (
-    <div
-      className={classNames(
-        "w-full py-2 pl-2 flex",
-        chat.isSend
-          ? "bg-background dark:bg-gray-900 "
-          : "bg-input  dark:bg-gray-800"
-      )}
-    >
-      <div
-        className={classNames(
-          "rounded-full overflow-hidden w-8 h-8 flex items-center my-3 justify-center"
-        )}
-      >
-        {!chat.isSend && (
-          <div className="relative w-8 h-8">
-            <img
-              className={
-                "absolute transition-opacity duration-500 scale-150 " +
-                (lockChat ? "opacity-100" : "opacity-0")
-              }
-              src={lastMessage ? AiIcon : AiIconStill}
-            />
-            <img
-              className={
-                "absolute transition-opacity duration-500 scale-150 " +
-                (lockChat ? "opacity-0" : "opacity-100")
-              }
-              src={AiIconStill}
-            />
-          </div>
-        )}
-        {chat.isSend && (
-          <User2 className="w-6 h-6 -mb-1 text-gray-800 dark:text-gray-200" />
-        )}
-      </div>
-      {!chat.isSend ? (
-        <div className="w-full text-start flex items-center">
-          <div className="w-full relative text-start inline-block text-gray-600 dark:text-gray-300 text-sm font-normal">
-            {hidden && chat.thought && chat.thought !== "" && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                className="absolute -top-1 -left-2 cursor-pointer"
-              >
-                <MessageCircle className="w-5 h-5 animate-bounce dark:text-white" />
-              </div>
-            )}
-            {chat.thought && chat.thought !== "" && !hidden && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                className=" text-start inline-block rounded-md text-gray-600 dark:text-gray-200 h-full border border-gray-300 dark:border-gray-500
-								bg-muted dark:bg-gray-800 w-[95%] pb-3 pt-3 px-2 ml-3 cursor-pointer scrollbar-hide overflow-scroll"
-                dangerouslySetInnerHTML={{
-                  __html: convert.toHtml(chat.thought),
-                }}
-              ></div>
-            )}
-            {chat.thought && chat.thought !== "" && !hidden && <br></br>}
-            <div className="w-full px-4 pb-3 pt-3 pr-8">
-              <div className="dark:text-white w-full">
-                <div className="w-full">
-                  <ReactMarkdown
-                    remarkPlugins={[remarkGfm, remarkMath]}
-                    rehypePlugins={[rehypeMathjax]}
-                    className="markdown prose dark:prose-invert text-gray-600 dark:text-gray-200"
-                    components={{
-                      code({ node, inline, className, children, ...props }) {
-                        if (children.length) {
-                          if (children[0] == "▍") {
-                            return (
-                              <span className="animate-pulse cursor-default mt-1">
-                                ▍
-                              </span>
-                            );
-                          }
-
-                          children[0] = (children[0] as string).replace(
-                            "`▍`",
-                            "▍"
-                          );
-                        }
-
-                        const match = /language-(\w+)/.exec(className || "");
-
-                        return !inline ? (
-                          <CodeBlock
-                            key={Math.random()}
-                            language={(match && match[1]) || ""}
-                            value={String(children).replace(/\n$/, "")}
-                            {...props}
-                          />
-                        ) : (
-                          <code className={className} {...props}>
-                            {children}
-                          </code>
-                        );
-                      },
-                    }}
-                  >
-                    {message}
-                  </ReactMarkdown>
-                </div>
-                {chat.files && (
-                  <div className="my-2 w-full">
-                    {chat.files.map((file, index) => {
-                      return (
-                        <div key={index} className="my-2 w-full">
-                          <FileCard
-                            fileName={"Generated File"}
-                            fileType={file.data_type}
-                            content={file.data}
-                          />
-                        </div>
-                      );
-                    })}
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      ) : (
-        <div className="w-full flex items-center">
-          <div className="text-start inline-block px-3 text-gray-600 dark:text-white">
-            <span
-              className="text-gray-600 dark:text-gray-200"
-              dangerouslySetInnerHTML={{
-                __html: message.replace(/\n/g, "<br>"),
-              }}
-            ></span>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/src/frontend/src/modals/chatModal/fileComponent/index.tsx b/src/frontend/src/modals/chatModal/fileComponent/index.tsx
deleted file mode 100644
index 0807cd80c..000000000
--- a/src/frontend/src/modals/chatModal/fileComponent/index.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import * as base64js from "base64-js";
-import { useState } from "react";
-import { DownloadCloud, File } from "lucide-react";
-
-export default function FileCard({ fileName, content, fileType }) {
-  const handleDownload = () => {
-    const byteArray = new Uint8Array(base64js.toByteArray(content));
-    const blob = new Blob([byteArray], { type: "application/octet-stream" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = fileName + ".png";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  };
-  const [isHovered, setIsHovered] = useState(false);
-  function handleMouseEnter() {
-    setIsHovered(true);
-  }
-  function handleMouseLeave() {
-    setIsHovered(false);
-  }
-
-  if (fileType === "image") {
-    return (
-      <div
-        className="relative w-1/4 h-1/4"
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
-      >
-        <img
-          src={`data:image/png;base64,${content}`}
-          alt="generated image"
-          className="rounded-lg  w-full h-full"
-        />
-        {isHovered && (
-          <div
-            className={`absolute top-0 right-0 bg-muted text-gray-700 rounded-bl-lg px-1 text-sm font-bold dark:bg-gray-700 dark:text-gray-300`}
-          >
-            <button
-              className="text-gray-500 py-1 px-2 dark:bg-gray-700 dark:text-gray-300"
-              onClick={handleDownload}
-            >
-              <DownloadCloud className="hover:scale-110 w-5 h-5 text-current" />
-            </button>
-          </div>
-        )}
-      </div>
-    );
-  }
-
-  return (
-    <button
-      onClick={handleDownload}
-      className="bg-muted shadow rounded w-1/2 text-gray-700 hover:drop-shadow-lg px-2 py-2 flex justify-between items-center border border-gray-300"
-    >
-      <div className="flex gap-2 text-current items-center w-full mr-2">
-        {" "}
-        {fileType === "image" ? (
-          <img
-            src={`data:image/png;base64,${content}`}
-            alt=""
-            className="w-8 h-8"
-          />
-        ) : (
-          <File className="w-8 h-8" />
-        )}
-        <div className="flex flex-col items-start">
-          {" "}
-          <div className="truncate text-sm text-current">{fileName}</div>
-          <div className="truncate text-xs  text-gray-500">{fileType}</div>
-        </div>
-        <DownloadCloud className="w-6 h-6 text-current ml-auto" />
-      </div>
-    </button>
-  );
-}
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
deleted file mode 100644
index 6b1744857..000000000
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ /dev/null
@@ -1,415 +0,0 @@
-import { Dialog, Transition } from "@headlessui/react";
-import { Fragment, useContext, useEffect, useRef, useState } from "react";
-import { FlowType } from "../../types/flow";
-import { alertContext } from "../../contexts/alertContext";
-import { validateNodes } from "../../utils";
-import { typesContext } from "../../contexts/typesContext";
-import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser } from "lucide-react";
-import { sendAllProps } from "../../types/api";
-import { ChatMessageType } from "../../types/chat";
-import ChatInput from "./chatInput";
-
-import _ from "lodash";
-
-export default function ChatModal({
-  flow,
-  open,
-  setOpen,
-}: {
-  open: boolean;
-  setOpen: Function;
-  flow: FlowType;
-}) {
-  const [chatValue, setChatValue] = useState("");
-  const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
-  const { reactFlowInstance } = useContext(typesContext);
-  const { setErrorData, setNoticeData } = useContext(alertContext);
-  const ws = useRef<WebSocket | null>(null);
-  const [lockChat, setLockChat] = useState(false);
-  const isOpen = useRef(open);
-  const messagesRef = useRef(null);
-  const id = useRef(flow.id);
-
-  useEffect(() => {
-    if (messagesRef.current) {
-      messagesRef.current.scrollTop = messagesRef.current.scrollHeight;
-    }
-  }, [chatHistory]);
-
-  useEffect(() => {
-    isOpen.current = open;
-  }, [open]);
-  useEffect(() => {
-    id.current = flow.id;
-  }, [flow.id]);
-
-  var isStream = false;
-
-  const addChatHistory = (
-    message: string,
-    isSend: boolean,
-    thought?: string,
-    files?: Array<any>
-  ) => {
-    setChatHistory((old) => {
-      let newChat = _.cloneDeep(old);
-      if (files) {
-        newChat.push({ message, isSend, files, thought });
-      } else if (thought) {
-        newChat.push({ message, isSend, thought });
-      } else {
-        newChat.push({ message, isSend });
-      }
-      return newChat;
-    });
-  };
-
-  //add proper type signature for function
-
-  function updateLastMessage({
-    str,
-    thought,
-    end = false,
-    files,
-  }: {
-    str?: string;
-    thought?: string;
-    // end param default is false
-    end?: boolean;
-    files?: Array<any>;
-  }) {
-    setChatHistory((old) => {
-      let newChat = [...old];
-      if (str) {
-        if (end) {
-          newChat[newChat.length - 1].message = str;
-        } else {
-          newChat[newChat.length - 1].message =
-            newChat[newChat.length - 1].message + str;
-        }
-      }
-      if (thought) {
-        newChat[newChat.length - 1].thought = thought;
-      }
-      if (files) {
-        newChat[newChat.length - 1].files = files;
-      }
-      return newChat;
-    });
-  }
-
-  function handleOnClose(event: CloseEvent) {
-    if (isOpen.current) {
-      setErrorData({ title: event.reason });
-      setTimeout(() => {
-        connectWS();
-        setLockChat(false);
-      }, 1000);
-    }
-  }
-
-  function getWebSocketUrl(chatId, isDevelopment = false) {
-    const isSecureProtocol = window.location.protocol === "https:";
-    const webSocketProtocol = isSecureProtocol ? "wss" : "ws";
-    const host = isDevelopment ? "localhost:7860" : window.location.host;
-    const chatEndpoint = `/api/v1/chat/${chatId}`;
-
-    return `${
-      isDevelopment ? "ws" : webSocketProtocol
-    }://${host}${chatEndpoint}`;
-  }
-
-  function handleWsMessage(data: any) {
-    if (Array.isArray(data)) {
-      //set chat history
-      setChatHistory((_) => {
-        let newChatHistory: ChatMessageType[] = [];
-        data.forEach(
-          (chatItem: {
-            intermediate_steps?: "string";
-            is_bot: boolean;
-            message: string;
-            type: string;
-            files?: Array<any>;
-          }) => {
-            if (chatItem.message) {
-              newChatHistory.push(
-                chatItem.files
-                  ? {
-                      isSend: !chatItem.is_bot,
-                      message: chatItem.message,
-                      thought: chatItem.intermediate_steps,
-                      files: chatItem.files,
-                    }
-                  : {
-                      isSend: !chatItem.is_bot,
-                      message: chatItem.message,
-                      thought: chatItem.intermediate_steps,
-                    }
-              );
-            }
-          }
-        );
-        return newChatHistory;
-      });
-    }
-    if (data.type === "start") {
-      addChatHistory("", false);
-      isStream = true;
-    }
-    if (data.type === "end") {
-      if (data.message) {
-        updateLastMessage({ str: data.message, end: true });
-      }
-      if (data.intermediate_steps) {
-        updateLastMessage({
-          str: data.message,
-          thought: data.intermediate_steps,
-          end: true,
-        });
-      }
-      if (data.files) {
-        updateLastMessage({
-          end: true,
-          files: data.files,
-        });
-      }
-
-      setLockChat(false);
-      isStream = false;
-    }
-    if (data.type === "stream" && isStream) {
-      updateLastMessage({ str: data.message });
-    }
-  }
-
-  function connectWS() {
-    try {
-      const urlWs = getWebSocketUrl(
-        id.current,
-        process.env.NODE_ENV === "development"
-      );
-      const newWs = new WebSocket(urlWs);
-      newWs.onopen = () => {
-        console.log("WebSocket connection established!");
-      };
-      newWs.onmessage = (event) => {
-        const data = JSON.parse(event.data);
-        console.log("Received data:", data);
-        handleWsMessage(data);
-        //get chat history
-      };
-      newWs.onclose = (event) => {
-        handleOnClose(event);
-      };
-      newWs.onerror = (ev) => {
-        console.log(ev, "error");
-        if (flow.id === "") {
-          connectWS();
-        } else {
-          setErrorData({
-            title: "There was an error on web connection, please: ",
-            list: [
-              "Refresh the page",
-              "Use a new flow tab",
-              "Check if the backend is up",
-            ],
-          });
-        }
-      };
-      ws.current = newWs;
-    } catch (error) {
-      if (flow.id === "") {
-        connectWS();
-      }
-      console.log(error);
-    }
-  }
-
-  useEffect(() => {
-    connectWS();
-    return () => {
-      console.log("unmount");
-      console.log(ws);
-      if (ws.current) {
-        ws.current.close();
-      }
-    };
-  }, []);
-
-  useEffect(() => {
-    if (
-      ws.current &&
-      (ws.current.readyState === ws.current.CLOSED ||
-        ws.current.readyState === ws.current.CLOSING)
-    ) {
-      connectWS();
-      setLockChat(false);
-    }
-  }, [lockChat]);
-
-  async function sendAll(data: sendAllProps) {
-    try {
-      if (ws) {
-        ws.current.send(JSON.stringify(data));
-      }
-    } catch (error) {
-      setErrorData({
-        title: "There was an error sending the message",
-        list: [error.message],
-      });
-      setChatValue(data.message);
-      connectWS();
-    }
-  }
-
-  useEffect(() => {
-    if (ref.current) ref.current.scrollIntoView({ behavior: "smooth" });
-  }, [chatHistory]);
-
-  const ref = useRef(null);
-
-  useEffect(() => {
-    if (open && ref.current) {
-      ref.current.focus();
-    }
-  }, [open]);
-
-  function sendMessage() {
-    if (chatValue !== "") {
-      let nodeValidationErrors = validateNodes(reactFlowInstance);
-      if (nodeValidationErrors.length === 0) {
-        setLockChat(true);
-        let message = chatValue;
-        setChatValue("");
-        addChatHistory(message, true);
-        sendAll({
-          ...reactFlowInstance.toObject(),
-          message,
-          chatHistory,
-          name: flow.name,
-          description: flow.description,
-        });
-      } else {
-        setErrorData({
-          title: "Oops! Looks like you missed some required information:",
-          list: nodeValidationErrors,
-        });
-      }
-    } else {
-      setErrorData({
-        title: "Error sending message",
-        list: ["The message cannot be empty."],
-      });
-    }
-  }
-  function clearChat() {
-    setChatHistory([]);
-    ws.current.send(JSON.stringify({ clear_history: true }));
-    if (lockChat) setLockChat(false);
-  }
-
-  function setModalOpen(x: boolean) {
-    setOpen(x);
-  }
-  return (
-    <Transition.Root show={open} appear={open} as={Fragment}>
-      <Dialog
-        as="div"
-        className="relative z-10"
-        onClose={setModalOpen}
-        initialFocus={ref}
-      >
-        <Transition.Child
-          as={Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="fixed inset-0 bg-black backdrop-blur-sm dark:bg-gray-600 dark:bg-opacity-80 bg-opacity-80 transition-opacity" />
-        </Transition.Child>
-
-        <div className="fixed inset-0 z-10 overflow-y-auto">
-          <div className="flex h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
-            <Transition.Child
-              as={Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              enterTo="opacity-100 translate-y-0 sm:scale-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            >
-              <Dialog.Panel className=" drop-shadow-2xl relative flex flex-col justify-between transform h-[95%] overflow-hidden rounded-lg bg-white dark:bg-gray-800 text-left shadow-xl transition-all w-[690px]">
-                <div className="relative w-full p-4">
-                  <button
-                    onClick={() => clearChat()}
-                    className="absolute top-2 right-10 hover:text-red-500 text-gray-600 dark:text-gray-300 dark:hover:text-red-500 z-30"
-                  >
-                    <Eraser className="w-4 h-4" />
-                  </button>
-                  <button
-                    onClick={() => setModalOpen(false)}
-                    className="absolute top-1.5 right-2 hover:text-red-500 text-gray-600 dark:text-gray-300 dark:hover:text-red-500 z-30"
-                  >
-                    <X className="w-5 h-5" />
-                  </button>
-                </div>
-                <div
-                  ref={messagesRef}
-                  className="w-full h-full bg-white dark:bg-gray-800 border-t dark:border-t-gray-600 flex-col flex items-center overflow-scroll scrollbar-hide"
-                >
-                  {chatHistory.length > 0 ? (
-                    chatHistory.map((c, i) => (
-                      <ChatMessage
-                        lockChat={lockChat}
-                        chat={c}
-                        lastMessage={chatHistory.length - 1 == i ? true : false}
-                        key={i}
-                      />
-                    ))
-                  ) : (
-                    <div className="flex flex-col h-full text-center justify-center w-full items-center align-middle">
-                      <span>
-                        👋{" "}
-                        <span className="text-gray-600 dark:text-gray-300 text-lg">
-                          LangFlow Chat
-                        </span>
-                      </span>
-                      <br />
-                      <div className="bg-muted dark:bg-gray-900 rounded-md w-2/4 px-6 py-8 border border-gray-200 dark:border-gray-700">
-                        <span className="text-base text-gray-500">
-                          Start a conversation and click the agent’s thoughts{" "}
-                          <span>
-                            <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 " />
-                          </span>{" "}
-                          to inspect the chaining process.
-                        </span>
-                      </div>
-                    </div>
-                  )}
-                  <div ref={ref}></div>
-                </div>
-                <div className="w-full bg-white dark:bg-gray-800 border-t dark:border-t-gray-600 flex-col flex items-center justify-between p-3">
-                  <div className="relative w-full  mt-1 rounded-md shadow-sm">
-                    <ChatInput
-                      chatValue={chatValue}
-                      lockChat={lockChat}
-                      sendMessage={sendMessage}
-                      setChatValue={setChatValue}
-                      inputRef={ref}
-                    />
-                  </div>
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition.Root>
-  );
-}
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index c03ab2003..17a673d68 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -8,7 +8,6 @@ export default function ChatInput({
   lockChat,
   chatValue,
   sendMessage,
-  clearChat,
   setChatValue,
   inputRef,
 }) {
@@ -59,19 +58,11 @@ export default function ChatInput({
         )}
         placeholder={"Send a message..."}
       />
-{/*       <div className="absolute bottom-2.5 right-16">
-        <button disabled={lockChat} onClick={() => clearChat()}>
-          <Eraser 
-            className={classNames("h-5 w-5", lockChat ? "text-gray-500 animate-pulse" : "text-gray-500 hover:text-gray-600")}
-            aria-hidden="true"
-          />
-        </button>
-      </div> */}
       <div className="absolute bottom-2 right-4">
-        <button className={classNames("p-2 pl-1 pr-3 transition-all duration-300 rounded-md",chatValue == "" ? "text-gray-500 hover:text-gray-600" : " bg-indigo-600 text-background")} disabled={lockChat} onClick={() => sendMessage()}>
+        <button className={classNames("p-2 pl-1 pr-3 transition-all duration-300 rounded-md",chatValue == "" ? "text-primary" : " bg-indigo-600 text-background")} disabled={lockChat} onClick={() => sendMessage()}>
           {lockChat ? (
             <Lock
-              className="h-5 w-5 text-gray-500 animate-pulse"
+              className="h-5 w-5 text-primary animate-pulse"
               aria-hidden="true"
             />
           ) : (
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 637870790..3b7bdf650 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -31,7 +31,7 @@ export default function ChatMessage({
   return (
       <div
         className={classNames(
-          "w-full py-2 px-2 pl-4 flex",
+          "w-full py-2 px-2 pl-4 pr-9 flex",
           chat.isSend
             ? " bg-border"
             : " "
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 0e6141bb3..999196645 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -435,11 +435,10 @@ export default function FormModal({
             </div>
             <div className="w-full">
               <div className="flex flex-col rounded-md border bg-muted w-full h-full relative">
-              <div className="absolute right-3 top-3">
-
+              <div className="absolute right-3 top-3 z-50">
               <button disabled={lockChat} onClick={() => clearChat()}>
                 <Eraser 
-                  className={classNames("h-5 w-5", lockChat ? "text-gray-500 animate-pulse" : "text-gray-500 hover:text-gray-600")}
+                  className={classNames("h-5 w-5", lockChat ? "text-primary animate-pulse" : "text-primary hover:text-gray-600")}
                   aria-hidden="true"
                 />
               </button>
@@ -484,7 +483,6 @@ export default function FormModal({
                     <ChatInput
                       chatValue={chatValue}
                       lockChat={lockChat}
-                      clearChat={clearChat}
                       sendMessage={sendMessage}
                       setChatValue={setChatValue}
                       inputRef={ref}

From 264cb8aa3051d4b2bac82a59ac50987ba0ac2066 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 00:54:03 -0300
Subject: [PATCH 054/367] =?UTF-8?q?=F0=9F=93=9D=20chore(constants.tsx):=20?=
 =?UTF-8?q?update=20CHAT=5FFORM=5FDIALOG=5FSUBTITLE=20to=20provide=20a=20m?=
 =?UTF-8?q?ore=20accurate=20description=20of=20its=20purpose=20and=20usage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index d87008971..76b345ed5 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -27,7 +27,7 @@ export const CODE_DIALOG_SUBTITLE =
  * @constant
  */
 export const CHAT_FORM_DIALOG_SUBTITLE =
-  "Export your flow to use it with this code.";
+  "Set up the input variables defined in prompt templates. Interact with agents and chains.";
 
 /**
  * The base text for subtitle of Edit Node Dialog

From b8f150d1ac81d28c4cb1acdf9d323a4e3c6ab153 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 08:47:42 -0300
Subject: [PATCH 055/367] format

---
 src/backend/langflow/api/v1/validate.py | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 431945602..64e2b9c98 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -38,7 +38,10 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
         for variable in input_variables:
             try:
                 template_field = TemplateField(
-                    name=variable, field_type="str", show=True, advanced=False
+                    name=variable,
+                    field_type="str",
+                    show=True,
+                    advanced=False,
                 )
 
                 prompt.frontend_node.template[variable] = template_field.to_dict()

From 6cf9639128cbf151e3c94f675be5d8b048110a1a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 10:58:55 -0300
Subject: [PATCH 056/367] feat: add template to input_keys_response

---
 src/backend/langflow/api/utils.py | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/backend/langflow/api/utils.py b/src/backend/langflow/api/utils.py
index cd7daa5d2..12cd3d76b 100644
--- a/src/backend/langflow/api/utils.py
+++ b/src/backend/langflow/api/utils.py
@@ -44,4 +44,7 @@ def build_input_keys_response(langchain_object):
         # Add memory variables to memory_keys
         input_keys_response["memory_keys"] = langchain_object.memory.memory_variables
 
+    if hasattr(langchain_object, "prompt"):
+        input_keys_response["template"] = langchain_object.prompt.template
+
     return input_keys_response

From 3b1b42fe3e9e064c50e7b3f87f9aa574e6682aca Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 11:01:37 -0300
Subject: [PATCH 057/367] Changed styling on From Chat toggle

---
 src/frontend/src/modals/formModal/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 999196645..d4748065d 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -399,9 +399,9 @@ export default function FormModal({
                   <AccordionItem key={k} value={i}>
                     <AccordionTrigger><Badge variant="gray" size="md">{i}</Badge></AccordionTrigger>
                     <AccordionContent>
-                      <div className="p-1 flex flex-col gap-4">
+                      <div className="p-1 flex flex-col gap-2">
                         <div className="flex items-center space-x-2">
-                          <Label htmlFor="airplane-mode">From Chat</Label>
+                          <Label htmlFor="airplane-mode" className="-mt-1">From Chat</Label>
                           <ToggleShadComponent
                             enabled={chatKey === k}
                             setEnabled={(value) =>

From 9cb85a0c21626974c3246613499e7ad4c2d6b762 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 11:07:49 -0300
Subject: [PATCH 058/367] =?UTF-8?q?=F0=9F=94=A7=20fix(tabsContext.tsx):=20?=
 =?UTF-8?q?remove=20console.log=20statements=20for=20cleaner=20code=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(nodeToolbarComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?console.log=20statement=20for=20cleaner=20code=20=F0=9F=94=A7?=
 =?UTF-8?q?=20fix(utils.ts):=20remove=20console.log=20statement=20for=20cl?=
 =?UTF-8?q?eaner=20code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/contexts/tabsContext.tsx                      | 3 ---
 .../pages/FlowPage/components/nodeToolbarComponent/index.tsx   | 1 -
 src/frontend/src/utils.ts                                      | 1 -
 3 files changed, 5 deletions(-)

diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index 0987d27db..b847f4ecd 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -87,12 +87,9 @@ export function TabsProvider({ children }: { children: ReactNode }) {
       Saveflows.forEach((flow) => {
         if (flow.data && flow.data?.nodes)
           flow.data?.nodes.forEach((node) => {
-            // console.log(node.data.type);
             //looking for file fields to prevent saving the content and breaking the flow for exceeding the the data limite for local storage
             Object.keys(node.data.node.template).forEach((key) => {
-              // console.log(node.data.node.template[key].type);
               if (node.data.node.template[key].type === "file") {
-                // console.log(node.data.node.template[key]);
                 node.data.node.template[key].content = null;
                 node.data.node.template[key].value = "";
               }
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 70d1268f0..57709d9fc 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -49,7 +49,6 @@ const NodeToolbarComponent = (props) => {
               )}
               onClick={(event) => {
                 event.preventDefault();
-                // console.log(reactFlowInstance.getNode(props.data.id));
                 paste(
                   {
                     nodes: [reactFlowInstance.getNode(props.data.id)],
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 46b9c51cd..df8a8a61a 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -656,7 +656,6 @@ export function isValidConnection(
 
 export function removeApiKeys(flow: FlowType): FlowType {
   let cleanFLow = _.cloneDeep(flow);
-  console.log(cleanFLow);
   cleanFLow.data.nodes.forEach((node) => {
     for (const key in node.data.node.template) {
       if (node.data.node.template[key].password) {

From 5d2901c7a61febf52fafdcfe1bd3e811d5aee794 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 11:07:58 -0300
Subject: [PATCH 059/367] =?UTF-8?q?=F0=9F=94=A7=20fix(GenericNode/index.ts?=
 =?UTF-8?q?x):=20remove=20console.log=20statement=20for=20data=20object=20?=
 =?UTF-8?q?=F0=9F=94=A5=20chore(ProgressBarComponent/index.tsx):=20delete?=
 =?UTF-8?q?=20unused=20ProgressBarComponent=20component=20=F0=9F=94=A7=20f?=
 =?UTF-8?q?ix(intComponent/index.tsx):=20remove=20commented=20out=20consol?=
 =?UTF-8?q?e.log=20statement=20for=20event=20object?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/CustomNodes/GenericNode/index.tsx     |  1 -
 .../components/ProgressBarComponent/index.tsx | 21 -------------------
 .../src/components/intComponent/index.tsx     |  1 -
 3 files changed, 23 deletions(-)
 delete mode 100644 src/frontend/src/components/ProgressBarComponent/index.tsx

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 9db5e444d..97c2aac88 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -78,7 +78,6 @@ export default function GenericNode({
   }
 
   useEffect(() => {}, [closePopUp, data.node.template]);
-  console.log({data})
   return (
     <>
       <NodeToolbar>
diff --git a/src/frontend/src/components/ProgressBarComponent/index.tsx b/src/frontend/src/components/ProgressBarComponent/index.tsx
deleted file mode 100644
index 08e432b3b..000000000
--- a/src/frontend/src/components/ProgressBarComponent/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ReactElement, useContext, useEffect, useRef, useState } from "react";
-import { ProgressBarType } from "../../types/components";
-import { Progress } from "../../components/ui/progress";
-import { progressContext } from "../../contexts/ProgressContext";
-import { setInterval } from "timers/promises";
-
-export default function ProgressBarComponent({
-  value,
-  children,
-}: ProgressBarType) {
-  const ref = useRef(0);
-  const reff = useRef();
-  const { progress } = useContext(progressContext);
-
-  useEffect(() => {
-    ref.current = progress * 100;
-    console.log(progress);
-  }, [progress]);
-
-  return <Progress className="h-2.5" value={ref.current} />;
-}
diff --git a/src/frontend/src/components/intComponent/index.tsx b/src/frontend/src/components/intComponent/index.tsx
index 1c1bc9872..6e4c2fa88 100644
--- a/src/frontend/src/components/intComponent/index.tsx
+++ b/src/frontend/src/components/intComponent/index.tsx
@@ -41,7 +41,6 @@ export default function IntComponent({
           if (disableCopyPaste) setDisableCopyPaste(false);
         }}
         onKeyDown={(event) => {
-          // console.log(event);
           if (
             event.key !== "Backspace" &&
             event.key !== "Enter" &&

From 0ecb5317492c3f768a3d433b814f252867866f45 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 11:33:42 -0300
Subject: [PATCH 060/367] =?UTF-8?q?=F0=9F=94=A7=20fix(base.py):=20add=20in?=
 =?UTF-8?q?put=5Ftypes=20property=20to=20TemplateFieldCreator=20class=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(index.ts):=20add=20input=5Ftypes=20property?=
 =?UTF-8?q?=20to=20TemplateVariableType=20interface=20The=20`input=5Ftypes?=
 =?UTF-8?q?`=20property=20is=20added=20to=20the=20`TemplateFieldCreator`?=
 =?UTF-8?q?=20class=20in=20`base.py`=20and=20the=20`TemplateVariableType`?=
 =?UTF-8?q?=20interface=20in=20`index.ts`.=20This=20change=20allows=20for?=
 =?UTF-8?q?=20specifying=20the=20input=20types=20for=20template=20fields?=
 =?UTF-8?q?=20and=20template=20variables,=20respectively.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/field/base.py | 1 +
 src/frontend/src/types/api/index.ts         | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/backend/langflow/template/field/base.py b/src/backend/langflow/template/field/base.py
index a9c18ff63..b73a516b4 100644
--- a/src/backend/langflow/template/field/base.py
+++ b/src/backend/langflow/template/field/base.py
@@ -21,6 +21,7 @@ class TemplateFieldCreator(BaseModel, ABC):
     name: str = ""
     display_name: Optional[str] = None
     advanced: bool = False
+    input_types: list[str] = []
 
     def to_dict(self):
         result = self.dict()
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index 7fc10f309..ecd79240e 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -23,6 +23,7 @@ export type TemplateVariableType = {
   show: boolean;
   multiline?: boolean;
   value?: any;
+  input_types?: Array<string>;
   [key: string]: any;
 };
 export type sendAllProps = {

From 40179ee0118664a4ab240d8053ec70239f33304d Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 11:33:56 -0300
Subject: [PATCH 061/367] =?UTF-8?q?=F0=9F=94=A7=20chore(validate.py):=20ad?=
 =?UTF-8?q?d=20input=5Ftypes=20to=20template=5Ffield=20in=20post=5Fvalidat?=
 =?UTF-8?q?e=5Fprompt=20function=20The=20input=5Ftypes=20attribute=20is=20?=
 =?UTF-8?q?added=20to=20the=20template=5Ffield=20in=20the=20post=5Fvalidat?=
 =?UTF-8?q?e=5Fprompt=20function.=20This=20change=20allows=20for=20specify?=
 =?UTF-8?q?ing=20the=20input=20types=20that=20are=20accepted=20for=20the?=
 =?UTF-8?q?=20template=20field,=20providing=20more=20flexibility=20and=20c?=
 =?UTF-8?q?ontrol=20over=20the=20input=20data.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 64e2b9c98..1223029b8 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -42,6 +42,7 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
                     field_type="str",
                     show=True,
                     advanced=False,
+                    input_types=["BaseLoader"],
                 )
 
                 prompt.frontend_node.template[variable] = template_field.to_dict()

From 789a4cb2f83df24d6b8c12eb2f2a9164155e536d Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 11:35:30 -0300
Subject: [PATCH 062/367] Fixed bug with template code area

---
 src/frontend/src/components/promptComponent/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 9e85868ed..59c4227ef 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -73,6 +73,8 @@ export default function PromptAreaComponent({
                   setMyValue(t);
                   onChange(t);
                 }}
+                nodeClass={nodeClass}
+                setNodeClass={setNodeClass}
               />
             );
           }}

From 5a76d36cd43dfde4762b803ef920b9064daa43a5 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 11:44:07 -0300
Subject: [PATCH 063/367] =?UTF-8?q?=F0=9F=94=A7=20chore(utils.py):=20refac?=
 =?UTF-8?q?tor=20build=5Finput=5Fkeys=5Fresponse=20function=20to=20return?=
 =?UTF-8?q?=20an=20empty=20string=20for=20each=20input=20key=20The=20build?=
 =?UTF-8?q?=5Finput=5Fkeys=5Fresponse=20function=20has=20been=20refactored?=
 =?UTF-8?q?=20to=20return=20an=20empty=20string=20for=20each=20input=20key?=
 =?UTF-8?q?=20in=20the=20langchain=5Fobject.=20This=20change=20ensures=20c?=
 =?UTF-8?q?onsistency=20in=20the=20response=20structure=20and=20provides?=
 =?UTF-8?q?=20a=20default=20value=20for=20each=20input=20key.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/utils.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/utils.py b/src/backend/langflow/api/utils.py
index 12cd3d76b..bd566896d 100644
--- a/src/backend/langflow/api/utils.py
+++ b/src/backend/langflow/api/utils.py
@@ -26,8 +26,9 @@ def remove_api_keys(flow: dict):
 
 def build_input_keys_response(langchain_object):
     """Build the input keys response."""
+
     input_keys_response = {
-        "input_keys": langchain_object.input_keys,
+        "input_keys": {key: "" for key in langchain_object.input_keys},
         "memory_keys": [],
     }
     # If the object has memory, that memory will have a memory_variables attribute

From c76b8766c0b16141ae589b15c2c005a7c52b09b5 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 11:51:21 -0300
Subject: [PATCH 064/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(chatComponent):?=
 =?UTF-8?q?=20remove=20unused=20import=20of=20ChatModal=20to=20improve=20c?=
 =?UTF-8?q?ode=20cleanliness?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔨 refactor(chatComponent): update code to correctly access template value from node data

🔨 refactor(chatInput): update button styling and positioning

🔨 refactor(chatInput): update Lock icon styling and positioning

🔨 refactor(chatInput): update Send icon styling and positioning

🔨 refactor(formModal): update setKeysValue function to correctly update the value at a specific index in the array
---
 src/frontend/src/components/chatComponent/index.tsx   | 6 +++---
 src/frontend/src/modals/formModal/chatInput/index.tsx | 6 +++---
 src/frontend/src/modals/formModal/index.tsx           | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index eaf0ba4ef..cd3c9c789 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -3,7 +3,6 @@ import { useNodes } from "reactflow";
 import { ChatType } from "../../types/chat";
 import ChatTrigger from "./chatTrigger";
 import BuildTrigger from "./buildTrigger";
-import ChatModal from "../../modals/chatModal";
 
 import { getBuildStatus } from "../../controllers/API";
 import { NodeType } from "../../types/flow";
@@ -45,10 +44,11 @@ export default function Chat({ flow }: ChatType) {
   const prevNodesRef = useRef<any[] | undefined>();
   const nodes = useNodes();
   useEffect(() => {
+    
     const prevNodes = prevNodesRef.current;
     const currentNodes = nodes.map(
-      (node: NodeType) => node.data.node.template.value
-    );
+      (node: NodeType) => node.data.node.template
+      );
 
     if (
       prevNodes &&
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 17a673d68..50d42dd3f 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -59,15 +59,15 @@ export default function ChatInput({
         placeholder={"Send a message..."}
       />
       <div className="absolute bottom-2 right-4">
-        <button className={classNames("p-2 pl-1 pr-3 transition-all duration-300 rounded-md",chatValue == "" ? "text-primary" : " bg-indigo-600 text-background")} disabled={lockChat} onClick={() => sendMessage()}>
+        <button className={classNames("p-2 px-1 transition-all duration-300 rounded-md",chatValue == "" ? "text-primary" : " bg-indigo-600 text-background")} disabled={lockChat} onClick={() => sendMessage()}>
           {lockChat ? (
             <Lock
-              className="h-5 w-5 text-primary animate-pulse"
+              className="h-5 w-5 ml-1 mr-11 animate-pulse"
               aria-hidden="true"
             />
           ) : (
             <LucideSend
-              className="h-5 w-5 rotate-[44deg] "
+              className="h-5 w-5 mr-2 rotate-[44deg] "
               aria-hidden="true"
             />
           )}
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index d4748065d..365022026 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -414,7 +414,7 @@ export default function FormModal({
                         <Textarea
                           value={keysValue[k]}
                           onChange={(e) =>
-                            setKeysValue({ ...keysValue, [k]: e.target.value })
+                            setKeysValue((old) => [...old.slice(0, k), e.target.value, ...old.slice(k + 1)])
                           }
                           disabled={chatKey === k}
                           placeholder="Enter text..."

From 695bc4c9bf38ebe7f1f8f8299cdc8de392182f32 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 12:01:36 -0300
Subject: [PATCH 065/367] =?UTF-8?q?=F0=9F=90=9B=20fix(manager.py):=20renam?=
 =?UTF-8?q?e=20variables=20in=20ChatManager=20class=20to=20improve=20clari?=
 =?UTF-8?q?ty=20and=20consistency=20=F0=9F=90=9B=20fix(utils.py):=20rename?=
 =?UTF-8?q?=20variable=20in=20process=5Fgraph=20function=20to=20improve=20?=
 =?UTF-8?q?clarity=20and=20consistency?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In the `ChatManager` class, the variable `chat_message` has been renamed to `chat_inputs` to better reflect its purpose of storing the input messages from the chat payload. This improves clarity and consistency within the class.

In the `process_graph` function in `utils.py`, the variable `chat_message` has been renamed to `chat_inputs` to better reflect its purpose of storing the input messages from the chat payload. This improves clarity and consistency within the function.
---
 src/backend/langflow/chat/manager.py | 8 ++++----
 src/backend/langflow/chat/utils.py   | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/backend/langflow/chat/manager.py b/src/backend/langflow/chat/manager.py
index 4a1b8e77c..856ee226e 100644
--- a/src/backend/langflow/chat/manager.py
+++ b/src/backend/langflow/chat/manager.py
@@ -111,9 +111,9 @@ class ChatManager:
         self, client_id: str, payload: Dict, langchain_object: Any
     ):
         # Process the graph data and chat message
-        chat_message = payload.pop("message", "")
-        chat_message = ChatMessage(message=chat_message)
-        self.chat_history.add_message(client_id, chat_message)
+        chat_inputs = payload.pop("inputs", "")
+        chat_inputs = ChatMessage(message=chat_inputs)
+        self.chat_history.add_message(client_id, chat_inputs)
 
         # graph_data = payload
         start_resp = ChatResponse(message=None, type="start", intermediate_steps="")
@@ -126,7 +126,7 @@ class ChatManager:
 
             result, intermediate_steps = await process_graph(
                 langchain_object=langchain_object,
-                chat_message=chat_message,
+                chat_inputs=chat_inputs,
                 websocket=self.active_connections[client_id],
             )
         except Exception as e:
diff --git a/src/backend/langflow/chat/utils.py b/src/backend/langflow/chat/utils.py
index 2e2ee367f..5047438f2 100644
--- a/src/backend/langflow/chat/utils.py
+++ b/src/backend/langflow/chat/utils.py
@@ -7,7 +7,7 @@ from langflow.utils.logger import logger
 
 async def process_graph(
     langchain_object,
-    chat_message: ChatMessage,
+    chat_inputs: ChatMessage,
     websocket: WebSocket,
 ):
     langchain_object = try_setting_streaming_options(langchain_object, websocket)
@@ -23,7 +23,7 @@ async def process_graph(
     try:
         logger.debug("Generating result and thought")
         result, intermediate_steps = await get_result_and_steps(
-            langchain_object, chat_message.message or "", websocket=websocket
+            langchain_object, chat_inputs.message or "", websocket=websocket
         )
         logger.debug("Generated result and intermediate_steps")
         return result, intermediate_steps

From 16fc6bc4a218be0dc808060a07c09eaf2933f3e2 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 16:38:21 -0300
Subject: [PATCH 066/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal/index.tsx)?=
 =?UTF-8?q?:=20fix=20type=20of=20intermediate=5Fsteps=20property=20to=20be?=
 =?UTF-8?q?=20a=20string=20instead=20of=20"string"=20to=20prevent=20type?=
 =?UTF-8?q?=20error=20=F0=9F=90=9B=20fix(formModal/index.tsx):=20format=20?=
 =?UTF-8?q?chatItem.message=20only=20if=20it=20is=20not=20from=20a=20bot?=
 =?UTF-8?q?=20to=20improve=20readability=20=F0=9F=90=9B=20fix(formModal/in?=
 =?UTF-8?q?dex.tsx):=20remove=20unnecessary=20console.log=20statement?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 365022026..db512ac29 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -155,7 +155,7 @@ export default function FormModal({
         let newChatHistory: ChatMessageType[] = [];
         data.forEach(
           (chatItem: {
-            intermediate_steps?: "string";
+            intermediate_steps?: string;
             is_bot: boolean;
             message: string;
             type: string;
@@ -166,13 +166,13 @@ export default function FormModal({
                 chatItem.files
                   ? {
                       isSend: !chatItem.is_bot,
-                      message: chatItem.message,
+                      message: chatItem.is_bot ? chatItem.message : formatMessage(chatItem.message),
                       thought: chatItem.intermediate_steps,
                       files: chatItem.files,
                     }
                   : {
                       isSend: !chatItem.is_bot,
-                      message: chatItem.message,
+                      message: chatItem.is_bot ? chatItem.message : formatMessage(chatItem.message),
                       thought: chatItem.intermediate_steps,
                     }
               );
@@ -370,6 +370,8 @@ export default function FormModal({
       setChatKey(index);
     }
   }
+
+  console.log(chatHistory)
   return (
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>

From a0919cb649c123c2384c6ca0256556e5f38ef99d Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 16:41:40 -0300
Subject: [PATCH 067/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20set?=
 =?UTF-8?q?=20"input=5Fvariables"=20field=20to=20new=20list=20of=20variabl?=
 =?UTF-8?q?es=20if=20it=20exists=20=F0=9F=90=9B=20fix(loading.py):=20set?=
 =?UTF-8?q?=20input=20variable=20values=20if=20they=20are=20present=20in?=
 =?UTF-8?q?=20params=20The=20"input=5Fvariables"=20field=20in=20the=20prom?=
 =?UTF-8?q?pt's=20frontend=5Fnode=20template=20is=20now=20updated=20with?=
 =?UTF-8?q?=20the=20new=20list=20of=20variables,=20if=20it=20exists.=20Thi?=
 =?UTF-8?q?s=20ensures=20that=20the=20input=20variables=20are=20correctly?=
 =?UTF-8?q?=20set=20when=20validating=20the=20prompt.=20In=20the=20loading?=
 =?UTF-8?q?=20module,=20the=20input=20variable=20values=20are=20now=20set?=
 =?UTF-8?q?=20if=20they=20are=20present=20in=20the=20params=20dictionary.?=
 =?UTF-8?q?=20This=20ensures=20that=20the=20prompt=20is=20correctly=20inst?=
 =?UTF-8?q?antiated=20with=20the=20provided=20input=20variable=20values.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py          |  5 +++++
 .../langflow/interface/initialize/loading.py     | 16 +++++++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 1223029b8..b5b886816 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -61,6 +61,11 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
                     logger.exception(exc)
                     raise HTTPException(status_code=500, detail=str(exc)) from exc
 
+        # Now we will set the field "input_variables" to the new list of variables
+        # if it exists
+        if "input_variables" in prompt.frontend_node.template:
+            prompt.frontend_node.template["input_variables"]["value"] = input_variables
+
         return PromptValidationResponse(
             input_variables=input_variables,
             frontend_node=prompt.frontend_node,
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 235eabaff..bbaa1f131 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -110,7 +110,21 @@ def instantiate_prompt(node_type, class_object, params):
     if node_type == "ChatPromptTemplate":
         return class_object.from_messages(**params)
 
-    return class_object(**params)
+    prompt = class_object(**params)
+
+    # Now we go through input_variables
+    # Check if they are in params, if so
+    # get their values and set them
+    format_kwargs = {}
+    for input_variable in prompt.input_variables:
+        if input_variable in params:
+            input_value = params[input_variable]
+            format_kwargs[input_variable] = input_value
+
+    if format_kwargs:
+        prompt = prompt.partial(**format_kwargs)
+
+    return prompt
 
 
 def instantiate_tool(node_type, class_object, params):

From c9bb88933bdb8a6ee9a01eb7aa3b9fa2c877ff27 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 16:51:02 -0300
Subject: [PATCH 068/367] =?UTF-8?q?=F0=9F=94=A7=20chore(chat.py):=20reset?=
 =?UTF-8?q?=20chat=20history=20when=20building=20a=20flow=20to=20ensure=20?=
 =?UTF-8?q?a=20clean=20state=20The=20chat=20history=20is=20now=20reset=20w?=
 =?UTF-8?q?hen=20building=20a=20flow=20to=20ensure=20that=20the=20chat=20s?=
 =?UTF-8?q?tarts=20with=20a=20clean=20state.=20This=20helps=20prevent=20an?=
 =?UTF-8?q?y=20potential=20issues=20or=20conflicts=20that=20may=20arise=20?=
 =?UTF-8?q?from=20previous=20chat=20interactions.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/chat.py | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index 44ea0ca8a..de3c33e01 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -128,6 +128,8 @@ async def stream_build(flow_id: str):
                 yield str(StreamData(event="message", data=input_keys_response))
 
             chat_manager.set_cache(flow_id, langchain_object)
+            # We need to reset the chat history
+            chat_manager.chat_history.empty_history(flow_id)
         except Exception as exc:
             logger.error("Error while building the flow: %s", exc)
             yield str(StreamData(event="error", data={"error": str(exc)}))

From 6afca21e5ab050d31498059bfe6bf2779d65da19 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 17:13:06 -0300
Subject: [PATCH 069/367] =?UTF-8?q?=F0=9F=90=9B=20fix(utils.py):=20fix=20b?=
 =?UTF-8?q?uild=5Finput=5Fkeys=5Fresponse=20function=20to=20correctly=20fi?=
 =?UTF-8?q?lter=20out=20memory=20variables=20from=20input=20keys=20The=20b?=
 =?UTF-8?q?uild=5Finput=5Fkeys=5Fresponse=20function=20now=20correctly=20f?=
 =?UTF-8?q?ilters=20out=20memory=20variables=20from=20the=20input=20keys?=
 =?UTF-8?q?=20response.=20Previously,=20it=20was=20using=20a=20list=20comp?=
 =?UTF-8?q?rehension=20to=20filter=20the=20keys,=20but=20it=20should=20hav?=
 =?UTF-8?q?e=20been=20using=20a=20dictionary=20comprehension=20to=20preser?=
 =?UTF-8?q?ve=20the=20key-value=20pairs.=20This=20fix=20ensures=20that=20o?=
 =?UTF-8?q?nly=20the=20keys=20that=20are=20not=20present=20in=20the=20lang?=
 =?UTF-8?q?chain=5Fobject's=20memory=20variables=20are=20included=20in=20t?=
 =?UTF-8?q?he=20input=20keys=20response.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/utils.py | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/backend/langflow/api/utils.py b/src/backend/langflow/api/utils.py
index bd566896d..bd25d74f4 100644
--- a/src/backend/langflow/api/utils.py
+++ b/src/backend/langflow/api/utils.py
@@ -37,11 +37,11 @@ def build_input_keys_response(langchain_object):
         langchain_object.memory, "memory_variables"
     ):
         # Remove memory variables from input keys
-        input_keys_response["input_keys"] = [
-            key
-            for key in input_keys_response["input_keys"]
+        input_keys_response["input_keys"] = {
+            key: value
+            for key, value in input_keys_response["input_keys"].items()
             if key not in langchain_object.memory.memory_variables
-        ]
+        }
         # Add memory variables to memory_keys
         input_keys_response["memory_keys"] = langchain_object.memory.memory_variables
 

From 9d556bc94cd19267853807f00b3088e00404acc4 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 17:13:32 -0300
Subject: [PATCH 070/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatComponent):=20re?=
 =?UTF-8?q?move=20unused=20openForm=20state=20variable=20=F0=9F=90=9B=20fi?=
 =?UTF-8?q?x(formModal):=20remove=20console.log=20statement=20=F0=9F=90=9B?=
 =?UTF-8?q?=20fix(formModal):=20fix=20formatMessage=20function=20to=20hand?=
 =?UTF-8?q?le=20string=20inputs=20correctly?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/chatComponent/index.tsx | 1 -
 src/frontend/src/modals/formModal/index.tsx         | 6 +++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index cd3c9c789..60682f9ea 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -10,7 +10,6 @@ import FormModal from "../../modals/formModal";
 
 export default function Chat({ flow }: ChatType) {
   const [open, setOpen] = useState(false);
-  const [openForm, setOpenForm] = useState(false);
   const [isBuilt, setIsBuilt] = useState(false);
 
   useEffect(() => {
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index db512ac29..837dd7921 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -166,13 +166,13 @@ export default function FormModal({
                 chatItem.files
                   ? {
                       isSend: !chatItem.is_bot,
-                      message: chatItem.is_bot ? chatItem.message : formatMessage(chatItem.message),
+                      message: formatMessage(chatItem.message),
                       thought: chatItem.intermediate_steps,
                       files: chatItem.files,
                     }
                   : {
                       isSend: !chatItem.is_bot,
-                      message: chatItem.is_bot ? chatItem.message : formatMessage(chatItem.message),
+                      message: formatMessage(chatItem.message),
                       thought: chatItem.intermediate_steps,
                     }
               );
@@ -305,6 +305,7 @@ export default function FormModal({
   }, [open]);
   function formatMessage(inputs: any): string {
     if (inputs) {
+      if(typeof inputs == "string") return inputs;
       // inputs is a object with the keys and values being input_keys and keysValue
       // so the formated message is a string with the keys and values separated by ": "
       let message = "";
@@ -371,7 +372,6 @@ export default function FormModal({
     }
   }
 
-  console.log(chatHistory)
   return (
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>

From 03349bf999bf259ad72d5d08942a3dbb11424ffc Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 17:26:57 -0300
Subject: [PATCH 071/367] =?UTF-8?q?=F0=9F=90=9B=20fix(vertex/base.py):=20a?=
 =?UTF-8?q?dd=20artifacts=20attribute=20to=20Vertex=20class=20to=20store?=
 =?UTF-8?q?=20additional=20data=20=F0=9F=90=9B=20fix(vertex/base.py):=20up?=
 =?UTF-8?q?date=20instantiation=20logic=20to=20handle=20tuple=20result=20f?=
 =?UTF-8?q?rom=20loading.instantiate=5Fclass()=20=F0=9F=90=9B=20fix(loadin?=
 =?UTF-8?q?g.py):=20update=20return=20value=20of=20instantiate=5Fprompt()?=
 =?UTF-8?q?=20to=20return=20a=20tuple=20of=20prompt=20and=20format=5Fkwarg?=
 =?UTF-8?q?s=20The=20Vertex=20class=20now=20has=20a=20new=20attribute=20ca?=
 =?UTF-8?q?lled=20artifacts,=20which=20is=20a=20dictionary=20used=20to=20s?=
 =?UTF-8?q?tore=20additional=20data=20related=20to=20the=20vertex.=20The?=
 =?UTF-8?q?=20instantiation=20logic=20in=20the=20Vertex=20class=20has=20be?=
 =?UTF-8?q?en=20updated=20to=20handle=20the=20case=20where=20loading.insta?=
 =?UTF-8?q?ntiate=5Fclass()=20returns=20a=20tuple=20containing=20the=20bui?=
 =?UTF-8?q?lt=20object=20and=20additional=20artifacts.=20The=20loading.ins?=
 =?UTF-8?q?tantiate=5Fprompt()=20function=20now=20returns=20a=20tuple=20co?=
 =?UTF-8?q?ntaining=20the=20prompt=20and=20format=5Fkwargs.=20These=20chan?=
 =?UTF-8?q?ges=20fix=20issues=20related=20to=20storing=20and=20handling=20?=
 =?UTF-8?q?additional=20data=20in=20the=20vertex=20and=20loading=20modules?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/base.py            | 9 ++++++++-
 src/backend/langflow/interface/initialize/loading.py | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index 61c50eda5..5e723b989 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -25,6 +25,7 @@ class Vertex:
         self._parse_data()
         self._built_object = None
         self._built = False
+        self.artifacts: Dict[str, Any] = {}
 
     def _parse_data(self) -> None:
         self.data = self._data["data"]
@@ -195,11 +196,17 @@ class Vertex:
         # and return the instance
 
         try:
-            self._built_object = loading.instantiate_class(
+            result = loading.instantiate_class(
                 node_type=self.vertex_type,
                 base_type=self.base_type,
                 params=self.params,
             )
+            # Result could be the _built_object or
+            # (_built_object, dict) tuple
+            if isinstance(result, tuple):
+                self._built_object, self.artifacts = result
+            else:
+                self._built_object = result
         except Exception as exc:
             raise ValueError(
                 f"Error building node {self.vertex_type}: {str(exc)}"
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index bbaa1f131..1a075184e 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -124,7 +124,7 @@ def instantiate_prompt(node_type, class_object, params):
     if format_kwargs:
         prompt = prompt.partial(**format_kwargs)
 
-    return prompt
+    return prompt, format_kwargs
 
 
 def instantiate_tool(node_type, class_object, params):

From d0da0bb1ca5d07609346b74e06a77dcaa5f2c739 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 17:27:18 -0300
Subject: [PATCH 072/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chat.py):=20add=20su?=
 =?UTF-8?q?pport=20for=20artifacts=20in=20stream=5Fbuild=20function=20to?=
 =?UTF-8?q?=20pass=20prompt=20variables=20to=20build=5Finput=5Fkeys=5Fresp?=
 =?UTF-8?q?onse=20=E2=9C=A8=20feat(chat.py):=20update=20build=5Finput=5Fke?=
 =?UTF-8?q?ys=5Fresponse=20function=20to=20accept=20artifacts=20parameter?=
 =?UTF-8?q?=20to=20set=20input=5Fkeys=20values=20The=20stream=5Fbuild=20fu?=
 =?UTF-8?q?nction=20now=20supports=20the=20artifacts=20parameter,=20which?=
 =?UTF-8?q?=20allows=20passing=20prompt=20variables=20to=20the=20build=5Fi?=
 =?UTF-8?q?nput=5Fkeys=5Fresponse=20function.=20This=20ensures=20that=20th?=
 =?UTF-8?q?e=20input=5Fkeys=20values=20are=20correctly=20set=20based=20on?=
 =?UTF-8?q?=20the=20provided=20artifacts.=20The=20build=5Finput=5Fkeys=5Fr?=
 =?UTF-8?q?esponse=20function=20has=20been=20updated=20to=20accept=20the?=
 =?UTF-8?q?=20artifacts=20parameter=20and=20use=20it=20to=20set=20the=20in?=
 =?UTF-8?q?put=5Fkeys=20values.=20This=20improves=20the=20functionality=20?=
 =?UTF-8?q?of=20the=20chat=20module=20by=20allowing=20more=20flexibility?=
 =?UTF-8?q?=20in=20handling=20prompt=20variables.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/chat.py | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index de3c33e01..cdffcdf4f 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -72,6 +72,7 @@ async def stream_build(flow_id: str):
 
     async def event_stream(flow_id):
         final_response = {"end_of_stream": True}
+        artifacts = {}
         try:
             if flow_id not in flow_data_store:
                 error_message = "Invalid session ID"
@@ -108,6 +109,11 @@ async def stream_build(flow_id: str):
                     logger.debug(
                         f"Building node {params[:50]}{'...' if len(params) > 50 else ''}"
                     )
+                    if vertex.artifacts:
+                        # The artifacts will be prompt variables
+                        # passed to build_input_keys_response
+                        # to set the input_keys values
+                        artifacts.update(vertex.artifacts)
                 except Exception as exc:
                     params = str(exc)
                     valid = False
@@ -124,7 +130,9 @@ async def stream_build(flow_id: str):
             langchain_object = graph.build()
             # Now we  need to check the input_keys to send them to the client
             if hasattr(langchain_object, "input_keys"):
-                input_keys_response = build_input_keys_response(langchain_object)
+                input_keys_response = build_input_keys_response(
+                    langchain_object, artifacts
+                )
                 yield str(StreamData(event="message", data=input_keys_response))
 
             chat_manager.set_cache(flow_id, langchain_object)

From bb377d4935153f2df98f6d73a76b698f120442b2 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 17:27:28 -0300
Subject: [PATCH 073/367] =?UTF-8?q?=F0=9F=90=9B=20fix(utils.py):=20set=20i?=
 =?UTF-8?q?nput=20keys=20values=20from=20artifacts=20in=20build=5Finput=5F?=
 =?UTF-8?q?keys=5Fresponse=20function=20=E2=9C=A8=20feat(utils.py):=20add?=
 =?UTF-8?q?=20support=20for=20setting=20input=20keys=20values=20from=20art?=
 =?UTF-8?q?ifacts=20in=20build=5Finput=5Fkeys=5Fresponse=20function=20The?=
 =?UTF-8?q?=20build=5Finput=5Fkeys=5Fresponse=20function=20now=20takes=20a?=
 =?UTF-8?q?n=20additional=20parameter,=20artifacts,=20which=20is=20a=20dic?=
 =?UTF-8?q?tionary=20containing=20key-value=20pairs.=20The=20function=20se?=
 =?UTF-8?q?ts=20the=20values=20of=20the=20input=20keys=20in=20the=20input?=
 =?UTF-8?q?=5Fkeys=5Fresponse=20dictionary=20based=20on=20the=20correspond?=
 =?UTF-8?q?ing=20keys=20in=20the=20artifacts=20dictionary.=20This=20allows?=
 =?UTF-8?q?=20for=20more=20flexibility=20in=20setting=20the=20input=20keys?=
 =?UTF-8?q?=20values=20dynamically=20based=20on=20the=20provided=20artifac?=
 =?UTF-8?q?ts.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/utils.py | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/utils.py b/src/backend/langflow/api/utils.py
index bd25d74f4..2df86eb7f 100644
--- a/src/backend/langflow/api/utils.py
+++ b/src/backend/langflow/api/utils.py
@@ -24,13 +24,18 @@ def remove_api_keys(flow: dict):
     return flow
 
 
-def build_input_keys_response(langchain_object):
+def build_input_keys_response(langchain_object, artifacts):
     """Build the input keys response."""
 
     input_keys_response = {
         "input_keys": {key: "" for key in langchain_object.input_keys},
         "memory_keys": [],
     }
+
+    # Set the input keys values from artifacts
+    for key, value in artifacts.items():
+        if key in input_keys_response["input_keys"]:
+            input_keys_response["input_keys"][key] = value
     # If the object has memory, that memory will have a memory_variables attribute
     # memory variables should be removed from the input keys
     if hasattr(langchain_object, "memory") and hasattr(

From 18acd7e257cef68913dbb128c766054de41eaad0 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 17:31:10 -0300
Subject: [PATCH 074/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal/index.tsx)?=
 =?UTF-8?q?:=20add=20missing=20setTabsState=20function=20to=20TabsContext?=
 =?UTF-8?q?=20to=20fix=20error=20=F0=9F=90=9B=20fix(formModal/index.tsx):?=
 =?UTF-8?q?=20update=20formKeysData.input=5Fkeys=20value=20when=20chatValu?=
 =?UTF-8?q?e=20changes=20to=20reflect=20user=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 28 +++++++++++++--------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 837dd7921..4e72851f4 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -45,7 +45,7 @@ export default function FormModal({
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
   const { setErrorData, setNoticeData } = useContext(alertContext);
-  const { tabsState } = useContext(TabsContext);
+  const { tabsState, setTabsState } = useContext(TabsContext);
   const ws = useRef<WebSocket | null>(null);
   const [lockChat, setLockChat] = useState(false);
   const isOpen = useRef(open);
@@ -327,12 +327,14 @@ export default function FormModal({
       if (nodeValidationErrors.length === 0) {
         setLockChat(true);
         // Message variable makes a object with the keys being the names from tabsState[flow.id].formKeysData.input_keys and the values being the keysValue of the correspondent index
-        let keys = tabsState[flow.id].formKeysData.input_keys; // array of keys
-        let values = keysValue.map((k, i) => (i == chatKey ? chatValue : k)); // array of values
-        let inputs = keys.reduce((object, key, index) => {
-          object[key] = values[index];
-          return object;
-        }, {});
+        let key = Object.keys(tabsState[id.current].formKeysData.input_keys)[chatKey];
+        setTabsState((old) => {
+          let newTabsState = _.cloneDeep(old);
+          newTabsState[id.current].formKeysData.input_keys[key] = chatValue;
+          return newTabsState;
+        })
+        let inputs = tabsState[id.current].formKeysData.input_keys;
+        inputs[key] = chatValue;
         setChatValue("");
         const message = formatMessage(inputs);
         addChatHistory(message, true);
@@ -372,7 +374,9 @@ export default function FormModal({
     }
   }
 
+  console.log(tabsState[id.current])
   return (
+    (tabsState[id.current].formKeysData?.input_keys && tabsState[id.current].formKeysData?.memory_keys) &&
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>
       {tabsState[flow.id].formKeysData && (
@@ -397,7 +401,7 @@ export default function FormModal({
                 </span>
               </div>
               <Accordion type="single" collapsible className="w-full">
-                {tabsState[id.current].formKeysData.input_keys.map((i, k) => (
+                {Object.keys(tabsState[id.current].formKeysData.input_keys).map((i, k) => (
                   <AccordionItem key={k} value={i}>
                     <AccordionTrigger><Badge variant="gray" size="md">{i}</Badge></AccordionTrigger>
                     <AccordionContent>
@@ -414,9 +418,13 @@ export default function FormModal({
                           />
                         </div>
                         <Textarea
-                          value={keysValue[k]}
+                          value={tabsState[id.current].formKeysData.input_keys[i]}
                           onChange={(e) =>
-                            setKeysValue((old) => [...old.slice(0, k), e.target.value, ...old.slice(k + 1)])
+                            setTabsState((old) => {
+                              let newTabsState = _.cloneDeep(old);
+                              newTabsState[id.current].formKeysData.input_keys[i] = e.target.value;
+                              return newTabsState;
+                            })
                           }
                           disabled={chatKey === k}
                           placeholder="Enter text..."

From 3bd103dbc5413e924f2c85a5dadfee710170be51 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 17:42:58 -0300
Subject: [PATCH 075/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(promptComponent?=
 =?UTF-8?q?):=20move=20postValidatePrompt=20import=20statement=20to=20the?=
 =?UTF-8?q?=20top=20of=20the=20file=20for=20better=20organization?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔥 chore(promptModal): remove unused promptModal component

🔨 refactor(promptComponent): use useEffect to make a POST request to validate the prompt value and update the nodeClass state if the API returns data
---
 .../src/components/promptComponent/index.tsx  |  13 ++
 src/frontend/src/modals/promptModal/index.tsx | 153 ------------------
 2 files changed, 13 insertions(+), 153 deletions(-)
 delete mode 100644 src/frontend/src/modals/promptModal/index.tsx

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 59c4227ef..3f0742407 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -5,6 +5,7 @@ import GenericModal from "../../modals/genericModal";
 import { TypeModal } from "../../utils";
 import { INPUT_STYLE } from "../../constants";
 import { ExternalLink } from "lucide-react";
+import { postValidatePrompt } from "../../controllers/API";
 
 export default function PromptAreaComponent({
   setNodeClass,
@@ -23,6 +24,18 @@ export default function PromptAreaComponent({
     }
   }, [disabled, onChange]);
 
+  useEffect(() => {
+    if (value) {
+      postValidatePrompt(myValue, nodeClass)
+        .then((apiReturn) => {
+          if (apiReturn.data) {
+            setNodeClass(apiReturn.data.frontend_node);
+          }
+        })
+        .catch((error) => {});
+    }
+  }, [value]);
+
   useEffect(() => {
     setMyValue(value);
   }, [value]);
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
deleted file mode 100644
index 2ab1c140a..000000000
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-import { Dialog, Transition } from "@headlessui/react";
-import { XMarkIcon, DocumentTextIcon } from "@heroicons/react/24/outline";
-import { Fragment, useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { darkContext } from "../../contexts/darkContext";
-import { postValidatePrompt } from "../../controllers/API";
-import { alertContext } from "../../contexts/alertContext";
-export default function PromptAreaModal({
-  value,
-  setValue,
-}: {
-  setValue: (value: string) => void;
-  value: string;
-}) {
-  const [open, setOpen] = useState(true);
-  const [myValue, setMyValue] = useState(value);
-  const { dark } = useContext(darkContext);
-  const { setErrorData, setSuccessData } = useContext(alertContext);
-  const { closePopUp } = useContext(PopUpContext);
-  const ref = useRef();
-  function setModalOpen(x: boolean) {
-    setOpen(x);
-    if (x === false) {
-      setTimeout(() => {
-        closePopUp();
-      }, 300);
-    }
-  }
-  return (
-    <Transition.Root show={open} appear={true} as={Fragment}>
-      <Dialog
-        as="div"
-        className="relative z-10"
-        onClose={setModalOpen}
-        initialFocus={ref}
-      >
-        <Transition.Child
-          as={Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="fixed inset-0 bg-ring dark:bg-gray-600 dark:bg-opacity-75 bg-opacity-75 transition-opacity" />
-        </Transition.Child>
-
-        <div className="fixed inset-0 z-10 overflow-y-auto">
-          <div className="flex h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
-            <Transition.Child
-              as={Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              enterTo="opacity-100 translate-y-0 sm:scale-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            >
-              <Dialog.Panel className="relative flex flex-col justify-between transform h-[600px] overflow-hidden rounded-lg bg-white dark:bg-gray-800 text-left shadow-xl transition-all sm:my-8 w-[700px]">
-                <div className=" z-50 absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
-                  <button
-                    type="button"
-                    className="rounded-md text-gray-400 hover:text-gray-500"
-                    onClick={() => {
-                      setModalOpen(false);
-                    }}
-                  >
-                    <span className="sr-only">Close</span>
-                    <XMarkIcon className="h-6 w-6" aria-hidden="true" />
-                  </button>
-                </div>
-                <div className="h-full w-full flex flex-col justify-center items-center">
-                  <div className="flex w-full pb-4 z-10 justify-center shadow-sm">
-                    <div className="mx-auto mt-4 flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-blue-100 dark:bg-gray-900 sm:mx-0 sm:h-10 sm:w-10">
-                      <DocumentTextIcon
-                        className="h-6 w-6 text-blue-600"
-                        aria-hidden="true"
-                      />
-                    </div>
-                    <div className="mt-4 text-center sm:ml-4 sm:text-left">
-                      <Dialog.Title
-                        as="h3"
-                        className="text-lg font-medium dark:text-white leading-10 text-gray-900"
-                      >
-                        Edit Prompt
-                      </Dialog.Title>
-                    </div>
-                  </div>
-                  <div className="h-full w-full bg-accent overflow-auto dark:bg-gray-900 p-4 gap-4 flex flex-row justify-center items-center">
-                    <div className="flex h-full w-full">
-                      <div className="overflow-hidden px-4 py-5 sm:p-6 w-full h-full rounded-lg bg-white dark:bg-gray-800 shadow">
-                        <textarea
-                          ref={ref}
-                          className="form-input h-full w-full rounded-lg border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-white"
-                          value={myValue}
-                          onChange={(e) => {
-                            setMyValue(e.target.value);
-                            setValue(e.target.value);
-                          }}
-                        />
-                      </div>
-                    </div>
-                  </div>
-                  <div className="bg-gray-200 dark:bg-gray-900 w-full pb-3 flex flex-row-reverse px-4">
-                    <button
-                      type="button"
-                      className="inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-ring focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:ring-offset-1 sm:ml-3 sm:w-auto sm:text-sm"
-                      onClick={() => {
-                        postValidatePrompt(myValue)
-                          .then((apiReturn) => {
-                            if (apiReturn.data) {
-                              let inputVariables =
-                                apiReturn.data.input_variables;
-                              if (inputVariables.length === 0) {
-                                setErrorData({
-                                  title:
-                                    "The template you are attempting to use does not contain any variables for data entry.",
-                                });
-                              } else {
-                                setSuccessData({
-                                  title: "Prompt is ready",
-                                });
-                                setModalOpen(false);
-                                setValue(myValue);
-                              }
-                            } else {
-                              setErrorData({
-                                title: "Something went wrong, please try again",
-                              });
-                            }
-                          })
-                          .catch((error) => {
-                            return setErrorData({
-                              title:
-                                "There is something wrong with this prompt, please review it",
-                              list: [error.response.data.detail],
-                            });
-                          });
-                      }}
-                    >
-                      Check & Save
-                    </button>
-                  </div>
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition.Root>
-  );
-}

From a445b079e08d1d48c43fbc876914ccc84f47608f Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 28 Jun 2023 17:59:57 -0300
Subject: [PATCH 076/367] =?UTF-8?q?=F0=9F=94=A7=20refactor(loading.py):=20?=
 =?UTF-8?q?simplify=20instantiation=20of=20prompt=20and=20format=5Fkwargs?=
 =?UTF-8?q?=20assignment=20=F0=9F=92=A1=20chore(loading.py):=20improve=20c?=
 =?UTF-8?q?ode=20readability=20and=20maintainability=20by=20simplifying=20?=
 =?UTF-8?q?the=20instantiation=20of=20the=20prompt=20object=20and=20assign?=
 =?UTF-8?q?ment=20of=20format=5Fkwargs=20dictionary.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The code has been refactored to use a dictionary comprehension to create the format_kwargs dictionary. This simplifies the logic and improves code readability. The commented out code for the prompt.partial() method has been removed as it is no longer necessary.
---
 .../langflow/interface/initialize/loading.py   | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 1a075184e..4c24843d4 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -112,17 +112,13 @@ def instantiate_prompt(node_type, class_object, params):
 
     prompt = class_object(**params)
 
-    # Now we go through input_variables
-    # Check if they are in params, if so
-    # get their values and set them
-    format_kwargs = {}
-    for input_variable in prompt.input_variables:
-        if input_variable in params:
-            input_value = params[input_variable]
-            format_kwargs[input_variable] = input_value
-
-    if format_kwargs:
-        prompt = prompt.partial(**format_kwargs)
+    format_kwargs = {
+        input_variable: params[input_variable]
+        for input_variable in prompt.input_variables
+        if input_variable in params
+    }
+    # if format_kwargs:
+    #     prompt = prompt.partial(**format_kwargs)
 
     return prompt, format_kwargs
 

From 7b2763a1af65d538e75e2f41deb566b8a639714b Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 18:16:59 -0300
Subject: [PATCH 077/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20set=20isPending=20to=20true=20for=20each=20tab=20in=20the=20?=
 =?UTF-8?q?parameter=20component=20state=20to=20fix=20a=20bug=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(chatComponent):=20remove=20console.log=20sta?=
 =?UTF-8?q?tements=20for=20'open'=20and=20'isBuilt'=20variables=20to=20cle?=
 =?UTF-8?q?an=20up=20code=20=F0=9F=90=9B=20fix(formModal):=20remove=20unne?=
 =?UTF-8?q?cessary=20console.log=20statement=20for=20'tabsState[id.current?=
 =?UTF-8?q?]'=20variable=20to=20clean=20up=20code=20=F0=9F=90=9B=20fix(Pag?=
 =?UTF-8?q?eComponent):=20set=20isPending=20to=20true=20for=20each=20tab?=
 =?UTF-8?q?=20in=20the=20Page=20component=20state=20to=20fix=20a=20bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../GenericNode/components/parameterComponent/index.tsx        | 1 +
 src/frontend/src/components/chatComponent/index.tsx            | 2 ++
 src/frontend/src/modals/formModal/index.tsx                    | 3 ---
 .../src/pages/FlowPage/components/PageComponent/index.tsx      | 2 ++
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 6b12d8b35..56a427ca0 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -73,6 +73,7 @@ export default function ParameterComponent({
       return {
         ...prev,
         [tabId]: {
+          ...prev[tabId],
           isPending: true,
         },
       };
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 60682f9ea..cd06263ca 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -59,6 +59,8 @@ export default function Chat({ flow }: ChatType) {
     prevNodesRef.current = currentNodes;
   }, [nodes]);
 
+  console.log("open", open);
+  console.log("isBuilt",isBuilt);
   return (
     <>
       {isBuilt ? (
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 4e72851f4..fccf2440d 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -373,10 +373,7 @@ export default function FormModal({
       setChatKey(index);
     }
   }
-
-  console.log(tabsState[id.current])
   return (
-    (tabsState[id.current].formKeysData?.input_keys && tabsState[id.current].formKeysData?.memory_keys) &&
     <Dialog open={open} onOpenChange={setModalOpen}>
       <DialogTrigger className="hidden"></DialogTrigger>
       {tabsState[flow.id].formKeysData && (
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 5cffe0395..9a871e639 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -151,6 +151,7 @@ export default function Page({ flow }: { flow: FlowType }) {
         return {
           ...prev,
           [tabId]: {
+            ...prev[tabId],
             isPending: true,
           },
         };
@@ -166,6 +167,7 @@ export default function Page({ flow }: { flow: FlowType }) {
         return {
           ...prev,
           [tabId]: {
+            ...prev[tabId],
             isPending: true,
           },
         };

From dadaaa895d1e15016be50534f64ac40aadc056af Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 28 Jun 2023 18:17:37 -0300
Subject: [PATCH 078/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(chatComponent/i?=
 =?UTF-8?q?ndex.tsx):=20remove=20unnecessary=20console.log=20statements=20?=
 =?UTF-8?q?for=20'open'=20and=20'isBuilt'=20variables?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/chatComponent/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index cd06263ca..60682f9ea 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -59,8 +59,6 @@ export default function Chat({ flow }: ChatType) {
     prevNodesRef.current = currentNodes;
   }, [nodes]);
 
-  console.log("open", open);
-  console.log("isBuilt",isBuilt);
   return (
     <>
       {isBuilt ? (

From 18b2226b1228777f6a6f75702eb30661dc3ed71d Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 11:25:48 -0300
Subject: [PATCH 079/367] Fixed bug where the node internals are not updated at
 the PromptTemplate

---
 .../src/components/promptComponent/index.tsx  | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 3f0742407..5cea7008c 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -6,6 +6,8 @@ import { TypeModal } from "../../utils";
 import { INPUT_STYLE } from "../../constants";
 import { ExternalLink } from "lucide-react";
 import { postValidatePrompt } from "../../controllers/API";
+import { typesContext } from "../../contexts/typesContext";
+import * as _ from "lodash";
 
 export default function PromptAreaComponent({
   setNodeClass,
@@ -15,8 +17,10 @@ export default function PromptAreaComponent({
   disabled,
   editNode = false,
 }: TextAreaComponentType) {
-  const [myValue, setMyValue] = useState(value);
+  const [myValue, setMyValue] = useState("");
   const { openPopUp } = useContext(PopUpContext);
+  const { reactFlowInstance } = useContext(typesContext);
+
   useEffect(() => {
     if (disabled) {
       setMyValue("");
@@ -25,20 +29,21 @@ export default function PromptAreaComponent({
   }, [disabled, onChange]);
 
   useEffect(() => {
-    if (value) {
-      postValidatePrompt(myValue, nodeClass)
+    if (value !== "") { // only executed once
+      setMyValue(value);
+      postValidatePrompt(value, nodeClass)
         .then((apiReturn) => {
           if (apiReturn.data) {
             setNodeClass(apiReturn.data.frontend_node);
+            if(reactFlowInstance){
+              // need to update reactFlowInstance to re-render the nodes.
+              reactFlowInstance.setEdges(_.cloneDeep(reactFlowInstance.getEdges()));
+            }
           }
         })
         .catch((error) => {});
     }
-  }, [value]);
-
-  useEffect(() => {
-    setMyValue(value);
-  }, [value]);
+  }, [reactFlowInstance]);
 
   return (
     <div

From 1be3de50c5433789ec91e9f34d7501589b2eb7eb Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 11:30:00 -0300
Subject: [PATCH 080/367] Changes to only make the Prompt Check run once

---
 src/frontend/src/components/promptComponent/index.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 5cea7008c..3999d2786 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -29,16 +29,14 @@ export default function PromptAreaComponent({
   }, [disabled, onChange]);
 
   useEffect(() => {
-    if (value !== "") { // only executed once
+    if (value !== "" && myValue !== value && reactFlowInstance) { // only executed once
       setMyValue(value);
       postValidatePrompt(value, nodeClass)
         .then((apiReturn) => {
           if (apiReturn.data) {
             setNodeClass(apiReturn.data.frontend_node);
-            if(reactFlowInstance){
-              // need to update reactFlowInstance to re-render the nodes.
-              reactFlowInstance.setEdges(_.cloneDeep(reactFlowInstance.getEdges()));
-            }
+            // need to update reactFlowInstance to re-render the nodes.
+            reactFlowInstance.setEdges(_.cloneDeep(reactFlowInstance.getEdges()));
           }
         })
         .catch((error) => {});

From 2876afa79a5f5db7c8e5d7de90217416fa780527 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 11:44:51 -0300
Subject: [PATCH 081/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20fix?=
 =?UTF-8?q?=20formatting=20of=20input=20variables=20in=20instantiate=5Fpro?=
 =?UTF-8?q?mpt=20function=20The=20instantiate=5Fprompt=20function=20now=20?=
 =?UTF-8?q?properly=20formats=20the=20input=20variables=20before=20passing?=
 =?UTF-8?q?=20them=20to=20the=20prompt=20object.=20If=20the=20input=20vari?=
 =?UTF-8?q?able=20is=20a=20string,=20it=20is=20passed=20as=20is.=20If=20th?=
 =?UTF-8?q?e=20input=20variable=20is=20a=20list=20of=20Document=20objects,?=
 =?UTF-8?q?=20it=20is=20formatted=20to=20contain=20the=20page=5Fcontent=20?=
 =?UTF-8?q?and=20metadata=20as=20one=20string=20separated=20by=20a=20newli?=
 =?UTF-8?q?ne.=20This=20ensures=20that=20the=20prompt=20object=20receives?=
 =?UTF-8?q?=20the=20correct=20input=20format.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../langflow/interface/initialize/loading.py  | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 4c24843d4..896ee1837 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -1,5 +1,5 @@
 import json
-from typing import Any, Callable, Dict, Sequence
+from typing import Any, Callable, Dict, List, Sequence
 
 from langchain.agents import ZeroShotAgent
 from langchain.agents import agent as agent_module
@@ -7,7 +7,7 @@ from langchain.agents.agent import AgentExecutor
 from langchain.agents.agent_toolkits.base import BaseToolkit
 from langchain.agents.tools import BaseTool
 from langflow.interface.initialize.vector_store import vecstore_initializer
-
+from langchain.schema import Document
 from pydantic import ValidationError
 
 from langflow.interface.custom_lists import CUSTOM_NODES
@@ -112,13 +112,24 @@ def instantiate_prompt(node_type, class_object, params):
 
     prompt = class_object(**params)
 
-    format_kwargs = {
-        input_variable: params[input_variable]
-        for input_variable in prompt.input_variables
-        if input_variable in params
-    }
-    # if format_kwargs:
-    #     prompt = prompt.partial(**format_kwargs)
+    format_kwargs = {}
+    for input_variable in prompt.input_variables:
+        if input_variable in params:
+            variable = params[input_variable]
+            if isinstance(variable, str):
+                format_kwargs[input_variable] = variable
+            # check if is a list of Document
+            elif isinstance(variable, List) and all(
+                isinstance(item, Document) for item in variable
+            ):
+                # Format document to contain page_content and metadata
+                # as one string separated by a newline
+                format_kwargs[input_variable] = "\n".join(
+                    [
+                        f"Document:{item.page_content}\nMetadata:{item.metadata}"
+                        for item in variable
+                    ]
+                )
 
     return prompt, format_kwargs
 

From e9a907babeb2dd5cd5729737fbcab0c948ed9392 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 12:55:26 -0300
Subject: [PATCH 082/367] =?UTF-8?q?=F0=9F=94=A7=20chore(utils.ts):=20add?=
 =?UTF-8?q?=20support=20for=20output=5Fparsers=20node=20color=20and=20icon?=
 =?UTF-8?q?=20=F0=9F=9A=80=20feat(utils.ts):=20add=20support=20for=20outpu?=
 =?UTF-8?q?t=5Fparsers=20node=20name=20and=20icon=20The=20`nodeColors`=20o?=
 =?UTF-8?q?bject=20now=20includes=20a=20color=20for=20the=20`output=5Fpars?=
 =?UTF-8?q?ers`=20node=20type,=20allowing=20it=20to=20be=20visually=20dist?=
 =?UTF-8?q?inguished.=20Similarly,=20the=20`nodeNames`=20object=20now=20in?=
 =?UTF-8?q?cludes=20a=20name=20for=20the=20`output=5Fparsers`=20node=20typ?=
 =?UTF-8?q?e.=20Additionally,=20the=20`nodeIconsLucide`=20object=20now=20i?=
 =?UTF-8?q?ncludes=20an=20icon=20for=20the=20`output=5Fparsers`=20node=20t?=
 =?UTF-8?q?ype.=20These=20changes=20improve=20the=20consistency=20and=20co?=
 =?UTF-8?q?mpleteness=20of=20the=20node=20types=20in=20the=20application.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/utils.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index df8a8a61a..6ff05292f 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -45,6 +45,7 @@ import { twMerge } from "tailwind-merge";
 import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./constants";
 import { ComponentType, SVGProps } from "react";
 import {
+  Compass,
   Cpu,
   Fingerprint,
   Gift,
@@ -139,6 +140,7 @@ export const nodeColors: { [char: string]: string } = {
   toolkits: "#DB2C2C",
   wrappers: "#E6277A",
   utilities: "#31A3CC",
+  output_parsers: "#E6A627",
   unknown: "#9CA3AF",
 };
 
@@ -158,6 +160,7 @@ export const nodeNames: { [char: string]: string } = {
   wrappers: "Wrappers",
   textsplitters: "Text Splitters",
   utilities: "Utilities",
+  output_parsers: "Output Parsers",
   unknown: "Unknown",
 };
 
@@ -363,6 +366,9 @@ export const nodeIconsLucide: {
   utilities: Wand2 as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,
+  output_parsers: Compass as React.ForwardRefExoticComponent<
+    ComponentType<SVGProps<SVGSVGElement>>
+  >,
   unknown: HelpCircle as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,

From fa3bcdefee557add1b7e27b2d3fad179996233ae Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 12:55:58 -0300
Subject: [PATCH 083/367] =?UTF-8?q?=F0=9F=93=A6=20chore(output=5Fparsers):?=
 =?UTF-8?q?=20add=20output=20parsers=20module=20and=20base=20classes=20?=
 =?UTF-8?q?=F0=9F=9A=80=20feat(output=5Fparsers):=20add=20OutputParserCrea?=
 =?UTF-8?q?tor=20class=20to=20handle=20creation=20and=20loading=20of=20out?=
 =?UTF-8?q?put=20parsers=20=F0=9F=9A=80=20feat(output=5Fparsers):=20add=20?=
 =?UTF-8?q?OutputParserFrontendNode=20class=20to=20handle=20formatting=20o?=
 =?UTF-8?q?f=20output=20parser=20fields=20The=20commit=20adds=20the=20foll?=
 =?UTF-8?q?owing=20changes:=20-=20A=20new=20file=20`=5F=5Finit=5F=5F.py`?=
 =?UTF-8?q?=20is=20added=20to=20the=20`output=5Fparsers`=20module.=20-=20A?=
 =?UTF-8?q?=20new=20file=20`base.py`=20is=20added=20to=20the=20`output=5Fp?=
 =?UTF-8?q?arsers`=20module.=20-=20A=20new=20file=20`output=5Fparsers.py`?=
 =?UTF-8?q?=20is=20added=20to=20the=20`frontend=5Fnode`=20module.=20The=20?=
 =?UTF-8?q?`=5F=5Finit=5F=5F.py`=20file=20initializes=20the=20`OutputParse?=
 =?UTF-8?q?rCreator`=20class,=20which=20is=20responsible=20for=20creating?=
 =?UTF-8?q?=20and=20loading=20output=20parsers.=20It=20also=20defines=20a?=
 =?UTF-8?q?=20method=20to=20get=20the=20signature=20of=20an=20output=20par?=
 =?UTF-8?q?ser.=20The=20`base.py`=20file=20contains=20the=20base=20class?=
 =?UTF-8?q?=20`OutputParserCreator`=20which=20is=20a=20subclass=20of=20`La?=
 =?UTF-8?q?ngChainTypeCreator`.=20It=20defines=20the=20type=20name=20as=20?=
 =?UTF-8?q?"output=5Fparsers"=20and=20provides=20methods=20to=20get=20the?=
 =?UTF-8?q?=20frontend=20node=20class=20and=20the=20type=20to=20loader=20d?=
 =?UTF-8?q?ictionary.=20It=20also=20defines=20a=20method=20to=20convert=20?=
 =?UTF-8?q?the=20output=20parsers=20to=20a=20list.=20The=20`output=5Fparse?=
 =?UTF-8?q?rs.py`=20file=20contains=20the=20`OutputParserFrontendNode`=20c?=
 =?UTF-8?q?lass,=20which=20is=20a=20subclass=20of=20`FrontendNode`.=20It?=
 =?UTF-8?q?=20provides=20a=20method=20to=20format=20the=20field=20of=20an?=
 =?UTF-8?q?=20output=20parser.=20These=20changes=20are=20done=20to=20add?=
 =?UTF-8?q?=20support=20for=20output=20parsers=20in=20the=20application.?=
 =?UTF-8?q?=20The=20`OutputParserCreator`=20class=20allows=20for=20dynamic?=
 =?UTF-8?q?=20creation=20and=20loading=20of=20output=20parsers,=20while=20?=
 =?UTF-8?q?the=20`OutputParserFrontendNode`=20class=20provides=20a=20way?=
 =?UTF-8?q?=20to=20format=20the=20fields=20of=20an=20output=20parser.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../interface/output_parsers/__init__.py      |  0
 .../langflow/interface/output_parsers/base.py | 64 +++++++++++++++++++
 .../template/frontend_node/output_parsers.py  | 10 +++
 3 files changed, 74 insertions(+)
 create mode 100644 src/backend/langflow/interface/output_parsers/__init__.py
 create mode 100644 src/backend/langflow/interface/output_parsers/base.py
 create mode 100644 src/backend/langflow/template/frontend_node/output_parsers.py

diff --git a/src/backend/langflow/interface/output_parsers/__init__.py b/src/backend/langflow/interface/output_parsers/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/backend/langflow/interface/output_parsers/base.py b/src/backend/langflow/interface/output_parsers/base.py
new file mode 100644
index 000000000..79cbdd98c
--- /dev/null
+++ b/src/backend/langflow/interface/output_parsers/base.py
@@ -0,0 +1,64 @@
+from typing import Dict, List, Optional, Type
+
+from langchain import output_parsers
+
+from langflow.interface.base import LangChainTypeCreator
+from langflow.interface.importing.utils import import_class
+from langflow.settings import settings
+from langflow.template.frontend_node.output_parsers import OutputParserFrontendNode
+from langflow.utils.logger import logger
+from langflow.utils.util import build_template_from_class, build_template_from_method
+
+
+class OutputParserCreator(LangChainTypeCreator):
+    type_name: str = "output_parsers"
+    from_method_nodes = {
+        "StructuredOutputParser": "from_response_schemas",
+    }
+
+    @property
+    def frontend_node_class(self) -> Type[OutputParserFrontendNode]:
+        return OutputParserFrontendNode
+
+    @property
+    def type_to_loader_dict(self) -> Dict:
+        if self.type_dict is None:
+            self.type_dict = {
+                output_parser_name: import_class(
+                    f"langchain.output_parsers.{output_parser_name}"
+                )
+                # if output_parser_name is not lower case it is a class
+                for output_parser_name in output_parsers.__all__
+            }
+            self.type_dict = {
+                name: output_parser
+                for name, output_parser in self.type_dict.items()
+                if name in settings.output_parsers or settings.dev
+            }
+        return self.type_dict
+
+    def get_signature(self, name: str) -> Optional[Dict]:
+        try:
+            if name in self.from_method_nodes:
+                return build_template_from_method(
+                    name,
+                    type_to_cls_dict=self.type_to_loader_dict,
+                    method_name=self.from_method_nodes[name],
+                )
+            else:
+                return build_template_from_class(
+                    name,
+                    type_to_cls_dict=self.type_to_loader_dict,
+                )
+        except ValueError as exc:
+            # raise ValueError("OutputParser not found") from exc
+            logger.error(f"OutputParser {name} not found: {exc}")
+        except AttributeError as exc:
+            logger.error(f"OutputParser {name} not loaded: {exc}")
+        return None
+
+    def to_list(self) -> List[str]:
+        return list(self.type_to_loader_dict.keys())
+
+
+output_parser_creator = OutputParserCreator()
diff --git a/src/backend/langflow/template/frontend_node/output_parsers.py b/src/backend/langflow/template/frontend_node/output_parsers.py
new file mode 100644
index 000000000..e9b4d3706
--- /dev/null
+++ b/src/backend/langflow/template/frontend_node/output_parsers.py
@@ -0,0 +1,10 @@
+from typing import Optional
+from langflow.template.field.base import TemplateField
+from langflow.template.frontend_node.base import FrontendNode
+
+
+class OutputParserFrontendNode(FrontendNode):
+    @staticmethod
+    def format_field(field: TemplateField, name: Optional[str] = None) -> None:
+        FrontendNode.format_field(field, name)
+        field.show = True

From 5e00debae43b78b21bf8952b61f5d1511988447d Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 12:56:36 -0300
Subject: [PATCH 084/367] =?UTF-8?q?=F0=9F=94=A7=20fix(utils.py):=20add=20i?=
 =?UTF-8?q?mport=20statement=20for=20output=5Fparsers=20module=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(loading.py):=20add=20import=20statement=20fo?=
 =?UTF-8?q?r=20output=5Fparser=5Fcreator=20=F0=9F=94=A7=20fix(listing.py):?=
 =?UTF-8?q?=20add=20import=20statement=20for=20output=5Fparser=5Fcreator?=
 =?UTF-8?q?=20=F0=9F=94=A7=20fix(types.py):=20add=20import=20statement=20f?=
 =?UTF-8?q?or=20output=5Fparser=5Fcreator=20The=20import=20statements=20fo?=
 =?UTF-8?q?r=20the=20`output=5Fparsers`=20module=20were=20missing=20in=20t?=
 =?UTF-8?q?he=20respective=20files.=20This=20fix=20adds=20the=20necessary?=
 =?UTF-8?q?=20import=20statements=20to=20ensure=20that=20the=20`output=5Fp?=
 =?UTF-8?q?arser=5Fcreator`=20is=20accessible=20and=20can=20be=20used=20in?=
 =?UTF-8?q?=20the=20code.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/importing/utils.py    |  6 ++++++
 src/backend/langflow/interface/initialize/loading.py | 12 ++++++++++++
 src/backend/langflow/interface/listing.py            |  2 ++
 src/backend/langflow/interface/types.py              |  2 ++
 4 files changed, 22 insertions(+)

diff --git a/src/backend/langflow/interface/importing/utils.py b/src/backend/langflow/interface/importing/utils.py
index f65376d48..587e02949 100644
--- a/src/backend/langflow/interface/importing/utils.py
+++ b/src/backend/langflow/interface/importing/utils.py
@@ -44,6 +44,7 @@ def import_by_type(_type: str, name: str) -> Any:
         "documentloaders": import_documentloader,
         "textsplitters": import_textsplitter,
         "utilities": import_utility,
+        "output_parsers": import_output_parser,
     }
     if _type == "llms":
         key = "chat" if "chat" in name.lower() else "llm"
@@ -54,6 +55,11 @@ def import_by_type(_type: str, name: str) -> Any:
     return loaded_func(name)
 
 
+def import_output_parser(output_parser: str) -> Any:
+    """Import output parser from output parser name"""
+    return import_module(f"from langchain.output_parsers import {output_parser}")
+
+
 def import_chat_llm(llm: str) -> BaseChatModel:
     """Import chat llm from llm name"""
     return import_class(f"langchain.chat_models.{llm}")
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 896ee1837..34249239d 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -14,6 +14,7 @@ from langflow.interface.custom_lists import CUSTOM_NODES
 from langflow.interface.importing.utils import get_function, import_by_type
 from langflow.interface.toolkits.base import toolkits_creator
 from langflow.interface.chains.base import chain_creator
+from langflow.interface.output_parsers.base import output_parser_creator
 from langflow.interface.utils import load_file_into_dict
 from langflow.utils import validate
 
@@ -72,10 +73,21 @@ def instantiate_based_on_type(class_object, base_type, node_type, params):
         return instantiate_utility(node_type, class_object, params)
     elif base_type == "chains":
         return instantiate_chains(node_type, class_object, params)
+    elif base_type == "output_parsers":
+        return instantiate_output_parser(node_type, class_object, params)
     else:
         return class_object(**params)
 
 
+def instantiate_output_parser(node_type, class_object, params):
+    if node_type in output_parser_creator.from_method_nodes:
+        method = output_parser_creator.from_method_nodes[node_type]
+        if class_method := getattr(class_object, method, None):
+            return class_method(**params)
+        raise ValueError(f"Method {method} not found in {class_object}")
+    return class_object(**params)
+
+
 def instantiate_chains(node_type, class_object, params):
     if "retriever" in params and hasattr(params["retriever"], "as_retriever"):
         params["retriever"] = params["retriever"].as_retriever()
diff --git a/src/backend/langflow/interface/listing.py b/src/backend/langflow/interface/listing.py
index 3d73105c2..bb8e6127b 100644
--- a/src/backend/langflow/interface/listing.py
+++ b/src/backend/langflow/interface/listing.py
@@ -11,6 +11,7 @@ from langflow.interface.tools.base import tool_creator
 from langflow.interface.utilities.base import utility_creator
 from langflow.interface.vector_store.base import vectorstore_creator
 from langflow.interface.wrappers.base import wrapper_creator
+from langflow.interface.output_parsers.base import output_parser_creator
 
 
 def get_type_dict():
@@ -28,6 +29,7 @@ def get_type_dict():
         "embeddings": embedding_creator.to_list(),
         "textSplitters": textsplitter_creator.to_list(),
         "utilities": utility_creator.to_list(),
+        "outputParsers": output_parser_creator.to_list(),
     }
 
 
diff --git a/src/backend/langflow/interface/types.py b/src/backend/langflow/interface/types.py
index 085537756..8bbf8a7b4 100644
--- a/src/backend/langflow/interface/types.py
+++ b/src/backend/langflow/interface/types.py
@@ -11,6 +11,7 @@ from langflow.interface.tools.base import tool_creator
 from langflow.interface.utilities.base import utility_creator
 from langflow.interface.vector_store.base import vectorstore_creator
 from langflow.interface.wrappers.base import wrapper_creator
+from langflow.interface.output_parsers.base import output_parser_creator
 
 
 def get_type_list():
@@ -44,6 +45,7 @@ def build_langchain_types_dict():  # sourcery skip: dict-assign-update-to-union
         documentloader_creator,
         textsplitter_creator,
         utility_creator,
+        output_parser_creator,
     ]
 
     all_types = {}

From c6d8d62ffd9c0aef4c20445688155f0ee22d2379 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 12:56:50 -0300
Subject: [PATCH 085/367] =?UTF-8?q?=F0=9F=9A=A7=20chore(types.py):=20add?=
 =?UTF-8?q?=20OutputParserVertex=20class=20to=20support=20output=20parsing?=
 =?UTF-8?q?=20functionality=20The=20OutputParserVertex=20class=20is=20adde?=
 =?UTF-8?q?d=20to=20the=20types.py=20file.=20This=20class=20extends=20the?=
 =?UTF-8?q?=20Vertex=20class=20and=20is=20used=20to=20represent=20a=20vert?=
 =?UTF-8?q?ex=20in=20the=20graph=20that=20performs=20output=20parsing.=20I?=
 =?UTF-8?q?t=20takes=20a=20data=20parameter=20of=20type=20Dict=20in=20its?=
 =?UTF-8?q?=20constructor=20and=20calls=20the=20super=20constructor=20with?=
 =?UTF-8?q?=20the=20data=20and=20a=20base=5Ftype=20of=20"output=5Fparsers"?=
 =?UTF-8?q?.=20This=20change=20is=20made=20to=20support=20the=20implementa?=
 =?UTF-8?q?tion=20of=20output=20parsing=20functionality=20in=20the=20graph?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index 775a2ebd2..af2081217 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -194,3 +194,8 @@ class PromptVertex(Vertex):
 
             self._build()
         return self._built_object
+
+
+class OutputParserVertex(Vertex):
+    def __init__(self, data: Dict):
+        super().__init__(data, base_type="output_parsers")

From e87a475584aa3c1d0a26cb7e5c23c937fe809344 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 12:57:04 -0300
Subject: [PATCH 086/367] =?UTF-8?q?=F0=9F=94=80=20refactor(constants.py):?=
 =?UTF-8?q?=20import=20vertex=20types=20from=20langflow.graph.vertex.types?=
 =?UTF-8?q?=20instead=20of=20individual=20imports=20The=20import=20stateme?=
 =?UTF-8?q?nts=20for=20vertex=20types=20in=20constants.py=20have=20been=20?=
 =?UTF-8?q?refactored=20to=20import=20all=20types=20from=20langflow.graph.?=
 =?UTF-8?q?vertex.types.=20This=20improves=20code=20readability=20and=20ma?=
 =?UTF-8?q?intainability=20by=20reducing=20the=20number=20of=20import=20st?=
 =?UTF-8?q?atements=20and=20consolidating=20them=20into=20a=20single=20imp?=
 =?UTF-8?q?ort.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/graph/constants.py | 41 +++++++------------
 1 file changed, 15 insertions(+), 26 deletions(-)

diff --git a/src/backend/langflow/graph/graph/constants.py b/src/backend/langflow/graph/graph/constants.py
index 3398f253f..7775c50ff 100644
--- a/src/backend/langflow/graph/graph/constants.py
+++ b/src/backend/langflow/graph/graph/constants.py
@@ -1,18 +1,5 @@
 from langflow.graph.vertex.base import Vertex
-from langflow.graph.vertex.types import (
-    AgentVertex,
-    ChainVertex,
-    DocumentLoaderVertex,
-    EmbeddingVertex,
-    LLMVertex,
-    MemoryVertex,
-    PromptVertex,
-    TextSplitterVertex,
-    ToolVertex,
-    ToolkitVertex,
-    VectorStoreVertex,
-    WrapperVertex,
-)
+from langflow.graph.vertex import types
 from langflow.interface.agents.base import agent_creator
 from langflow.interface.chains.base import chain_creator
 from langflow.interface.document_loaders.base import documentloader_creator
@@ -25,22 +12,24 @@ from langflow.interface.toolkits.base import toolkits_creator
 from langflow.interface.tools.base import tool_creator
 from langflow.interface.vector_store.base import vectorstore_creator
 from langflow.interface.wrappers.base import wrapper_creator
+from langflow.interface.output_parsers.base import output_parser_creator
 
 
 from typing import Dict, Type
 
 
 VERTEX_TYPE_MAP: Dict[str, Type[Vertex]] = {
-    **{t: PromptVertex for t in prompt_creator.to_list()},
-    **{t: AgentVertex for t in agent_creator.to_list()},
-    **{t: ChainVertex for t in chain_creator.to_list()},
-    **{t: ToolVertex for t in tool_creator.to_list()},
-    **{t: ToolkitVertex for t in toolkits_creator.to_list()},
-    **{t: WrapperVertex for t in wrapper_creator.to_list()},
-    **{t: LLMVertex for t in llm_creator.to_list()},
-    **{t: MemoryVertex for t in memory_creator.to_list()},
-    **{t: EmbeddingVertex for t in embedding_creator.to_list()},
-    **{t: VectorStoreVertex for t in vectorstore_creator.to_list()},
-    **{t: DocumentLoaderVertex for t in documentloader_creator.to_list()},
-    **{t: TextSplitterVertex for t in textsplitter_creator.to_list()},
+    **{t: types.PromptVertex for t in prompt_creator.to_list()},
+    **{t: types.AgentVertex for t in agent_creator.to_list()},
+    **{t: types.ChainVertex for t in chain_creator.to_list()},
+    **{t: types.ToolVertex for t in tool_creator.to_list()},
+    **{t: types.ToolkitVertex for t in toolkits_creator.to_list()},
+    **{t: types.WrapperVertex for t in wrapper_creator.to_list()},
+    **{t: types.LLMVertex for t in llm_creator.to_list()},
+    **{t: types.MemoryVertex for t in memory_creator.to_list()},
+    **{t: types.EmbeddingVertex for t in embedding_creator.to_list()},
+    **{t: types.VectorStoreVertex for t in vectorstore_creator.to_list()},
+    **{t: types.DocumentLoaderVertex for t in documentloader_creator.to_list()},
+    **{t: types.TextSplitterVertex for t in textsplitter_creator.to_list()},
+    **{t: types.OutputParserVertex for t in output_parser_creator.to_list()},
 }

From 3167330cbc8a2c14eb42a39628a2995a78c12b15 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 12:57:16 -0300
Subject: [PATCH 087/367] =?UTF-8?q?=F0=9F=94=A7=20fix(validate.py):=20add?=
 =?UTF-8?q?=20"BaseOutputParser"=20to=20the=20list=20of=20input=5Ftypes=20?=
 =?UTF-8?q?in=20the=20template=5Ffield=20=F0=9F=94=A7=20fix(settings.py):?=
 =?UTF-8?q?=20add=20"output=5Fparsers"=20attribute=20to=20the=20Settings?=
 =?UTF-8?q?=20class=20The=20"input=5Ftypes"=20list=20in=20the=20template?=
 =?UTF-8?q?=5Ffield=20of=20the=20post=5Fvalidate=5Fprompt=20function=20in?=
 =?UTF-8?q?=20validate.py=20was=20missing=20the=20"BaseOutputParser"=20typ?=
 =?UTF-8?q?e.=20This=20fix=20adds=20it=20to=20the=20list=20to=20ensure=20p?=
 =?UTF-8?q?roper=20validation.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Settings class in settings.py was missing the "output_parsers" attribute. This fix adds the attribute to the class to ensure that the list of output parsers can be properly configured and accessed.
---
 src/backend/langflow/api/v1/validate.py | 2 +-
 src/backend/langflow/settings.py        | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index b5b886816..184657a63 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -42,7 +42,7 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
                     field_type="str",
                     show=True,
                     advanced=False,
-                    input_types=["BaseLoader"],
+                    input_types=["BaseLoader", "BaseOutputParser"],
                 )
 
                 prompt.frontend_node.template[variable] = template_field.to_dict()
diff --git a/src/backend/langflow/settings.py b/src/backend/langflow/settings.py
index e3644e84c..8fe508210 100644
--- a/src/backend/langflow/settings.py
+++ b/src/backend/langflow/settings.py
@@ -19,6 +19,7 @@ class Settings(BaseSettings):
     toolkits: List[str] = []
     textsplitters: List[str] = []
     utilities: List[str] = []
+    output_parsers: List[str] = []
     dev: bool = False
     database_url: str = "sqlite:///./langflow.db"
     cache: str = "InMemoryCache"
@@ -48,6 +49,10 @@ class Settings(BaseSettings):
         self.toolkits = new_settings.toolkits or []
         self.textsplitters = new_settings.textsplitters or []
         self.utilities = new_settings.utilities or []
+        self.embeddings = new_settings.embeddings or []
+        self.vectorstores = new_settings.vectorstores or []
+        self.documentloaders = new_settings.documentloaders or []
+        self.output_parsers = new_settings.output_parsers or []
         self.dev = dev
 
     def update_settings(self, **kwargs):

From 84718246e1270873ccd9851cc42737132fb0ab4e Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 12:57:31 -0300
Subject: [PATCH 088/367] =?UTF-8?q?=F0=9F=94=A7=20chore(config.yaml):=20ad?=
 =?UTF-8?q?d=20output=5Fparsers=20section=20with=20StructuredOutputParser?=
 =?UTF-8?q?=20and=20ResponseSchema=20The=20config.yaml=20file=20now=20incl?=
 =?UTF-8?q?udes=20an=20output=5Fparsers=20section=20with=20the=20Structure?=
 =?UTF-8?q?dOutputParser=20and=20ResponseSchema=20as=20the=20specified=20p?=
 =?UTF-8?q?arsers.=20This=20change=20was=20made=20to=20enhance=20the=20fun?=
 =?UTF-8?q?ctionality=20of=20the=20backend=20by=20enabling=20the=20parsing?=
 =?UTF-8?q?=20of=20structured=20output=20and=20response=20schemas.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/config.yaml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/backend/langflow/config.yaml b/src/backend/langflow/config.yaml
index 26fec2be3..602d45984 100644
--- a/src/backend/langflow/config.yaml
+++ b/src/backend/langflow/config.yaml
@@ -144,3 +144,6 @@ wrappers:
   # - ChatPromptTemplate
   # - SystemMessagePromptTemplate
   # - HumanMessagePromptTemplate
+output_parsers:
+  - StructuredOutputParser
+  - ResponseSchema

From c180a6c6444a91302012f480fced0deac99296d7 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 12:59:25 -0300
Subject: [PATCH 089/367] =?UTF-8?q?=F0=9F=94=80=20chore(config.yaml):=20co?=
 =?UTF-8?q?mment=20out=20unused=20wrapper=20and=20prompt=20template=20conf?=
 =?UTF-8?q?igurations=20The=20configurations=20for=20the=20ChatPromptTempl?=
 =?UTF-8?q?ate,=20SystemMessagePromptTemplate,=20and=20HumanMessagePromptT?=
 =?UTF-8?q?emplate=20wrappers=20have=20been=20commented=20out=20as=20they?=
 =?UTF-8?q?=20are=20currently=20not=20being=20used.=20This=20helps=20to=20?=
 =?UTF-8?q?improve=20code=20readability=20and=20reduces=20unnecessary=20cl?=
 =?UTF-8?q?utter=20in=20the=20configuration=20file.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/config.yaml | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/backend/langflow/config.yaml b/src/backend/langflow/config.yaml
index 602d45984..133ce7e22 100644
--- a/src/backend/langflow/config.yaml
+++ b/src/backend/langflow/config.yaml
@@ -141,9 +141,6 @@ vectorstores:
   - MongoDBAtlasVectorSearch
 wrappers:
   - RequestsWrapper
-  # - ChatPromptTemplate
-  # - SystemMessagePromptTemplate
-  # - HumanMessagePromptTemplate
 output_parsers:
   - StructuredOutputParser
   - ResponseSchema

From 356719f115426f7e3dd3d38fd1432f7cfb28f0f9 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 19:19:06 -0300
Subject: [PATCH 090/367] Connection made successfully at the handle nodes

---
 .../GenericNode/components/parameterComponent/index.tsx     | 6 ++++--
 src/frontend/src/CustomNodes/GenericNode/index.tsx          | 6 ++++--
 src/frontend/src/types/api/index.ts                         | 1 +
 src/frontend/src/types/components/index.ts                  | 1 +
 src/frontend/src/utils.ts                                   | 5 +++--
 5 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 56a427ca0..ba5696aed 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -36,6 +36,7 @@ export default function ParameterComponent({
   type,
   name = "",
   required = false,
+  optionalHandle = null,
 }: ParameterComponentType) {
   const ref = useRef(null);
   const refHtml = useRef(null);
@@ -132,13 +133,14 @@ export default function ParameterComponent({
           <span className="text-red-600">{required ? " *" : ""}</span>
         </div>
         {left &&
-        (type === "str" ||
+        ((type === "str" ||
           type === "bool" ||
           type === "float" ||
           type === "code" ||
           type === "prompt" ||
           type === "file" ||
-          type === "int") ? (
+          type === "int") && !optionalHandle
+          ) ? (
           <></>
         ) : (
           <ShadTooltip
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 97c2aac88..65bf962a5 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -204,6 +204,7 @@ export default function GenericNode({
                       data={data}
                       color={
                         nodeColors[types[data.node.template[t].type]] ??
+                        nodeColors[data.node.template[t].type] ??
                         nodeColors.unknown
                       }
                       title={
@@ -214,11 +215,12 @@ export default function GenericNode({
                           : toTitleCase(t)
                       }
                       name={t}
-                      tooltipTitle={data.node.template[t].type}
+                      tooltipTitle={data.node.template[t].input_types?.join("\n") ?? data.node.template[t].type}
                       required={data.node.template[t].required}
-                      id={data.node.template[t].type + "|" + t + "|" + data.id}
+                      id={(data.node.template[t].input_types?.join(";") ?? data.node.template[t].type) + "|" + t + "|" + data.id}
                       left={true}
                       type={data.node.template[t].type}
+                      optionalHandle={data.node.template[t].input_types}
                     />
                   ) : (
                     <></>
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index ecd79240e..d54a8165c 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -12,6 +12,7 @@ export type APIClassType = {
   description: string;
   template: APITemplateType;
   display_name: string;
+  input_types?: Array<string>;
   [key: string]: Array<string> | string | APITemplateType;
 };
 
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 090d3a49f..85f3ec1cd 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -36,6 +36,7 @@ export type ParameterComponentType = {
   name?: string;
   tooltipTitle: string;
   dataContext?: typesContextType;
+  optionalHandle?: Array<String>;
 };
 export type InputListComponentType = {
   value: string[];
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 6ff05292f..797f3d93e 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -141,6 +141,7 @@ export const nodeColors: { [char: string]: string } = {
   wrappers: "#E6277A",
   utilities: "#31A3CC",
   output_parsers: "#E6A627",
+  str: "#049524",
   unknown: "#9CA3AF",
 };
 
@@ -631,11 +632,11 @@ export function isValidConnection(
   reactFlowInstance: ReactFlowInstance
 ) {
   if (
-    sourceHandle.split("|")[0] === targetHandle.split("|")[0] ||
+    targetHandle.split("|")[0].split(";").some((n) => n === sourceHandle.split("|")[0]) ||
     sourceHandle
       .split("|")
       .slice(2)
-      .some((t) => t === targetHandle.split("|")[0]) ||
+      .some((t) => targetHandle.split("|")[0].split(";").some((n) => n === t)) ||
     targetHandle.split("|")[0] === "str"
   ) {
     let targetNode = reactFlowInstance.getNode(target).data.node;

From d6bd8a1a1b4b62a3e21b32c7759b636db1127918 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 19:30:51 -0300
Subject: [PATCH 091/367] =?UTF-8?q?=F0=9F=94=A7=20chore(utils.py):=20add?=
 =?UTF-8?q?=20support=20for=20handle=5Fkeys=20in=20build=5Finput=5Fkeys=5F?=
 =?UTF-8?q?response=20function=20The=20build=5Finput=5Fkeys=5Fresponse=20f?=
 =?UTF-8?q?unction=20now=20includes=20support=20for=20handle=5Fkeys=20in?=
 =?UTF-8?q?=20the=20response.=20This=20allows=20the=20function=20to=20popu?=
 =?UTF-8?q?late=20the=20handle=5Fkeys=20field=20in=20the=20response=20with?=
 =?UTF-8?q?=20the=20values=20from=20the=20artifacts=20dictionary,=20if=20a?=
 =?UTF-8?q?vailable.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/utils.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/backend/langflow/api/utils.py b/src/backend/langflow/api/utils.py
index 2df86eb7f..aa9598814 100644
--- a/src/backend/langflow/api/utils.py
+++ b/src/backend/langflow/api/utils.py
@@ -30,6 +30,7 @@ def build_input_keys_response(langchain_object, artifacts):
     input_keys_response = {
         "input_keys": {key: "" for key in langchain_object.input_keys},
         "memory_keys": [],
+        "handle_keys": artifacts.get("handle_keys", []),
     }
 
     # Set the input keys values from artifacts

From 1743edfd1d61b5f1c9967c42d3bc8e7ed535db87 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 19:31:01 -0300
Subject: [PATCH 092/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20handl?=
 =?UTF-8?q?e=20case=20when=20"handle=5Fkeys"=20is=20not=20in=20params=20di?=
 =?UTF-8?q?ctionary=20and=20add=20input=5Fvariable=20to=20"handle=5Fkeys"?=
 =?UTF-8?q?=20list=20The=20code=20now=20checks=20if=20the=20"handle=5Fkeys?=
 =?UTF-8?q?"=20key=20is=20present=20in=20the=20params=20dictionary.=20If?=
 =?UTF-8?q?=20it=20is=20not=20present,=20it=20creates=20an=20empty=20list?=
 =?UTF-8?q?=20and=20adds=20the=20input=5Fvariable=20to=20it.=20This=20ensu?=
 =?UTF-8?q?res=20that=20the=20"handle=5Fkeys"=20list=20is=20always=20prese?=
 =?UTF-8?q?nt=20and=20the=20input=5Fvariable=20is=20correctly=20added=20to?=
 =?UTF-8?q?=20it.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 34249239d..eed253192 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -142,6 +142,13 @@ def instantiate_prompt(node_type, class_object, params):
                         for item in variable
                     ]
                 )
+                # handle_keys will be a list but it does not exist yet
+                # so we need to create it
+                if "handle_keys" not in params:
+                    format_kwargs["handle_keys"] = []
+
+                # Add the handle_keys to the list
+                format_kwargs["handle_keys"].append(input_variable)
 
     return prompt, format_kwargs
 

From 21174c0e8b7db2d6e51160b6058924d8c838eddb Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 20:30:39 -0300
Subject: [PATCH 093/367] Fixed key problem

---
 .../GenericNode/components/parameterComponent/index.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index ba5696aed..4154b9c99 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -86,7 +86,7 @@ export default function ParameterComponent({
 
     refHtml.current = groupedObj.map((item, i) => (
       <span
-        key={getRandomKeyByssmm()}
+        key={getRandomKeyByssmm() + item.family + i}
         className={classNames(
           i > 0 ? "items-center flex mt-3" : "items-center flex"
         )}

From ffebce974f4a97ecc3b54a50749a53fac890c601 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 20:34:31 -0300
Subject: [PATCH 094/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(formModal):=20r?=
 =?UTF-8?q?emove=20unused=20keysValue=20state=20variable=20to=20improve=20?=
 =?UTF-8?q?code=20cleanliness=20and=20readability=20=F0=9F=94=A8=20refacto?=
 =?UTF-8?q?r(formModal):=20update=20formKeysData=20type=20in=20tabsState?=
 =?UTF-8?q?=20to=20include=20handle=5Fkeys=20array=20for=20better=20data?=
 =?UTF-8?q?=20structure=20consistency=20and=20completeness?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 15 ++++++++-------
 src/frontend/src/types/tabs/index.ts        |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index fccf2440d..a355b695b 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -41,7 +41,6 @@ export default function FormModal({
   flow: FlowType;
 }) {
   const [chatValue, setChatValue] = useState("");
-  const [keysValue, setKeysValue] = useState([]);
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
   const { setErrorData, setNoticeData } = useContext(alertContext);
@@ -64,12 +63,6 @@ export default function FormModal({
   }, [open]);
   useEffect(() => {
     id.current = flow.id;
-
-    if (tabsState[flow.id].formKeysData) {
-      setKeysValue(
-        Array(tabsState[flow.id].formKeysData.input_keys.length).fill("")
-      );
-    }
   }, [flow.id, tabsState[flow.id], tabsState[flow.id].formKeysData]);
 
   var isStream = false;
@@ -438,6 +431,14 @@ export default function FormModal({
                     </div>
                   </AccordionItem>
                 ))}
+                {tabsState[id.current].formKeysData.handle_keys.map((i, k) => (
+                  <AccordionItem key={k} value={i}>
+                    <div className="flex flex-1 items-center justify-between py-4 font-normal transition-all group text-muted-foreground text-sm">
+                      <div className="group-hover:underline"><Badge size="md" variant="gray">{i}</Badge></div>
+                      Value coming from Handle
+                    </div>
+                  </AccordionItem>
+                ))}
               </Accordion>
             </div>
             <div className="w-full">
diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts
index 6b4e2be4f..d0bd0f499 100644
--- a/src/frontend/src/types/tabs/index.ts
+++ b/src/frontend/src/types/tabs/index.ts
@@ -33,6 +33,6 @@ export type TabsContextType = {
 export type TabsState = {
   [key: string]: {
     isPending: boolean;
-    formKeysData: {input_keys?: Array<string>, memory_keys?: Array<string>};
+    formKeysData: {input_keys?: Object, memory_keys?: Array<string>, handle_keys?: Array<string>};
   };
 };

From e98e0b22dfb004faa6a1590251009dc90a45599b Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 20:43:22 -0300
Subject: [PATCH 095/367] =?UTF-8?q?=F0=9F=90=9B=20fix(vertex/base.py):=20a?=
 =?UTF-8?q?dd=20input=20types=20from=20template=5Fdicts=20to=20optional=5F?=
 =?UTF-8?q?inputs=20=F0=9F=90=9B=20fix(interface/initialize/loading.py):?=
 =?UTF-8?q?=20handle=20BaseOutputParser=20instances=20in=20instantiate=5Fp?=
 =?UTF-8?q?rompt=20The=20`optional=5Finputs`=20list=20in=20the=20`Vertex`?=
 =?UTF-8?q?=20class=20is=20now=20extended=20with=20the=20`input=5Ftypes`?=
 =?UTF-8?q?=20from=20the=20`template=5Fdicts`=20dictionary.=20This=20ensur?=
 =?UTF-8?q?es=20that=20the=20`optional=5Finputs`=20list=20contains=20all?=
 =?UTF-8?q?=20the=20input=20types=20that=20are=20not=20required.=20In=20th?=
 =?UTF-8?q?e=20`instantiate=5Fprompt`=20function,=20if=20the=20`variable`?=
 =?UTF-8?q?=20is=20an=20instance=20of=20`BaseOutputParser`=20and=20has=20a?=
 =?UTF-8?q?=20`get=5Fformat=5Finstructions`=20method,=20the=20`format=5Fkw?=
 =?UTF-8?q?args`=20dictionary=20is=20updated=20with=20the=20result=20of=20?=
 =?UTF-8?q?calling=20`get=5Fformat=5Finstructions()`.=20This=20allows=20ha?=
 =?UTF-8?q?ndling=20`BaseOutputParser`=20instances=20correctly=20in=20the?=
 =?UTF-8?q?=20`instantiate=5Fprompt`=20function.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/base.py            | 8 ++++++++
 src/backend/langflow/interface/initialize/loading.py | 7 ++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index 5e723b989..79c3270fb 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -46,6 +46,14 @@ class Vertex:
             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", [])
+            ]
+        )
 
         template_dict = self.data["node"]["template"]
         self.vertex_type = (
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index eed253192..6267dd400 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -7,7 +7,8 @@ from langchain.agents.agent import AgentExecutor
 from langchain.agents.agent_toolkits.base import BaseToolkit
 from langchain.agents.tools import BaseTool
 from langflow.interface.initialize.vector_store import vecstore_initializer
-from langchain.schema import Document
+
+from langchain.schema import Document, BaseOutputParser
 from pydantic import ValidationError
 
 from langflow.interface.custom_lists import CUSTOM_NODES
@@ -130,6 +131,10 @@ def instantiate_prompt(node_type, class_object, params):
             variable = params[input_variable]
             if isinstance(variable, str):
                 format_kwargs[input_variable] = variable
+            elif isinstance(variable, BaseOutputParser) and hasattr(
+                variable, "get_format_instructions"
+            ):
+                format_kwargs[input_variable] = variable.get_format_instructions()
             # check if is a list of Document
             elif isinstance(variable, List) and all(
                 isinstance(item, Document) for item in variable

From e4b03d7765728d55fcc6a87b1bcf1150fafe8a49 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 21:14:30 -0300
Subject: [PATCH 096/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20import=20lodash=20library=20to=20use=20=5F.cloneDeep=20funct?=
 =?UTF-8?q?ion=20=F0=9F=90=9B=20fix(chatComponent):=20import=20lodash=20li?=
 =?UTF-8?q?brary=20to=20use=20=5F.cloneDeep=20function=20=E2=9C=A8=20feat(?=
 =?UTF-8?q?chatComponent):=20add=20TabsContext=20to=20access=20tabsState?=
 =?UTF-8?q?=20and=20update=20isBuilt=20state=20based=20on=20tabsState=20ch?=
 =?UTF-8?q?anges?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx       |  1 +
 .../src/components/chatComponent/index.tsx        | 15 ++++++++-------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 4154b9c99..6612f722a 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -25,6 +25,7 @@ import { nodeColors } from "../../../../utils";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
 import { PopUpContext } from "../../../../contexts/popUpContext";
 import ToggleShadComponent from "../../../../components/toggleShadComponent";
+import * as _ from "lodash";
 
 export default function ParameterComponent({
   left,
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 60682f9ea..8cdc3a981 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useContext, useEffect, useRef, useState } from "react";
 import { useNodes } from "reactflow";
 import { ChatType } from "../../types/chat";
 import ChatTrigger from "./chatTrigger";
@@ -7,10 +7,13 @@ import BuildTrigger from "./buildTrigger";
 import { getBuildStatus } from "../../controllers/API";
 import { NodeType } from "../../types/flow";
 import FormModal from "../../modals/formModal";
+import { TabsContext } from "../../contexts/tabsContext";
+import * as _ from "lodash";
 
 export default function Chat({ flow }: ChatType) {
   const [open, setOpen] = useState(false);
   const [isBuilt, setIsBuilt] = useState(false);
+  const {tabsState} = useContext(TabsContext);
 
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
@@ -43,21 +46,19 @@ export default function Chat({ flow }: ChatType) {
   const prevNodesRef = useRef<any[] | undefined>();
   const nodes = useNodes();
   useEffect(() => {
-    
     const prevNodes = prevNodesRef.current;
     const currentNodes = nodes.map(
-      (node: NodeType) => node.data.node.template
+      (node: NodeType) => _.cloneDeep(node.data.node.template)
       );
-
     if (
-      prevNodes &&
-      JSON.stringify(prevNodes) !== JSON.stringify(currentNodes)
+      tabsState && tabsState[flow.id] && tabsState[flow.id].isPending
+      && JSON.stringify(prevNodes) !== JSON.stringify(currentNodes)
     ) {
       setIsBuilt(false);
     }
 
     prevNodesRef.current = currentNodes;
-  }, [nodes]);
+  }, [tabsState]);
 
   return (
     <>

From 2c4803d28a28ea28795d37ce3314bcbd57384889 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 21:29:34 -0300
Subject: [PATCH 097/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(formModal/index?=
 =?UTF-8?q?.tsx):=20remove=20unused=20code=20related=20to=20handle=5Fkeys?=
 =?UTF-8?q?=20in=20the=20form=20modal=20=F0=9F=94=A8=20refactor(formModal/?=
 =?UTF-8?q?index.tsx):=20remove=20unused=20code=20related=20to=20handle=5F?=
 =?UTF-8?q?keys=20in=20the=20form=20modal=20to=20improve=20code=20readabil?=
 =?UTF-8?q?ity=20and=20maintainability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index a355b695b..9ee8cbca9 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -426,19 +426,11 @@ export default function FormModal({
                 {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
                   <AccordionItem key={k} value={i}>
                     <div className="flex flex-1 items-center justify-between py-4 font-normal transition-all group text-muted-foreground text-sm">
-                      <div className="group-hover:underline"><Badge size="md" variant="gray">{i}</Badge></div>
+                      <div className="group-hover:underline"><Badge size="md" variant="gray">{i}</Badge>{tabsState[id.current].formKeysData.handle_keys.some((t) => t === i) && <Badge size="sm" variant="secondary">Handle</Badge>}</div>
                       Used as Memory Key
                     </div>
                   </AccordionItem>
                 ))}
-                {tabsState[id.current].formKeysData.handle_keys.map((i, k) => (
-                  <AccordionItem key={k} value={i}>
-                    <div className="flex flex-1 items-center justify-between py-4 font-normal transition-all group text-muted-foreground text-sm">
-                      <div className="group-hover:underline"><Badge size="md" variant="gray">{i}</Badge></div>
-                      Value coming from Handle
-                    </div>
-                  </AccordionItem>
-                ))}
               </Accordion>
             </div>
             <div className="w-full">

From 966444a88b62ec038f0894956c49fc961e58294c Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 21:33:05 -0300
Subject: [PATCH 098/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20handle=20badge=20from=20AccordionTri?=
 =?UTF-8?q?gger=20and=20AccordionItem=20components?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 9ee8cbca9..a1c7e416b 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -393,13 +393,13 @@ export default function FormModal({
               <Accordion type="single" collapsible className="w-full">
                 {Object.keys(tabsState[id.current].formKeysData.input_keys).map((i, k) => (
                   <AccordionItem key={k} value={i}>
-                    <AccordionTrigger><Badge variant="gray" size="md">{i}</Badge></AccordionTrigger>
+                    <AccordionTrigger className="flex gap-2"><Badge variant="gray" size="md">{i}</Badge>{tabsState[id.current].formKeysData.handle_keys.some((t) => t === i) && <Badge size="md" variant="secondary">Handle</Badge>}</AccordionTrigger>
                     <AccordionContent>
                       <div className="p-1 flex flex-col gap-2">
                         <div className="flex items-center space-x-2">
                           <Label htmlFor="airplane-mode" className="-mt-1">From Chat</Label>
                           <ToggleShadComponent
-                            enabled={chatKey === k}
+                            enabled={chatKey === k || tabsState[id.current].formKeysData.handle_keys.some((t) => t === i) }
                             setEnabled={(value) =>
                               handleOnCheckedChange(value, k)
                             }
@@ -426,7 +426,7 @@ export default function FormModal({
                 {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
                   <AccordionItem key={k} value={i}>
                     <div className="flex flex-1 items-center justify-between py-4 font-normal transition-all group text-muted-foreground text-sm">
-                      <div className="group-hover:underline"><Badge size="md" variant="gray">{i}</Badge>{tabsState[id.current].formKeysData.handle_keys.some((t) => t === i) && <Badge size="sm" variant="secondary">Handle</Badge>}</div>
+                      <div className="group-hover:underline"><Badge size="md" variant="gray">{i}</Badge></div>
                       Used as Memory Key
                     </div>
                   </AccordionItem>

From cfcdb67ed9f4b2d250a99ab5092a4820b51bcd4f Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 22:05:22 -0300
Subject: [PATCH 099/367] =?UTF-8?q?=F0=9F=9A=80=20feat(base.py):=20add=20d?=
 =?UTF-8?q?efault=20values=20for=20string=20and=20prompt=20type=20paramete?=
 =?UTF-8?q?rs=20in=20=5Fbuild=5Fparams=20method=20The=20unused=20imports?=
 =?UTF-8?q?=20have=20been=20removed=20to=20improve=20code=20cleanliness.?=
 =?UTF-8?q?=20The=20code=20in=20the=20=5Fbuild=5Fparams=20method=20has=20b?=
 =?UTF-8?q?een=20simplified=20by=20removing=20unnecessary=20conditions=20a?=
 =?UTF-8?q?nd=20loops.=20Default=20values=20are=20now=20added=20for=20stri?=
 =?UTF-8?q?ng=20and=20prompt=20type=20parameters=20to=20ensure=20that=20th?=
 =?UTF-8?q?ey=20have=20a=20value=20even=20if=20not=20explicitly=20set.=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(base.py):=20remove=20unused=20imports=20and?=
 =?UTF-8?q?=20simplify=20code=20in=20=5Fbuild=5Fparams=20method?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/base.py | 58 ++++++-----------------
 1 file changed, 15 insertions(+), 43 deletions(-)

diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index 79c3270fb..a7fcf88b5 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -1,14 +1,11 @@
-from langflow.utils.constants import DIRECT_TYPES
 from langflow.interface.initialize import loading
 from langflow.interface.listing import ALL_TYPES_DICT
 from langflow.utils.logger import logger
 from langflow.utils.util import sync_to_async
 
 
-import contextlib
 import inspect
 import types
-import warnings
 from typing import Any, Dict, List, Optional
 from typing import TYPE_CHECKING
 
@@ -69,6 +66,7 @@ class Vertex:
                     break
 
     def _build_params(self):
+        # sourcery skip: merge-list-append, remove-redundant-if
         # Some params are required, some are optional
         # but most importantly, some params are python base classes
         # like str and others are LangChain objects like LLMChain, BasePromptTemplate
@@ -89,8 +87,19 @@ class Vertex:
             if isinstance(value, dict)
         }
         params = {}
+
+        for edge in self.edges:
+            param_key = edge.target_param
+            if param_key in template_dict:
+                if template_dict[param_key]["list"]:
+                    if param_key not in params:
+                        params[param_key] = []
+                    params[param_key].append(edge.source)
+                else:
+                    params[param_key] = edge.source
+
         for key, value in template_dict.items():
-            if key == "_type":
+            if key == "_type" or not value.get("show"):
                 continue
             # If the type is not transformable to a python base class
             # then we need to get the edge that connects to this node
@@ -101,45 +110,8 @@ class Vertex:
                 file_path = value.get("file_path")
 
                 params[key] = file_path
-
-            elif value.get("type") not in DIRECT_TYPES:
-                # Get the edge that connects to this node
-                edges = [
-                    edge
-                    for edge in self.edges
-                    if edge.target == self and edge.matched_type in value["type"]
-                ]
-
-                # Get the output of the node that the edge connects to
-                # if the value['list'] is True, then there will be more
-                # than one time setting to params[key]
-                # so we need to append to a list if it exists
-                # or create a new list if it doesn't
-
-                if value["required"] and not edges:
-                    # If a required parameter is not found, raise an error
-                    raise ValueError(
-                        f"Required input {key} for module {self.vertex_type} not found"
-                    )
-                elif value["list"]:
-                    # If this is a list parameter, append all sources to a list
-                    params[key] = [edge.source for edge in edges]
-                elif edges:
-                    # If a single parameter is found, use its source
-                    params[key] = edges[0].source
-
-            elif value["required"] or value.get("value"):
-                # If value does not have value this still passes
-                # but then gives a keyError
-                # so we need to check if value has value
-                new_value = value.get("value")
-                if new_value is None:
-                    warnings.warn(f"Value for {key} in {self.vertex_type} is None. ")
-                if value.get("type") == "int":
-                    with contextlib.suppress(TypeError, ValueError):
-                        new_value = int(new_value)  # type: ignore
-                params[key] = new_value
-
+            elif value.get("type") in ["str", "prompt"] and params.get(key) is None:
+                params[key] = value.get("value")
         # Add _type to params
         self.params = params
 

From 766ef28a0c1d278f554f41e06c65810f0371d996 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 22:06:57 -0300
Subject: [PATCH 100/367] =?UTF-8?q?=F0=9F=94=A7=20refactor(base.py):=20add?=
 =?UTF-8?q?=20source=5Fhandle,=20target=5Fhandle,=20and=20target=5Fparam?=
 =?UTF-8?q?=20attributes=20to=20Edge=20class=20The=20Edge=20class=20constr?=
 =?UTF-8?q?uctor=20now=20takes=20an=20additional=20parameter=20'edge'=20wh?=
 =?UTF-8?q?ich=20is=20a=20dictionary=20containing=20additional=20informati?=
 =?UTF-8?q?on=20about=20the=20edge.=20This=20information=20is=20used=20to?=
 =?UTF-8?q?=20set=20the=20source=5Fhandle,=20target=5Fhandle,=20and=20targ?=
 =?UTF-8?q?et=5Fparam=20attributes=20of=20the=20Edge=20class.=20This=20cha?=
 =?UTF-8?q?nge=20allows=20for=20more=20flexibility=20and=20extensibility?=
 =?UTF-8?q?=20when=20working=20with=20edges=20in=20the=20graph.=20?=
 =?UTF-8?q?=F0=9F=94=A7=20refactor(base.py):=20add=20edge=20parameter=20to?=
 =?UTF-8?q?=20Edge=20class=20constructor=20to=20pass=20additional=20edge?=
 =?UTF-8?q?=20information?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/edge/base.py  | 8 +++++++-
 src/backend/langflow/graph/graph/base.py | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/graph/edge/base.py b/src/backend/langflow/graph/edge/base.py
index 08f084a5c..341c3c78f 100644
--- a/src/backend/langflow/graph/edge/base.py
+++ b/src/backend/langflow/graph/edge/base.py
@@ -6,9 +6,15 @@ if TYPE_CHECKING:
 
 
 class Edge:
-    def __init__(self, source: "Vertex", target: "Vertex"):
+    def __init__(self, source: "Vertex", target: "Vertex", edge: dict):
         self.source: "Vertex" = source
         self.target: "Vertex" = target
+        self.source_handle = edge.get("sourceHandle", "")
+        self.target_handle = edge.get("targetHandle", "")
+        # 'BaseLoader;BaseOutputParser|documents|PromptTemplate-zmTlD'
+        # target_param is documents
+        self.target_param = self.target_handle.split("|")[1]
+
         self.validate_edge()
 
     def validate_edge(self) -> None:
diff --git a/src/backend/langflow/graph/graph/base.py b/src/backend/langflow/graph/graph/base.py
index 46425ddf6..65fff3239 100644
--- a/src/backend/langflow/graph/graph/base.py
+++ b/src/backend/langflow/graph/graph/base.py
@@ -179,7 +179,7 @@ class Graph:
                 raise ValueError(f"Source node {edge['source']} not found")
             if target is None:
                 raise ValueError(f"Target node {edge['target']} not found")
-            edges.append(Edge(source, target))
+            edges.append(Edge(source, target, edge))
         return edges
 
     def _get_vertex_class(self, node_type: str, node_lc_type: str) -> Type[Vertex]:

From 9a69a71ea1ff9561743afc3c3e57e1e39eb0d946 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 22:07:23 -0300
Subject: [PATCH 101/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chat.py):=20add=20ex?=
 =?UTF-8?q?ception=20logging=20to=20stream=5Fbuild=20function=20to=20impro?=
 =?UTF-8?q?ve=20error=20handling=20The=20`stream=5Fbuild`=20function=20now?=
 =?UTF-8?q?=20logs=20the=20exception=20that=20occurred=20during=20the=20fl?=
 =?UTF-8?q?ow=20building=20process=20using=20the=20`logger.exception`=20me?=
 =?UTF-8?q?thod.=20This=20improves=20error=20handling=20and=20provides=20m?=
 =?UTF-8?q?ore=20detailed=20information=20about=20the=20error=20in=20the?=
 =?UTF-8?q?=20logs.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/chat.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index cdffcdf4f..b394afc99 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -139,6 +139,7 @@ async def stream_build(flow_id: str):
             # We need to reset the chat history
             chat_manager.chat_history.empty_history(flow_id)
         except Exception as exc:
+            logger.exception(exc)
             logger.error("Error while building the flow: %s", exc)
             yield str(StreamData(event="error", data={"error": str(exc)}))
         finally:

From 8229bf4b4e9a216c3be58a4c30c119f734d5fffe Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 22:32:56 -0300
Subject: [PATCH 102/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatInput):=20adjust?=
 =?UTF-8?q?=20padding-right=20value=20to=20align=20input=20field=20properl?=
 =?UTF-8?q?y=20=F0=9F=90=9B=20fix(chatMessage):=20set=20max-width=20to=20p?=
 =?UTF-8?q?revent=20overflow=20of=20markdown=20content=20=F0=9F=90=9B=20fi?=
 =?UTF-8?q?x(formModal):=20remove=20unnecessary=20badge=20for=20handle=20k?=
 =?UTF-8?q?eys=20in=20accordion=20item?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatInput/index.tsx   | 4 ++--
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 src/frontend/src/modals/formModal/index.tsx             | 8 +++++---
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 50d42dd3f..3bcdec887 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -53,7 +53,7 @@ export default function ChatInput({
           lockChat
             ? " bg-input text-black dark:bg-gray-700 dark:text-gray-300"
             : "  bg-white-200 text-black dark:bg-gray-900 dark:text-gray-300",
-          "p-4 form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-12 sm:text-sm" +
+          "p-4 form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-16 sm:text-sm" +
             INPUT_STYLE
         )}
         placeholder={"Send a message..."}
@@ -62,7 +62,7 @@ export default function ChatInput({
         <button className={classNames("p-2 px-1 transition-all duration-300 rounded-md",chatValue == "" ? "text-primary" : " bg-indigo-600 text-background")} disabled={lockChat} onClick={() => sendMessage()}>
           {lockChat ? (
             <Lock
-              className="h-5 w-5 ml-1 mr-11 animate-pulse"
+              className="h-5 w-5 ml-1 mr-1 animate-pulse"
               aria-hidden="true"
             />
           ) : (
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 3b7bdf650..765f35fac 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -92,7 +92,7 @@ export default function ChatMessage({
                     <ReactMarkdown
                       remarkPlugins={[remarkGfm, remarkMath]}
                       rehypePlugins={[rehypeMathjax]}
-                      className="markdown prose dark:prose-invert text-primary"
+                      className="markdown prose dark:prose-invert text-primary max-w-full"
                       components={{
                         code({ node, inline, className, children, ...props }) {
                           if (children.length) {
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index a1c7e416b..ca8133708 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -382,8 +382,8 @@ export default function FormModal({
             <DialogDescription>{CHAT_FORM_DIALOG_SUBTITLE}</DialogDescription>
           </DialogHeader>
 
-          <div className="flex h-[80vh] w-full mt-2">
-            <div className="w-1/4 h-full flex flex-col justify-start mr-6">
+          <div className="flex h-[80vh] w-full mt-2 ">
+            <div className="w-1/4 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
               <div className="flex py-2">
                 <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
                 <span className="text-md font-semibold text-gray-800 dark:text-white">
@@ -393,9 +393,10 @@ export default function FormModal({
               <Accordion type="single" collapsible className="w-full">
                 {Object.keys(tabsState[id.current].formKeysData.input_keys).map((i, k) => (
                   <AccordionItem key={k} value={i}>
-                    <AccordionTrigger className="flex gap-2"><Badge variant="gray" size="md">{i}</Badge>{tabsState[id.current].formKeysData.handle_keys.some((t) => t === i) && <Badge size="md" variant="secondary">Handle</Badge>}</AccordionTrigger>
+                    <AccordionTrigger className="flex gap-2"><Badge variant="gray" size="md">{i}</Badge></AccordionTrigger>
                     <AccordionContent>
                       <div className="p-1 flex flex-col gap-2">
+                      {tabsState[id.current].formKeysData.handle_keys.some((t) => t === i) ? <div className="font-normal text-muted-foreground ">Handle</div> :
                         <div className="flex items-center space-x-2">
                           <Label htmlFor="airplane-mode" className="-mt-1">From Chat</Label>
                           <ToggleShadComponent
@@ -407,6 +408,7 @@ export default function FormModal({
                             disabled={false}
                           />
                         </div>
+                      }
                         <Textarea
                           value={tabsState[id.current].formKeysData.input_keys[i]}
                           onChange={(e) =>

From e43cbdacb7aea3d21784b042209879c6d35a828f Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 22:48:20 -0300
Subject: [PATCH 103/367] feat (process.py): The
 `build_sorted_vertices_with_caching` function is added to build the sorted
 vertices of the langchain object with caching. It also uses the
 `memoize_dict` decorator to cache the result. The function first builds the
 langchain object from the data graph, then iterates over the sorted vertices
 and updates the artifacts dictionary. This ensures that the artifacts are
 properly updated during the building process.

Both caching mechanisms improve the performance of building the langchain object and sorted vertices, reducing redundant computations and improving overall efficiency.

The `build_langchain_object_with_caching` function now uses the `memoize_dict` decorator to cache the result of building the langchain object from the data graph. This improves performance by avoiding redundant computations when the same data graph is used multiple times.
---
 src/backend/langflow/interface/run.py | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/backend/langflow/interface/run.py b/src/backend/langflow/interface/run.py
index a3efe2b0c..3ce5da615 100644
--- a/src/backend/langflow/interface/run.py
+++ b/src/backend/langflow/interface/run.py
@@ -14,6 +14,23 @@ def build_langchain_object_with_caching(data_graph):
     return graph.build()
 
 
+@memoize_dict(maxsize=10)
+def build_sorted_vertices_with_caching(data_graph):
+    """
+    Build langchain object from data_graph.
+    """
+
+    logger.debug("Building langchain object")
+    graph = Graph.from_payload(data_graph)
+    sorted_vertices = graph.topological_sort()
+    artifacts = {}
+    for vertex in sorted_vertices:
+        vertex.build()
+        if vertex.artifacts:
+            artifacts.update(vertex.artifacts)
+    return graph.build(), artifacts
+
+
 def build_langchain_object(data_graph):
     """
     Build langchain object from data_graph.

From af84dd2c68b4548c0b9e4860d3fdc9a4c0d0196f Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 29 Jun 2023 22:49:32 -0300
Subject: [PATCH 104/367] =?UTF-8?q?=F0=9F=94=80=20refactor(process.py):=20?=
 =?UTF-8?q?rename=20build=5Flangchain=5Fobject=5Fwith=5Fcaching=20to=20bui?=
 =?UTF-8?q?ld=5Fsorted=5Fvertices=5Fwith=5Fcaching=20for=20better=20clarit?=
 =?UTF-8?q?y=20=F0=9F=90=9B=20fix(process.py):=20handle=20missing=20inputs?=
 =?UTF-8?q?=20in=20process=5Fgraph=5Fcached=20function=20The=20function=20?=
 =?UTF-8?q?`build=5Flangchain=5Fobject=5Fwith=5Fcaching`=20has=20been=20re?=
 =?UTF-8?q?named=20to=20`build=5Fsorted=5Fvertices=5Fwith=5Fcaching`=20to?=
 =?UTF-8?q?=20provide=20a=20more=20descriptive=20name=20that=20accurately?=
 =?UTF-8?q?=20reflects=20its=20purpose.=20Additionally,=20the=20`process?=
 =?UTF-8?q?=5Fgraph=5Fcached`=20function=20now=20handles=20cases=20where?=
 =?UTF-8?q?=20the=20`inputs`=20parameter=20is=20missing=20or=20empty=20by?=
 =?UTF-8?q?=20populating=20it=20with=20values=20from=20the=20`artifacts`?=
 =?UTF-8?q?=20dictionary.=20This=20ensures=20that=20all=20required=20input?=
 =?UTF-8?q?s=20are=20properly=20set=20before=20running=20the=20graph.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/processing/process.py | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/processing/process.py b/src/backend/langflow/processing/process.py
index abf7a00b8..3ccb3a8b1 100644
--- a/src/backend/langflow/processing/process.py
+++ b/src/backend/langflow/processing/process.py
@@ -2,7 +2,7 @@ from pathlib import Path
 from langchain.schema import AgentAction
 import json
 from langflow.interface.run import (
-    build_langchain_object_with_caching,
+    build_sorted_vertices_with_caching,
     get_memory_key,
     update_memory_keys,
 )
@@ -88,8 +88,16 @@ def process_graph_cached(data_graph: Dict[str, Any], inputs: Optional[dict] = No
     with PromptTemplate,then run the graph and return the result and thought.
     """
     # Load langchain object
-    langchain_object = build_langchain_object_with_caching(data_graph)
+    langchain_object, artifacts = build_sorted_vertices_with_caching(data_graph)
     logger.debug("Loaded LangChain object")
+    if inputs is None:
+        inputs = {}
+    for (
+        key,
+        value,
+    ) in artifacts.items():
+        if key not in inputs or not inputs[key]:
+            inputs[key] = value
 
     if langchain_object is None:
         # Raise user facing error

From 48750982093b0e31f39b257b9c0c2c6c3cf86683 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 23:13:29 -0300
Subject: [PATCH 105/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal/index.tsx)?=
 =?UTF-8?q?:=20fix=20initial=20value=20of=20chatValue=20to=20correctly=20r?=
 =?UTF-8?q?etrieve=20value=20from=20tabsState=20=F0=9F=90=9B=20fix(formMod?=
 =?UTF-8?q?al/index.tsx):=20fix=20initial=20value=20of=20chatKey=20to=20co?=
 =?UTF-8?q?rrectly=20retrieve=20key=20from=20tabsState=20=F0=9F=90=9B=20fi?=
 =?UTF-8?q?x(formModal/index.tsx):=20fix=20handleOnCheckedChange=20to=20co?=
 =?UTF-8?q?rrectly=20set=20chatKey=20and=20chatValue=20=F0=9F=90=9B=20fix(?=
 =?UTF-8?q?formModal/index.tsx):=20fix=20onChange=20of=20Textarea=20to=20c?=
 =?UTF-8?q?orrectly=20update=20tabsState=20input=5Fkeys=20=E2=9C=A8=20feat?=
 =?UTF-8?q?(formModal/index.tsx):=20add=20support=20for=20clearing=20input?=
 =?UTF-8?q?=20value=20when=20form=20is=20submitted=20=E2=9C=A8=20feat(form?=
 =?UTF-8?q?Modal/index.tsx):=20add=20support=20for=20clearing=20input=20va?=
 =?UTF-8?q?lue=20when=20form=20is=20closed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 52 +++++++++++----------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index ca8133708..0992c4c50 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -40,17 +40,17 @@ export default function FormModal({
   setOpen: Function;
   flow: FlowType;
 }) {
-  const [chatValue, setChatValue] = useState("");
+  const { tabsState, setTabsState } = useContext(TabsContext);
+  const [chatValue, setChatValue] = useState(tabsState[flow.id].formKeysData.input_keys[Object.keys(tabsState[flow.id].formKeysData.input_keys).find((k) => !tabsState[flow.id].formKeysData.handle_keys.some((j) => j === k))]);
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
   const { setErrorData, setNoticeData } = useContext(alertContext);
-  const { tabsState, setTabsState } = useContext(TabsContext);
   const ws = useRef<WebSocket | null>(null);
   const [lockChat, setLockChat] = useState(false);
   const isOpen = useRef(open);
   const messagesRef = useRef(null);
   const id = useRef(flow.id);
-  const [chatKey, setChatKey] = useState(0);
+  const [chatKey, setChatKey] = useState(Object.keys(tabsState[flow.id].formKeysData.input_keys).find((k) => !tabsState[flow.id].formKeysData.handle_keys.some((j) => j === k)));
 
   useEffect(() => {
     if (messagesRef.current) {
@@ -319,15 +319,7 @@ export default function FormModal({
       let nodeValidationErrors = validateNodes(reactFlowInstance);
       if (nodeValidationErrors.length === 0) {
         setLockChat(true);
-        // Message variable makes a object with the keys being the names from tabsState[flow.id].formKeysData.input_keys and the values being the keysValue of the correspondent index
-        let key = Object.keys(tabsState[id.current].formKeysData.input_keys)[chatKey];
-        setTabsState((old) => {
-          let newTabsState = _.cloneDeep(old);
-          newTabsState[id.current].formKeysData.input_keys[key] = chatValue;
-          return newTabsState;
-        })
         let inputs = tabsState[id.current].formKeysData.input_keys;
-        inputs[key] = chatValue;
         setChatValue("");
         const message = formatMessage(inputs);
         addChatHistory(message, true);
@@ -338,6 +330,11 @@ export default function FormModal({
           name: flow.name,
           description: flow.description,
         });
+        setTabsState((old) => {
+          let newTabsState = _.cloneDeep(old);
+          newTabsState[id.current].formKeysData.input_keys[chatKey] = "";
+          return newTabsState;
+        });
       } else {
         setErrorData({
           title: "Oops! Looks like you missed some required information:",
@@ -361,9 +358,10 @@ export default function FormModal({
     setOpen(x);
   }
 
-  function handleOnCheckedChange(checked: boolean, index: number) {
+  function handleOnCheckedChange(checked: boolean, i: string) {
     if (checked === true) {
-      setChatKey(index);
+      setChatKey(i);
+      setChatValue(tabsState[flow.id].formKeysData.input_keys[i]);
     }
   }
   return (
@@ -383,7 +381,7 @@ export default function FormModal({
           </DialogHeader>
 
           <div className="flex h-[80vh] w-full mt-2 ">
-            <div className="w-1/4 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
+            <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
               <div className="flex py-2">
                 <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
                 <span className="text-md font-semibold text-gray-800 dark:text-white">
@@ -400,9 +398,9 @@ export default function FormModal({
                         <div className="flex items-center space-x-2">
                           <Label htmlFor="airplane-mode" className="-mt-1">From Chat</Label>
                           <ToggleShadComponent
-                            enabled={chatKey === k || tabsState[id.current].formKeysData.handle_keys.some((t) => t === i) }
+                            enabled={chatKey === i}
                             setEnabled={(value) =>
-                              handleOnCheckedChange(value, k)
+                              handleOnCheckedChange(value, i)
                             }
                             size="small"
                             disabled={false}
@@ -411,14 +409,16 @@ export default function FormModal({
                       }
                         <Textarea
                           value={tabsState[id.current].formKeysData.input_keys[i]}
-                          onChange={(e) =>
-                            setTabsState((old) => {
-                              let newTabsState = _.cloneDeep(old);
-                              newTabsState[id.current].formKeysData.input_keys[i] = e.target.value;
-                              return newTabsState;
-                            })
+                          onChange={(e) => {
+                            if(!tabsState[id.current].formKeysData.handle_keys.some((t) => t === i))
+                              setTabsState((old) => {
+                                let newTabsState = _.cloneDeep(old);
+                                newTabsState[id.current].formKeysData.input_keys[i] = e.target.value;
+                                return newTabsState;
+                              })
+                            }
                           }
-                          disabled={chatKey === k}
+                          disabled={chatKey === i}
                           placeholder="Enter text..."
                         ></Textarea>
                       </div>
@@ -486,7 +486,11 @@ export default function FormModal({
                       chatValue={chatValue}
                       lockChat={lockChat}
                       sendMessage={sendMessage}
-                      setChatValue={setChatValue}
+                      setChatValue={(value) => {setChatValue(value); setTabsState((old) => {
+                        let newTabsState = _.cloneDeep(old);
+                        newTabsState[id.current].formKeysData.input_keys[chatKey] = chatValue;
+                        return newTabsState;
+                      });}}
                       inputRef={ref}
                     />
                   </div>

From 9acff51555262c54755015bca810f216c66a8113 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 29 Jun 2023 23:19:44 -0300
Subject: [PATCH 106/367] =?UTF-8?q?=F0=9F=94=A7=20chore(codeBlock/index.ts?=
 =?UTF-8?q?x):=20adjust=20className=20to=20use=20relative=20width=20instea?=
 =?UTF-8?q?d=20of=20fixed=20width=20to=20improve=20responsiveness?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modals/formModal/chatMessage/codeBlock/index.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
index 851f5118a..dcb478ae1 100644
--- a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
@@ -69,7 +69,7 @@ export const CodeBlock: FC<Props> = memo(({ language, value }) => {
       </div>
 
       <SyntaxHighlighter
-        className=" w-[570px]"
+        className=" w-[47vw]"
         language={language}
         style={oneDark}
         customStyle={{ margin: 0 }}

From 54b5aa65da09e7fd81f44bbca63258792d3e7aec Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 00:09:34 -0300
Subject: [PATCH 107/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(formModal/index?=
 =?UTF-8?q?.tsx):=20organize=20imports=20and=20format=20code=20for=20bette?=
 =?UTF-8?q?r=20readability=20=E2=9C=A8=20feat(formModal/index.tsx):=20add?=
 =?UTF-8?q?=20support=20for=20dropdown=20menu=20component=20and=20button?=
 =?UTF-8?q?=20component=20=F0=9F=94=A7=20chore(formModal/index.tsx):=20fix?=
 =?UTF-8?q?=20indentation=20and=20spacing=20issues=20for=20better=20code?=
 =?UTF-8?q?=20formatting=20=F0=9F=90=9B=20fix(formModal/index.tsx):=20fix?=
 =?UTF-8?q?=20type=20error=20and=20handle=20input=20value=20changes=20corr?=
 =?UTF-8?q?ectly=20=F0=9F=94=A7=20chore(formModal/index.tsx):=20fix=20inde?=
 =?UTF-8?q?ntation=20and=20spacing=20issues=20for=20better=20code=20format?=
 =?UTF-8?q?ting=20=E2=9C=A8=20feat(formModal/index.tsx):=20add=20support?=
 =?UTF-8?q?=20for=20textarea=20component=20and=20handle=20input=20value=20?=
 =?UTF-8?q?changes=20correctly=20=F0=9F=94=A7=20chore(formModal/index.tsx)?=
 =?UTF-8?q?:=20fix=20indentation=20and=20spacing=20issues=20for=20better?=
 =?UTF-8?q?=20code=20formatting=20=E2=9C=A8=20feat(formModal/index.tsx):?=
 =?UTF-8?q?=20add=20support=20for=20toggle=20component=20and=20handle=20in?=
 =?UTF-8?q?put=20value=20changes=20correctly=20=F0=9F=94=A7=20chore(formMo?=
 =?UTF-8?q?dal/index.tsx):=20fix=20indentation=20and=20spacing=20issues=20?=
 =?UTF-8?q?for=20better=20code=20formatting=20=E2=9C=A8=20feat(formModal/i?=
 =?UTF-8?q?ndex.tsx):=20add=20support=20for=20dropdown=20menu=20component?=
 =?UTF-8?q?=20and=20button=20component=20=F0=9F=94=A7=20chore(formModal/in?=
 =?UTF-8?q?dex.tsx):=20fix=20indentation=20and=20spacing=20issues=20for=20?=
 =?UTF-8?q?better=20code=20formatting=20=E2=9C=A8=20feat(formModal/index.t?=
 =?UTF-8?q?sx):=20add=20support=20for=20textarea=20component=20and=20handl?=
 =?UTF-8?q?e=20input=20value=20changes=20correctly=20=F0=9F=94=A7=20chore(?=
 =?UTF-8?q?formModal/index.tsx):=20fix=20indentation=20and=20spacing=20iss?=
 =?UTF-8?q?ues=20for=20better=20code=20formatting=20=E2=9C=A8=20feat(formM?=
 =?UTF-8?q?odal/index.tsx):=20add=20support=20for=20toggle=20component=20a?=
 =?UTF-8?q?nd=20handle=20input=20value=20changes=20correctly=20?=
 =?UTF-8?q?=F0=9F=94=A7=20chore(formModal/index.tsx):=20fix=20indentation?=
 =?UTF-8?q?=20and=20spacing=20issues=20for=20better=20code=20formatting=20?=
 =?UTF-8?q?=E2=9C=A8=20feat(formModal/index.tsx):=20add=20support=20for=20?=
 =?UTF-8?q?dropdown=20menu=20component=20and=20button=20component=20?=
 =?UTF-8?q?=F0=9F=94=A7=20chore(formModal/index.tsx):=20fix=20indentation?=
 =?UTF-8?q?=20and=20spacing=20issues=20for=20better=20code=20formatting=20?=
 =?UTF-8?q?=E2=9C=A8=20feat(formModal/index.tsx):=20add=20support=20for=20?=
 =?UTF-8?q?textarea=20component=20and=20handle=20input=20value=20changes?=
 =?UTF-8?q?=20correctly=20=F0=9F=94=A7=20chore(formModal/index.tsx):=20fix?=
 =?UTF-8?q?=20indentation=20and=20spacing=20issues=20for=20better=20code?=
 =?UTF-8?q?=20formatting=20=E2=9C=A8=20feat(formModal/index.tsx):=20add=20?=
 =?UTF-8?q?support=20for=20toggle=20component=20and=20handle=20input=20val?=
 =?UTF-8?q?ue=20changes=20correctly=20=F0=9F=94=A7=20chore(formModal/index?=
 =?UTF-8?q?.tsx):=20fix=20indentation=20and=20spacing=20issues=20for=20bet?=
 =?UTF-8?q?ter=20code=20formatting=20=E2=9C=A8=20feat(formModal/index.tsx)?=
 =?UTF-8?q?:=20add=20support=20for=20dropdown=20menu=20component=20and=20b?=
 =?UTF-8?q?utton=20component=20=F0=9F=94=A7=20chore(formModal/index.tsx):?=
 =?UTF-8?q?=20fix=20indentation=20and=20spacing=20issues=20for=20better=20?=
 =?UTF-8?q?code=20formatting=20=E2=9C=A8=20feat(formModal/index.tsx):=20ad?=
 =?UTF-8?q?d=20support=20for=20textarea=20component=20and=20handle=20input?=
 =?UTF-8?q?=20value=20changes=20correctly=20=F0=9F=94=A7=20chore(formModal?=
 =?UTF-8?q?/index.tsx):=20fix=20indentation=20and=20spacing=20issues=20for?=
 =?UTF-8?q?=20better=20code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 165 ++++++++++++++------
 1 file changed, 113 insertions(+), 52 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 0992c4c50..134536ac3 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -30,6 +30,14 @@ import {
 import { Textarea } from "../../components/ui/textarea";
 import { Badge } from "../../components/ui/badge";
 import ToggleShadComponent from "../../components/toggleShadComponent";
+import Dropdown from "../../components/dropdownComponent";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "../../components/ui/dropdown-menu";
+import { Button } from "../../components/ui/button";
 
 export default function FormModal({
   flow,
@@ -41,7 +49,13 @@ export default function FormModal({
   flow: FlowType;
 }) {
   const { tabsState, setTabsState } = useContext(TabsContext);
-  const [chatValue, setChatValue] = useState(tabsState[flow.id].formKeysData.input_keys[Object.keys(tabsState[flow.id].formKeysData.input_keys).find((k) => !tabsState[flow.id].formKeysData.handle_keys.some((j) => j === k))]);
+  const [chatValue, setChatValue] = useState(
+    tabsState[flow.id].formKeysData.input_keys[
+      Object.keys(tabsState[flow.id].formKeysData.input_keys).find(
+        (k) => !tabsState[flow.id].formKeysData.handle_keys.some((j) => j === k)
+      )
+    ]
+  );
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
   const { setErrorData, setNoticeData } = useContext(alertContext);
@@ -50,7 +64,11 @@ export default function FormModal({
   const isOpen = useRef(open);
   const messagesRef = useRef(null);
   const id = useRef(flow.id);
-  const [chatKey, setChatKey] = useState(Object.keys(tabsState[flow.id].formKeysData.input_keys).find((k) => !tabsState[flow.id].formKeysData.handle_keys.some((j) => j === k)));
+  const [chatKey, setChatKey] = useState(
+    Object.keys(tabsState[flow.id].formKeysData.input_keys).find(
+      (k) => !tabsState[flow.id].formKeysData.handle_keys.some((j) => j === k)
+    )
+  );
 
   useEffect(() => {
     if (messagesRef.current) {
@@ -298,7 +316,7 @@ export default function FormModal({
   }, [open]);
   function formatMessage(inputs: any): string {
     if (inputs) {
-      if(typeof inputs == "string") return inputs;
+      if (typeof inputs == "string") return inputs;
       // inputs is a object with the keys and values being input_keys and keysValue
       // so the formated message is a string with the keys and values separated by ": "
       let message = "";
@@ -382,53 +400,86 @@ export default function FormModal({
 
           <div className="flex h-[80vh] w-full mt-2 ">
             <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
+              <div className="flex justify-between items-center">
               <div className="flex py-2">
                 <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
                 <span className="text-md font-semibold text-gray-800 dark:text-white">
                   Input Variables
                 </span>
               </div>
+              <span className="mr-7 text-sm font-semibold text-gray-800 dark:text-white">
+                  Chat
+                </span>
+              </div>
               <Accordion type="single" collapsible className="w-full">
-                {Object.keys(tabsState[id.current].formKeysData.input_keys).map((i, k) => (
-                  <AccordionItem key={k} value={i}>
-                    <AccordionTrigger className="flex gap-2"><Badge variant="gray" size="md">{i}</Badge></AccordionTrigger>
-                    <AccordionContent>
-                      <div className="p-1 flex flex-col gap-2">
-                      {tabsState[id.current].formKeysData.handle_keys.some((t) => t === i) ? <div className="font-normal text-muted-foreground ">Handle</div> :
-                        <div className="flex items-center space-x-2">
-                          <Label htmlFor="airplane-mode" className="-mt-1">From Chat</Label>
-                          <ToggleShadComponent
-                            enabled={chatKey === i}
-                            setEnabled={(value) =>
-                              handleOnCheckedChange(value, i)
-                            }
-                            size="small"
-                            disabled={false}
-                          />
-                        </div>
-                      }
-                        <Textarea
-                          value={tabsState[id.current].formKeysData.input_keys[i]}
-                          onChange={(e) => {
-                            if(!tabsState[id.current].formKeysData.handle_keys.some((t) => t === i))
-                              setTabsState((old) => {
-                                let newTabsState = _.cloneDeep(old);
-                                newTabsState[id.current].formKeysData.input_keys[i] = e.target.value;
-                                return newTabsState;
-                              })
-                            }
-                          }
-                          disabled={chatKey === i}
-                          placeholder="Enter text..."
-                        ></Textarea>
+                {Object.keys(tabsState[id.current].formKeysData.input_keys).map(
+                  (i, k) => (
+                    <div className="flex items-start gap-3">
+                    <AccordionItem className="w-full" key={k} value={i}>
+                      <AccordionTrigger className="flex gap-2">
+                      <div className="flex items-center w-full justify-between">
+                        <Badge variant="gray" size="md">
+                          {i}
+                        </Badge>
+                        
+                      <div className="-mb-1">
+                    <ToggleShadComponent
+                                enabled={chatKey === i}
+                                setEnabled={(value) =>
+                                  handleOnCheckedChange(value, i)
+                                }
+                                size="small"
+                                disabled={false}
+                              /></div>
                       </div>
-                    </AccordionContent>
-                  </AccordionItem>
-                ))}
+                      </AccordionTrigger>
+                      <AccordionContent>
+                        <div className="p-1 flex flex-col gap-2">
+                          {tabsState[id.current].formKeysData.handle_keys.some(
+                            (t) => t === i
+                          ) ? (
+                            <div className="font-normal text-muted-foreground ">
+                              Handle
+                            </div>
+                          ) : (
+                            <></>
+                          )}
+                          <Textarea
+                            value={
+                              tabsState[id.current].formKeysData.input_keys[i]
+                            }
+                            onChange={(e) => {
+                              if (
+                                !tabsState[
+                                  id.current
+                                ].formKeysData.handle_keys.some((t) => t === i)
+                              )
+                                setTabsState((old) => {
+                                  let newTabsState = _.cloneDeep(old);
+                                  newTabsState[
+                                    id.current
+                                  ].formKeysData.input_keys[i] = e.target.value;
+                                  return newTabsState;
+                                });
+                            }}
+                            disabled={chatKey === i}
+                            placeholder="Enter text..."
+                          ></Textarea>
+                        </div>
+                      </AccordionContent>
+                    </AccordionItem>
+                    
+                    </div>
+                  )
+                )}
                 {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
                   <AccordionItem key={k} value={i}>
                     <div className="flex flex-1 items-center justify-between py-4 font-normal transition-all group text-muted-foreground text-sm">
-                      <div className="group-hover:underline"><Badge size="md" variant="gray">{i}</Badge></div>
+                      <div className="group-hover:underline">
+                        <Badge size="md" variant="gray">
+                          {i}
+                        </Badge>
+                      </div>
                       Used as Memory Key
                     </div>
                   </AccordionItem>
@@ -437,14 +488,19 @@ export default function FormModal({
             </div>
             <div className="w-full">
               <div className="flex flex-col rounded-md border bg-muted w-full h-full relative">
-              <div className="absolute right-3 top-3 z-50">
-              <button disabled={lockChat} onClick={() => clearChat()}>
-                <Eraser 
-                  className={classNames("h-5 w-5", lockChat ? "text-primary animate-pulse" : "text-primary hover:text-gray-600")}
-                  aria-hidden="true"
-                />
-              </button>
-              </div>
+                <div className="absolute right-3 top-3 z-50">
+                  <button disabled={lockChat} onClick={() => clearChat()}>
+                    <Eraser
+                      className={classNames(
+                        "h-5 w-5",
+                        lockChat
+                          ? "text-primary animate-pulse"
+                          : "text-primary hover:text-gray-600"
+                      )}
+                      aria-hidden="true"
+                    />
+                  </button>
+                </div>
                 <div
                   ref={messagesRef}
                   className="w-full h-full flex-col flex items-center overflow-scroll scrollbar-hide"
@@ -486,11 +542,16 @@ export default function FormModal({
                       chatValue={chatValue}
                       lockChat={lockChat}
                       sendMessage={sendMessage}
-                      setChatValue={(value) => {setChatValue(value); setTabsState((old) => {
-                        let newTabsState = _.cloneDeep(old);
-                        newTabsState[id.current].formKeysData.input_keys[chatKey] = chatValue;
-                        return newTabsState;
-                      });}}
+                      setChatValue={(value) => {
+                        setChatValue(value);
+                        setTabsState((old) => {
+                          let newTabsState = _.cloneDeep(old);
+                          newTabsState[id.current].formKeysData.input_keys[
+                            chatKey
+                          ] = chatValue;
+                          return newTabsState;
+                        });
+                      }}
                       inputRef={ref}
                     />
                   </div>

From 3ae84bea132369dae562ce7e6b12615e0b9efaf2 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 06:46:00 -0300
Subject: [PATCH 108/367] =?UTF-8?q?=F0=9F=94=A7=20chore(validate.py):=20ad?=
 =?UTF-8?q?d=20display=5Fname=20field=20to=20TemplateField=20in=20post=5Fv?=
 =?UTF-8?q?alidate=5Fprompt=20function=20The=20display=5Fname=20field=20is?=
 =?UTF-8?q?=20added=20to=20the=20TemplateField=20object=20in=20the=20post?=
 =?UTF-8?q?=5Fvalidate=5Fprompt=20function.=20This=20field=20allows=20for?=
 =?UTF-8?q?=20a=20more=20user-friendly=20display=20of=20the=20variable=20n?=
 =?UTF-8?q?ame=20in=20the=20UI.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 184657a63..23fad5711 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -39,6 +39,7 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
             try:
                 template_field = TemplateField(
                     name=variable,
+                    display_name=variable,
                     field_type="str",
                     show=True,
                     advanced=False,

From 5520ecea7a7cfb473dbb400cfbeaaa5094ba1178 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 10:31:03 -0300
Subject: [PATCH 109/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal/index.tsx)?=
 =?UTF-8?q?:=20stop=20propagation=20of=20click=20event=20at=20the=20toggle?=
 =?UTF-8?q?=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 116 +++++++++++---------
 1 file changed, 62 insertions(+), 54 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 134536ac3..5ed82d0d7 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -401,74 +401,82 @@ export default function FormModal({
           <div className="flex h-[80vh] w-full mt-2 ">
             <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
               <div className="flex justify-between items-center">
-              <div className="flex py-2">
-                <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
-                <span className="text-md font-semibold text-gray-800 dark:text-white">
-                  Input Variables
-                </span>
-              </div>
-              <span className="mr-7 text-sm font-semibold text-gray-800 dark:text-white">
-                  Chat
+                <div className="flex py-2">
+                  <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
+                  <span className="text-md font-semibold text-primary">
+                    Input Variables
+                  </span>
+                </div>
+                <span className="mr-2 text-md font-semibold text-primary">
+                  Chat Input
                 </span>
               </div>
               <Accordion type="single" collapsible className="w-full">
                 {Object.keys(tabsState[id.current].formKeysData.input_keys).map(
                   (i, k) => (
                     <div className="flex items-start gap-3">
-                    <AccordionItem className="w-full" key={k} value={i}>
-                      <AccordionTrigger className="flex gap-2">
-                      <div className="flex items-center w-full justify-between">
-                        <Badge variant="gray" size="md">
-                          {i}
-                        </Badge>
-                        
-                      <div className="-mb-1">
-                    <ToggleShadComponent
+                      <AccordionItem className="w-full" key={k} value={i}>
+                        <AccordionTrigger className="flex gap-2">
+                          <div className="flex items-center w-full justify-between">
+                            <Badge variant="gray" size="md">
+                              {i}
+                            </Badge>
+
+                            <div
+                              className="-mb-1"
+                              onClick={(event) => {
+                                event.stopPropagation();
+                              }}
+                            >
+                              <ToggleShadComponent
                                 enabled={chatKey === i}
                                 setEnabled={(value) =>
                                   handleOnCheckedChange(value, i)
                                 }
                                 size="small"
                                 disabled={false}
-                              /></div>
-                      </div>
-                      </AccordionTrigger>
-                      <AccordionContent>
-                        <div className="p-1 flex flex-col gap-2">
-                          {tabsState[id.current].formKeysData.handle_keys.some(
-                            (t) => t === i
-                          ) ? (
-                            <div className="font-normal text-muted-foreground ">
-                              Handle
+                              />
                             </div>
-                          ) : (
-                            <></>
-                          )}
-                          <Textarea
-                            value={
-                              tabsState[id.current].formKeysData.input_keys[i]
-                            }
-                            onChange={(e) => {
-                              if (
-                                !tabsState[
-                                  id.current
-                                ].formKeysData.handle_keys.some((t) => t === i)
-                              )
-                                setTabsState((old) => {
-                                  let newTabsState = _.cloneDeep(old);
-                                  newTabsState[
+                          </div>
+                        </AccordionTrigger>
+                        <AccordionContent>
+                          <div className="p-1 flex flex-col gap-2">
+                            {tabsState[
+                              id.current
+                            ].formKeysData.handle_keys.some((t) => t === i) ? (
+                              <div className="font-normal text-muted-foreground ">
+                                Handle
+                              </div>
+                            ) : (
+                              <></>
+                            )}
+                            <Textarea
+                              value={
+                                tabsState[id.current].formKeysData.input_keys[i]
+                              }
+                              onChange={(e) => {
+                                if (
+                                  !tabsState[
                                     id.current
-                                  ].formKeysData.input_keys[i] = e.target.value;
-                                  return newTabsState;
-                                });
-                            }}
-                            disabled={chatKey === i}
-                            placeholder="Enter text..."
-                          ></Textarea>
-                        </div>
-                      </AccordionContent>
-                    </AccordionItem>
-                    
+                                  ].formKeysData.handle_keys.some(
+                                    (t) => t === i
+                                  )
+                                )
+                                  setTabsState((old) => {
+                                    let newTabsState = _.cloneDeep(old);
+                                    newTabsState[
+                                      id.current
+                                    ].formKeysData.input_keys[i] =
+                                      e.target.value;
+                                    return newTabsState;
+                                  });
+                              }}
+                              disabled={chatKey === i}
+                              placeholder="Enter text..."
+                            ></Textarea>
+                          </div>
+                        </AccordionContent>
+                      </AccordionItem>
                     </div>
                   )
                 )}

From fe1646791419c3fc92f31ad6d8a708237060a40d Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 10:48:51 -0300
Subject: [PATCH 110/367] =?UTF-8?q?=F0=9F=90=9B=20fix(toggleShadComponent)?=
 =?UTF-8?q?:=20remove=20unused=20useEffect=20hook=20to=20improve=20code=20?=
 =?UTF-8?q?readability=20and=20maintainability=20=E2=9C=A8=20feat(toggleSh?=
 =?UTF-8?q?adComponent):=20add=20disabled=20prop=20to=20Switch=20component?=
 =?UTF-8?q?=20to=20disable=20interaction=20when=20disabled=20is=20true?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🐛 fix(formModal): remove unused imports to improve code cleanliness
✨ feat(formModal): add MessageSquarePlus icon to represent chat input
✨ feat(formModal): add multiple collapsible accordions for input variables
🐛 fix(formModal): disable Toggle component when handle key is present in formKeysData
---
 .../components/toggleShadComponent/index.tsx  |  8 +--
 src/frontend/src/modals/formModal/index.tsx   | 53 ++++++++++---------
 2 files changed, 29 insertions(+), 32 deletions(-)

diff --git a/src/frontend/src/components/toggleShadComponent/index.tsx b/src/frontend/src/components/toggleShadComponent/index.tsx
index 290a46cb4..6619c1d36 100644
--- a/src/frontend/src/components/toggleShadComponent/index.tsx
+++ b/src/frontend/src/components/toggleShadComponent/index.tsx
@@ -8,11 +8,6 @@ export default function ToggleShadComponent({
   disabled,
   size,
 }: ToggleComponentType) {
-  useEffect(() => {
-    if (disabled) {
-      setEnabled(false);
-    }
-  }, [disabled, setEnabled]);
   let scaleX, scaleY;
   switch (size) {
     case "small":
@@ -32,11 +27,12 @@ export default function ToggleShadComponent({
       scaleY = 1;
   }
   return (
-    <div className={disabled ? "pointer-events-none cursor-not-allowed" : ""}>
+    <div className={disabled ? "pointer-events-none cursor-not-allowed " : ""}>
       <Switch
         style={{
           transform: `scaleX(${scaleX}) scaleY(${scaleY})`,
         }}
+        disabled={disabled}
         className="data-[state=unchecked]:bg-slate-500"
         checked={enabled}
         onCheckedChange={(x: boolean) => {
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 5ed82d0d7..a41c53a46 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -4,7 +4,13 @@ import { alertContext } from "../../contexts/alertContext";
 import { classNames, validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import { TerminalSquare, MessageSquare, Variable, Eraser } from "lucide-react";
+import {
+  TerminalSquare,
+  MessageSquare,
+  Variable,
+  Eraser,
+  MessageSquarePlus,
+} from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -401,17 +407,20 @@ export default function FormModal({
           <div className="flex h-[80vh] w-full mt-2 ">
             <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
               <div className="flex justify-between items-center">
-                <div className="flex py-2">
-                  <Variable className="w-6 h-6 pe-1 text-gray-700 stroke-2 dark:text-slate-200"></Variable>
+                <div className="flex py-2 items-center">
+                  <Variable className="w-6 h-6 pe-1 text-primary"></Variable>
                   <span className="text-md font-semibold text-primary">
                     Input Variables
                   </span>
                 </div>
-                <span className="mr-2 text-md font-semibold text-primary">
-                  Chat Input
-                </span>
+                <div className="flex py-2 items-center">
+                  <MessageSquarePlus className="w-6 h-6 pe-1 mr-0.5 text-primary" />
+                  <span className=" text-md font-semibold text-primary">
+                    Chat Input
+                  </span>
+                </div>
               </div>
-              <Accordion type="single" collapsible className="w-full">
+              <Accordion type="multiple" className="w-full">
                 {Object.keys(tabsState[id.current].formKeysData.input_keys).map(
                   (i, k) => (
                     <div className="flex items-start gap-3">
@@ -434,7 +443,9 @@ export default function FormModal({
                                   handleOnCheckedChange(value, i)
                                 }
                                 size="small"
-                                disabled={false}
+                                disabled={tabsState[
+                                  id.current
+                                ].formKeysData.handle_keys.some((t) => t === i)}
                               />
                             </div>
                           </div>
@@ -443,33 +454,23 @@ export default function FormModal({
                           <div className="p-1 flex flex-col gap-2">
                             {tabsState[
                               id.current
-                            ].formKeysData.handle_keys.some((t) => t === i) ? (
+                            ].formKeysData.handle_keys.some((t) => t === i) && (
                               <div className="font-normal text-muted-foreground ">
-                                Handle
+                                Source: Component
                               </div>
-                            ) : (
-                              <></>
                             )}
                             <Textarea
                               value={
                                 tabsState[id.current].formKeysData.input_keys[i]
                               }
                               onChange={(e) => {
-                                if (
-                                  !tabsState[
+                                setTabsState((old) => {
+                                  let newTabsState = _.cloneDeep(old);
+                                  newTabsState[
                                     id.current
-                                  ].formKeysData.handle_keys.some(
-                                    (t) => t === i
-                                  )
-                                )
-                                  setTabsState((old) => {
-                                    let newTabsState = _.cloneDeep(old);
-                                    newTabsState[
-                                      id.current
-                                    ].formKeysData.input_keys[i] =
-                                      e.target.value;
-                                    return newTabsState;
-                                  });
+                                  ].formKeysData.input_keys[i] = e.target.value;
+                                  return newTabsState;
+                                });
                               }}
                               disabled={chatKey === i}
                               placeholder="Enter text..."

From 270d5fb1066fc643bea6d8808352eca89c47c0cb Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 11:17:32 -0300
Subject: [PATCH 111/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20add?=
 =?UTF-8?q?=20missing=20condition=20to=20check=20if=20variable=20is=20an?=
 =?UTF-8?q?=20instance=20of=20BaseOutputParser=20and=20has=20"get=5Fformat?=
 =?UTF-8?q?=5Finstructions"=20attribute=20The=20code=20was=20missing=20a?=
 =?UTF-8?q?=20condition=20to=20check=20if=20the=20variable=20is=20an=20ins?=
 =?UTF-8?q?tance=20of=20BaseOutputParser=20and=20has=20the=20"get=5Fformat?=
 =?UTF-8?q?=5Finstructions"=20attribute.=20This=20condition=20is=20necessa?=
 =?UTF-8?q?ry=20to=20properly=20handle=20the=20variable=20and=20avoid=20po?=
 =?UTF-8?q?tential=20errors.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 6267dd400..bc8c7f0cf 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -149,6 +149,14 @@ def instantiate_prompt(node_type, class_object, params):
                 )
                 # handle_keys will be a list but it does not exist yet
                 # so we need to create it
+
+            if (
+                isinstance(variable, List)
+                and all(isinstance(item, Document) for item in variable)
+            ) or (
+                isinstance(variable, BaseOutputParser)
+                and hasattr(variable, "get_format_instructions")
+            ):
                 if "handle_keys" not in params:
                     format_kwargs["handle_keys"] = []
 

From 052155bc6a1772becca9027e494f0a146c30f7cf Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 11:19:50 -0300
Subject: [PATCH 112/367] Edited dragOver drop effect on dropping file, printed
 file dropped over the pane

---
 .../components/PageComponent/index.tsx        | 94 ++++++++++---------
 .../extraSidebarComponent/index.tsx           |  2 +-
 2 files changed, 53 insertions(+), 43 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 9a871e639..ac0675862 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -219,62 +219,72 @@ export default function Page({ flow }: { flow: FlowType }) {
 
   const onDragOver = useCallback((event: React.DragEvent) => {
     event.preventDefault();
-    event.dataTransfer.dropEffect = "move";
+    console.log(event.dataTransfer.types);
+    if (event.dataTransfer.types.some((t) => t === "nodedata")) {
+      event.dataTransfer.dropEffect = "move";
+    } else {
+      event.dataTransfer.dropEffect = "copy";
+    }
   }, []);
 
   const onDrop = useCallback(
     (event: React.DragEvent) => {
       event.preventDefault();
-      takeSnapshot();
+      if (event.dataTransfer.types.some((t) => t === "nodedata")) {
+        takeSnapshot();
 
-      // Get the current bounds of the ReactFlow wrapper element
-      const reactflowBounds = reactFlowWrapper.current.getBoundingClientRect();
+        // Get the current bounds of the ReactFlow wrapper element
+        const reactflowBounds =
+          reactFlowWrapper.current.getBoundingClientRect();
 
-      // Extract the data from the drag event and parse it as a JSON object
-      let data: { type: string; node?: APIClassType } = JSON.parse(
-        event.dataTransfer.getData("json")
-      );
+        // Extract the data from the drag event and parse it as a JSON object
+        let data: { type: string; node?: APIClassType } = JSON.parse(
+          event.dataTransfer.getData("nodedata")
+        );
 
-      // If data type is not "chatInput" or if there are no "chatInputNode" nodes present in the ReactFlow instance, create a new node
-      // Calculate the position where the node should be created
-      const position = reactFlowInstance.project({
-        x: event.clientX - reactflowBounds.left,
-        y: event.clientY - reactflowBounds.top,
-      });
+        // If data type is not "chatInput" or if there are no "chatInputNode" nodes present in the ReactFlow instance, create a new node
+        // Calculate the position where the node should be created
+        const position = reactFlowInstance.project({
+          x: event.clientX - reactflowBounds.left,
+          y: event.clientY - reactflowBounds.top,
+        });
 
-      // Generate a unique node ID
-      let { type } = data;
-      let newId = getNodeId(type);
-      let newNode: NodeType;
+        // Generate a unique node ID
+        let { type } = data;
+        let newId = getNodeId(type);
+        let newNode: NodeType;
 
-      if (data.type !== "groupNode") {
-        // Create a new node object
-        newNode = {
-          id: newId,
-          type: "genericNode",
-          position,
-          data: {
-            ...data,
+        if (data.type !== "groupNode") {
+          // Create a new node object
+          newNode = {
             id: newId,
-            value: null,
-          },
-        };
-      } else {
-        // Create a new node object
-        newNode = {
-          id: newId,
-          type: "genericNode",
-          position,
-          data: {
-            ...data,
+            type: "genericNode",
+            position,
+            data: {
+              ...data,
+              id: newId,
+              value: null,
+            },
+          };
+        } else {
+          // Create a new node object
+          newNode = {
             id: newId,
-            value: null,
-          },
-        };
+            type: "genericNode",
+            position,
+            data: {
+              ...data,
+              id: newId,
+              value: null,
+            },
+          };
 
-        // Add the new node to the list of nodes in state
+          // Add the new node to the list of nodes in state
+        }
+        setNodes((nds) => nds.concat(newNode));
+      } else if (event.dataTransfer.types.some((t) => t === "Files")) {
+        console.log(event.dataTransfer.files.item(0));
       }
-      setNodes((nds) => nds.concat(newNode));
     },
     // Specify dependencies for useCallback
     [getNodeId, reactFlowInstance, setErrorData, setNodes, takeSnapshot]
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index b4f380164..1c98efd6d 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -40,7 +40,7 @@ export default function ExtraSidebar() {
     crt.classList.add("cursor-grabbing");
     document.body.appendChild(crt);
     event.dataTransfer.setDragImage(crt, 0, 0);
-    event.dataTransfer.setData("json", JSON.stringify(data));
+    event.dataTransfer.setData("nodedata", JSON.stringify(data));
   }
 
   function handleSearchInput(e: string) {

From 0eead8f3f74ab700d27b65281af2a9ef91b9b1ef Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 11:23:19 -0300
Subject: [PATCH 113/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20fix?=
 =?UTF-8?q?=20condition=20to=20check=20for=20"handle=5Fkeys"=20in=20format?=
 =?UTF-8?q?=5Fkwargs=20instead=20of=20params=20The=20condition=20to=20chec?=
 =?UTF-8?q?k=20for=20the=20presence=20of=20"handle=5Fkeys"=20has=20been=20?=
 =?UTF-8?q?fixed=20to=20correctly=20check=20for=20its=20existence=20in=20t?=
 =?UTF-8?q?he=20format=5Fkwargs=20dictionary=20instead=20of=20the=20params?=
 =?UTF-8?q?=20dictionary.=20This=20ensures=20that=20the=20"handle=5Fkeys"?=
 =?UTF-8?q?=20list=20is=20properly=20populated=20when=20necessary.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index bc8c7f0cf..e8d9cade4 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -157,7 +157,7 @@ def instantiate_prompt(node_type, class_object, params):
                 isinstance(variable, BaseOutputParser)
                 and hasattr(variable, "get_format_instructions")
             ):
-                if "handle_keys" not in params:
+                if "handle_keys" not in format_kwargs:
                     format_kwargs["handle_keys"] = []
 
                 # Add the handle_keys to the list

From 1aa906dbb65f48566da890c2170ccee161fed790 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 11:25:00 -0300
Subject: [PATCH 114/367] Added logic to upload flow on drop

---
 src/frontend/src/contexts/tabsContext.tsx     | 79 +++++++++++--------
 .../components/PageComponent/index.tsx        |  4 +-
 src/frontend/src/types/tabs/index.ts          |  2 +-
 3 files changed, 51 insertions(+), 34 deletions(-)

diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index b847f4ecd..c60650a48 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -189,26 +189,28 @@ export function TabsProvider({ children }: { children: ReactNode }) {
   }
 
   function processFlowEdges(flow) {
-    if(!flow.data || !flow.data.edges) return;
+    if (!flow.data || !flow.data.edges) return;
     flow.data.edges.forEach((edge) => {
       edge.className = "";
       edge.style = { stroke: "#555555" };
     });
   }
-  function updateDisplay_name(node:NodeType,template:APIClassType) {
-    node.data.node.display_name = template["display_name"]?template["display_name"]:node.data.type;
+  function updateDisplay_name(node: NodeType, template: APIClassType) {
+    node.data.node.display_name = template["display_name"]
+      ? template["display_name"]
+      : node.data.type;
   }
 
   function processFlowNodes(flow) {
-    if(!flow.data || !flow.data.nodes) return;
-    flow.data.nodes.forEach((node:NodeType) => {
+    if (!flow.data || !flow.data.nodes) return;
+    flow.data.nodes.forEach((node: NodeType) => {
       const template = templates[node.data.type];
       if (!template) {
         setErrorData({ title: `Unknown node type: ${node.data.type}` });
         return;
       }
       if (Object.keys(template["template"]).length > 0) {
-        updateDisplay_name(node,template);
+        updateDisplay_name(node, template);
         updateNodeBaseClasses(node, template);
         updateNodeEdges(flow, node, template);
         updateNodeDescription(node, template);
@@ -217,11 +219,15 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     });
   }
 
-  function updateNodeBaseClasses(node:NodeType,template:APIClassType) {
+  function updateNodeBaseClasses(node: NodeType, template: APIClassType) {
     node.data.node.base_classes = template["base_classes"];
   }
 
-  function updateNodeEdges(flow:FlowType, node:NodeType,template:APIClassType) {
+  function updateNodeEdges(
+    flow: FlowType,
+    node: NodeType,
+    template: APIClassType
+  ) {
     flow.data.edges.forEach((edge) => {
       if (edge.source === node.id) {
         edge.sourceHandle = edge.sourceHandle
@@ -233,11 +239,11 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     });
   }
 
-  function updateNodeDescription(node:NodeType,template:APIClassType) {
+  function updateNodeDescription(node: NodeType, template: APIClassType) {
     node.data.node.description = template["description"];
   }
 
-  function updateNodeTemplate(node:NodeType,template:APIClassType) {
+  function updateNodeTemplate(node: NodeType, template: APIClassType) {
     node.data.node.template = updateTemplate(
       template["template"] as unknown as APITemplateType,
       node.data.node.template as APITemplateType
@@ -302,28 +308,39 @@ export function TabsProvider({ children }: { children: ReactNode }) {
    * If the file type is application/json, the file is read and parsed into a JSON object.
    * The resulting JSON object is passed to the addFlow function.
    */
-  function uploadFlow(newProject?: boolean) {
-    // create a file input
-    const input = document.createElement("input");
-    input.type = "file";
-    input.accept = ".json";
-    // add a change event listener to the file input
-    input.onchange = (e: Event) => {
-      // check if the file type is application/json
-      if ((e.target as HTMLInputElement).files[0].type === "application/json") {
-        // get the file from the file input
-        const file = (e.target as HTMLInputElement).files[0];
-        // read the file as text
-        file.text().then((text) => {
-          // parse the text into a JSON object
-          let flow: FlowType = JSON.parse(text);
+  function uploadFlow(newProject?: boolean, file?: File) {
+    if (file) {
+      file.text().then((text) => {
+        // parse the text into a JSON object
+        let flow: FlowType = JSON.parse(text);
 
-          addFlow(flow, newProject);
-        });
-      }
-    };
-    // trigger the file input click event to open the file dialog
-    input.click();
+        addFlow(flow, newProject);
+      });
+    } else {
+      // create a file input
+      const input = document.createElement("input");
+      input.type = "file";
+      input.accept = ".json";
+      // add a change event listener to the file input
+      input.onchange = (e: Event) => {
+        // check if the file type is application/json
+        if (
+          (e.target as HTMLInputElement).files[0].type === "application/json"
+        ) {
+          // get the file from the file input
+          const currentfile = (e.target as HTMLInputElement).files[0];
+          // read the file as text
+          currentfile.text().then((text) => {
+            // parse the text into a JSON object
+            let flow: FlowType = JSON.parse(text);
+
+            addFlow(flow, newProject);
+          });
+        }
+      };
+      // trigger the file input click event to open the file dialog
+      input.click();
+    }
   }
 
   function uploadFlows() {
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index ac0675862..7deb62571 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -37,6 +37,7 @@ const nodeTypes = {
 export default function Page({ flow }: { flow: FlowType }) {
   let {
     updateFlow,
+    uploadFlow,
     disableCopyPaste,
     addFlow,
     getNodeId,
@@ -219,7 +220,6 @@ export default function Page({ flow }: { flow: FlowType }) {
 
   const onDragOver = useCallback((event: React.DragEvent) => {
     event.preventDefault();
-    console.log(event.dataTransfer.types);
     if (event.dataTransfer.types.some((t) => t === "nodedata")) {
       event.dataTransfer.dropEffect = "move";
     } else {
@@ -283,7 +283,7 @@ export default function Page({ flow }: { flow: FlowType }) {
         }
         setNodes((nds) => nds.concat(newNode));
       } else if (event.dataTransfer.types.some((t) => t === "Files")) {
-        console.log(event.dataTransfer.files.item(0));
+        uploadFlow(false, event.dataTransfer.files.item(0))
       }
     },
     // Specify dependencies for useCallback
diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts
index d0bd0f499..9a2a083b2 100644
--- a/src/frontend/src/types/tabs/index.ts
+++ b/src/frontend/src/types/tabs/index.ts
@@ -14,7 +14,7 @@ export type TabsContextType = {
   downloadFlow: (flow: FlowType) => void;
   downloadFlows: () => void;
   uploadFlows: () => void;
-  uploadFlow: (newFlow?: boolean) => void;
+  uploadFlow: (newFlow?: boolean, file?: File) => void;
   hardReset: () => void;
   //disable CopyPaste
   disableCopyPaste: boolean;

From 7fddffc12e7718b5dc6e5b64af7eb697aaf61ba8 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 11:28:48 -0300
Subject: [PATCH 115/367] =?UTF-8?q?=F0=9F=8E=A8=20style(formModal/index.ts?=
 =?UTF-8?q?x):=20adjust=20size=20and=20spacing=20of=20icons=20and=20text?=
 =?UTF-8?q?=20in=20FormModal=20component=20for=20better=20visual=20consist?=
 =?UTF-8?q?ency=20=F0=9F=90=9B=20fix(formModal/index.tsx):=20add=20unique?=
 =?UTF-8?q?=20key=20prop=20to=20dynamically=20rendered=20elements=20in=20F?=
 =?UTF-8?q?ormModal=20component=20to=20remove=20console=20warning?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index a41c53a46..8b939b967 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -408,14 +408,14 @@ export default function FormModal({
             <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
               <div className="flex justify-between items-center">
                 <div className="flex py-2 items-center">
-                  <Variable className="w-6 h-6 pe-1 text-primary"></Variable>
-                  <span className="text-md font-semibold text-primary">
+                  <Variable className="w-4 h-4 mr-1 text-primary"></Variable>
+                  <span className="text-sm font-semibold text-primary">
                     Input Variables
                   </span>
                 </div>
                 <div className="flex py-2 items-center">
-                  <MessageSquarePlus className="w-6 h-6 pe-1 mr-0.5 text-primary" />
-                  <span className=" text-md font-semibold text-primary">
+                  <MessageSquarePlus className="w-4 h-4 mr-1 text-primary" />
+                  <span className="text-sm font-semibold text-primary">
                     Chat Input
                   </span>
                 </div>
@@ -423,7 +423,7 @@ export default function FormModal({
               <Accordion type="multiple" className="w-full">
                 {Object.keys(tabsState[id.current].formKeysData.input_keys).map(
                   (i, k) => (
-                    <div className="flex items-start gap-3">
+                    <div className="flex items-start gap-3" key={k}>
                       <AccordionItem className="w-full" key={k} value={i}>
                         <AccordionTrigger className="flex gap-2">
                           <div className="flex items-center w-full justify-between">

From a13e60ed57341653de6dedb25aae40d609eb96b7 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 11:33:07 -0300
Subject: [PATCH 116/367] Fixed icon size at node changing with title size

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 65bf962a5..cd49aaa5b 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -102,7 +102,7 @@ export default function GenericNode({
                 color: nodeColors[types[data.type]] ?? nodeColors.unknown,
               }}
             />
-            <div className="ml-2 truncate">
+            <div className="ml-2 truncate flex-1">
               <ShadTooltip
                 delayDuration={1500}
                 content={data.node.display_name}

From 374f462f17daf33a4a7fc83a8095459af9c98da9 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 11:35:52 -0300
Subject: [PATCH 117/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(formModal/index?=
 =?UTF-8?q?.tsx):=20remove=20unused=20MessageSquarePlus=20component=20and?=
 =?UTF-8?q?=20adjust=20styling=20for=20chat=20input=20section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 8b939b967..18434442d 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -413,8 +413,7 @@ export default function FormModal({
                     Input Variables
                   </span>
                 </div>
-                <div className="flex py-2 items-center">
-                  <MessageSquarePlus className="w-4 h-4 mr-1 text-primary" />
+                <div className="flex mr-2.5 py-2 items-center">
                   <span className="text-sm font-semibold text-primary">
                     Chat Input
                   </span>

From 562bbe99ee72fd62cb2c18a265456524e01b30ee Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 11:45:36 -0300
Subject: [PATCH 118/367] Undo Snapshot when importing by drop

---
 .../src/pages/FlowPage/components/PageComponent/index.tsx      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 7deb62571..6c3a5780e 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -283,7 +283,8 @@ export default function Page({ flow }: { flow: FlowType }) {
         }
         setNodes((nds) => nds.concat(newNode));
       } else if (event.dataTransfer.types.some((t) => t === "Files")) {
-        uploadFlow(false, event.dataTransfer.files.item(0))
+        takeSnapshot();
+        uploadFlow(false, event.dataTransfer.files.item(0));
       }
     },
     // Specify dependencies for useCallback

From 356c76b1b21cb16cfb3d771cd494f023917f41af Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 11:34:49 -0300
Subject: [PATCH 119/367] =?UTF-8?q?=E2=9C=A8=20feat(constants.tsx):=20upda?=
 =?UTF-8?q?te=20DESCRIPTIONS,=20ADJECTIVES,=20and=20NOUNS=20arrays=20with?=
 =?UTF-8?q?=20new=20values=20to=20enhance=20variety=20and=20creativity=20i?=
 =?UTF-8?q?n=20generated=20text=20The=20DESCRIPTIONS=20array=20has=20been?=
 =?UTF-8?q?=20updated=20with=20additional=20phrases=20to=20provide=20a=20w?=
 =?UTF-8?q?ider=20range=20of=20options=20for=20generating=20text.=20The=20?=
 =?UTF-8?q?ADJECTIVES=20array=20has=20been=20expanded=20with=20more=20desc?=
 =?UTF-8?q?riptive=20words=20to=20add=20more=20color=20and=20personality?=
 =?UTF-8?q?=20to=20the=20generated=20text.=20The=20NOUNS=20array=20has=20b?=
 =?UTF-8?q?een=20enriched=20with=20new=20names=20to=20increase=20the=20div?=
 =?UTF-8?q?ersity=20of=20possible=20flow=20names.=20These=20updates=20aim?=
 =?UTF-8?q?=20to=20enhance=20the=20quality=20and=20creativity=20of=20the?=
 =?UTF-8?q?=20generated=20text=20by=20providing=20a=20greater=20variety=20?=
 =?UTF-8?q?of=20options.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx | 117 ++++++++++++++++++++++++++++++++-
 1 file changed, 115 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index 76b345ed5..4d634400b 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -173,7 +173,7 @@ export const DESCRIPTIONS: string[] = [
   "Your Hub for Text Generation.",
   "Promptly Ingenious!",
   "Building Linguistic Labyrinths.",
-  "LangFlow: Create, Chain, Communicate.",
+  "Create, Chain, Communicate.",
   "Connect the Dots, Craft Language.",
   "Interactive Language Weaving.",
   "Generate, Innovate, Communicate.",
@@ -183,6 +183,46 @@ export const DESCRIPTIONS: string[] = [
   "Nurture NLP Nodes Here.",
   "Conversational Cartography Unlocked.",
   "Design, Develop, Dialogize.",
+  "Unleashing Linguistic Creativity.",
+  "Graph Your Way to Great Conversations.",
+  "The Power of Language at Your Fingertips.",
+  "Sculpting Language with Precision.",
+  "Where Language Meets Logic.",
+  "Building Intelligent Interactions.",
+  "Your Passport to Linguistic Landscapes.",
+  "Create, Curate, Communicate with LangFlow.",
+  "Flow into the Future of Language.",
+  "Mapping Meaningful Conversations.",
+  "Unravel the Art of Articulation.",
+  "Language Engineering Excellence.",
+  "Navigate the Networks of Conversation.",
+  "Crafting Conversations, One Node at a Time.",
+  "The Pinnacle of Prompt Generation.",
+  "Language Models, Mapped and Mastered.",
+  "Powerful Prompts, Perfectly Positioned.",
+  "Innovation in Interaction with LangFlow.",
+  "Your Toolkit for Text Generation.",
+  "Unfolding Linguistic Possibilities.",
+  "Building Powerful Solutions with Language Models.",
+  "Uncover Business Opportunities with NLP.",
+  "Harness the Power of Conversational AI.",
+  "Transform Your Business with Smart Dialogues.",
+  "Craft Meaningful Interactions, Generate Value.",
+  "Unleashing Business Potential through Language Engineering.",
+  "Empowering Enterprises with Intelligent Interactions.",
+  "Driving Innovation in Business Communication.",
+  "Catalyzing Business Growth through Conversational AI.",
+  "Text Generation Meets Business Transformation.",
+  "Navigate the Linguistic Landscape, Discover Opportunities.",
+  "Create Powerful Connections, Boost Business Value.",
+  "Empowering Communication, Enabling Opportunities.",
+  "Advanced NLP for Groundbreaking Business Solutions.",
+  "Innovation in Interaction, Revolution in Revenue.",
+  "Maximize Impact with Intelligent Conversations.",
+  "Beyond Text Generation - Unleashing Business Opportunities.",
+  "Unlock the Power of AI in Your Business Conversations.",
+  "Crafting Dialogues that Drive Business Success.",
+  "Engineered for Excellence, Built for Business.",
 ];
 
 /**
@@ -256,8 +296,49 @@ export const ADJECTIVES: string[] = [
   "thirsty",
   "tiny",
   "trusting",
+  "bubbly",
+  "charming",
+  "cheerful",
+  "comical",
+  "dazzling",
+  "delighted",
+  "dynamic",
+  "effervescent",
+  "enthusiastic",
+  "exuberant",
+  "fluffy",
+  "friendly",
+  "funky",
+  "giddy",
+  "giggly",
+  "gleeful",
+  "goofy",
+  "graceful",
+  "grinning",
+  "hilarious",
+  "inquisitive",
+  "joyous",
+  "jubilant",
+  "lively",
+  "mirthful",
+  "mischievous",
+  "optimistic",
+  "peppy",
+  "perky",
+  "playful",
+  "quirky",
+  "radiant",
+  "sassy",
+  "silly",
+  "spirited",
+  "sprightly",
+  "twinkly",
+  "upbeat",
+  "vibrant",
+  "witty",
+  "zany",
+  "zealous",
 ];
-
 /**
  * Nouns for the name of the flow
  * @constant
@@ -406,6 +487,38 @@ export const NOUNS: string[] = [
   "wright",
   "yalow",
   "yonath",
+  "coulomb",
+  "degrasse",
+  "dewey",
+  "edison",
+  "eratosthenes",
+  "faraday",
+  "galton",
+  "gauss",
+  "herschel",
+  "hubble",
+  "joule",
+  "kaku",
+  "kepler",
+  "khayyam",
+  "lavoisier",
+  "maxwell",
+  "mendel",
+  "mendeleev",
+  "ohm",
+  "pascal",
+  "planck",
+  "riemann",
+  "schrodinger",
+  "sagan",
+  "tesla",
+  "tyson",
+  "volta",
+  "watt",
+  "weber",
+  "wien",
+  "zoBell",
+  "zuse",
 ];
 
 /**

From 61e87a6d5478a9a3e125de6d056617ad885dbb2e Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 12:54:07 -0300
Subject: [PATCH 120/367] =?UTF-8?q?=F0=9F=90=9B=20fix(switch.tsx):=20add?=
 =?UTF-8?q?=20aria-disabled=20attribute=20to=20the=20Switch=20component=20?=
 =?UTF-8?q?to=20improve=20accessibility=20=F0=9F=8E=A8=20style(switch.tsx)?=
 =?UTF-8?q?:=20update=20class=20names=20in=20the=20Switch=20component=20to?=
 =?UTF-8?q?=20improve=20readability=20and=20maintainability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/ui/switch.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/ui/switch.tsx b/src/frontend/src/components/ui/switch.tsx
index 122057cfb..c5a6ea58c 100644
--- a/src/frontend/src/components/ui/switch.tsx
+++ b/src/frontend/src/components/ui/switch.tsx
@@ -10,15 +10,16 @@ const Switch = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
-      "peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      "peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed  disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
       className
     )}
     {...props}
     ref={ref}
   >
     <SwitchPrimitives.Thumb
+      aria-disabled={props.disabled}
       className={cn(
-        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 aria-disabled:bg-muted/70 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
       )}
     />
   </SwitchPrimitives.Root>

From 2f4426d49f7a95b89dcf8d46508403f5789a98cc Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 16:03:44 -0300
Subject: [PATCH 121/367] =?UTF-8?q?=F0=9F=9A=80=20feat(cardComponent):=20a?=
 =?UTF-8?q?dd=20dialog=20component=20for=20confirmation=20before=20deletin?=
 =?UTF-8?q?g=20a=20card=20=F0=9F=9A=80=20feat(formModal):=20increase=20fon?=
 =?UTF-8?q?t=20size=20of=20input=20variables=20section=20title=20for=20bet?=
 =?UTF-8?q?ter=20readability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/cardComponent/index.tsx    | 20 ++++++++++++++++++-
 src/frontend/src/modals/formModal/index.tsx   | 11 +++++++---
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index aec9ccb3b..6bdd0a5ad 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -11,6 +11,8 @@ import {
   Card,
   CardHeader,
 } from "../ui/card";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../ui/dialog";
+import { Button } from "@mui/material";
 
 export const CardComponent = ({
   flow,
@@ -39,9 +41,25 @@ export const CardComponent = ({
             {flow.name}
           </span>
           {onDelete && (
-            <button className="flex self-start" onClick={onDelete}>
+            <Dialog>
+                <DialogTrigger asChild>
+                <button className="flex self-start">
               <Trash2 className="w-4 h-4 text-primary opacity-0 group-hover:opacity-100 transition-all" />
             </button>
+                </DialogTrigger>
+            <DialogContent>
+              <DialogHeader>
+                <DialogTitle>Are you sure absolutely sure?</DialogTitle>
+                <DialogDescription>
+                  This action cannot be undone. Are you sure you want to permanently
+                  delete this file from our servers?
+                </DialogDescription>
+              </DialogHeader>
+              <DialogFooter>
+                <Button type="submit" onClick={onDelete}>Confirm</Button>
+              </DialogFooter>
+            </DialogContent>
+          </Dialog>
           )}
         </CardTitle>
         <CardDescription className="pt-2 pb-2">
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 18434442d..7c4e6ff26 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -406,13 +406,18 @@ export default function FormModal({
 
           <div className="flex h-[80vh] w-full mt-2 ">
             <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
-              <div className="flex justify-between items-center">
-                <div className="flex py-2 items-center">
+            <div className="flex py-2 items-center">
                   <Variable className="w-4 h-4 mr-1 text-primary"></Variable>
-                  <span className="text-sm font-semibold text-primary">
+                  <span className="text-md font-semibold text-primary">
                     Input Variables
                   </span>
                 </div>
+              <div className="flex justify-between items-center">
+              <div className="flex mr-2.5 py-2 items-center">
+                  <span className="text-sm font-semibold text-primary">
+                    Name
+                  </span>
+                </div>
                 <div className="flex mr-2.5 py-2 items-center">
                   <span className="text-sm font-semibold text-primary">
                     Chat Input

From 20d6db5d4e31534b3d3bb4eefe6f39daecebbfe7 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 16:25:41 -0300
Subject: [PATCH 122/367] =?UTF-8?q?=F0=9F=8E=A8=20style(formModal/index.ts?=
 =?UTF-8?q?x):=20improve=20code=20formatting=20and=20consistency=20in=20th?=
 =?UTF-8?q?e=20FormModal=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Adjust indentation and spacing for better readability
- Change font weight of text elements to improve visual hierarchy
- Add left margin to the Variable component to align it properly

No functional changes were made.
---
 src/frontend/src/modals/formModal/index.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 7c4e6ff26..9595a2ed1 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -406,20 +406,20 @@ export default function FormModal({
 
           <div className="flex h-[80vh] w-full mt-2 ">
             <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
-            <div className="flex py-2 items-center">
-                  <Variable className="w-4 h-4 mr-1 text-primary"></Variable>
-                  <span className="text-md font-semibold text-primary">
-                    Input Variables
-                  </span>
-                </div>
+              <div className="flex py-2 items-center">
+                <Variable className=" -ml-px w-4 h-4 mr-1 text-primary"></Variable>
+                <span className="text-md font-semibold text-primary">
+                  Input Variables
+                </span>
+              </div>
               <div className="flex justify-between items-center">
-              <div className="flex mr-2.5 py-2 items-center">
-                  <span className="text-sm font-semibold text-primary">
+                <div className="flex mr-2.5 py-2 items-center">
+                  <span className="text-sm font-medium text-primary">
                     Name
                   </span>
                 </div>
                 <div className="flex mr-2.5 py-2 items-center">
-                  <span className="text-sm font-semibold text-primary">
+                  <span className="text-sm font-medium text-primary">
                     Chat Input
                   </span>
                 </div>

From 109283b6d0e6f5f54fd42e129b8472e9b50150aa Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 18:09:02 -0300
Subject: [PATCH 123/367] =?UTF-8?q?=F0=9F=94=A7=20chore(base.py):=20add=20?=
 =?UTF-8?q?method=20to=20remove=20unwanted=20base=20classes=20from=20the?=
 =?UTF-8?q?=20list=20of=20base=20classes=20The=20`process=5Fbase=5Fclasses?=
 =?UTF-8?q?`=20method=20is=20added=20to=20the=20`FrontendNode`=20class.=20?=
 =?UTF-8?q?This=20method=20removes=20unwanted=20base=20classes=20specified?=
 =?UTF-8?q?=20in=20the=20`CLASSES=5FTO=5FREMOVE`=20list=20from=20the=20`ba?=
 =?UTF-8?q?se=5Fclasses`=20list.=20This=20ensures=20that=20only=20the=20de?=
 =?UTF-8?q?sired=20base=20classes=20are=20included=20in=20the=20`base=5Fcl?=
 =?UTF-8?q?asses`=20list.=20The=20method=20is=20then=20called=20in=20the?=
 =?UTF-8?q?=20`to=5Fdict`=20method=20to=20ensure=20that=20the=20processed?=
 =?UTF-8?q?=20`base=5Fclasses`=20list=20is=20used=20when=20converting=20th?=
 =?UTF-8?q?e=20`FrontendNode`=20instance=20to=20a=20dictionary.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/base.py | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/backend/langflow/template/frontend_node/base.py b/src/backend/langflow/template/frontend_node/base.py
index 2663164e0..47c8c53f6 100644
--- a/src/backend/langflow/template/frontend_node/base.py
+++ b/src/backend/langflow/template/frontend_node/base.py
@@ -8,6 +8,8 @@ from langflow.template.field.base import TemplateField
 from langflow.template.template.base import Template
 from langflow.utils import constants
 
+CLASSES_TO_REMOVE = ["Serializable", "BaseModel"]
+
 
 class FrontendNode(BaseModel):
     template: Template
@@ -17,7 +19,16 @@ class FrontendNode(BaseModel):
     display_name: str = ""
     custom_fields: List[str] = []
 
+    def process_base_classes(self) -> None:
+        """Removes unwanted base classes from the list of base classes."""
+        self.base_classes = [
+            base_class
+            for base_class in self.base_classes
+            if base_class not in CLASSES_TO_REMOVE
+        ]
+
     def to_dict(self) -> dict:
+        self.process_base_classes()
         return {
             self.name: {
                 "template": self.template.to_dict(self.format_field),

From 37025bdf8200281447b62f87bd707a52b807c8ae Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 18:09:13 -0300
Subject: [PATCH 124/367] =?UTF-8?q?=F0=9F=94=80=20chore(pyproject.toml):?=
 =?UTF-8?q?=20update=20fastapi=20version=20to=200.99.0=20The=20fastapi=20d?=
 =?UTF-8?q?ependency=20version=20has=20been=20updated=20to=200.99.0=20to?=
 =?UTF-8?q?=20ensure=20compatibility=20with=20the=20latest=20features=20an?=
 =?UTF-8?q?d=20bug=20fixes=20provided=20by=20the=20FastAPI=20framework.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 poetry.lock    | 301 +++++++++++++++++++++++++------------------------
 pyproject.toml |   2 +-
 2 files changed, 152 insertions(+), 151 deletions(-)

diff --git a/poetry.lock b/poetry.lock
index 81019657b..db8f1b34d 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -973,14 +973,14 @@ tests = ["pytest"]
 
 [[package]]
 name = "dataclasses-json"
-version = "0.5.8"
+version = "0.5.9"
 description = "Easily serialize dataclasses to and from JSON"
 category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
-    {file = "dataclasses-json-0.5.8.tar.gz", hash = "sha256:6572ac08ad9340abcb74fd8c4c8e9752db2a182a402c8e871d0a8aa119e3804e"},
-    {file = "dataclasses_json-0.5.8-py3-none-any.whl", hash = "sha256:65b167c15fdf9bde27569c09ac18dd39bf1cc5b7998525024cb4678d2653946c"},
+    {file = "dataclasses-json-0.5.9.tar.gz", hash = "sha256:e9ac87b73edc0141aafbce02b44e93553c3123ad574958f0fe52a534b6707e8e"},
+    {file = "dataclasses_json-0.5.9-py3-none-any.whl", hash = "sha256:1280542631df1c375b7bc92e5b86d39e06c44760d7e3571a537b3b8acabf2f0c"},
 ]
 
 [package.dependencies]
@@ -989,7 +989,7 @@ marshmallow-enum = ">=1.5.1,<2.0.0"
 typing-inspect = ">=0.4.0"
 
 [package.extras]
-dev = ["flake8", "hypothesis", "ipython", "mypy (>=0.710)", "portray", "pytest (>=7.2.0)", "simplejson", "types-dataclasses"]
+dev = ["flake8", "hypothesis", "ipython", "mypy (>=0.710)", "portray", "pytest (>=7.2.0)", "setuptools", "simplejson", "twine", "types-dataclasses", "wheel"]
 
 [[package]]
 name = "debugpy"
@@ -1102,13 +1102,13 @@ wmi = ["wmi (>=1.5.1,<2.0.0)"]
 
 [[package]]
 name = "docarray"
-version = "0.21.0"
+version = "0.21.1"
 description = "The data structure for unstructured data"
 category = "main"
 optional = false
 python-versions = "*"
 files = [
-    {file = "docarray-0.21.0.tar.gz", hash = "sha256:3c9f605123800c1b0cdf8c458be3fb19c05e9a81f723e51200ef531b02e689ee"},
+    {file = "docarray-0.21.1.tar.gz", hash = "sha256:3a478707465c263147a98fe32feb0b6eb215c0ed58852135ac86acb7eae5cecb"},
 ]
 
 [package.dependencies]
@@ -1362,19 +1362,20 @@ importlib-resources = {version = ">=5.0", markers = "python_version < \"3.10\""}
 
 [[package]]
 name = "fastapi"
-version = "0.98.0"
+version = "0.99.0"
 description = "FastAPI framework, high performance, easy to learn, fast to code, ready for production"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "fastapi-0.98.0-py3-none-any.whl", hash = "sha256:f4165fb1fe3610c52cb1b8282c1480de9c34bc270f56a965aa93a884c350d605"},
-    {file = "fastapi-0.98.0.tar.gz", hash = "sha256:0d3c18886f652038262b5898fec6b09f4ca92ee23e9d9b1d1d24e429f84bf27b"},
+    {file = "fastapi-0.99.0-py3-none-any.whl", hash = "sha256:b87fffddf9c761c5618f638b492cfb73bba1d208ab170b89122cce52d1fb044a"},
+    {file = "fastapi-0.99.0.tar.gz", hash = "sha256:eab70f072d6c424d16f02ba635dc0945fecab549210e7961c838f4b467f0b4a7"},
 ]
 
 [package.dependencies]
 pydantic = ">=1.7.4,<1.8 || >1.8,<1.8.1 || >1.8.1,<2.0.0"
 starlette = ">=0.27.0,<0.28.0"
+typing-extensions = ">=4.5.0"
 
 [package.extras]
 all = ["email-validator (>=1.1.1)", "httpx (>=0.23.0)", "itsdangerous (>=1.1.0)", "jinja2 (>=2.11.2)", "orjson (>=3.2.1)", "python-multipart (>=0.0.5)", "pyyaml (>=5.3.1)", "ujson (>=4.0.1,!=4.0.2,!=4.1.0,!=4.2.0,!=4.3.0,!=5.0.0,!=5.1.0)", "uvicorn[standard] (>=0.12.0)"]
@@ -1546,14 +1547,14 @@ grpcio-gcp = ["grpcio-gcp (>=0.2.2,<1.0.dev0)"]
 
 [[package]]
 name = "google-api-python-client"
-version = "2.90.0"
+version = "2.91.0"
 description = "Google API Client Library for Python"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "google-api-python-client-2.90.0.tar.gz", hash = "sha256:cbcb3ba8be37c6806676a49df16ac412077e5e5dc7fa967941eff977b31fba03"},
-    {file = "google_api_python_client-2.90.0-py2.py3-none-any.whl", hash = "sha256:4a41ffb7797d4f28e44635fb1e7076240b741c6493e7c3233c0e4421cec7c913"},
+    {file = "google-api-python-client-2.91.0.tar.gz", hash = "sha256:d9385ad6e7f95eecd40f7c81e3abfe4b6ad3a84f2c16bcdb66fb7b8dd814ed56"},
+    {file = "google_api_python_client-2.91.0-py2.py3-none-any.whl", hash = "sha256:6959d21d4b20c0f65c69662ca7b6a8a02fc08f3e7f72d70b28ae3e6e3a5f9ab2"},
 ]
 
 [package.dependencies]
@@ -1565,14 +1566,14 @@ uritemplate = ">=3.0.1,<5"
 
 [[package]]
 name = "google-auth"
-version = "2.20.0"
+version = "2.21.0"
 description = "Google Authentication Library"
 category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
-    {file = "google-auth-2.20.0.tar.gz", hash = "sha256:030af34138909ccde0fbce611afc178f1d65d32fbff281f25738b1fe1c6f3eaa"},
-    {file = "google_auth-2.20.0-py2.py3-none-any.whl", hash = "sha256:23b7b0950fcda519bfb6692bf0d5289d2ea49fc143717cc7188458ec620e63fa"},
+    {file = "google-auth-2.21.0.tar.gz", hash = "sha256:b28e8048e57727e7cf0e5bd8e7276b212aef476654a09511354aa82753b45c66"},
+    {file = "google_auth-2.21.0-py2.py3-none-any.whl", hash = "sha256:da3f18d074fa0f5a7061d99b9af8cee3aa6189c987af7c1b07d94566b6b11268"},
 ]
 
 [package.dependencies]
@@ -2523,14 +2524,14 @@ i18n = ["Babel (>=2.7)"]
 
 [[package]]
 name = "joblib"
-version = "1.2.0"
+version = "1.3.1"
 description = "Lightweight pipelining with Python functions"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "joblib-1.2.0-py3-none-any.whl", hash = "sha256:091138ed78f800342968c523bdde947e7a305b8594b910a0fea2ab83c3c6d385"},
-    {file = "joblib-1.2.0.tar.gz", hash = "sha256:e1cee4a79e4af22881164f218d4311f60074197fb707e082e803b61f6d137018"},
+    {file = "joblib-1.3.1-py3-none-any.whl", hash = "sha256:89cf0529520e01b3de7ac7b74a8102c90d16d54c64b5dd98cafcd14307fdf915"},
+    {file = "joblib-1.3.1.tar.gz", hash = "sha256:1f937906df65329ba98013dc9692fe22a4c5e4a648112de500508b18a21b41e3"},
 ]
 
 [[package]]
@@ -2643,13 +2644,13 @@ text-helpers = ["chardet (>=5.1.0,<6.0.0)"]
 
 [[package]]
 name = "langchain-serve"
-version = "0.0.47"
+version = "0.0.49"
 description = "Langchain Serve - serve your langchain apps on Jina AI Cloud."
 category = "main"
 optional = true
 python-versions = "*"
 files = [
-    {file = "langchain-serve-0.0.47.tar.gz", hash = "sha256:2b7827ddaffa4fe6eb8fa988fc8b9be827ded702340f1644f065200b89fdc3a9"},
+    {file = "langchain-serve-0.0.49.tar.gz", hash = "sha256:5dc30276e709e59838c28508228ad2185e264c8877ea70194fa5d2acd44e966d"},
 ]
 
 [package.dependencies]
@@ -2669,14 +2670,14 @@ test = ["psutil", "pytest", "pytest-asyncio"]
 
 [[package]]
 name = "langchainplus-sdk"
-version = "0.0.17"
+version = "0.0.18"
 description = "Client library to connect to the LangSmith LLM Tracing and Evaluation Platform."
 category = "main"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
-    {file = "langchainplus_sdk-0.0.17-py3-none-any.whl", hash = "sha256:899675fe850bb0829691ce7643d5c3b4425de1535b6f2d6ce1e5f5457ffb05bf"},
-    {file = "langchainplus_sdk-0.0.17.tar.gz", hash = "sha256:6520c864a23dcadbe6fb7233a117347f6acc32725a97758e59354704c50de303"},
+    {file = "langchainplus_sdk-0.0.18-py3-none-any.whl", hash = "sha256:c3daaf5bd333754ef3e6e7c1bd4638f6735f676d036fc2bfdd476dbf09690969"},
+    {file = "langchainplus_sdk-0.0.18.tar.gz", hash = "sha256:63102815c21839dd6bfa88c19b7c99c737982e8356569538ad75884b8412b711"},
 ]
 
 [package.dependencies]
@@ -3199,44 +3200,44 @@ dill = ">=0.3.6"
 
 [[package]]
 name = "mypy"
-version = "1.4.0"
+version = "1.4.1"
 description = "Optional static typing for Python"
 category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "mypy-1.4.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:a3af348e0925a59213244f28c7c0c3a2c2088b4ba2fe9d6c8d4fbb0aba0b7d05"},
-    {file = "mypy-1.4.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:a0b2e0da7ff9dd8d2066d093d35a169305fc4e38db378281fce096768a3dbdbf"},
-    {file = "mypy-1.4.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:210fe0f39ec5be45dd9d0de253cb79245f0a6f27631d62e0c9c7988be7152965"},
-    {file = "mypy-1.4.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:f7a5971490fd4a5a436e143105a1f78fa8b3fe95b30fff2a77542b4f3227a01f"},
-    {file = "mypy-1.4.0-cp310-cp310-win_amd64.whl", hash = "sha256:50f65f0e9985f1e50040e603baebab83efed9eb37e15a22a4246fa7cd660f981"},
-    {file = "mypy-1.4.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:3b1b5c875fcf3e7217a3de7f708166f641ca154b589664c44a6fd6d9f17d9e7e"},
-    {file = "mypy-1.4.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:b4c734d947e761c7ceb1f09a98359dd5666460acbc39f7d0a6b6beec373c5840"},
-    {file = "mypy-1.4.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:f5984a8d13d35624e3b235a793c814433d810acba9eeefe665cdfed3d08bc3af"},
-    {file = "mypy-1.4.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:0f98973e39e4a98709546a9afd82e1ffcc50c6ec9ce6f7870f33ebbf0bd4f26d"},
-    {file = "mypy-1.4.0-cp311-cp311-win_amd64.whl", hash = "sha256:19d42b08c7532d736a7e0fb29525855e355fa51fd6aef4f9bbc80749ff64b1a2"},
-    {file = "mypy-1.4.0-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:6ba9a69172abaa73910643744d3848877d6aac4a20c41742027dcfd8d78f05d9"},
-    {file = "mypy-1.4.0-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:a34eed094c16cad0f6b0d889811592c7a9b7acf10d10a7356349e325d8704b4f"},
-    {file = "mypy-1.4.0-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:53c2a1fed81e05ded10a4557fe12bae05b9ecf9153f162c662a71d924d504135"},
-    {file = "mypy-1.4.0-cp37-cp37m-win_amd64.whl", hash = "sha256:bba57b4d2328740749f676807fcf3036e9de723530781405cc5a5e41fc6e20de"},
-    {file = "mypy-1.4.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:653863c75f0dbb687d92eb0d4bd9fe7047d096987ecac93bb7b1bc336de48ebd"},
-    {file = "mypy-1.4.0-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:7461469e163f87a087a5e7aa224102a30f037c11a096a0ceeb721cb0dce274c8"},
-    {file = "mypy-1.4.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0cf0ca95e4b8adeaf07815a78b4096b65adf64ea7871b39a2116c19497fcd0dd"},
-    {file = "mypy-1.4.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:94a81b9354545123feb1a99b960faeff9e1fa204fce47e0042335b473d71530d"},
-    {file = "mypy-1.4.0-cp38-cp38-win_amd64.whl", hash = "sha256:67242d5b28ed0fa88edd8f880aed24da481929467fdbca6487167cb5e3fd31ff"},
-    {file = "mypy-1.4.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:3f2b353eebef669529d9bd5ae3566905a685ae98b3af3aad7476d0d519714758"},
-    {file = "mypy-1.4.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:62bf18d97c6b089f77f0067b4e321db089d8520cdeefc6ae3ec0f873621c22e5"},
-    {file = "mypy-1.4.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ca33ab70a4aaa75bb01086a0b04f0ba8441e51e06fc57e28585176b08cad533b"},
-    {file = "mypy-1.4.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:5a0ee54c2cb0f957f8a6f41794d68f1a7e32b9968675ade5846f538504856d42"},
-    {file = "mypy-1.4.0-cp39-cp39-win_amd64.whl", hash = "sha256:6c34d43e3d54ad05024576aef28081d9d0580f6fa7f131255f54020eb12f5352"},
-    {file = "mypy-1.4.0-py3-none-any.whl", hash = "sha256:f051ca656be0c179c735a4c3193f307d34c92fdc4908d44fd4516fbe8b10567d"},
-    {file = "mypy-1.4.0.tar.gz", hash = "sha256:de1e7e68148a213036276d1f5303b3836ad9a774188961eb2684eddff593b042"},
+    {file = "mypy-1.4.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:566e72b0cd6598503e48ea610e0052d1b8168e60a46e0bfd34b3acf2d57f96a8"},
+    {file = "mypy-1.4.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:ca637024ca67ab24a7fd6f65d280572c3794665eaf5edcc7e90a866544076878"},
+    {file = "mypy-1.4.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0dde1d180cd84f0624c5dcaaa89c89775550a675aff96b5848de78fb11adabcd"},
+    {file = "mypy-1.4.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:8c4d8e89aa7de683e2056a581ce63c46a0c41e31bd2b6d34144e2c80f5ea53dc"},
+    {file = "mypy-1.4.1-cp310-cp310-win_amd64.whl", hash = "sha256:bfdca17c36ae01a21274a3c387a63aa1aafe72bff976522886869ef131b937f1"},
+    {file = "mypy-1.4.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:7549fbf655e5825d787bbc9ecf6028731973f78088fbca3a1f4145c39ef09462"},
+    {file = "mypy-1.4.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:98324ec3ecf12296e6422939e54763faedbfcc502ea4a4c38502082711867258"},
+    {file = "mypy-1.4.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:141dedfdbfe8a04142881ff30ce6e6653c9685b354876b12e4fe6c78598b45e2"},
+    {file = "mypy-1.4.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:8207b7105829eca6f3d774f64a904190bb2231de91b8b186d21ffd98005f14a7"},
+    {file = "mypy-1.4.1-cp311-cp311-win_amd64.whl", hash = "sha256:16f0db5b641ba159eff72cff08edc3875f2b62b2fa2bc24f68c1e7a4e8232d01"},
+    {file = "mypy-1.4.1-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:470c969bb3f9a9efcedbadcd19a74ffb34a25f8e6b0e02dae7c0e71f8372f97b"},
+    {file = "mypy-1.4.1-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e5952d2d18b79f7dc25e62e014fe5a23eb1a3d2bc66318df8988a01b1a037c5b"},
+    {file = "mypy-1.4.1-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:190b6bab0302cec4e9e6767d3eb66085aef2a1cc98fe04936d8a42ed2ba77bb7"},
+    {file = "mypy-1.4.1-cp37-cp37m-win_amd64.whl", hash = "sha256:9d40652cc4fe33871ad3338581dca3297ff5f2213d0df345bcfbde5162abf0c9"},
+    {file = "mypy-1.4.1-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:01fd2e9f85622d981fd9063bfaef1aed6e336eaacca00892cd2d82801ab7c042"},
+    {file = "mypy-1.4.1-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:2460a58faeea905aeb1b9b36f5065f2dc9a9c6e4c992a6499a2360c6c74ceca3"},
+    {file = "mypy-1.4.1-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:a2746d69a8196698146a3dbe29104f9eb6a2a4d8a27878d92169a6c0b74435b6"},
+    {file = "mypy-1.4.1-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:ae704dcfaa180ff7c4cfbad23e74321a2b774f92ca77fd94ce1049175a21c97f"},
+    {file = "mypy-1.4.1-cp38-cp38-win_amd64.whl", hash = "sha256:43d24f6437925ce50139a310a64b2ab048cb2d3694c84c71c3f2a1626d8101dc"},
+    {file = "mypy-1.4.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:c482e1246726616088532b5e964e39765b6d1520791348e6c9dc3af25b233828"},
+    {file = "mypy-1.4.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:43b592511672017f5b1a483527fd2684347fdffc041c9ef53428c8dc530f79a3"},
+    {file = "mypy-1.4.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:34a9239d5b3502c17f07fd7c0b2ae6b7dd7d7f6af35fbb5072c6208e76295816"},
+    {file = "mypy-1.4.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:5703097c4936bbb9e9bce41478c8d08edd2865e177dc4c52be759f81ee4dd26c"},
+    {file = "mypy-1.4.1-cp39-cp39-win_amd64.whl", hash = "sha256:e02d700ec8d9b1859790c0475df4e4092c7bf3272a4fd2c9f33d87fac4427b8f"},
+    {file = "mypy-1.4.1-py3-none-any.whl", hash = "sha256:45d32cec14e7b97af848bddd97d85ea4f0db4d5a149ed9676caa4eb2f7402bb4"},
+    {file = "mypy-1.4.1.tar.gz", hash = "sha256:9bbcd9ab8ea1f2e1c8031c21445b511442cc45c89951e49bbf852cbb70755b1b"},
 ]
 
 [package.dependencies]
 mypy-extensions = ">=1.0.0"
 tomli = {version = ">=1.1.0", markers = "python_version < \"3.11\""}
-typing-extensions = ">=3.10"
+typing-extensions = ">=4.1.0"
 
 [package.extras]
 dmypy = ["psutil (>=4.0)"]
@@ -4500,48 +4501,48 @@ files = [
 
 [[package]]
 name = "pydantic"
-version = "1.10.9"
+version = "1.10.10"
 description = "Data validation and settings management using python type hints"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "pydantic-1.10.9-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:e692dec4a40bfb40ca530e07805b1208c1de071a18d26af4a2a0d79015b352ca"},
-    {file = "pydantic-1.10.9-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:3c52eb595db83e189419bf337b59154bdcca642ee4b2a09e5d7797e41ace783f"},
-    {file = "pydantic-1.10.9-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:939328fd539b8d0edf244327398a667b6b140afd3bf7e347cf9813c736211896"},
-    {file = "pydantic-1.10.9-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:b48d3d634bca23b172f47f2335c617d3fcb4b3ba18481c96b7943a4c634f5c8d"},
-    {file = "pydantic-1.10.9-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:f0b7628fb8efe60fe66fd4adadd7ad2304014770cdc1f4934db41fe46cc8825f"},
-    {file = "pydantic-1.10.9-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:e1aa5c2410769ca28aa9a7841b80d9d9a1c5f223928ca8bec7e7c9a34d26b1d4"},
-    {file = "pydantic-1.10.9-cp310-cp310-win_amd64.whl", hash = "sha256:eec39224b2b2e861259d6f3c8b6290d4e0fbdce147adb797484a42278a1a486f"},
-    {file = "pydantic-1.10.9-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:d111a21bbbfd85c17248130deac02bbd9b5e20b303338e0dbe0faa78330e37e0"},
-    {file = "pydantic-1.10.9-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:2e9aec8627a1a6823fc62fb96480abe3eb10168fd0d859ee3d3b395105ae19a7"},
-    {file = "pydantic-1.10.9-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:07293ab08e7b4d3c9d7de4949a0ea571f11e4557d19ea24dd3ae0c524c0c334d"},
-    {file = "pydantic-1.10.9-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:7ee829b86ce984261d99ff2fd6e88f2230068d96c2a582f29583ed602ef3fc2c"},
-    {file = "pydantic-1.10.9-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:4b466a23009ff5cdd7076eb56aca537c745ca491293cc38e72bf1e0e00de5b91"},
-    {file = "pydantic-1.10.9-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:7847ca62e581e6088d9000f3c497267868ca2fa89432714e21a4fb33a04d52e8"},
-    {file = "pydantic-1.10.9-cp311-cp311-win_amd64.whl", hash = "sha256:7845b31959468bc5b78d7b95ec52fe5be32b55d0d09983a877cca6aedc51068f"},
-    {file = "pydantic-1.10.9-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:517a681919bf880ce1dac7e5bc0c3af1e58ba118fd774da2ffcd93c5f96eaece"},
-    {file = "pydantic-1.10.9-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:67195274fd27780f15c4c372f4ba9a5c02dad6d50647b917b6a92bf00b3d301a"},
-    {file = "pydantic-1.10.9-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:2196c06484da2b3fded1ab6dbe182bdabeb09f6318b7fdc412609ee2b564c49a"},
-    {file = "pydantic-1.10.9-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:6257bb45ad78abacda13f15bde5886efd6bf549dd71085e64b8dcf9919c38b60"},
-    {file = "pydantic-1.10.9-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:3283b574b01e8dbc982080d8287c968489d25329a463b29a90d4157de4f2baaf"},
-    {file = "pydantic-1.10.9-cp37-cp37m-win_amd64.whl", hash = "sha256:5f8bbaf4013b9a50e8100333cc4e3fa2f81214033e05ac5aa44fa24a98670a29"},
-    {file = "pydantic-1.10.9-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:b9cd67fb763248cbe38f0593cd8611bfe4b8ad82acb3bdf2b0898c23415a1f82"},
-    {file = "pydantic-1.10.9-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:f50e1764ce9353be67267e7fd0da08349397c7db17a562ad036aa7c8f4adfdb6"},
-    {file = "pydantic-1.10.9-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:73ef93e5e1d3c8e83f1ff2e7fdd026d9e063c7e089394869a6e2985696693766"},
-    {file = "pydantic-1.10.9-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:128d9453d92e6e81e881dd7e2484e08d8b164da5507f62d06ceecf84bf2e21d3"},
-    {file = "pydantic-1.10.9-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:ad428e92ab68798d9326bb3e5515bc927444a3d71a93b4a2ca02a8a5d795c572"},
-    {file = "pydantic-1.10.9-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:fab81a92f42d6d525dd47ced310b0c3e10c416bbfae5d59523e63ea22f82b31e"},
-    {file = "pydantic-1.10.9-cp38-cp38-win_amd64.whl", hash = "sha256:963671eda0b6ba6926d8fc759e3e10335e1dc1b71ff2a43ed2efd6996634dafb"},
-    {file = "pydantic-1.10.9-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:970b1bdc6243ef663ba5c7e36ac9ab1f2bfecb8ad297c9824b542d41a750b298"},
-    {file = "pydantic-1.10.9-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:7e1d5290044f620f80cf1c969c542a5468f3656de47b41aa78100c5baa2b8276"},
-    {file = "pydantic-1.10.9-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:83fcff3c7df7adff880622a98022626f4f6dbce6639a88a15a3ce0f96466cb60"},
-    {file = "pydantic-1.10.9-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:0da48717dc9495d3a8f215e0d012599db6b8092db02acac5e0d58a65248ec5bc"},
-    {file = "pydantic-1.10.9-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:0a2aabdc73c2a5960e87c3ffebca6ccde88665616d1fd6d3db3178ef427b267a"},
-    {file = "pydantic-1.10.9-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:9863b9420d99dfa9c064042304868e8ba08e89081428a1c471858aa2af6f57c4"},
-    {file = "pydantic-1.10.9-cp39-cp39-win_amd64.whl", hash = "sha256:e7c9900b43ac14110efa977be3da28931ffc74c27e96ee89fbcaaf0b0fe338e1"},
-    {file = "pydantic-1.10.9-py3-none-any.whl", hash = "sha256:6cafde02f6699ce4ff643417d1a9223716ec25e228ddc3b436fe7e2d25a1f305"},
-    {file = "pydantic-1.10.9.tar.gz", hash = "sha256:95c70da2cd3b6ddf3b9645ecaa8d98f3d80c606624b6d245558d202cd23ea3be"},
+    {file = "pydantic-1.10.10-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:adad1ee4ab9888f12dac2529276704e719efcf472e38df7813f5284db699b4ec"},
+    {file = "pydantic-1.10.10-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:7a7db03339893feef2092ff7b1afc9497beed15ebd4af84c3042a74abce02d48"},
+    {file = "pydantic-1.10.10-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:67b3714b97ff84b2689654851c2426389bcabfac9080617bcf4306c69db606f6"},
+    {file = "pydantic-1.10.10-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:edfdf0a5abc5c9bf2052ebaec20e67abd52e92d257e4f2d30e02c354ed3e6030"},
+    {file = "pydantic-1.10.10-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:20a3b30fd255eeeb63caa9483502ba96b7795ce5bf895c6a179b3d909d9f53a6"},
+    {file = "pydantic-1.10.10-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:db4c7f7e60ca6f7d6c1785070f3e5771fcb9b2d88546e334d2f2c3934d949028"},
+    {file = "pydantic-1.10.10-cp310-cp310-win_amd64.whl", hash = "sha256:a2d5be50ac4a0976817144c7d653e34df2f9436d15555189f5b6f61161d64183"},
+    {file = "pydantic-1.10.10-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:566a04ba755e8f701b074ffb134ddb4d429f75d5dced3fbd829a527aafe74c71"},
+    {file = "pydantic-1.10.10-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:f79db3652ed743309f116ba863dae0c974a41b688242482638b892246b7db21d"},
+    {file = "pydantic-1.10.10-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:c62376890b819bebe3c717a9ac841a532988372b7e600e76f75c9f7c128219d5"},
+    {file = "pydantic-1.10.10-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:4870f13a4fafd5bc3e93cff3169222534fad867918b188e83ee0496452978437"},
+    {file = "pydantic-1.10.10-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:990027e77cda6072a566e433b6962ca3b96b4f3ae8bd54748e9d62a58284d9d7"},
+    {file = "pydantic-1.10.10-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:8c40964596809eb616d94f9c7944511f620a1103d63d5510440ed2908fc410af"},
+    {file = "pydantic-1.10.10-cp311-cp311-win_amd64.whl", hash = "sha256:ea9eebc2ebcba3717e77cdeee3f6203ffc0e78db5f7482c68b1293e8cc156e5e"},
+    {file = "pydantic-1.10.10-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:762aa598f79b4cac2f275d13336b2dd8662febee2a9c450a49a2ab3bec4b385f"},
+    {file = "pydantic-1.10.10-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6dab5219659f95e357d98d70577b361383057fb4414cfdb587014a5f5c595f7b"},
+    {file = "pydantic-1.10.10-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:f3d4ee957a727ccb5a36f1b0a6dbd9fad5dedd2a41eada99a8df55c12896e18d"},
+    {file = "pydantic-1.10.10-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:b69f9138dec566962ec65623c9d57bee44412d2fc71065a5f3ebb3820bdeee96"},
+    {file = "pydantic-1.10.10-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:7aa75d1bd9cc275cf9782f50f60cddaf74cbaae19b6ada2a28e737edac420312"},
+    {file = "pydantic-1.10.10-cp37-cp37m-win_amd64.whl", hash = "sha256:9f62a727f5c590c78c2d12fda302d1895141b767c6488fe623098f8792255fe5"},
+    {file = "pydantic-1.10.10-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:aac218feb4af73db8417ca7518fb3bade4534fcca6e3fb00f84966811dd94450"},
+    {file = "pydantic-1.10.10-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:88546dc10a40b5b52cae87d64666787aeb2878f9a9b37825aedc2f362e7ae1da"},
+    {file = "pydantic-1.10.10-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:c41bbaae89e32fc582448e71974de738c055aef5ab474fb25692981a08df808a"},
+    {file = "pydantic-1.10.10-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:2b71bd504d1573b0b722ae536e8ffb796bedeef978979d076bf206e77dcc55a5"},
+    {file = "pydantic-1.10.10-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:e088e3865a2270ecbc369924cd7d9fbc565667d9158e7f304e4097ebb9cf98dd"},
+    {file = "pydantic-1.10.10-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:3403a090db45d4027d2344859d86eb797484dfda0706cf87af79ace6a35274ef"},
+    {file = "pydantic-1.10.10-cp38-cp38-win_amd64.whl", hash = "sha256:e0014e29637125f4997c174dd6167407162d7af0da73414a9340461ea8573252"},
+    {file = "pydantic-1.10.10-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:9965e49c6905840e526e5429b09e4c154355b6ecc0a2f05492eda2928190311d"},
+    {file = "pydantic-1.10.10-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:748d10ab6089c5d196e1c8be9de48274f71457b01e59736f7a09c9dc34f51887"},
+    {file = "pydantic-1.10.10-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:86936c383f7c38fd26d35107eb669c85d8f46dfceae873264d9bab46fe1c7dde"},
+    {file = "pydantic-1.10.10-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:7a26841be620309a9697f5b1ffc47dce74909e350c5315ccdac7a853484d468a"},
+    {file = "pydantic-1.10.10-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:409b810f387610cc7405ab2fa6f62bdf7ea485311845a242ebc0bd0496e7e5ac"},
+    {file = "pydantic-1.10.10-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:ce937a2a2c020bcad1c9fde02892392a1123de6dda906ddba62bfe8f3e5989a2"},
+    {file = "pydantic-1.10.10-cp39-cp39-win_amd64.whl", hash = "sha256:37ebddef68370e6f26243acc94de56d291e01227a67b2ace26ea3543cf53dd5f"},
+    {file = "pydantic-1.10.10-py3-none-any.whl", hash = "sha256:a5939ec826f7faec434e2d406ff5e4eaf1716eb1f247d68cd3d0b3612f7b4c8a"},
+    {file = "pydantic-1.10.10.tar.gz", hash = "sha256:3b8d5bd97886f9eb59260594207c9f57dce14a6f869c6ceea90188715d29921a"},
 ]
 
 [package.dependencies]
@@ -4690,14 +4691,14 @@ diagrams = ["jinja2", "railroad-diagrams"]
 
 [[package]]
 name = "pypdf"
-version = "3.11.0"
+version = "3.11.1"
 description = "A pure-python PDF library capable of splitting, merging, cropping, and transforming PDF files"
 category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
-    {file = "pypdf-3.11.0-py3-none-any.whl", hash = "sha256:4f1fd2c1ee05e381e05447152d9e993016666647578fcdd7cf15739d13536861"},
-    {file = "pypdf-3.11.0.tar.gz", hash = "sha256:2f5b9b28763234427cd6e525795e583aae7e36a79bdadd48ba8ab5277c12182a"},
+    {file = "pypdf-3.11.1-py3-none-any.whl", hash = "sha256:2afc8914355a784fb184f60ae82fe10f9b992aa0733b705f0746966e470f98bd"},
+    {file = "pypdf-3.11.1.tar.gz", hash = "sha256:198c4d0231525d0b730cbbd11a5fc7d9a2e410dfc8ae2928c8de000b7ef149c5"},
 ]
 
 [package.dependencies]
@@ -4977,14 +4978,14 @@ files = [
 
 [[package]]
 name = "pywin32-ctypes"
-version = "0.2.1"
+version = "0.2.2"
 description = "A (partial) reimplementation of pywin32 using ctypes/cffi"
 category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
-    {file = "pywin32-ctypes-0.2.1.tar.gz", hash = "sha256:934a2def1e5cbc472b2b6bf80680c0f03cd87df65dfd58bfd1846969de095b03"},
-    {file = "pywin32_ctypes-0.2.1-py3-none-any.whl", hash = "sha256:b9a53ef754c894a525469933ab2a447c74ec1ea6b9d2ef446f40ec50d3dcec9f"},
+    {file = "pywin32-ctypes-0.2.2.tar.gz", hash = "sha256:3426e063bdd5fd4df74a14fa3cf80a0b42845a87e1d1e81f6549f9daec593a60"},
+    {file = "pywin32_ctypes-0.2.2-py3-none-any.whl", hash = "sha256:bf490a1a709baf35d688fe0ecf980ed4de11d2b3e37b51e5442587a75d9957e7"},
 ]
 
 [[package]]
@@ -5129,14 +5130,14 @@ cffi = {version = "*", markers = "implementation_name == \"pypy\""}
 
 [[package]]
 name = "qdrant-client"
-version = "1.3.0"
+version = "1.3.1"
 description = "Client library for the Qdrant vector search engine"
 category = "main"
 optional = false
 python-versions = ">=3.7,<3.12"
 files = [
-    {file = "qdrant_client-1.3.0-py3-none-any.whl", hash = "sha256:f5ab40e24dd31d919475f9a1d7823b1eff2f4df8b4af1812abf19e2789b7021e"},
-    {file = "qdrant_client-1.3.0.tar.gz", hash = "sha256:68168e9b69af7c49ea5f9e90e027ae1944d2a1ee1ea6701315e0ba8a2fdc4a63"},
+    {file = "qdrant_client-1.3.1-py3-none-any.whl", hash = "sha256:9640855585d1f532094e342f07e0f2ef00652a60fc5d903c92ca3989a1e86318"},
+    {file = "qdrant_client-1.3.1.tar.gz", hash = "sha256:a999358b10e611d71b4b04c6ded36a6cfc963e56b4c3f99d9c1a603ca524a82e"},
 ]
 
 [package.dependencies]
@@ -5402,74 +5403,74 @@ files = [
 
 [[package]]
 name = "scikit-learn"
-version = "1.2.2"
+version = "1.3.0"
 description = "A set of python modules for machine learning and data mining"
 category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
-    {file = "scikit-learn-1.2.2.tar.gz", hash = "sha256:8429aea30ec24e7a8c7ed8a3fa6213adf3814a6efbea09e16e0a0c71e1a1a3d7"},
-    {file = "scikit_learn-1.2.2-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:99cc01184e347de485bf253d19fcb3b1a3fb0ee4cea5ee3c43ec0cc429b6d29f"},
-    {file = "scikit_learn-1.2.2-cp310-cp310-macosx_12_0_arm64.whl", hash = "sha256:e6e574db9914afcb4e11ade84fab084536a895ca60aadea3041e85b8ac963edb"},
-    {file = "scikit_learn-1.2.2-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:6fe83b676f407f00afa388dd1fdd49e5c6612e551ed84f3b1b182858f09e987d"},
-    {file = "scikit_learn-1.2.2-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:2e2642baa0ad1e8f8188917423dd73994bf25429f8893ddbe115be3ca3183584"},
-    {file = "scikit_learn-1.2.2-cp310-cp310-win_amd64.whl", hash = "sha256:ad66c3848c0a1ec13464b2a95d0a484fd5b02ce74268eaa7e0c697b904f31d6c"},
-    {file = "scikit_learn-1.2.2-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:dfeaf8be72117eb61a164ea6fc8afb6dfe08c6f90365bde2dc16456e4bc8e45f"},
-    {file = "scikit_learn-1.2.2-cp311-cp311-macosx_12_0_arm64.whl", hash = "sha256:fe0aa1a7029ed3e1dcbf4a5bc675aa3b1bc468d9012ecf6c6f081251ca47f590"},
-    {file = "scikit_learn-1.2.2-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:065e9673e24e0dc5113e2dd2b4ca30c9d8aa2fa90f4c0597241c93b63130d233"},
-    {file = "scikit_learn-1.2.2-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:bf036ea7ef66115e0d49655f16febfa547886deba20149555a41d28f56fd6d3c"},
-    {file = "scikit_learn-1.2.2-cp311-cp311-win_amd64.whl", hash = "sha256:8b0670d4224a3c2d596fd572fb4fa673b2a0ccfb07152688ebd2ea0b8c61025c"},
-    {file = "scikit_learn-1.2.2-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:9c710ff9f9936ba8a3b74a455ccf0dcf59b230caa1e9ba0223773c490cab1e51"},
-    {file = "scikit_learn-1.2.2-cp38-cp38-macosx_12_0_arm64.whl", hash = "sha256:2dd3ffd3950e3d6c0c0ef9033a9b9b32d910c61bd06cb8206303fb4514b88a49"},
-    {file = "scikit_learn-1.2.2-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:44b47a305190c28dd8dd73fc9445f802b6ea716669cfc22ab1eb97b335d238b1"},
-    {file = "scikit_learn-1.2.2-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:953236889928d104c2ef14027539f5f2609a47ebf716b8cbe4437e85dce42744"},
-    {file = "scikit_learn-1.2.2-cp38-cp38-win_amd64.whl", hash = "sha256:7f69313884e8eb311460cc2f28676d5e400bd929841a2c8eb8742ae78ebf7c20"},
-    {file = "scikit_learn-1.2.2-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:8156db41e1c39c69aa2d8599ab7577af53e9e5e7a57b0504e116cc73c39138dd"},
-    {file = "scikit_learn-1.2.2-cp39-cp39-macosx_12_0_arm64.whl", hash = "sha256:fe175ee1dab589d2e1033657c5b6bec92a8a3b69103e3dd361b58014729975c3"},
-    {file = "scikit_learn-1.2.2-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:7d5312d9674bed14f73773d2acf15a3272639b981e60b72c9b190a0cffed5bad"},
-    {file = "scikit_learn-1.2.2-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ea061bf0283bf9a9f36ea3c5d3231ba2176221bbd430abd2603b1c3b2ed85c89"},
-    {file = "scikit_learn-1.2.2-cp39-cp39-win_amd64.whl", hash = "sha256:6477eed40dbce190f9f9e9d0d37e020815825b300121307942ec2110302b66a3"},
+    {file = "scikit-learn-1.3.0.tar.gz", hash = "sha256:8be549886f5eda46436b6e555b0e4873b4f10aa21c07df45c4bc1735afbccd7a"},
+    {file = "scikit_learn-1.3.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:981287869e576d42c682cf7ca96af0c6ac544ed9316328fd0d9292795c742cf5"},
+    {file = "scikit_learn-1.3.0-cp310-cp310-macosx_12_0_arm64.whl", hash = "sha256:436aaaae2c916ad16631142488e4c82f4296af2404f480e031d866863425d2a2"},
+    {file = "scikit_learn-1.3.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c7e28d8fa47a0b30ae1bd7a079519dd852764e31708a7804da6cb6f8b36e3630"},
+    {file = "scikit_learn-1.3.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ae80c08834a473d08a204d966982a62e11c976228d306a2648c575e3ead12111"},
+    {file = "scikit_learn-1.3.0-cp310-cp310-win_amd64.whl", hash = "sha256:552fd1b6ee22900cf1780d7386a554bb96949e9a359999177cf30211e6b20df6"},
+    {file = "scikit_learn-1.3.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:79970a6d759eb00a62266a31e2637d07d2d28446fca8079cf9afa7c07b0427f8"},
+    {file = "scikit_learn-1.3.0-cp311-cp311-macosx_12_0_arm64.whl", hash = "sha256:850a00b559e636b23901aabbe79b73dc604b4e4248ba9e2d6e72f95063765603"},
+    {file = "scikit_learn-1.3.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ee04835fb016e8062ee9fe9074aef9b82e430504e420bff51e3e5fffe72750ca"},
+    {file = "scikit_learn-1.3.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9d953531f5d9f00c90c34fa3b7d7cfb43ecff4c605dac9e4255a20b114a27369"},
+    {file = "scikit_learn-1.3.0-cp311-cp311-win_amd64.whl", hash = "sha256:151ac2bf65ccf363664a689b8beafc9e6aae36263db114b4ca06fbbbf827444a"},
+    {file = "scikit_learn-1.3.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:6a885a9edc9c0a341cab27ec4f8a6c58b35f3d449c9d2503a6fd23e06bbd4f6a"},
+    {file = "scikit_learn-1.3.0-cp38-cp38-macosx_12_0_arm64.whl", hash = "sha256:9877af9c6d1b15486e18a94101b742e9d0d2f343d35a634e337411ddb57783f3"},
+    {file = "scikit_learn-1.3.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c470f53cea065ff3d588050955c492793bb50c19a92923490d18fcb637f6383a"},
+    {file = "scikit_learn-1.3.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:fd6e2d7389542eae01077a1ee0318c4fec20c66c957f45c7aac0c6eb0fe3c612"},
+    {file = "scikit_learn-1.3.0-cp38-cp38-win_amd64.whl", hash = "sha256:3a11936adbc379a6061ea32fa03338d4ca7248d86dd507c81e13af428a5bc1db"},
+    {file = "scikit_learn-1.3.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:998d38fcec96584deee1e79cd127469b3ad6fefd1ea6c2dfc54e8db367eb396b"},
+    {file = "scikit_learn-1.3.0-cp39-cp39-macosx_12_0_arm64.whl", hash = "sha256:ded35e810438a527e17623ac6deae3b360134345b7c598175ab7741720d7ffa7"},
+    {file = "scikit_learn-1.3.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0e8102d5036e28d08ab47166b48c8d5e5810704daecf3a476a4282d562be9a28"},
+    {file = "scikit_learn-1.3.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7617164951c422747e7c32be4afa15d75ad8044f42e7d70d3e2e0429a50e6718"},
+    {file = "scikit_learn-1.3.0-cp39-cp39-win_amd64.whl", hash = "sha256:1d54fb9e6038284548072df22fd34777e434153f7ffac72c8596f2d6987110dd"},
 ]
 
 [package.dependencies]
 joblib = ">=1.1.1"
 numpy = ">=1.17.3"
-scipy = ">=1.3.2"
+scipy = ">=1.5.0"
 threadpoolctl = ">=2.0.0"
 
 [package.extras]
 benchmark = ["matplotlib (>=3.1.3)", "memory-profiler (>=0.57.0)", "pandas (>=1.0.5)"]
-docs = ["Pillow (>=7.1.2)", "matplotlib (>=3.1.3)", "memory-profiler (>=0.57.0)", "numpydoc (>=1.2.0)", "pandas (>=1.0.5)", "plotly (>=5.10.0)", "pooch (>=1.6.0)", "scikit-image (>=0.16.2)", "seaborn (>=0.9.0)", "sphinx (>=4.0.1)", "sphinx-gallery (>=0.7.0)", "sphinx-prompt (>=1.3.0)", "sphinxext-opengraph (>=0.4.2)"]
-examples = ["matplotlib (>=3.1.3)", "pandas (>=1.0.5)", "plotly (>=5.10.0)", "pooch (>=1.6.0)", "scikit-image (>=0.16.2)", "seaborn (>=0.9.0)"]
-tests = ["black (>=22.3.0)", "flake8 (>=3.8.2)", "matplotlib (>=3.1.3)", "mypy (>=0.961)", "numpydoc (>=1.2.0)", "pandas (>=1.0.5)", "pooch (>=1.6.0)", "pyamg (>=4.0.0)", "pytest (>=5.3.1)", "pytest-cov (>=2.9.0)", "scikit-image (>=0.16.2)"]
+docs = ["Pillow (>=7.1.2)", "matplotlib (>=3.1.3)", "memory-profiler (>=0.57.0)", "numpydoc (>=1.2.0)", "pandas (>=1.0.5)", "plotly (>=5.14.0)", "pooch (>=1.6.0)", "scikit-image (>=0.16.2)", "seaborn (>=0.9.0)", "sphinx (>=6.0.0)", "sphinx-copybutton (>=0.5.2)", "sphinx-gallery (>=0.10.1)", "sphinx-prompt (>=1.3.0)", "sphinxext-opengraph (>=0.4.2)"]
+examples = ["matplotlib (>=3.1.3)", "pandas (>=1.0.5)", "plotly (>=5.14.0)", "pooch (>=1.6.0)", "scikit-image (>=0.16.2)", "seaborn (>=0.9.0)"]
+tests = ["black (>=23.3.0)", "matplotlib (>=3.1.3)", "mypy (>=1.3)", "numpydoc (>=1.2.0)", "pandas (>=1.0.5)", "pooch (>=1.6.0)", "pyamg (>=4.0.0)", "pytest (>=7.1.2)", "pytest-cov (>=2.9.0)", "ruff (>=0.0.272)", "scikit-image (>=0.16.2)"]
 
 [[package]]
 name = "scipy"
-version = "1.11.0"
+version = "1.11.1"
 description = "Fundamental algorithms for scientific computing in Python"
 category = "main"
 optional = false
 python-versions = "<3.13,>=3.9"
 files = [
-    {file = "scipy-1.11.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:2e4f14c11fbf825319dbd7f467639a241e7c956c34edb1e036ec7bb6271e4f7b"},
-    {file = "scipy-1.11.0-cp310-cp310-macosx_12_0_arm64.whl", hash = "sha256:b269ed44e2e2e43611f2ae95ba551fd98abbdc1a7ea8268f72f75876982368c4"},
-    {file = "scipy-1.11.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:2c29bae479b17d85208dfdfc67e50d5944ee23211f236728aadde9b0b7c1c33e"},
-    {file = "scipy-1.11.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:a53f9cebcfda6158c241c35a559407a4ef6b8cb0863eb4144958fe0a0b7c3dae"},
-    {file = "scipy-1.11.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:ebf4b2ea26d50312731ddba2406389c5ddcbff9d777cf3277ea11decc81e5dfb"},
-    {file = "scipy-1.11.0-cp310-cp310-win_amd64.whl", hash = "sha256:894ced9a2cdb050ff5e392f274617af46dca896d5c9112fa4a2019929554d321"},
-    {file = "scipy-1.11.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:7a92bd3cd4acad2e0e0b360176d5ec68b100983c8145add8a8233acddf4e5fcc"},
-    {file = "scipy-1.11.0-cp311-cp311-macosx_12_0_arm64.whl", hash = "sha256:586608ea35206257d4e0ce6f154a6cfef71723b2c1f6d40de5e0b0e8a81cd2ff"},
-    {file = "scipy-1.11.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d8e631c3c49c24f30828580b8126fe3be5cca5409dad5b797418a5b8965eeafa"},
-    {file = "scipy-1.11.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ccc70892ea674f93183c5c4139557b611e42f644dd755da4b19ca974ab770672"},
-    {file = "scipy-1.11.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:80015b8928f91bd40377b2b1010ba2e09b03680cbfc291208740494aeb8debf2"},
-    {file = "scipy-1.11.0-cp311-cp311-win_amd64.whl", hash = "sha256:6302c7cba5bf99c901653ff158746625526cc438f058bce41514d7469b79b2c3"},
-    {file = "scipy-1.11.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:c61ea63124da6a3cff38126426912cc86420898b4902a9bc5e5b6524547a6dcb"},
-    {file = "scipy-1.11.0-cp39-cp39-macosx_12_0_arm64.whl", hash = "sha256:684d44607eacd5dd367c7a9e76e922523fa9c0a7f2379a4d0fc4d70d751464cc"},
-    {file = "scipy-1.11.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:f0c9c160d117fe71cd2a12ef21cce8e0475ade2fd97c761ef327b9839089bd16"},
-    {file = "scipy-1.11.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:83867a63515c4e3fce3272d81200dda614d70f4c3a22f047d84021bfe83d7929"},
-    {file = "scipy-1.11.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:6666a1e31b2123a077f0dc7ab1053e36479cfd457fb9f5c367e7198505c6607a"},
-    {file = "scipy-1.11.0-cp39-cp39-win_amd64.whl", hash = "sha256:fad4006248513528e0c496de295a9f4d2b65086cc0e388f748e7dbf49fa12760"},
-    {file = "scipy-1.11.0.tar.gz", hash = "sha256:f9b0248cb9d08eead44cde47cbf6339f1e9aa0dfde28f5fb27950743e317bd5d"},
+    {file = "scipy-1.11.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:aec8c62fbe52914f9cf28d846cf0401dd80ab80788bbab909434eb336ed07c04"},
+    {file = "scipy-1.11.1-cp310-cp310-macosx_12_0_arm64.whl", hash = "sha256:3b9963798df1d8a52db41a6fc0e6fa65b1c60e85d73da27ae8bb754de4792481"},
+    {file = "scipy-1.11.1-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3e8eb42db36526b130dfbc417609498a6192381abc1975b91e3eb238e0b41c1a"},
+    {file = "scipy-1.11.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:366a6a937110d80dca4f63b3f5b00cc89d36f678b2d124a01067b154e692bab1"},
+    {file = "scipy-1.11.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:08d957ca82d3535b3b9ba6c8ff355d78fe975271874e2af267cb5add5bd78625"},
+    {file = "scipy-1.11.1-cp310-cp310-win_amd64.whl", hash = "sha256:e866514bc2d660608447b6ba95c8900d591f2865c07cca0aa4f7ff3c4ca70f30"},
+    {file = "scipy-1.11.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:ba94eeef3c9caa4cea7b402a35bb02a5714ee1ee77eb98aca1eed4543beb0f4c"},
+    {file = "scipy-1.11.1-cp311-cp311-macosx_12_0_arm64.whl", hash = "sha256:512fdc18c65f76dadaca139348e525646d440220d8d05f6d21965b8d4466bccd"},
+    {file = "scipy-1.11.1-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:cce154372f0ebe88556ed06d7b196e9c2e0c13080ecb58d0f35062dc7cc28b47"},
+    {file = "scipy-1.11.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:b4bb943010203465ac81efa392e4645265077b4d9e99b66cf3ed33ae12254173"},
+    {file = "scipy-1.11.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:249cfa465c379c9bb2c20123001e151ff5e29b351cbb7f9c91587260602c58d0"},
+    {file = "scipy-1.11.1-cp311-cp311-win_amd64.whl", hash = "sha256:ffb28e3fa31b9c376d0fb1f74c1f13911c8c154a760312fbee87a21eb21efe31"},
+    {file = "scipy-1.11.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:39154437654260a52871dfde852adf1b93b1d1bc5dc0ffa70068f16ec0be2624"},
+    {file = "scipy-1.11.1-cp39-cp39-macosx_12_0_arm64.whl", hash = "sha256:b588311875c58d1acd4ef17c983b9f1ab5391755a47c3d70b6bd503a45bfaf71"},
+    {file = "scipy-1.11.1-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d51565560565a0307ed06fa0ec4c6f21ff094947d4844d6068ed04400c72d0c3"},
+    {file = "scipy-1.11.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:b41a0f322b4eb51b078cb3441e950ad661ede490c3aca66edef66f4b37ab1877"},
+    {file = "scipy-1.11.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:396fae3f8c12ad14c5f3eb40499fd06a6fef8393a6baa352a652ecd51e74e029"},
+    {file = "scipy-1.11.1-cp39-cp39-win_amd64.whl", hash = "sha256:be8c962a821957fdde8c4044efdab7a140c13294997a407eaee777acf63cbf0c"},
+    {file = "scipy-1.11.1.tar.gz", hash = "sha256:fb5b492fa035334fd249f0973cc79ecad8b09c604b42a127a677b45a9a3d4289"},
 ]
 
 [package.dependencies]
@@ -5854,14 +5855,14 @@ typing-extensions = ">=4.2.0,<5.0.0"
 
 [[package]]
 name = "strenum"
-version = "0.4.10"
+version = "0.4.15"
 description = "An Enum that inherits from str."
 category = "main"
 optional = false
 python-versions = "*"
 files = [
-    {file = "StrEnum-0.4.10-py3-none-any.whl", hash = "sha256:aebf04bba8e5af435937c452d69a86798b6f8d5ca5f20ba18561dbfad571ccdd"},
-    {file = "StrEnum-0.4.10.tar.gz", hash = "sha256:898cc0ebb5054ee07400341ac1d75fdfee489d76d6df3fbc1c2eaf95971e3916"},
+    {file = "StrEnum-0.4.15-py3-none-any.whl", hash = "sha256:a30cda4af7cc6b5bf52c8055bc4bf4b2b6b14a93b574626da33df53cf7740659"},
+    {file = "StrEnum-0.4.15.tar.gz", hash = "sha256:878fb5ab705442070e4dd1929bb5e2249511c0bcf2b0eeacf3bcd80875c82eff"},
 ]
 
 [package.extras]
@@ -6382,14 +6383,14 @@ files = [
 
 [[package]]
 name = "types-pillow"
-version = "9.5.0.4"
+version = "9.5.0.5"
 description = "Typing stubs for Pillow"
 category = "dev"
 optional = false
 python-versions = "*"
 files = [
-    {file = "types-Pillow-9.5.0.4.tar.gz", hash = "sha256:f1b6af47abd151847ee25911ffeba784899bc7dc7f9eba8ca6a5aac522b012ef"},
-    {file = "types_Pillow-9.5.0.4-py3-none-any.whl", hash = "sha256:69427d9fa4320ff6e30f00fb9c0dd71185dc0a16de4757774220104759483466"},
+    {file = "types-Pillow-9.5.0.5.tar.gz", hash = "sha256:de9877aa1e6226b6479459ca84df02fd7e999b970c79cfee3b8298840336e77c"},
+    {file = "types_Pillow-9.5.0.5-py3-none-any.whl", hash = "sha256:2b17f95c5c16e4962e4032bdb95494766a85569fa278ee21e5fcbbd318e9ccd2"},
 ]
 
 [[package]]
@@ -7115,4 +7116,4 @@ deploy = ["langchain-serve"]
 [metadata]
 lock-version = "2.0"
 python-versions = ">=3.9,<3.12"
-content-hash = "2f8373e1c80ce345f39ed9247fd4759ae94b5c754c4e850d3aa72183556eb92b"
+content-hash = "34649337e01c0150dc75a3bda33fdebba62775d1969705bb29b0d5510fc2de5d"
diff --git a/pyproject.toml b/pyproject.toml
index 069662355..48a56913e 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -23,7 +23,7 @@ langflow = "langflow.__main__:main"
 
 [tool.poetry.dependencies]
 python = ">=3.9,<3.12"
-fastapi = "^0.98.0"
+fastapi = "^0.99.0"
 uvicorn = "^0.22.0"
 beautifulsoup4 = "^4.11.2"
 google-search-results = "^2.4.1"

From 32d0cc909284c9d124cfb430afccd7384d8d9254 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 18:27:47 -0300
Subject: [PATCH 125/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(formModal/index?=
 =?UTF-8?q?.tsx):=20remove=20unused=20imports=20and=20clean=20up=20code=20?=
 =?UTF-8?q?formatting=20The=20commit=20removes=20unused=20imports=20and=20?=
 =?UTF-8?q?cleans=20up=20the=20code=20formatting=20in=20the=20formModal/in?=
 =?UTF-8?q?dex.tsx=20file.=20This=20improves=20code=20readability=20and=20?=
 =?UTF-8?q?reduces=20unnecessary=20clutter.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 39 ++++++---------------
 1 file changed, 10 insertions(+), 29 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 7c4e6ff26..4f91a422c 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -4,13 +4,7 @@ import { alertContext } from "../../contexts/alertContext";
 import { classNames, validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import {
-  TerminalSquare,
-  MessageSquare,
-  Variable,
-  Eraser,
-  MessageSquarePlus,
-} from "lucide-react";
+import { TerminalSquare, MessageSquare, Variable, Eraser } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -25,7 +19,6 @@ import {
   DialogTrigger,
 } from "../../components/ui/dialog";
 import { CHAT_FORM_DIALOG_SUBTITLE } from "../../constants";
-import { Label } from "../../components/ui/label";
 import { TabsContext } from "../../contexts/tabsContext";
 import {
   Accordion,
@@ -36,14 +29,6 @@ import {
 import { Textarea } from "../../components/ui/textarea";
 import { Badge } from "../../components/ui/badge";
 import ToggleShadComponent from "../../components/toggleShadComponent";
-import Dropdown from "../../components/dropdownComponent";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "../../components/ui/dropdown-menu";
-import { Button } from "../../components/ui/button";
 
 export default function FormModal({
   flow,
@@ -406,22 +391,18 @@ export default function FormModal({
 
           <div className="flex h-[80vh] w-full mt-2 ">
             <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
-            <div className="flex py-2 items-center">
-                  <Variable className="w-4 h-4 mr-1 text-primary"></Variable>
-                  <span className="text-md font-semibold text-primary">
-                    Input Variables
-                  </span>
-                </div>
+              <div className="flex py-2 items-center">
+                <Variable className="w-4 h-4 mr-1 text-primary"></Variable>
+                <span className="text-md font-semibold text-primary">
+                  Input Variables
+                </span>
+              </div>
               <div className="flex justify-between items-center">
-              <div className="flex mr-2.5 py-2 items-center">
-                  <span className="text-sm font-semibold text-primary">
-                    Name
-                  </span>
+                <div className="flex mr-2.5 py-2 items-center">
+                  <span className="text-sm  text-primary">Name</span>
                 </div>
                 <div className="flex mr-2.5 py-2 items-center">
-                  <span className="text-sm font-semibold text-primary">
-                    Chat Input
-                  </span>
+                  <span className="text-sm  text-primary">Chat Input</span>
                 </div>
               </div>
               <Accordion type="multiple" className="w-full">

From 47f9d78a86a8ce3aa297241ce739ffde974b690a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 18:27:56 -0300
Subject: [PATCH 126/367] =?UTF-8?q?=F0=9F=90=9B=20fix(utils.py):=20add=20c?=
 =?UTF-8?q?ondition=20to=20check=20if=20langchain=5Fobject.prompt=20has=20?=
 =?UTF-8?q?a=20template=20attribute=20before=20adding=20it=20to=20input=5F?=
 =?UTF-8?q?keys=5Fresponse=20The=20code=20now=20checks=20if=20the=20langch?=
 =?UTF-8?q?ain=5Fobject.prompt=20has=20a=20template=20attribute=20before?=
 =?UTF-8?q?=20adding=20it=20to=20the=20input=5Fkeys=5Fresponse.=20This=20p?=
 =?UTF-8?q?revents=20potential=20errors=20if=20the=20template=20attribute?=
 =?UTF-8?q?=20is=20not=20present=20in=20the=20prompt=20object.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/utils.py | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/utils.py b/src/backend/langflow/api/utils.py
index aa9598814..2384a4089 100644
--- a/src/backend/langflow/api/utils.py
+++ b/src/backend/langflow/api/utils.py
@@ -51,7 +51,9 @@ def build_input_keys_response(langchain_object, artifacts):
         # Add memory variables to memory_keys
         input_keys_response["memory_keys"] = langchain_object.memory.memory_variables
 
-    if hasattr(langchain_object, "prompt"):
+    if hasattr(langchain_object, "prompt") and hasattr(
+        langchain_object.prompt, "template"
+    ):
         input_keys_response["template"] = langchain_object.prompt.template
 
     return input_keys_response

From 9180d607d0c365889eb41ff03ce7fbc9615072ff Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 20:43:30 -0300
Subject: [PATCH 127/367] =?UTF-8?q?=F0=9F=94=A7=20fix(formModal/index.tsx)?=
 =?UTF-8?q?:=20adjust=20styling=20of=20form=20modal=20to=20improve=20align?=
 =?UTF-8?q?ment=20and=20spacing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 9595a2ed1..ba6b19d2e 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -412,13 +412,13 @@ export default function FormModal({
                   Input Variables
                 </span>
               </div>
-              <div className="flex justify-between items-center">
-                <div className="flex mr-2.5 py-2 items-center">
+              <div className="flex justify-between pt-2 items-center">
+                <div className="flex mr-2.5 items-center">
                   <span className="text-sm font-medium text-primary">
                     Name
                   </span>
                 </div>
-                <div className="flex mr-2.5 py-2 items-center">
+                <div className="flex mr-2.5 items-center">
                   <span className="text-sm font-medium text-primary">
                     Chat Input
                   </span>

From 5611eafa630fb6f7beab99caa72a4f37e80fe44f Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 20:51:02 -0300
Subject: [PATCH 128/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal):=20change?=
 =?UTF-8?q?=20variable=20name=20from=20chatValue=20to=20value=20for=20clar?=
 =?UTF-8?q?ity=20and=20consistency?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index ba6b19d2e..accf1f6d6 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -561,7 +561,7 @@ export default function FormModal({
                           let newTabsState = _.cloneDeep(old);
                           newTabsState[id.current].formKeysData.input_keys[
                             chatKey
-                          ] = chatValue;
+                          ] = value;
                           return newTabsState;
                         });
                       }}

From 26038d08374edf8067936100a9f9da5821ea73af Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 1 Jul 2023 09:22:51 -0300
Subject: [PATCH 129/367] =?UTF-8?q?=F0=9F=94=A7=20chore(formModal):=20remo?=
 =?UTF-8?q?ve=20unnecessary=20line=20break=20and=20indentation=20in=20JSX?=
 =?UTF-8?q?=20code=20The=20line=20break=20and=20indentation=20in=20the=20J?=
 =?UTF-8?q?SX=20code=20for=20the=20"Name"=20label=20were=20removed=20to=20?=
 =?UTF-8?q?improve=20code=20readability=20and=20reduce=20unnecessary=20cod?=
 =?UTF-8?q?e.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 7b5cbed34..fd3ed98c6 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -399,9 +399,7 @@ export default function FormModal({
               </div>
               <div className="flex justify-between pt-2 items-center">
                 <div className="flex mr-2.5 items-center">
-                  <span className="text-sm font-medium text-primary">
-                    Name
-                  </span>
+                  <span className="text-sm font-medium text-primary">Name</span>
                 </div>
                 <div className="flex mr-2.5 items-center">
                   <span className="text-sm font-medium text-primary">

From d371a08d9e13631589fbf749ff5c790a37ce33e3 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 3 Jul 2023 14:52:14 -0300
Subject: [PATCH 130/367] Chat disabled when not built

---
 .../chatComponent/buildTrigger/index.tsx      |  3 +-
 .../chatComponent/chatTrigger/index.tsx       | 12 ++-----
 .../src/components/chatComponent/index.tsx    | 33 ++++++++-----------
 3 files changed, 17 insertions(+), 31 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index b35228008..548dc74ef 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -16,7 +16,6 @@ export default function BuildTrigger({
   open,
   flow,
   setIsBuilt,
-  isBuilt,
 }: {
   open: boolean;
   flow: FlowType;
@@ -168,7 +167,7 @@ export default function BuildTrigger({
       leaveFrom="translate-y-0"
       leaveTo="translate-y-96"
     >
-      <div className={`fixed right-4` + (isBuilt ? " bottom-20" : " bottom-4")}>
+      <div className="fixed right-4 bottom-20">
         <div
           className={`${eventClick} flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-[#0000002a] hover:shadow-[#00000032] bg-[#E2E7EE] dark:border-gray-600 cursor-pointer`}
           onClick={() => {
diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index c173e9135..167ca5cfc 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -29,23 +29,15 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
       leaveFrom="translate-y-0"
       leaveTo="translate-y-96"
     >
-      <div className="fixed bottom-4 right-4">
-        <div
-          className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-[#0000002a] hover:shadow-[#00000032]
-          bg-[#E2E7EE] dark:border-gray-600 cursor-pointer"
-          onClick={handleClick}
-        >
-          <button>
+          <button onClick={handleClick} className={ "transition-all fixed bottom-4 right-4 flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-[#0000002a] hover:shadow-[#00000032] bg-[#E2E7EE] dark:border-gray-600 "+ (!isBuilt ? "cursor-not-allowed" : "cursor-pointer")}>
             <div className="flex gap-3">
               <MessagesSquare
-                className="pth-6 w-6 fill-[#5c8be1] stroke-1 stroke-[#5c8be1]"
+                className={"h-6 w-6 transition-all " + (isBuilt ? "fill-[#5c8be1] stroke-1 stroke-[#5c8be1]" : "fill-[#a5bae0] stroke-1 stroke-[#a5bae0]")}
                 style={{ color: "white" }}
                 strokeWidth={1.5}
               />
             </div>
           </button>
-        </div>
-      </div>
     </Transition>
   );
 }
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 8cdc3a981..3c01e9c8b 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -13,7 +13,7 @@ import * as _ from "lodash";
 export default function Chat({ flow }: ChatType) {
   const [open, setOpen] = useState(false);
   const [isBuilt, setIsBuilt] = useState(false);
-  const {tabsState} = useContext(TabsContext);
+  const { tabsState } = useContext(TabsContext);
 
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
@@ -47,12 +47,14 @@ export default function Chat({ flow }: ChatType) {
   const nodes = useNodes();
   useEffect(() => {
     const prevNodes = prevNodesRef.current;
-    const currentNodes = nodes.map(
-      (node: NodeType) => _.cloneDeep(node.data.node.template)
-      );
+    const currentNodes = nodes.map((node: NodeType) =>
+      _.cloneDeep(node.data.node.template)
+    );
     if (
-      tabsState && tabsState[flow.id] && tabsState[flow.id].isPending
-      && JSON.stringify(prevNodes) !== JSON.stringify(currentNodes)
+      tabsState &&
+      tabsState[flow.id] &&
+      tabsState[flow.id].isPending &&
+      JSON.stringify(prevNodes) !== JSON.stringify(currentNodes)
     ) {
       setIsBuilt(false);
     }
@@ -62,25 +64,18 @@ export default function Chat({ flow }: ChatType) {
 
   return (
     <>
-      {isBuilt ? (
-        <div>
-          <BuildTrigger
-            open={open}
-            flow={flow}
-            setIsBuilt={setIsBuilt}
-            isBuilt={isBuilt}
-          />
-          <FormModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
-          <ChatTrigger open={open} setOpen={setOpen} isBuilt={isBuilt} />
-        </div>
-      ) : (
+      <div>
         <BuildTrigger
           open={open}
           flow={flow}
           setIsBuilt={setIsBuilt}
           isBuilt={isBuilt}
         />
-      )}
+        {isBuilt && (
+          <FormModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
+        )}
+        <ChatTrigger open={open} setOpen={setOpen} isBuilt={isBuilt} />
+      </div>
     </>
   );
 }

From db17aceb3b8e59181e0b378501c222b87a96ff68 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 16:37:37 -0300
Subject: [PATCH 131/367] =?UTF-8?q?=F0=9F=94=A7=20fix(base.py):=20add=20ou?=
 =?UTF-8?q?tput=5Ftypes=20field=20to=20FrontendNode=20class=20to=20support?=
 =?UTF-8?q?=20specifying=20output=20types=20=F0=9F=94=A7=20fix(documentloa?=
 =?UTF-8?q?ders.py):=20add=5Fextra=5Fbase=5Fclasses=20method=20to=20set=20?=
 =?UTF-8?q?base=5Fclasses=20and=20output=5Ftypes=20for=20DocumentLoaderFro?=
 =?UTF-8?q?ntNode=20=F0=9F=94=A7=20fix(textsplitters.py):=20add=5Fextra=5F?=
 =?UTF-8?q?base=5Fclasses=20method=20to=20set=20base=5Fclasses=20and=20out?=
 =?UTF-8?q?put=5Ftypes=20for=20TextSplittersFrontendNode=20=F0=9F=94=A7=20?=
 =?UTF-8?q?fix(vectorstores.py):=20change=20field=5Ftype=20to=20"Document"?=
 =?UTF-8?q?=20for=20documents=20field=20in=20VectorStoreFrontendNode=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(index.ts):=20add=20output=5Ftypes=20field=20?=
 =?UTF-8?q?to=20APIClassType=20interface=20The=20changes=20were=20made=20t?=
 =?UTF-8?q?o=20add=20support=20for=20specifying=20output=20types=20in=20th?=
 =?UTF-8?q?e=20FrontendNode=20class=20and=20its=20subclasses.=20This=20all?=
 =?UTF-8?q?ows=20for=20more=20flexibility=20in=20defining=20the=20behavior?=
 =?UTF-8?q?=20and=20capabilities=20of=20the=20frontend=20nodes=20in=20the?=
 =?UTF-8?q?=20application.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/base.py         | 2 ++
 .../langflow/template/frontend_node/documentloaders.py      | 4 ++++
 .../langflow/template/frontend_node/textsplitters.py        | 6 +++++-
 src/backend/langflow/template/frontend_node/vectorstores.py | 2 +-
 src/frontend/src/types/api/index.ts                         | 1 +
 5 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/template/frontend_node/base.py b/src/backend/langflow/template/frontend_node/base.py
index 47c8c53f6..55773db72 100644
--- a/src/backend/langflow/template/frontend_node/base.py
+++ b/src/backend/langflow/template/frontend_node/base.py
@@ -18,6 +18,7 @@ class FrontendNode(BaseModel):
     name: str = ""
     display_name: str = ""
     custom_fields: List[str] = []
+    output_types: List[str] = []
 
     def process_base_classes(self) -> None:
         """Removes unwanted base classes from the list of base classes."""
@@ -36,6 +37,7 @@ class FrontendNode(BaseModel):
                 "base_classes": self.base_classes,
                 "display_name": self.display_name or self.name,
                 "custom_fields": self.custom_fields,
+                "output_types": self.output_types,
             },
         }
 
diff --git a/src/backend/langflow/template/frontend_node/documentloaders.py b/src/backend/langflow/template/frontend_node/documentloaders.py
index 501aa361e..ff9cac29f 100644
--- a/src/backend/langflow/template/frontend_node/documentloaders.py
+++ b/src/backend/langflow/template/frontend_node/documentloaders.py
@@ -19,6 +19,10 @@ def build_file_field(
 
 
 class DocumentLoaderFrontNode(FrontendNode):
+    def add_extra_base_classes(self) -> None:
+        self.base_classes = ["Document"]
+        self.output_types = ["Document"]
+
     file_path_templates = {
         "AirbyteJSONLoader": build_file_field(suffixes=[".json"], fileTypes=["json"]),
         "CoNLLULoader": build_file_field(suffixes=[".csv"], fileTypes=["csv"]),
diff --git a/src/backend/langflow/template/frontend_node/textsplitters.py b/src/backend/langflow/template/frontend_node/textsplitters.py
index 03880379d..7e5f7a820 100644
--- a/src/backend/langflow/template/frontend_node/textsplitters.py
+++ b/src/backend/langflow/template/frontend_node/textsplitters.py
@@ -3,10 +3,14 @@ from langflow.template.frontend_node.base import FrontendNode
 
 
 class TextSplittersFrontendNode(FrontendNode):
+    def add_extra_base_classes(self) -> None:
+        self.base_classes = ["Document"]
+        self.output_types = ["Document"]
+
     def add_extra_fields(self) -> None:
         self.template.add_field(
             TemplateField(
-                field_type="BaseLoader",
+                field_type="Document",
                 required=True,
                 show=True,
                 name="documents",
diff --git a/src/backend/langflow/template/frontend_node/vectorstores.py b/src/backend/langflow/template/frontend_node/vectorstores.py
index 01b6bfe53..9903b13c2 100644
--- a/src/backend/langflow/template/frontend_node/vectorstores.py
+++ b/src/backend/langflow/template/frontend_node/vectorstores.py
@@ -252,7 +252,7 @@ class VectorStoreFrontendNode(FrontendNode):
             # when instantiating the vectorstores
             field.name = "documents"
 
-            field.field_type = "TextSplitter"
+            field.field_type = "Document"
             field.display_name = "Documents"
             field.required = False
             field.show = True
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index d54a8165c..91a3dcbc2 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -13,6 +13,7 @@ export type APIClassType = {
   template: APITemplateType;
   display_name: string;
   input_types?: Array<string>;
+  output_types?: Array<string>;
   [key: string]: Array<string> | string | APITemplateType;
 };
 

From 0cfcfcb912283994e69920649dede806eadc0419 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 16:38:06 -0300
Subject: [PATCH 132/367] =?UTF-8?q?=F0=9F=90=9B=20fix(types.py):=20remove?=
 =?UTF-8?q?=20extra=20blank=20line=20to=20improve=20code=20readability=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(GenericNode/index.tsx):=20remove=20unused=20?=
 =?UTF-8?q?imports=20and=20unused=20variable=20to=20improve=20code=20clean?=
 =?UTF-8?q?liness=20The=20extra=20blank=20line=20in=20the=20`types.py`=20f?=
 =?UTF-8?q?ile=20has=20been=20removed=20to=20improve=20the=20readability?=
 =?UTF-8?q?=20of=20the=20code.=20In=20the=20`GenericNode/index.tsx`=20file?=
 =?UTF-8?q?,=20unused=20imports=20and=20an=20unused=20variable=20have=20be?=
 =?UTF-8?q?en=20removed=20to=20clean=20up=20the=20code=20and=20improve=20m?=
 =?UTF-8?q?aintainability.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py       |  1 +
 .../src/CustomNodes/GenericNode/index.tsx        | 16 +++-------------
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index af2081217..29690821d 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -91,6 +91,7 @@ class DocumentLoaderVertex(Vertex):
     def _built_object_repr(self):
         # This built_object is a list of documents. Maybe we should
         # show how many documents are in the list?
+
         if self._built_object:
             return f"""{self.vertex_type}({len(self._built_object)} documents)
             Documents: {self._built_object[:3]}..."""
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index cd49aaa5b..56f1283c1 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -6,16 +6,7 @@ import {
 } from "../../utils";
 import ParameterComponent from "./components/parameterComponent";
 import { typesContext } from "../../contexts/typesContext";
-import {
-  useContext,
-  useState,
-  useEffect,
-  useRef,
-  ForwardRefExoticComponent,
-  ComponentType,
-  SVGProps,
-  ReactNode,
-} from "react";
+import { useContext, useState, useEffect, useRef } from "react";
 import { NodeDataType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
 import { PopUpContext } from "../../contexts/popUpContext";
@@ -26,7 +17,6 @@ import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarCom
 
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import { useSSE } from "../../contexts/SSEContext";
-import { ReactElement } from "react-markdown/lib/react-markdown";
 
 export default function GenericNode({
   data,
@@ -241,8 +231,8 @@ export default function GenericNode({
             <ParameterComponent
               data={data}
               color={nodeColors[types[data.type]] ?? nodeColors.unknown}
-              title={data.type}
-              tooltipTitle={`${data.node.base_classes.join("\n")}`}
+              title={data.node.output_types ? data.node.output_types.join("|") : data.type}
+              tooltipTitle={data.node.base_classes.join("\n")}
               id={[data.type, data.id, ...data.node.base_classes].join("|")}
               type={data.node.base_classes.join("|")}
               left={false}

From f79ee7092ad7ce00efeb6d6447bdb38773699675 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 17:35:44 -0300
Subject: [PATCH 133/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20upda?=
 =?UTF-8?q?te=20input=5Ftypes=20in=20template=5Ffield=20to=20["Document",?=
 =?UTF-8?q?=20"BaseOutputParser"]=20for=20better=20accuracy=20=F0=9F=90=9B?=
 =?UTF-8?q?=20fix(base.py):=20remove=20"object"=20from=20CLASSES=5FTO=5FRE?=
 =?UTF-8?q?MOVE=20list=20to=20prevent=20unnecessary=20removal=20In=20valid?=
 =?UTF-8?q?ate.py,=20the=20input=5Ftypes=20in=20the=20template=5Ffield=20f?=
 =?UTF-8?q?or=20the=20"prompt"=20variable=20is=20updated=20to=20["Document?=
 =?UTF-8?q?",=20"BaseOutputParser"]=20to=20accurately=20reflect=20the=20ex?=
 =?UTF-8?q?pected=20input=20types.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In base.py, the "object" class is removed from the CLASSES_TO_REMOVE list to prevent unnecessary removal of the "object" class from the FrontendNode class inheritance.
---
 src/backend/langflow/api/v1/validate.py             | 2 +-
 src/backend/langflow/template/frontend_node/base.py | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 23fad5711..96900edb7 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -43,7 +43,7 @@ def post_validate_prompt(prompt: ValidatePromptRequest):
                     field_type="str",
                     show=True,
                     advanced=False,
-                    input_types=["BaseLoader", "BaseOutputParser"],
+                    input_types=["Document", "BaseOutputParser"],
                 )
 
                 prompt.frontend_node.template[variable] = template_field.to_dict()
diff --git a/src/backend/langflow/template/frontend_node/base.py b/src/backend/langflow/template/frontend_node/base.py
index 55773db72..ebe493e08 100644
--- a/src/backend/langflow/template/frontend_node/base.py
+++ b/src/backend/langflow/template/frontend_node/base.py
@@ -8,7 +8,7 @@ from langflow.template.field.base import TemplateField
 from langflow.template.template.base import Template
 from langflow.utils import constants
 
-CLASSES_TO_REMOVE = ["Serializable", "BaseModel"]
+CLASSES_TO_REMOVE = ["Serializable", "BaseModel", "object"]
 
 
 class FrontendNode(BaseModel):

From f8d9f47b7e40f3d317b2f980e6ebbcbdb1cd025a Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 3 Jul 2023 18:53:02 -0300
Subject: [PATCH 134/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20fix=20classNames=20order=20in=20ParameterComponent=20to=20en?=
 =?UTF-8?q?sure=20correct=20styling=20=F0=9F=90=9B=20fix(utils):=20fix=20l?=
 =?UTF-8?q?ogic=20in=20isValidConnection=20to=20correctly=20check=20for=20?=
 =?UTF-8?q?valid=20connections=20=E2=9C=A8=20feat(parameterComponent):=20a?=
 =?UTF-8?q?dd=20support=20for=20left=20alignment=20of=20parameter=20title?=
 =?UTF-8?q?=20in=20ParameterComponent=20=E2=9C=A8=20feat(utils):=20add=20s?=
 =?UTF-8?q?upport=20for=20filtering=20grouped=20data=20by=20parentOutput?=
 =?UTF-8?q?=20in=20groupByFamily=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx   | 16 +++++------
 src/frontend/src/utils.ts                     | 28 +++++++++++++------
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 6612f722a..dda444d05 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -83,13 +83,13 @@ export default function ParameterComponent({
   };
 
   useEffect(() => {
-    const groupedObj = groupByFamily(myData, tooltipTitle);
+    const groupedObj = groupByFamily(myData, tooltipTitle, left, data.type);
 
     refHtml.current = groupedObj.map((item, i) => (
       <span
         key={getRandomKeyByssmm() + item.family + i}
         className={classNames(
-          i > 0 ? "items-center flex mt-3" : "items-center flex"
+          i > 0 ? "mt-3 flex items-center" : "flex items-center"
         )}
       >
         <div
@@ -126,22 +126,22 @@ export default function ParameterComponent({
   return (
     <div
       ref={ref}
-      className="w-full flex flex-wrap justify-between items-center bg-muted dark:bg-gray-800 dark:text-white mt-1 px-5 py-2"
+      className="mt-1 flex w-full flex-wrap items-center justify-between bg-muted px-5 py-2 dark:bg-gray-800 dark:text-white"
     >
       <>
-        <div className={"text-sm truncate w-full " + (left ? "" : "text-end")}>
+        <div className={"w-full truncate text-sm " + (left ? "" : "text-end")}>
           {title}
           <span className="text-red-600">{required ? " *" : ""}</span>
         </div>
         {left &&
-        ((type === "str" ||
+        (type === "str" ||
           type === "bool" ||
           type === "float" ||
           type === "code" ||
           type === "prompt" ||
           type === "file" ||
-          type === "int") && !optionalHandle
-          ) ? (
+          type === "int") &&
+        !optionalHandle ? (
           <></>
         ) : (
           <ShadTooltip
@@ -159,7 +159,7 @@ export default function ParameterComponent({
               }
               className={classNames(
                 left ? "-ml-0.5 " : "-mr-0.5 ",
-                "w-3 h-3 rounded-full border-2 bg-white dark:bg-gray-800"
+                "h-3 w-3 rounded-full border-2 bg-white dark:bg-gray-800"
               )}
               style={{
                 borderColor: color,
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 797f3d93e..f2d5eca43 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -632,11 +632,19 @@ export function isValidConnection(
   reactFlowInstance: ReactFlowInstance
 ) {
   if (
-    targetHandle.split("|")[0].split(";").some((n) => n === sourceHandle.split("|")[0]) ||
+    targetHandle
+      .split("|")[0]
+      .split(";")
+      .some((n) => n === sourceHandle.split("|")[0]) ||
     sourceHandle
       .split("|")
       .slice(2)
-      .some((t) => targetHandle.split("|")[0].split(";").some((n) => n === t)) ||
+      .some((t) =>
+        targetHandle
+          .split("|")[0]
+          .split(";")
+          .some((n) => n === t)
+      ) ||
     targetHandle.split("|")[0] === "str"
   ) {
     let targetNode = reactFlowInstance.getNode(target).data.node;
@@ -830,10 +838,10 @@ export function updateIds(newFlow, getNodeId) {
   });
 }
 
-export function groupByFamily(data, baseClasses) {
+export function groupByFamily(data, baseClasses, left, type) {
+  let parentOutput: string;
   let arrOfParent: string[] = [];
   let arrOfType: { family: string; type: string }[] = [];
-
   Object.keys(data).map((d) => {
     Object.keys(data[d]).map((n) => {
       try {
@@ -844,16 +852,15 @@ export function groupByFamily(data, baseClasses) {
         ) {
           arrOfParent.push(d);
         }
+        if (n === type) {
+          parentOutput = d;
+        }
       } catch (e) {
         console.log(e);
       }
     });
   });
 
-  let uniq = arrOfParent.filter(
-    (item, index) => arrOfParent.indexOf(item) === index
-  );
-
   Object.keys(data).map((d) => {
     Object.keys(data[d]).map((n) => {
       try {
@@ -889,6 +896,11 @@ export function groupByFamily(data, baseClasses) {
       result.push({ family: item.family, type: item.type });
     }
 
+    if (left == false) {
+      let resFil = result.filter((group) => group.family === parentOutput);
+      result = resFil;
+    }
+
     return result;
   }, []);
 }

From 3bab730e65859545a62b5268119ce643772aef7d Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 21:56:28 -0300
Subject: [PATCH 135/367] =?UTF-8?q?=F0=9F=94=80=20refactor(base.py):=20imp?=
 =?UTF-8?q?ort=20field=5Fformatters=20module=20instead=20of=20importing=20?=
 =?UTF-8?q?specific=20module=20=F0=9F=94=80=20refactor(base.py):=20move=20?=
 =?UTF-8?q?FieldFormatters=20class=20to=20the=20top=20of=20the=20file=20fo?=
 =?UTF-8?q?r=20better=20organization=20The=20import=20statement=20in=20the?=
 =?UTF-8?q?=20base.py=20file=20has=20been=20updated=20to=20import=20the=20?=
 =?UTF-8?q?field=5Fformatters=20module=20instead=20of=20importing=20specif?=
 =?UTF-8?q?ic=20modules.=20This=20change=20improves=20maintainability=20an?=
 =?UTF-8?q?d=20readability=20by=20reducing=20the=20number=20of=20import=20?=
 =?UTF-8?q?statements=20and=20consolidating=20them=20into=20a=20single=20i?=
 =?UTF-8?q?mport.=20Additionally,=20the=20FieldFormatters=20class=20has=20?=
 =?UTF-8?q?been=20moved=20to=20the=20top=20of=20the=20file=20for=20better?=
 =?UTF-8?q?=20organization=20and=20readability.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../langflow/template/frontend_node/base.py   | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/template/frontend_node/base.py b/src/backend/langflow/template/frontend_node/base.py
index 31feb638b..0ac19351b 100644
--- a/src/backend/langflow/template/frontend_node/base.py
+++ b/src/backend/langflow/template/frontend_node/base.py
@@ -3,7 +3,7 @@ from typing import List, Optional
 
 from pydantic import BaseModel, Field
 
-from langflow.template.frontend_node.formatter.field_formatters import FieldFormatters
+from langflow.template.frontend_node.formatter import field_formatters
 from langflow.template.frontend_node.constants import FORCE_SHOW_FIELDS
 from langflow.template.field.base import TemplateField
 from langflow.template.template.base import Template
@@ -12,6 +12,34 @@ from langflow.utils import constants
 CLASSES_TO_REMOVE = ["Serializable", "BaseModel", "object"]
 
 
+class FieldFormatters(BaseModel):
+    formatters = {
+        "openai_api_key": field_formatters.OpenAIAPIKeyFormatter(),
+    }
+    base_formatters = {
+        "kwargs": field_formatters.KwargsFormatter(),
+        "optional": field_formatters.RemoveOptionalFormatter(),
+        "list": field_formatters.ListTypeFormatter(),
+        "dict": field_formatters.DictTypeFormatter(),
+        "union": field_formatters.UnionTypeFormatter(),
+        "multiline": field_formatters.MultilineFieldFormatter(),
+        "show": field_formatters.ShowFieldFormatter(),
+        "password": field_formatters.PasswordFieldFormatter(),
+        "default": field_formatters.DefaultValueFormatter(),
+        "headers": field_formatters.HeadersDefaultValueFormatter(),
+        "dict_code_file": field_formatters.DictCodeFileFormatter(),
+        "model_fields": field_formatters.ModelSpecificFieldFormatter(),
+    }
+
+    def format(self, field: TemplateField, name: Optional[str] = None) -> None:
+        for key, formatter in self.base_formatters.items():
+            formatter.format(field, name)
+
+        for key, formatter in self.formatters.items():
+            if key == field.name:
+                formatter.format(field, name)
+
+
 class FrontendNode(BaseModel):
     template: Template
     description: str
@@ -41,7 +69,6 @@ class FrontendNode(BaseModel):
         """Sets the documentation of the frontend node."""
         self.documentation = documentation
 
-
     def to_dict(self) -> dict:
         """Returns a dict representation of the frontend node."""
         self.process_base_classes()

From 18a04ad170edf76ef65611176b993c208a21dfde Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 21:56:49 -0300
Subject: [PATCH 136/367] =?UTF-8?q?=F0=9F=94=80=20refactor(constants.py):?=
 =?UTF-8?q?=20refactor=20VERTEX=5FTYPE=5FMAP=20to=20use=20explicit=20impor?=
 =?UTF-8?q?t=20paths=20for=20better=20readability=20and=20maintainability?=
 =?UTF-8?q?=20The=20VERTEX=5FTYPE=5FMAP=20dictionary=20in=20constants.py?=
 =?UTF-8?q?=20has=20been=20refactored=20to=20use=20explicit=20import=20pat?=
 =?UTF-8?q?hs=20for=20each=20vertex=20type.=20This=20improves=20the=20read?=
 =?UTF-8?q?ability=20and=20maintainability=20of=20the=20code=20by=20making?=
 =?UTF-8?q?=20it=20clear=20where=20each=20vertex=20type=20is=20coming=20fr?=
 =?UTF-8?q?om.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/graph/constants.py | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/backend/langflow/graph/graph/constants.py b/src/backend/langflow/graph/graph/constants.py
index 40d77e31c..a2fd287eb 100644
--- a/src/backend/langflow/graph/graph/constants.py
+++ b/src/backend/langflow/graph/graph/constants.py
@@ -19,18 +19,18 @@ from typing import Dict, Type
 
 
 VERTEX_TYPE_MAP: Dict[str, Type[Vertex]] = {
-    **{t: types.types.PromptVertex for t in prompt_creator.to_list()},
-    **{t: types.types.AgentVertex for t in agent_creator.to_list()},
-    **{t: types.types.ChainVertex for t in chain_creator.to_list()},
-    **{t: types.types.ToolVertex for t in tool_creator.to_list()},
-    **{t: types.types.ToolkitVertex for t in toolkits_creator.to_list()},
-    **{t: types.types.WrapperVertex for t in wrapper_creator.to_list()},
-    **{t: types.types.LLMVertex for t in llm_creator.to_list()},
-    **{t: types.types.MemoryVertex for t in memory_creator.to_list()},
-    **{t: types.types.EmbeddingVertex for t in embedding_creator.to_list()},
-    **{t: types.types.VectorStoreVertex for t in vectorstore_creator.to_list()},
-    **{t: types.types.DocumentLoaderVertex for t in documentloader_creator.to_list()},
-    **{t: types.types.TextSplitterVertex for t in textsplitter_creator.to_list()},
+    **{t: types.PromptVertex for t in prompt_creator.to_list()},
+    **{t: types.AgentVertex for t in agent_creator.to_list()},
+    **{t: types.ChainVertex for t in chain_creator.to_list()},
+    **{t: types.ToolVertex for t in tool_creator.to_list()},
+    **{t: types.ToolkitVertex for t in toolkits_creator.to_list()},
+    **{t: types.WrapperVertex for t in wrapper_creator.to_list()},
+    **{t: types.LLMVertex for t in llm_creator.to_list()},
+    **{t: types.MemoryVertex for t in memory_creator.to_list()},
+    **{t: types.EmbeddingVertex for t in embedding_creator.to_list()},
+    **{t: types.VectorStoreVertex for t in vectorstore_creator.to_list()},
+    **{t: types.DocumentLoaderVertex for t in documentloader_creator.to_list()},
+    **{t: types.TextSplitterVertex for t in textsplitter_creator.to_list()},
     **{t: types.OutputParserVertex for t in output_parser_creator.to_list()},
     **{t: types.RetrieverVertex for t in retriever_creator.to_list()},
 }

From 19d161aec314209673be658bfd476b36f5c0d5f4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 22:09:02 -0300
Subject: [PATCH 137/367] =?UTF-8?q?=F0=9F=93=9D=20docs(config.yaml):=20add?=
 =?UTF-8?q?=20documentation=20links=20for=20new=20modules=20and=20update?=
 =?UTF-8?q?=20existing=20links=20=F0=9F=94=96=20chore(config.yaml):=20upda?=
 =?UTF-8?q?te=20documentation=20links=20for=20vectorstores=20and=20output?=
 =?UTF-8?q?=20parsers=20Added=20documentation=20links=20for=20the=20follow?=
 =?UTF-8?q?ing=20new=20modules:=20-=20MongoDBChatMessageHistory=20-=20Chat?=
 =?UTF-8?q?MessagePromptTemplate=20-=20HumanMessagePromptTemplate=20-=20Sy?=
 =?UTF-8?q?stemMessagePromptTemplate=20-=20ChatPromptTemplate?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Updated documentation links for the following existing modules:
- MongoDBAtlasVectorSearch

Also, added documentation links for the following output parsers:
- StructuredOutputParser
- ResponseSchema

The documentation links were added or updated to provide easy access to relevant documentation for each module and output parser.
---
 src/backend/langflow/config.yaml | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/config.yaml b/src/backend/langflow/config.yaml
index 3745b9e22..d179ee182 100644
--- a/src/backend/langflow/config.yaml
+++ b/src/backend/langflow/config.yaml
@@ -151,7 +151,16 @@ memories:
     documentation: "https://python.langchain.com/docs/modules/memory/how_to/buffer_window"
   VectorStoreRetrieverMemory:
     documentation: "https://python.langchain.com/docs/modules/memory/how_to/vectorstore_retriever_memory"
-
+  MongoDBChatMessageHistory:
+    documentation: "https://python.langchain.com/docs/modules/memory/integrations/mongodb_chat_message_history"
+  ChatMessagePromptTemplate:
+    documentation: "https://python.langchain.com/docs/modules/model_io/prompts/prompt_templates/msg_prompt_templates"
+  HumanMessagePromptTemplate:
+    documentation: "https://python.langchain.com/docs/modules/model_io/models/chat/how_to/prompts"
+  SystemMessagePromptTemplate:
+    documentation: "https://python.langchain.com/docs/modules/model_io/models/chat/how_to/prompts"
+  ChatPromptTemplate:
+    documentation: "https://python.langchain.com/docs/modules/model_io/models/chat/how_to/prompts"
 prompts:
   PromptTemplate:
     documentation: "https://python.langchain.com/docs/modules/model_io/prompts/prompt_templates/"
@@ -269,7 +278,12 @@ vectorstores:
   SupabaseVectorStore:
     documentation: "https://python.langchain.com/docs/modules/data_connection/vectorstores/integrations/supabase"
   MongoDBAtlasVectorSearch:
-    documentation: "https://python.langchain.com/docs/modules/data_connection/vectorstores/integrations/mongodb_atlas_vector_search"
+    documentation: "https://python.langchain.com/docs/modules/data_connection/vectorstores/integrations/mongodb_atlas"
 wrappers:
   RequestsWrapper:
     documentation: ""
+output_parsers:
+  StructuredOutputParser:
+    documentation: "https://python.langchain.com/docs/modules/model_io/output_parsers/structured"
+  ResponseSchema:
+    documentation: "https://python.langchain.com/docs/modules/model_io/output_parsers/structured"

From dde42eec0f22023b8590da290708c93bbfb613c6 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 3 Jul 2023 22:09:43 -0300
Subject: [PATCH 138/367] =?UTF-8?q?=F0=9F=8E=A8=20style(chatTrigger):=20up?=
 =?UTF-8?q?date=20chat=20trigger=20button=20styles=20to=20include=20disabl?=
 =?UTF-8?q?ed=20state=20=F0=9F=94=A7=20chore(index.css):=20add=20CSS=20var?=
 =?UTF-8?q?iable=20for=20disabled=20chat=20trigger=20color=20=F0=9F=94=A7?=
 =?UTF-8?q?=20chore(tailwind.config.js):=20add=20CSS=20variable=20for=20di?=
 =?UTF-8?q?sabled=20chat=20trigger=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 poetry.lock                                   | 607 ++++++++----------
 .../chatComponent/chatTrigger/index.tsx       |   4 +-
 src/frontend/src/index.css                    |   2 +
 src/frontend/tailwind.config.js               |   1 +
 4 files changed, 260 insertions(+), 354 deletions(-)

diff --git a/poetry.lock b/poetry.lock
index 334aaf932..706138329 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -1,10 +1,9 @@
-# This file is automatically @generated by Poetry 1.4.0 and should not be changed by hand.
+# This file is automatically @generated by Poetry 1.5.1 and should not be changed by hand.
 
 [[package]]
 name = "aiofiles"
 version = "23.1.0"
 description = "File support for asyncio."
-category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -16,7 +15,6 @@ files = [
 name = "aiohttp"
 version = "3.8.4"
 description = "Async http client/server framework (asyncio)"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -125,7 +123,6 @@ speedups = ["Brotli", "aiodns", "cchardet"]
 name = "aiosignal"
 version = "1.3.1"
 description = "aiosignal: a list of registered asynchronous callbacks"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -140,7 +137,6 @@ frozenlist = ">=1.1.0"
 name = "aiostream"
 version = "0.4.5"
 description = "Generator-based operators for asynchronous iteration"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -152,7 +148,6 @@ files = [
 name = "anthropic"
 version = "0.3.2"
 description = "Client library for the anthropic API"
-category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -172,7 +167,6 @@ typing-extensions = ">=4.1.1"
 name = "anyio"
 version = "3.7.0"
 description = "High level compatibility layer for multiple asynchronous event loop implementations"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -194,7 +188,6 @@ trio = ["trio (<0.22)"]
 name = "appdirs"
 version = "1.4.4"
 description = "A small Python module for determining appropriate platform-specific dirs, e.g. a \"user data dir\"."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -206,7 +199,6 @@ files = [
 name = "appnope"
 version = "0.1.3"
 description = "Disable App Nap on macOS >= 10.9"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -218,7 +210,6 @@ files = [
 name = "argilla"
 version = "0.0.1"
 description = ""
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -230,7 +221,6 @@ files = [
 name = "asgiref"
 version = "3.7.2"
 description = "ASGI specs, helper code, and adapters"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -248,7 +238,6 @@ tests = ["mypy (>=0.800)", "pytest", "pytest-asyncio"]
 name = "asttokens"
 version = "2.2.1"
 description = "Annotate AST trees with source code positions"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -266,7 +255,6 @@ test = ["astroid", "pytest"]
 name = "async-timeout"
 version = "4.0.2"
 description = "Timeout context manager for asyncio programs"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -278,7 +266,6 @@ files = [
 name = "attrs"
 version = "23.1.0"
 description = "Classes Without Boilerplate"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -297,7 +284,6 @@ tests-no-zope = ["cloudpickle", "hypothesis", "mypy (>=1.1.1)", "pympler", "pyte
 name = "authlib"
 version = "1.2.1"
 description = "The ultimate Python library in building OAuth and OpenID Connect servers and clients."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -312,7 +298,6 @@ cryptography = ">=3.2"
 name = "backcall"
 version = "0.2.0"
 description = "Specifications for callback functions passed in to an API"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -324,7 +309,6 @@ files = [
 name = "backoff"
 version = "2.2.1"
 description = "Function decoration for backoff and retry"
-category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -336,7 +320,6 @@ files = [
 name = "beautifulsoup4"
 version = "4.12.2"
 description = "Screen-scraping library"
-category = "main"
 optional = false
 python-versions = ">=3.6.0"
 files = [
@@ -355,7 +338,6 @@ lxml = ["lxml"]
 name = "black"
 version = "23.3.0"
 description = "The uncompromising code formatter."
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -405,7 +387,6 @@ uvloop = ["uvloop (>=0.15.2)"]
 name = "bleach"
 version = "6.0.0"
 description = "An easy safelist-based HTML-sanitizing tool."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -424,7 +405,6 @@ css = ["tinycss2 (>=1.1.0,<1.2)"]
 name = "cachetools"
 version = "5.3.1"
 description = "Extensible memoizing collections and decorators"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -436,7 +416,6 @@ files = [
 name = "certifi"
 version = "2023.5.7"
 description = "Python package for providing Mozilla's CA Bundle."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -448,7 +427,6 @@ files = [
 name = "cffi"
 version = "1.15.1"
 description = "Foreign Function Interface for Python calling C code."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -525,7 +503,6 @@ pycparser = "*"
 name = "chardet"
 version = "5.1.0"
 description = "Universal encoding detector for Python 3"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -537,7 +514,6 @@ files = [
 name = "charset-normalizer"
 version = "3.1.0"
 description = "The Real First Universal Charset Detector. Open, modern and actively maintained alternative to Chardet."
-category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -622,7 +598,6 @@ files = [
 name = "chromadb"
 version = "0.3.26"
 description = "Chroma."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -652,7 +627,6 @@ uvicorn = {version = ">=0.18.3", extras = ["standard"]}
 name = "click"
 version = "8.1.3"
 description = "Composable command line interface toolkit"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -667,7 +641,6 @@ colorama = {version = "*", markers = "platform_system == \"Windows\""}
 name = "click-log"
 version = "0.4.0"
 description = "Logging integration for Click"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -682,7 +655,6 @@ click = "*"
 name = "clickhouse-connect"
 version = "0.6.4"
 description = "ClickHouse Database Core Driver for Python, Pandas, and Superset"
-category = "main"
 optional = false
 python-versions = "~=3.7"
 files = [
@@ -771,7 +743,6 @@ sqlalchemy = ["sqlalchemy (>1.3.21,<2.0)"]
 name = "cohere"
 version = "4.11.2"
 description = ""
-category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -789,7 +760,6 @@ requests = ">=2.0,<3.0"
 name = "colorama"
 version = "0.4.6"
 description = "Cross-platform colored terminal text."
-category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,!=3.6.*,>=2.7"
 files = [
@@ -801,7 +771,6 @@ files = [
 name = "coloredlogs"
 version = "15.0.1"
 description = "Colored terminal output for Python's logging module"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*"
 files = [
@@ -819,7 +788,6 @@ cron = ["capturer (>=2.4)"]
 name = "comm"
 version = "0.1.3"
 description = "Jupyter Python Comm implementation, for usage in ipykernel, xeus-python etc."
-category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -839,7 +807,6 @@ typing = ["mypy (>=0.990)"]
 name = "coverage"
 version = "7.2.7"
 description = "Code coverage measurement for Python"
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -915,7 +882,6 @@ toml = ["tomli"]
 name = "cryptography"
 version = "41.0.1"
 description = "cryptography is a package which provides cryptographic recipes and primitives to Python developers."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -955,14 +921,13 @@ test-randomorder = ["pytest-randomly"]
 
 [[package]]
 name = "ctransformers"
-version = "0.2.10"
+version = "0.2.11"
 description = "Python bindings for the Transformer models implemented in C/C++ using GGML library."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
-    {file = "ctransformers-0.2.10-py3-none-any.whl", hash = "sha256:912a80859bd252e2a389b4716d44b0663657148a85fbfbe6c5503a7ee69fd235"},
-    {file = "ctransformers-0.2.10.tar.gz", hash = "sha256:d82a299690f1494fe93db136f71b1b9b2cd4ada535e2afa07aaee1d180117a2d"},
+    {file = "ctransformers-0.2.11-py3-none-any.whl", hash = "sha256:06aa3b2a42112fb688b0d9a54b9958501af7db8557bda067ffbc43645590c522"},
+    {file = "ctransformers-0.2.11.tar.gz", hash = "sha256:993a3ba05d37822d0111393ab214856b9fe40d28b48af1306ee63e94e716a4e2"},
 ]
 
 [package.dependencies]
@@ -974,16 +939,12 @@ tests = ["pytest"]
 [[package]]
 name = "dataclasses-json"
 version = "0.5.9"
-version = "0.5.9"
 description = "Easily serialize dataclasses to and from JSON"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
     {file = "dataclasses-json-0.5.9.tar.gz", hash = "sha256:e9ac87b73edc0141aafbce02b44e93553c3123ad574958f0fe52a534b6707e8e"},
     {file = "dataclasses_json-0.5.9-py3-none-any.whl", hash = "sha256:1280542631df1c375b7bc92e5b86d39e06c44760d7e3571a537b3b8acabf2f0c"},
-    {file = "dataclasses-json-0.5.9.tar.gz", hash = "sha256:e9ac87b73edc0141aafbce02b44e93553c3123ad574958f0fe52a534b6707e8e"},
-    {file = "dataclasses_json-0.5.9-py3-none-any.whl", hash = "sha256:1280542631df1c375b7bc92e5b86d39e06c44760d7e3571a537b3b8acabf2f0c"},
 ]
 
 [package.dependencies]
@@ -993,13 +954,11 @@ typing-inspect = ">=0.4.0"
 
 [package.extras]
 dev = ["flake8", "hypothesis", "ipython", "mypy (>=0.710)", "portray", "pytest (>=7.2.0)", "setuptools", "simplejson", "twine", "types-dataclasses", "wheel"]
-dev = ["flake8", "hypothesis", "ipython", "mypy (>=0.710)", "portray", "pytest (>=7.2.0)", "setuptools", "simplejson", "twine", "types-dataclasses", "wheel"]
 
 [[package]]
 name = "debugpy"
 version = "1.6.7"
 description = "An implementation of the Debug Adapter Protocol for Python"
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1027,7 +986,6 @@ files = [
 name = "decorator"
 version = "5.1.1"
 description = "Decorators for Humans"
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -1039,7 +997,6 @@ files = [
 name = "deprecated"
 version = "1.2.14"
 description = "Python @deprecated decorator to deprecate old python classes, functions or methods."
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -1057,7 +1014,6 @@ dev = ["PyTest", "PyTest-Cov", "bump2version (<1)", "sphinx (<2)", "tox"]
 name = "deprecation"
 version = "2.1.0"
 description = "A library to handle automated deprecations"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1072,7 +1028,6 @@ packaging = "*"
 name = "dill"
 version = "0.3.6"
 description = "serialize all of python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1087,7 +1042,6 @@ graph = ["objgraph (>=1.7.2)"]
 name = "distro"
 version = "1.8.0"
 description = "Distro - an OS platform information API"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1099,7 +1053,6 @@ files = [
 name = "dnspython"
 version = "2.3.0"
 description = "DNS toolkit"
-category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -1119,14 +1072,11 @@ wmi = ["wmi (>=1.5.1,<2.0.0)"]
 [[package]]
 name = "docarray"
 version = "0.21.1"
-version = "0.21.1"
 description = "The data structure for unstructured data"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
     {file = "docarray-0.21.1.tar.gz", hash = "sha256:3a478707465c263147a98fe32feb0b6eb215c0ed58852135ac86acb7eae5cecb"},
-    {file = "docarray-0.21.1.tar.gz", hash = "sha256:3a478707465c263147a98fe32feb0b6eb215c0ed58852135ac86acb7eae5cecb"},
 ]
 
 [package.dependencies]
@@ -1151,7 +1101,6 @@ weaviate = ["weaviate-client (>=3.9.0,<3.10.0)"]
 name = "docker"
 version = "6.1.3"
 description = "A Python library for the Docker Engine API."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1173,7 +1122,6 @@ ssh = ["paramiko (>=2.4.3)"]
 name = "docstring-parser"
 version = "0.15"
 description = "Parse Python docstrings in reST, Google and Numpydoc format"
-category = "main"
 optional = false
 python-versions = ">=3.6,<4.0"
 files = [
@@ -1185,7 +1133,6 @@ files = [
 name = "docutils"
 version = "0.20.1"
 description = "Docutils -- Python Documentation Utilities"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1197,7 +1144,6 @@ files = [
 name = "dotty-dict"
 version = "1.3.1"
 description = "Dictionary wrapper for quick access to deeply nested keys."
-category = "main"
 optional = false
 python-versions = ">=3.5,<4.0"
 files = [
@@ -1209,7 +1155,6 @@ files = [
 name = "duckdb"
 version = "0.8.1"
 description = "DuckDB embedded database"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1271,7 +1216,6 @@ files = [
 name = "ecdsa"
 version = "0.18.0"
 description = "ECDSA cryptographic signature library (pure python)"
-category = "main"
 optional = false
 python-versions = ">=2.6, !=3.0.*, !=3.1.*, !=3.2.*"
 files = [
@@ -1290,7 +1234,6 @@ gmpy2 = ["gmpy2"]
 name = "et-xmlfile"
 version = "1.1.0"
 description = "An implementation of lxml.xmlfile for the standard library"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1302,7 +1245,6 @@ files = [
 name = "exceptiongroup"
 version = "1.1.2"
 description = "Backport of PEP 654 (exception groups)"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1317,7 +1259,6 @@ test = ["pytest (>=6)"]
 name = "executing"
 version = "1.2.0"
 description = "Get the currently executing AST node of a frame, and other information"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -1332,7 +1273,6 @@ tests = ["asttokens", "littleutils", "pytest", "rich"]
 name = "faiss-cpu"
 version = "1.7.4"
 description = "A library for efficient similarity search and clustering of dense vectors."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1367,7 +1307,6 @@ files = [
 name = "fake-useragent"
 version = "1.1.3"
 description = "Up-to-date simple useragent faker with real world database"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1380,15 +1319,11 @@ importlib-resources = {version = ">=5.0", markers = "python_version < \"3.10\""}
 
 [[package]]
 name = "fastapi"
-version = "0.99.0"
 version = "0.99.1"
 description = "FastAPI framework, high performance, easy to learn, fast to code, ready for production"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "fastapi-0.99.0-py3-none-any.whl", hash = "sha256:b87fffddf9c761c5618f638b492cfb73bba1d208ab170b89122cce52d1fb044a"},
-    {file = "fastapi-0.99.0.tar.gz", hash = "sha256:eab70f072d6c424d16f02ba635dc0945fecab549210e7961c838f4b467f0b4a7"},
     {file = "fastapi-0.99.1-py3-none-any.whl", hash = "sha256:976df7bab51ac7beda9f68c4513b8c4490b5c1135c72aafd0a5ee4023ec5282e"},
     {file = "fastapi-0.99.1.tar.gz", hash = "sha256:ac78f717cd80d657bd183f94d33b9bda84aa376a46a9dab513586b8eef1dc6fc"},
 ]
@@ -1397,7 +1332,6 @@ files = [
 pydantic = ">=1.7.4,<1.8 || >1.8,<1.8.1 || >1.8.1,<2.0.0"
 starlette = ">=0.27.0,<0.28.0"
 typing-extensions = ">=4.5.0"
-typing-extensions = ">=4.5.0"
 
 [package.extras]
 all = ["email-validator (>=1.1.1)", "httpx (>=0.23.0)", "itsdangerous (>=1.1.0)", "jinja2 (>=2.11.2)", "orjson (>=3.2.1)", "python-multipart (>=0.0.5)", "pyyaml (>=5.3.1)", "ujson (>=4.0.1,!=4.0.2,!=4.1.0,!=4.2.0,!=4.3.0,!=5.0.0,!=5.1.0)", "uvicorn[standard] (>=0.12.0)"]
@@ -1406,7 +1340,6 @@ all = ["email-validator (>=1.1.1)", "httpx (>=0.23.0)", "itsdangerous (>=1.1.0)"
 name = "filelock"
 version = "3.12.2"
 description = "A platform independent file lock."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1422,7 +1355,6 @@ testing = ["covdefaults (>=2.3)", "coverage (>=7.2.7)", "diff-cover (>=7.5)", "p
 name = "filetype"
 version = "1.2.0"
 description = "Infer file type and MIME type of any file/buffer. No external dependencies."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1434,7 +1366,6 @@ files = [
 name = "flatbuffers"
 version = "23.5.26"
 description = "The FlatBuffers serialization format for Python"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1446,7 +1377,6 @@ files = [
 name = "frozenlist"
 version = "1.3.3"
 description = "A list-like structure which implements collections.abc.MutableSequence"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1530,7 +1460,6 @@ files = [
 name = "fsspec"
 version = "2023.6.0"
 description = "File-system specification"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1566,7 +1495,6 @@ tqdm = ["tqdm"]
 name = "gitdb"
 version = "4.0.10"
 description = "Git Object Database"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1581,7 +1509,6 @@ smmap = ">=3.0.1,<6"
 name = "gitpython"
 version = "3.1.31"
 description = "GitPython is a Python library used to interact with Git repositories"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1596,7 +1523,6 @@ gitdb = ">=4.0.1,<5"
 name = "google-api-core"
 version = "2.11.1"
 description = "Google API client core library"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1620,20 +1546,16 @@ grpcio-gcp = ["grpcio-gcp (>=0.2.2,<1.0.dev0)"]
 [[package]]
 name = "google-api-python-client"
 version = "2.91.0"
-version = "2.91.0"
 description = "Google API Client Library for Python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
     {file = "google-api-python-client-2.91.0.tar.gz", hash = "sha256:d9385ad6e7f95eecd40f7c81e3abfe4b6ad3a84f2c16bcdb66fb7b8dd814ed56"},
     {file = "google_api_python_client-2.91.0-py2.py3-none-any.whl", hash = "sha256:6959d21d4b20c0f65c69662ca7b6a8a02fc08f3e7f72d70b28ae3e6e3a5f9ab2"},
-    {file = "google-api-python-client-2.91.0.tar.gz", hash = "sha256:d9385ad6e7f95eecd40f7c81e3abfe4b6ad3a84f2c16bcdb66fb7b8dd814ed56"},
-    {file = "google_api_python_client-2.91.0-py2.py3-none-any.whl", hash = "sha256:6959d21d4b20c0f65c69662ca7b6a8a02fc08f3e7f72d70b28ae3e6e3a5f9ab2"},
 ]
 
 [package.dependencies]
-google-api-core = ">=1.31.5,<2.0.0 || >2.3.0,<3.0.0.dev0"
+google-api-core = ">=1.31.5,<2.0.dev0 || >2.3.0,<3.0.0.dev0"
 google-auth = ">=1.19.0,<3.0.0.dev0"
 google-auth-httplib2 = ">=0.1.0"
 httplib2 = ">=0.15.0,<1.dev0"
@@ -1642,16 +1564,12 @@ uritemplate = ">=3.0.1,<5"
 [[package]]
 name = "google-auth"
 version = "2.21.0"
-version = "2.21.0"
 description = "Google Authentication Library"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
     {file = "google-auth-2.21.0.tar.gz", hash = "sha256:b28e8048e57727e7cf0e5bd8e7276b212aef476654a09511354aa82753b45c66"},
     {file = "google_auth-2.21.0-py2.py3-none-any.whl", hash = "sha256:da3f18d074fa0f5a7061d99b9af8cee3aa6189c987af7c1b07d94566b6b11268"},
-    {file = "google-auth-2.21.0.tar.gz", hash = "sha256:b28e8048e57727e7cf0e5bd8e7276b212aef476654a09511354aa82753b45c66"},
-    {file = "google_auth-2.21.0-py2.py3-none-any.whl", hash = "sha256:da3f18d074fa0f5a7061d99b9af8cee3aa6189c987af7c1b07d94566b6b11268"},
 ]
 
 [package.dependencies]
@@ -1672,7 +1590,6 @@ requests = ["requests (>=2.20.0,<3.0.0.dev0)"]
 name = "google-auth-httplib2"
 version = "0.1.0"
 description = "Google Authentication Library: httplib2 transport"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1685,11 +1602,233 @@ google-auth = "*"
 httplib2 = ">=0.15.0"
 six = "*"
 
+[[package]]
+name = "google-cloud-aiplatform"
+version = "1.27.0"
+description = "Vertex AI API client library"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "google-cloud-aiplatform-1.27.0.tar.gz", hash = "sha256:ba9724e51eefddd284547ed632afcf23573b9040ea8ca5fd668a9ea093d5dcec"},
+    {file = "google_cloud_aiplatform-1.27.0-py2.py3-none-any.whl", hash = "sha256:501a1dd8ad0012d73da3f3938140113f163d7c75b442bfc2e5f9a8889aca4119"},
+]
+
+[package.dependencies]
+google-api-core = {version = ">=1.32.0,<2.0.dev0 || >=2.8.dev0,<3.0.0dev", extras = ["grpc"]}
+google-cloud-bigquery = ">=1.15.0,<4.0.0dev"
+google-cloud-resource-manager = ">=1.3.3,<3.0.0dev"
+google-cloud-storage = ">=1.32.0,<3.0.0dev"
+packaging = ">=14.3"
+proto-plus = ">=1.22.0,<2.0.0dev"
+protobuf = ">=3.19.5,<3.20.0 || >3.20.0,<3.20.1 || >3.20.1,<4.21.0 || >4.21.0,<4.21.1 || >4.21.1,<4.21.2 || >4.21.2,<4.21.3 || >4.21.3,<4.21.4 || >4.21.4,<4.21.5 || >4.21.5,<5.0.0dev"
+shapely = "<2.0.0"
+
+[package.extras]
+autologging = ["mlflow (>=1.27.0,<=2.1.1)"]
+cloud-profiler = ["tensorboard-plugin-profile (>=2.4.0,<3.0.0dev)", "tensorflow (>=2.4.0,<3.0.0dev)", "werkzeug (>=2.0.0,<2.1.0dev)"]
+datasets = ["pyarrow (>=3.0.0,<8.0dev)"]
+endpoint = ["requests (>=2.28.1)"]
+full = ["docker (>=5.0.3)", "explainable-ai-sdk (>=1.0.0)", "fastapi (>=0.71.0,<0.76.0)", "google-cloud-bigquery-storage", "google-vizier (==0.0.4)", "lit-nlp (==0.4.0)", "mlflow (>=1.27.0,<=2.1.1)", "numpy (>=1.15.0)", "pandas (>=1.0.0)", "pyarrow (>=3.0.0,<8.0dev)", "pyarrow (>=6.0.1)", "pyyaml (>=5.3,<6)", "requests (>=2.28.1)", "starlette (>=0.17.1)", "tensorflow (>=2.3.0,<3.0.0dev)", "urllib3 (>=1.21.1,<1.27)", "uvicorn[standard] (>=0.16.0)"]
+lit = ["explainable-ai-sdk (>=1.0.0)", "lit-nlp (==0.4.0)", "pandas (>=1.0.0)", "tensorflow (>=2.3.0,<3.0.0dev)"]
+metadata = ["numpy (>=1.15.0)", "pandas (>=1.0.0)"]
+pipelines = ["pyyaml (>=5.3,<6)"]
+prediction = ["docker (>=5.0.3)", "fastapi (>=0.71.0,<0.76.0)", "starlette (>=0.17.1)", "uvicorn[standard] (>=0.16.0)"]
+private-endpoints = ["requests (>=2.28.1)", "urllib3 (>=1.21.1,<1.27)"]
+tensorboard = ["tensorflow (>=2.3.0,<3.0.0dev)"]
+testing = ["docker (>=5.0.3)", "explainable-ai-sdk (>=1.0.0)", "fastapi (>=0.71.0,<0.76.0)", "google-cloud-bigquery-storage", "google-vizier (==0.0.4)", "grpcio-testing", "ipython", "kfp", "lit-nlp (==0.4.0)", "mlflow (>=1.27.0,<=2.1.1)", "numpy (>=1.15.0)", "pandas (>=1.0.0)", "pyarrow (>=3.0.0,<8.0dev)", "pyarrow (>=6.0.1)", "pytest-asyncio", "pytest-xdist", "pyyaml (>=5.3,<6)", "requests (>=2.28.1)", "scikit-learn", "starlette (>=0.17.1)", "tensorboard-plugin-profile (>=2.4.0,<3.0.0dev)", "tensorflow (>=2.3.0,<3.0.0dev)", "tensorflow (>=2.4.0,<3.0.0dev)", "urllib3 (>=1.21.1,<1.27)", "uvicorn[standard] (>=0.16.0)", "werkzeug (>=2.0.0,<2.1.0dev)", "xgboost"]
+vizier = ["google-vizier (==0.0.4)"]
+xai = ["tensorflow (>=2.3.0,<3.0.0dev)"]
+
+[[package]]
+name = "google-cloud-bigquery"
+version = "3.11.3"
+description = "Google BigQuery API client library"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "google-cloud-bigquery-3.11.3.tar.gz", hash = "sha256:d4585be9e76c984ec83ef290ebeff17562d2c9f2f4f84d3015d9b7b27b499a9d"},
+    {file = "google_cloud_bigquery-3.11.3-py2.py3-none-any.whl", hash = "sha256:266ba1ddd213b2454c1e4a92ae647813b783128078eb48dda4c0b443c5057e29"},
+]
+
+[package.dependencies]
+google-api-core = {version = ">=1.31.5,<2.0.dev0 || >2.3.0,<3.0.0dev", extras = ["grpc"]}
+google-cloud-core = ">=1.6.0,<3.0.0dev"
+google-resumable-media = ">=0.6.0,<3.0dev"
+grpcio = ">=1.47.0,<2.0dev"
+packaging = ">=20.0.0"
+proto-plus = ">=1.15.0,<2.0.0dev"
+protobuf = ">=3.19.5,<3.20.0 || >3.20.0,<3.20.1 || >3.20.1,<4.21.0 || >4.21.0,<4.21.1 || >4.21.1,<4.21.2 || >4.21.2,<4.21.3 || >4.21.3,<4.21.4 || >4.21.4,<4.21.5 || >4.21.5,<5.0.0dev"
+python-dateutil = ">=2.7.2,<3.0dev"
+requests = ">=2.21.0,<3.0.0dev"
+
+[package.extras]
+all = ["Shapely (>=1.8.4,<2.0dev)", "db-dtypes (>=0.3.0,<2.0.0dev)", "geopandas (>=0.9.0,<1.0dev)", "google-cloud-bigquery-storage (>=2.6.0,<3.0.0dev)", "grpcio (>=1.47.0,<2.0dev)", "grpcio (>=1.49.1,<2.0dev)", "ipykernel (>=6.0.0)", "ipython (>=7.23.1,!=8.1.0)", "ipywidgets (>=7.7.0)", "opentelemetry-api (>=1.1.0)", "opentelemetry-instrumentation (>=0.20b0)", "opentelemetry-sdk (>=1.1.0)", "pandas (>=1.1.0)", "pyarrow (>=3.0.0)", "tqdm (>=4.7.4,<5.0.0dev)"]
+bqstorage = ["google-cloud-bigquery-storage (>=2.6.0,<3.0.0dev)", "grpcio (>=1.47.0,<2.0dev)", "grpcio (>=1.49.1,<2.0dev)", "pyarrow (>=3.0.0)"]
+geopandas = ["Shapely (>=1.8.4,<2.0dev)", "geopandas (>=0.9.0,<1.0dev)"]
+ipython = ["ipykernel (>=6.0.0)", "ipython (>=7.23.1,!=8.1.0)"]
+ipywidgets = ["ipykernel (>=6.0.0)", "ipywidgets (>=7.7.0)"]
+opentelemetry = ["opentelemetry-api (>=1.1.0)", "opentelemetry-instrumentation (>=0.20b0)", "opentelemetry-sdk (>=1.1.0)"]
+pandas = ["db-dtypes (>=0.3.0,<2.0.0dev)", "pandas (>=1.1.0)", "pyarrow (>=3.0.0)"]
+tqdm = ["tqdm (>=4.7.4,<5.0.0dev)"]
+
+[[package]]
+name = "google-cloud-core"
+version = "2.3.2"
+description = "Google Cloud API client core library"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "google-cloud-core-2.3.2.tar.gz", hash = "sha256:b9529ee7047fd8d4bf4a2182de619154240df17fbe60ead399078c1ae152af9a"},
+    {file = "google_cloud_core-2.3.2-py2.py3-none-any.whl", hash = "sha256:8417acf6466be2fa85123441696c4badda48db314c607cf1e5d543fa8bdc22fe"},
+]
+
+[package.dependencies]
+google-api-core = ">=1.31.6,<2.0.dev0 || >2.3.0,<3.0.0dev"
+google-auth = ">=1.25.0,<3.0dev"
+
+[package.extras]
+grpc = ["grpcio (>=1.38.0,<2.0dev)"]
+
+[[package]]
+name = "google-cloud-resource-manager"
+version = "1.10.1"
+description = "Google Cloud Resource Manager API client library"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "google-cloud-resource-manager-1.10.1.tar.gz", hash = "sha256:c974fb6f9810476cf7b63ea89394c1a8df47f7f2dc2303e728bb74b500bcde67"},
+    {file = "google_cloud_resource_manager-1.10.1-py2.py3-none-any.whl", hash = "sha256:41a2204532f084c707fde0bc1a9bc95c7e0b739d7072dd0b8a25106667a56184"},
+]
+
+[package.dependencies]
+google-api-core = {version = ">=1.34.0,<2.0.dev0 || >=2.11.dev0,<3.0.0dev", extras = ["grpc"]}
+grpc-google-iam-v1 = ">=0.12.4,<1.0.0dev"
+proto-plus = ">=1.22.0,<2.0.0dev"
+protobuf = ">=3.19.5,<3.20.0 || >3.20.0,<3.20.1 || >3.20.1,<4.21.0 || >4.21.0,<4.21.1 || >4.21.1,<4.21.2 || >4.21.2,<4.21.3 || >4.21.3,<4.21.4 || >4.21.4,<4.21.5 || >4.21.5,<5.0.0dev"
+
+[[package]]
+name = "google-cloud-storage"
+version = "2.10.0"
+description = "Google Cloud Storage API client library"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "google-cloud-storage-2.10.0.tar.gz", hash = "sha256:934b31ead5f3994e5360f9ff5750982c5b6b11604dc072bc452c25965e076dc7"},
+    {file = "google_cloud_storage-2.10.0-py2.py3-none-any.whl", hash = "sha256:9433cf28801671de1c80434238fb1e7e4a1ba3087470e90f70c928ea77c2b9d7"},
+]
+
+[package.dependencies]
+google-api-core = ">=1.31.5,<2.0.dev0 || >2.3.0,<3.0.0dev"
+google-auth = ">=1.25.0,<3.0dev"
+google-cloud-core = ">=2.3.0,<3.0dev"
+google-resumable-media = ">=2.3.2"
+requests = ">=2.18.0,<3.0.0dev"
+
+[package.extras]
+protobuf = ["protobuf (<5.0.0dev)"]
+
+[[package]]
+name = "google-crc32c"
+version = "1.5.0"
+description = "A python wrapper of the C library 'Google CRC32C'"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "google-crc32c-1.5.0.tar.gz", hash = "sha256:89284716bc6a5a415d4eaa11b1726d2d60a0cd12aadf5439828353662ede9dd7"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:596d1f98fc70232fcb6590c439f43b350cb762fb5d61ce7b0e9db4539654cc13"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:be82c3c8cfb15b30f36768797a640e800513793d6ae1724aaaafe5bf86f8f346"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:461665ff58895f508e2866824a47bdee72497b091c730071f2b7575d5762ab65"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:e2096eddb4e7c7bdae4bd69ad364e55e07b8316653234a56552d9c988bd2d61b"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:116a7c3c616dd14a3de8c64a965828b197e5f2d121fedd2f8c5585c547e87b02"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:5829b792bf5822fd0a6f6eb34c5f81dd074f01d570ed7f36aa101d6fc7a0a6e4"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:64e52e2b3970bd891309c113b54cf0e4384762c934d5ae56e283f9a0afcd953e"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:02ebb8bf46c13e36998aeaad1de9b48f4caf545e91d14041270d9dca767b780c"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-win32.whl", hash = "sha256:2e920d506ec85eb4ba50cd4228c2bec05642894d4c73c59b3a2fe20346bd00ee"},
+    {file = "google_crc32c-1.5.0-cp310-cp310-win_amd64.whl", hash = "sha256:07eb3c611ce363c51a933bf6bd7f8e3878a51d124acfc89452a75120bc436289"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:cae0274952c079886567f3f4f685bcaf5708f0a23a5f5216fdab71f81a6c0273"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:1034d91442ead5a95b5aaef90dbfaca8633b0247d1e41621d1e9f9db88c36298"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:7c42c70cd1d362284289c6273adda4c6af8039a8ae12dc451dcd61cdabb8ab57"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:8485b340a6a9e76c62a7dce3c98e5f102c9219f4cfbf896a00cf48caf078d438"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:77e2fd3057c9d78e225fa0a2160f96b64a824de17840351b26825b0848022906"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:f583edb943cf2e09c60441b910d6a20b4d9d626c75a36c8fcac01a6c96c01183"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:a1fd716e7a01f8e717490fbe2e431d2905ab8aa598b9b12f8d10abebb36b04dd"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:72218785ce41b9cfd2fc1d6a017dc1ff7acfc4c17d01053265c41a2c0cc39b8c"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-win32.whl", hash = "sha256:66741ef4ee08ea0b2cc3c86916ab66b6aef03768525627fd6a1b34968b4e3709"},
+    {file = "google_crc32c-1.5.0-cp311-cp311-win_amd64.whl", hash = "sha256:ba1eb1843304b1e5537e1fca632fa894d6f6deca8d6389636ee5b4797affb968"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:98cb4d057f285bd80d8778ebc4fde6b4d509ac3f331758fb1528b733215443ae"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:fd8536e902db7e365f49e7d9029283403974ccf29b13fc7028b97e2295b33556"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:19e0a019d2c4dcc5e598cd4a4bc7b008546b0358bd322537c74ad47a5386884f"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:02c65b9817512edc6a4ae7c7e987fea799d2e0ee40c53ec573a692bee24de876"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-manylinux_2_5_x86_64.manylinux1_x86_64.whl", hash = "sha256:6ac08d24c1f16bd2bf5eca8eaf8304812f44af5cfe5062006ec676e7e1d50afc"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:3359fc442a743e870f4588fcf5dcbc1bf929df1fad8fb9905cd94e5edb02e84c"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:1e986b206dae4476f41bcec1faa057851f3889503a70e1bdb2378d406223994a"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:de06adc872bcd8c2a4e0dc51250e9e65ef2ca91be023b9d13ebd67c2ba552e1e"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-win32.whl", hash = "sha256:d3515f198eaa2f0ed49f8819d5732d70698c3fa37384146079b3799b97667a94"},
+    {file = "google_crc32c-1.5.0-cp37-cp37m-win_amd64.whl", hash = "sha256:67b741654b851abafb7bc625b6d1cdd520a379074e64b6a128e3b688c3c04740"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:c02ec1c5856179f171e032a31d6f8bf84e5a75c45c33b2e20a3de353b266ebd8"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:edfedb64740750e1a3b16152620220f51d58ff1b4abceb339ca92e934775c27a"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:84e6e8cd997930fc66d5bb4fde61e2b62ba19d62b7abd7a69920406f9ecca946"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:024894d9d3cfbc5943f8f230e23950cd4906b2fe004c72e29b209420a1e6b05a"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:998679bf62b7fb599d2878aa3ed06b9ce688b8974893e7223c60db155f26bd8d"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-manylinux_2_5_x86_64.manylinux1_x86_64.whl", hash = "sha256:83c681c526a3439b5cf94f7420471705bbf96262f49a6fe546a6db5f687a3d4a"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:4c6fdd4fccbec90cc8a01fc00773fcd5fa28db683c116ee3cb35cd5da9ef6c37"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:5ae44e10a8e3407dbe138984f21e536583f2bba1be9491239f942c2464ac0894"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:37933ec6e693e51a5b07505bd05de57eee12f3e8c32b07da7e73669398e6630a"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-win32.whl", hash = "sha256:fe70e325aa68fa4b5edf7d1a4b6f691eb04bbccac0ace68e34820d283b5f80d4"},
+    {file = "google_crc32c-1.5.0-cp38-cp38-win_amd64.whl", hash = "sha256:74dea7751d98034887dbd821b7aae3e1d36eda111d6ca36c206c44478035709c"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:c6c777a480337ac14f38564ac88ae82d4cd238bf293f0a22295b66eb89ffced7"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:759ce4851a4bb15ecabae28f4d2e18983c244eddd767f560165563bf9aefbc8d"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:f13cae8cc389a440def0c8c52057f37359014ccbc9dc1f0827936bcd367c6100"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:e560628513ed34759456a416bf86b54b2476c59144a9138165c9a1575801d0d9"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e1674e4307fa3024fc897ca774e9c7562c957af85df55efe2988ed9056dc4e57"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-manylinux_2_5_x86_64.manylinux1_x86_64.whl", hash = "sha256:278d2ed7c16cfc075c91378c4f47924c0625f5fc84b2d50d921b18b7975bd210"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:d5280312b9af0976231f9e317c20e4a61cd2f9629b7bfea6a693d1878a264ebd"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:8b87e1a59c38f275c0e3676fc2ab6d59eccecfd460be267ac360cc31f7bcde96"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:7c074fece789b5034b9b1404a1f8208fc2d4c6ce9decdd16e8220c5a793e6f61"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-win32.whl", hash = "sha256:7f57f14606cd1dd0f0de396e1e53824c371e9544a822648cd76c034d209b559c"},
+    {file = "google_crc32c-1.5.0-cp39-cp39-win_amd64.whl", hash = "sha256:a2355cba1f4ad8b6988a4ca3feed5bff33f6af2d7f134852cf279c2aebfde541"},
+    {file = "google_crc32c-1.5.0-pp37-pypy37_pp73-macosx_10_9_x86_64.whl", hash = "sha256:f314013e7dcd5cf45ab1945d92e713eec788166262ae8deb2cfacd53def27325"},
+    {file = "google_crc32c-1.5.0-pp37-pypy37_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3b747a674c20a67343cb61d43fdd9207ce5da6a99f629c6e2541aa0e89215bcd"},
+    {file = "google_crc32c-1.5.0-pp37-pypy37_pp73-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:8f24ed114432de109aa9fd317278518a5af2d31ac2ea6b952b2f7782b43da091"},
+    {file = "google_crc32c-1.5.0-pp37-pypy37_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:b8667b48e7a7ef66afba2c81e1094ef526388d35b873966d8a9a447974ed9178"},
+    {file = "google_crc32c-1.5.0-pp37-pypy37_pp73-win_amd64.whl", hash = "sha256:1c7abdac90433b09bad6c43a43af253e688c9cfc1c86d332aed13f9a7c7f65e2"},
+    {file = "google_crc32c-1.5.0-pp38-pypy38_pp73-macosx_10_9_x86_64.whl", hash = "sha256:6f998db4e71b645350b9ac28a2167e6632c239963ca9da411523bb439c5c514d"},
+    {file = "google_crc32c-1.5.0-pp38-pypy38_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:9c99616c853bb585301df6de07ca2cadad344fd1ada6d62bb30aec05219c45d2"},
+    {file = "google_crc32c-1.5.0-pp38-pypy38_pp73-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:2ad40e31093a4af319dadf503b2467ccdc8f67c72e4bcba97f8c10cb078207b5"},
+    {file = "google_crc32c-1.5.0-pp38-pypy38_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:cd67cf24a553339d5062eff51013780a00d6f97a39ca062781d06b3a73b15462"},
+    {file = "google_crc32c-1.5.0-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:398af5e3ba9cf768787eef45c803ff9614cc3e22a5b2f7d7ae116df8b11e3314"},
+    {file = "google_crc32c-1.5.0-pp39-pypy39_pp73-macosx_10_9_x86_64.whl", hash = "sha256:b1f8133c9a275df5613a451e73f36c2aea4fe13c5c8997e22cf355ebd7bd0728"},
+    {file = "google_crc32c-1.5.0-pp39-pypy39_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:9ba053c5f50430a3fcfd36f75aff9caeba0440b2d076afdb79a318d6ca245f88"},
+    {file = "google_crc32c-1.5.0-pp39-pypy39_pp73-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:272d3892a1e1a2dbc39cc5cde96834c236d5327e2122d3aaa19f6614531bb6eb"},
+    {file = "google_crc32c-1.5.0-pp39-pypy39_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:635f5d4dd18758a1fbd1049a8e8d2fee4ffed124462d837d1a02a0e009c3ab31"},
+    {file = "google_crc32c-1.5.0-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:c672d99a345849301784604bfeaeba4db0c7aae50b95be04dd651fd2a7310b93"},
+]
+
+[package.extras]
+testing = ["pytest"]
+
+[[package]]
+name = "google-resumable-media"
+version = "2.5.0"
+description = "Utilities for Google Media Downloads and Resumable Uploads"
+optional = false
+python-versions = ">= 3.7"
+files = [
+    {file = "google-resumable-media-2.5.0.tar.gz", hash = "sha256:218931e8e2b2a73a58eb354a288e03a0fd5fb1c4583261ac6e4c078666468c93"},
+    {file = "google_resumable_media-2.5.0-py2.py3-none-any.whl", hash = "sha256:da1bd943e2e114a56d85d6848497ebf9be6a14d3db23e9fc57581e7c3e8170ec"},
+]
+
+[package.dependencies]
+google-crc32c = ">=1.0,<2.0dev"
+
+[package.extras]
+aiohttp = ["aiohttp (>=3.6.2,<4.0.0dev)"]
+requests = ["requests (>=2.18.0,<3.0.0dev)"]
+
 [[package]]
 name = "google-search-results"
 version = "2.4.2"
 description = "Scrape and search localized results from Google, Bing, Baidu, Yahoo, Yandex, Ebay, Homedepot, youtube at scale using SerpApi.com"
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -1703,7 +1842,6 @@ requests = "*"
 name = "googleapis-common-protos"
 version = "1.59.1"
 description = "Common protobufs used in Google APIs"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1722,7 +1860,6 @@ grpc = ["grpcio (>=1.44.0,<2.0.0.dev0)"]
 name = "gotrue"
 version = "1.0.2"
 description = "Python Client Library for GoTrue"
-category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -1738,7 +1875,6 @@ pydantic = ">=1.10.0,<2.0.0"
 name = "greenlet"
 version = "2.0.2"
 description = "Lightweight in-process concurrent programming"
-category = "main"
 optional = false
 python-versions = ">=2.7,!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*"
 files = [
@@ -1812,7 +1948,6 @@ test = ["objgraph", "psutil"]
 name = "grpc-google-iam-v1"
 version = "0.12.6"
 description = "IAM API client library"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1829,7 +1964,6 @@ protobuf = ">=3.19.5,<3.20.0 || >3.20.0,<3.20.1 || >3.20.1,<4.21.1 || >4.21.1,<4
 name = "grpcio"
 version = "1.47.5"
 description = "HTTP/2-based RPC framework"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1891,7 +2025,6 @@ protobuf = ["grpcio-tools (>=1.47.5)"]
 name = "grpcio-health-checking"
 version = "1.47.5"
 description = "Standard Health Checking Service for gRPC"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1907,7 +2040,6 @@ protobuf = ">=3.12.0"
 name = "grpcio-reflection"
 version = "1.47.5"
 description = "Standard Protobuf Reflection Service for gRPC"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1923,7 +2055,6 @@ protobuf = ">=3.12.0"
 name = "grpcio-status"
 version = "1.47.5"
 description = "Status proto mapping for gRPC"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1940,7 +2071,6 @@ protobuf = ">=3.12.0"
 name = "grpcio-tools"
 version = "1.47.5"
 description = "Protobuf code generator for gRPC"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2001,7 +2131,6 @@ setuptools = "*"
 name = "gunicorn"
 version = "20.1.0"
 description = "WSGI HTTP Server for UNIX"
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -2022,7 +2151,6 @@ tornado = ["tornado (>=0.2)"]
 name = "h11"
 version = "0.14.0"
 description = "A pure-Python, bring-your-own-I/O implementation of HTTP/1.1"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2034,7 +2162,6 @@ files = [
 name = "h2"
 version = "4.1.0"
 description = "HTTP/2 State-Machine based protocol implementation"
-category = "main"
 optional = false
 python-versions = ">=3.6.1"
 files = [
@@ -2050,7 +2177,6 @@ hyperframe = ">=6.0,<7"
 name = "hnswlib"
 version = "0.7.0"
 description = "hnswlib"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2064,7 +2190,6 @@ numpy = "*"
 name = "hpack"
 version = "4.0.0"
 description = "Pure-Python HPACK header compression"
-category = "main"
 optional = false
 python-versions = ">=3.6.1"
 files = [
@@ -2076,7 +2201,6 @@ files = [
 name = "httpcore"
 version = "0.16.3"
 description = "A minimal low-level HTTP client."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2088,17 +2212,16 @@ files = [
 anyio = ">=3.0,<5.0"
 certifi = "*"
 h11 = ">=0.13,<0.15"
-sniffio = ">=1.0.0,<2.0.0"
+sniffio = "==1.*"
 
 [package.extras]
 http2 = ["h2 (>=3,<5)"]
-socks = ["socksio (>=1.0.0,<2.0.0)"]
+socks = ["socksio (==1.*)"]
 
 [[package]]
 name = "httplib2"
 version = "0.22.0"
 description = "A comprehensive HTTP client library."
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -2113,7 +2236,6 @@ pyparsing = {version = ">=2.4.2,<3.0.0 || >3.0.0,<3.0.1 || >3.0.1,<3.0.2 || >3.0
 name = "httptools"
 version = "0.5.0"
 description = "A collection of framework independent HTTP protocol utils."
-category = "main"
 optional = false
 python-versions = ">=3.5.0"
 files = [
@@ -2167,7 +2289,6 @@ test = ["Cython (>=0.29.24,<0.30.0)"]
 name = "httpx"
 version = "0.23.3"
 description = "The next generation HTTP client."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2184,15 +2305,14 @@ sniffio = "*"
 
 [package.extras]
 brotli = ["brotli", "brotlicffi"]
-cli = ["click (>=8.0.0,<9.0.0)", "pygments (>=2.0.0,<3.0.0)", "rich (>=10,<13)"]
+cli = ["click (==8.*)", "pygments (==2.*)", "rich (>=10,<13)"]
 http2 = ["h2 (>=3,<5)"]
-socks = ["socksio (>=1.0.0,<2.0.0)"]
+socks = ["socksio (==1.*)"]
 
 [[package]]
 name = "huggingface-hub"
 version = "0.15.1"
 description = "Client library to download and publish models, datasets and other repos on the huggingface.co hub"
-category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -2224,7 +2344,6 @@ typing = ["types-PyYAML", "types-requests", "types-simplejson", "types-toml", "t
 name = "humanfriendly"
 version = "10.0"
 description = "Human friendly output for text interfaces using Python"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*"
 files = [
@@ -2239,7 +2358,6 @@ pyreadline3 = {version = "*", markers = "sys_platform == \"win32\" and python_ve
 name = "hyperframe"
 version = "6.0.1"
 description = "HTTP/2 framing layer for Python"
-category = "main"
 optional = false
 python-versions = ">=3.6.1"
 files = [
@@ -2251,7 +2369,6 @@ files = [
 name = "idna"
 version = "3.4"
 description = "Internationalized Domain Names in Applications (IDNA)"
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -2263,7 +2380,6 @@ files = [
 name = "importlib-metadata"
 version = "6.0.1"
 description = "Read metadata from Python packages"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2283,7 +2399,6 @@ testing = ["flake8 (<5)", "flufl.flake8", "importlib-resources (>=1.3)", "packag
 name = "importlib-resources"
 version = "5.12.0"
 description = "Read resources from Python packages"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2302,7 +2417,6 @@ testing = ["flake8 (<5)", "pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-chec
 name = "iniconfig"
 version = "2.0.0"
 description = "brain-dead simple config-ini parsing"
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2314,7 +2428,6 @@ files = [
 name = "invoke"
 version = "1.7.3"
 description = "Pythonic task execution"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2324,14 +2437,13 @@ files = [
 
 [[package]]
 name = "ipykernel"
-version = "6.23.3"
+version = "6.24.0"
 description = "IPython Kernel for Jupyter"
-category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
-    {file = "ipykernel-6.23.3-py3-none-any.whl", hash = "sha256:bc00662dc44d4975b668cdb5fefb725e38e9d8d6e28441a519d043f38994922d"},
-    {file = "ipykernel-6.23.3.tar.gz", hash = "sha256:dd4e18116357f36a1e459b3768412371bee764c51844cbf25c4ed1eb9cae4a54"},
+    {file = "ipykernel-6.24.0-py3-none-any.whl", hash = "sha256:2f5fffc7ad8f1fd5aadb4e171ba9129d9668dbafa374732cf9511ada52d6547f"},
+    {file = "ipykernel-6.24.0.tar.gz", hash = "sha256:29cea0a716b1176d002a61d0b0c851f34536495bc4ef7dd0222c88b41b816123"},
 ]
 
 [package.dependencies]
@@ -2340,7 +2452,7 @@ comm = ">=0.1.1"
 debugpy = ">=1.6.5"
 ipython = ">=7.23.1"
 jupyter-client = ">=6.1.12"
-jupyter-core = ">=4.12,<5.0.0 || >=5.1.0"
+jupyter-core = ">=4.12,<5.0.dev0 || >=5.1.dev0"
 matplotlib-inline = ">=0.1"
 nest-asyncio = "*"
 packaging = "*"
@@ -2360,7 +2472,6 @@ test = ["flaky", "ipyparallel", "pre-commit", "pytest (>=7.0)", "pytest-asyncio"
 name = "ipython"
 version = "8.14.0"
 description = "IPython: Productive Interactive Computing"
-category = "dev"
 optional = false
 python-versions = ">=3.9"
 files = [
@@ -2400,7 +2511,6 @@ test-extra = ["curio", "matplotlib (!=3.2.0)", "nbformat", "numpy (>=1.21)", "pa
 name = "jaraco-classes"
 version = "3.2.3"
 description = "Utility functions for Python class constructs"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2419,7 +2529,6 @@ testing = ["flake8 (<5)", "pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-chec
 name = "jcloud"
 version = "0.2.12"
 description = "Simplify deploying and managing Jina projects on Jina Cloud"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2442,7 +2551,6 @@ test = ["black (==22.3.0)", "jina (>=3.7.0)", "mock", "pytest", "pytest-asyncio"
 name = "jedi"
 version = "0.18.2"
 description = "An autocompletion tool for Python that can be used for text editors."
-category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2462,7 +2570,6 @@ testing = ["Django (<3.1)", "attrs", "colorama", "docopt", "pytest (<7.0.0)"]
 name = "jeepney"
 version = "0.8.0"
 description = "Low-level, pure Python DBus protocol wrapper."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2478,7 +2585,6 @@ trio = ["async_generator", "trio"]
 name = "jina"
 version = "3.15.2"
 description = "Build multimodal AI services via cloud native technologies · Neural Search · Generative AI · MLOps"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2596,7 +2702,6 @@ websockets = ["websockets"]
 name = "jina-hubble-sdk"
 version = "0.38.0"
 description = "SDK for Hubble API at Jina AI."
-category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -2622,7 +2727,6 @@ full = ["aiohttp", "black (==22.3.0)", "docker", "filelock", "flake8 (==4.0.1)",
 name = "jinja2"
 version = "3.1.2"
 description = "A very fast and expressive template engine."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2640,7 +2744,6 @@ i18n = ["Babel (>=2.7)"]
 name = "joblib"
 version = "1.3.1"
 description = "Lightweight pipelining with Python functions"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2652,7 +2755,6 @@ files = [
 name = "jupyter-client"
 version = "8.3.0"
 description = "Jupyter protocol implementation and client libraries"
-category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2662,7 +2764,7 @@ files = [
 
 [package.dependencies]
 importlib-metadata = {version = ">=4.8.3", markers = "python_version < \"3.10\""}
-jupyter-core = ">=4.12,<5.0.0 || >=5.1.0"
+jupyter-core = ">=4.12,<5.0.dev0 || >=5.1.dev0"
 python-dateutil = ">=2.8.2"
 pyzmq = ">=23.0"
 tornado = ">=6.2"
@@ -2676,7 +2778,6 @@ test = ["coverage", "ipykernel (>=6.14)", "mypy", "paramiko", "pre-commit", "pyt
 name = "jupyter-core"
 version = "5.3.1"
 description = "Jupyter core package. A base package on which Jupyter projects rely."
-category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2697,7 +2798,6 @@ test = ["ipykernel", "pre-commit", "pytest", "pytest-cov", "pytest-timeout"]
 name = "keyring"
 version = "24.2.0"
 description = "Store and access your passwords safely."
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2721,7 +2821,6 @@ testing = ["pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)",
 name = "langchain"
 version = "0.0.219"
 description = "Building applications with LLMs through composability"
-category = "main"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
@@ -2759,13 +2858,12 @@ text-helpers = ["chardet (>=5.1.0,<6.0.0)"]
 
 [[package]]
 name = "langchain-serve"
-version = "0.0.49"
+version = "0.0.50"
 description = "Langchain Serve - serve your langchain apps on Jina AI Cloud."
-category = "main"
 optional = true
 python-versions = "*"
 files = [
-    {file = "langchain-serve-0.0.49.tar.gz", hash = "sha256:5dc30276e709e59838c28508228ad2185e264c8877ea70194fa5d2acd44e966d"},
+    {file = "langchain-serve-0.0.50.tar.gz", hash = "sha256:5f191d770a577c02127b79600678c407a77da672801e5784d544d7c54e1aaee1"},
 ]
 
 [package.dependencies]
@@ -2785,14 +2883,13 @@ test = ["psutil", "pytest", "pytest-asyncio"]
 
 [[package]]
 name = "langchainplus-sdk"
-version = "0.0.18"
+version = "0.0.20"
 description = "Client library to connect to the LangSmith LLM Tracing and Evaluation Platform."
-category = "main"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
-    {file = "langchainplus_sdk-0.0.18-py3-none-any.whl", hash = "sha256:c3daaf5bd333754ef3e6e7c1bd4638f6735f676d036fc2bfdd476dbf09690969"},
-    {file = "langchainplus_sdk-0.0.18.tar.gz", hash = "sha256:63102815c21839dd6bfa88c19b7c99c737982e8356569538ad75884b8412b711"},
+    {file = "langchainplus_sdk-0.0.20-py3-none-any.whl", hash = "sha256:07a869d476755803aa04c4986ce78d00c2fe4ff584c0eaa57d7570c9664188db"},
+    {file = "langchainplus_sdk-0.0.20.tar.gz", hash = "sha256:3d300e2e3290f68cc9d842c059f9458deba60e776c9e790309688cad1bfbb219"},
 ]
 
 [package.dependencies]
@@ -2804,7 +2901,6 @@ tenacity = ">=8.1.0,<9.0.0"
 name = "linkify-it-py"
 version = "2.0.2"
 description = "Links recognition library with FULL unicode support."
-category = "main"
 optional = true
 python-versions = ">=3.7"
 files = [
@@ -2825,7 +2921,6 @@ test = ["coverage", "pytest", "pytest-cov"]
 name = "llama-cpp-python"
 version = "0.1.55"
 description = "A Python wrapper for llama.cpp"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2839,7 +2934,6 @@ typing-extensions = ">=4.5.0,<5.0.0"
 name = "loguru"
 version = "0.7.0"
 description = "Python logging made (stupidly) simple"
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -2858,7 +2952,6 @@ dev = ["Sphinx (==5.3.0)", "colorama (==0.4.5)", "colorama (==0.4.6)", "freezegu
 name = "lxml"
 version = "4.9.2"
 description = "Powerful and Pythonic XML processing library combining libxml2/libxslt with the ElementTree API."
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, != 3.4.*"
 files = [
@@ -2951,7 +3044,6 @@ source = ["Cython (>=0.29.7)"]
 name = "lz4"
 version = "4.3.2"
 description = "LZ4 Bindings for Python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3001,7 +3093,6 @@ tests = ["psutil", "pytest (!=3.3.0)", "pytest-cov"]
 name = "markdown"
 version = "3.4.3"
 description = "Python implementation of John Gruber's Markdown."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3017,14 +3108,13 @@ testing = ["coverage", "pyyaml"]
 
 [[package]]
 name = "markdown-it-py"
-version = "2.2.0"
+version = "3.0.0"
 description = "Python port of markdown-it. Markdown parsing, done right!"
-category = "main"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 files = [
-    {file = "markdown-it-py-2.2.0.tar.gz", hash = "sha256:7c9a5e412688bc771c67432cbfebcdd686c93ce6484913dccf06cb5a0bea35a1"},
-    {file = "markdown_it_py-2.2.0-py3-none-any.whl", hash = "sha256:5a35f8d1870171d9acc47b99612dc146129b631baf04970128b568f190d0cc30"},
+    {file = "markdown-it-py-3.0.0.tar.gz", hash = "sha256:e3f60a94fa066dc52ec76661e37c851cb232d92f9886b15cb560aaada2df8feb"},
+    {file = "markdown_it_py-3.0.0-py3-none-any.whl", hash = "sha256:355216845c60bd96232cd8d8c40e8f9765cc86f46880e43a8fd22dc1a1a8cab1"},
 ]
 
 [package.dependencies]
@@ -3039,14 +3129,13 @@ compare = ["commonmark (>=0.9,<1.0)", "markdown (>=3.4,<4.0)", "mistletoe (>=1.0
 linkify = ["linkify-it-py (>=1,<3)"]
 plugins = ["mdit-py-plugins"]
 profiling = ["gprof2dot"]
-rtd = ["attrs", "myst-parser", "pyyaml", "sphinx", "sphinx-copybutton", "sphinx-design", "sphinx_book_theme"]
+rtd = ["jupyter_sphinx", "mdit-py-plugins", "myst-parser", "pyyaml", "sphinx", "sphinx-copybutton", "sphinx-design", "sphinx_book_theme"]
 testing = ["coverage", "pytest", "pytest-cov", "pytest-regressions"]
 
 [[package]]
 name = "markupsafe"
 version = "2.1.3"
 description = "Safely add untrusted strings to HTML/XML markup."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3106,7 +3195,6 @@ files = [
 name = "marshmallow"
 version = "3.19.0"
 description = "A lightweight library for converting complex datatypes to and from native Python datatypes."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3127,7 +3215,6 @@ tests = ["pytest", "pytz", "simplejson"]
 name = "marshmallow-enum"
 version = "1.5.1"
 description = "Enum field for Marshmallow"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3142,7 +3229,6 @@ marshmallow = ">=2.0.0"
 name = "matplotlib-inline"
 version = "0.1.6"
 description = "Inline Matplotlib backend for Jupyter"
-category = "dev"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -3157,7 +3243,6 @@ traitlets = "*"
 name = "mdit-py-plugins"
 version = "0.4.0"
 description = "Collection of plugins for markdown-it-py"
-category = "main"
 optional = true
 python-versions = ">=3.8"
 files = [
@@ -3177,7 +3262,6 @@ testing = ["coverage", "pytest", "pytest-cov", "pytest-regressions"]
 name = "mdurl"
 version = "0.1.2"
 description = "Markdown URL utilities"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3189,7 +3273,6 @@ files = [
 name = "monotonic"
 version = "1.6"
 description = "An implementation of time.monotonic() for Python 2 & < 3.3"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3201,7 +3284,6 @@ files = [
 name = "more-itertools"
 version = "9.1.0"
 description = "More routines for operating on iterables, beyond itertools"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3213,7 +3295,6 @@ files = [
 name = "mpmath"
 version = "1.3.0"
 description = "Python library for arbitrary-precision floating-point arithmetic"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3231,7 +3312,6 @@ tests = ["pytest (>=4.6)"]
 name = "msg-parser"
 version = "1.2.0"
 description = "This module enables reading, parsing and converting Microsoft Outlook MSG E-Mail files."
-category = "main"
 optional = false
 python-versions = ">=3.4"
 files = [
@@ -3249,7 +3329,6 @@ rtf = ["compressed-rtf (>=1.0.5)"]
 name = "multidict"
 version = "6.0.4"
 description = "multidict implementation"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3333,7 +3412,6 @@ files = [
 name = "multiprocess"
 version = "0.70.14"
 description = "better multiprocessing and multithreading in python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3360,7 +3438,6 @@ dill = ">=0.3.6"
 name = "mypy"
 version = "1.4.1"
 description = "Optional static typing for Python"
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3407,7 +3484,6 @@ reports = ["lxml"]
 name = "mypy-extensions"
 version = "1.0.0"
 description = "Type system extensions for programs checked with the mypy type checker."
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -3419,7 +3495,6 @@ files = [
 name = "nest-asyncio"
 version = "1.5.6"
 description = "Patch asyncio to allow nested event loops"
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -3431,7 +3506,6 @@ files = [
 name = "networkx"
 version = "3.1"
 description = "Python package for creating and manipulating graphs and networks"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -3450,7 +3524,6 @@ test = ["codecov (>=2.1)", "pytest (>=7.2)", "pytest-cov (>=4.0)"]
 name = "nltk"
 version = "3.8.1"
 description = "Natural Language Toolkit"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3476,7 +3549,6 @@ twitter = ["twython"]
 name = "numexpr"
 version = "2.8.4"
 description = "Fast numerical expression evaluator for NumPy"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3519,7 +3591,6 @@ numpy = ">=1.13.3"
 name = "numpy"
 version = "1.25.0"
 description = "Fundamental package for array computing in Python"
-category = "main"
 optional = false
 python-versions = ">=3.9"
 files = [
@@ -3554,7 +3625,6 @@ files = [
 name = "olefile"
 version = "0.46"
 description = "Python package to parse, read and write Microsoft OLE2 files (Structured Storage or Compound Document, Microsoft Office)"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -3565,7 +3635,6 @@ files = [
 name = "onnxruntime"
 version = "1.15.1"
 description = "ONNX Runtime is a runtime accelerator for Machine Learning models"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3607,7 +3676,6 @@ sympy = "*"
 name = "openai"
 version = "0.27.8"
 description = "Python client library for the OpenAI API"
-category = "main"
 optional = false
 python-versions = ">=3.7.1"
 files = [
@@ -3622,7 +3690,7 @@ tqdm = "*"
 
 [package.extras]
 datalib = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)"]
-dev = ["black (>=21.6b0,<22.0)", "pytest (>=6.0.0,<7.0.0)", "pytest-asyncio", "pytest-mock"]
+dev = ["black (>=21.6b0,<22.0)", "pytest (==6.*)", "pytest-asyncio", "pytest-mock"]
 embeddings = ["matplotlib", "numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)", "plotly", "scikit-learn (>=1.0.2)", "scipy", "tenacity (>=8.0.1)"]
 wandb = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)", "wandb"]
 
@@ -3630,7 +3698,6 @@ wandb = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1
 name = "openapi-schema-pydantic"
 version = "1.2.4"
 description = "OpenAPI (v3) specification schema as pydantic class"
-category = "main"
 optional = false
 python-versions = ">=3.6.1"
 files = [
@@ -3645,7 +3712,6 @@ pydantic = ">=1.8.2"
 name = "openpyxl"
 version = "3.1.2"
 description = "A Python library to read/write Excel 2010 xlsx/xlsm files"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -3660,7 +3726,6 @@ et-xmlfile = "*"
 name = "opentelemetry-api"
 version = "1.18.0"
 description = "OpenTelemetry Python API"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3677,7 +3742,6 @@ setuptools = ">=16.0"
 name = "opentelemetry-exporter-otlp"
 version = "1.18.0"
 description = "OpenTelemetry Collector Exporters"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3693,7 +3757,6 @@ opentelemetry-exporter-otlp-proto-http = "1.18.0"
 name = "opentelemetry-exporter-otlp-proto-common"
 version = "1.18.0"
 description = "OpenTelemetry Protobuf encoding"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3708,7 +3771,6 @@ opentelemetry-proto = "1.18.0"
 name = "opentelemetry-exporter-otlp-proto-grpc"
 version = "1.18.0"
 description = "OpenTelemetry Collector Protobuf over gRPC Exporter"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3733,7 +3795,6 @@ test = ["pytest-grpc"]
 name = "opentelemetry-exporter-otlp-proto-http"
 version = "1.18.0"
 description = "OpenTelemetry Collector Protobuf over HTTP Exporter"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3758,7 +3819,6 @@ test = ["responses (==0.22.0)"]
 name = "opentelemetry-exporter-prometheus"
 version = "1.12.0rc1"
 description = "Prometheus Metric Exporter for OpenTelemetry"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -3775,7 +3835,6 @@ prometheus-client = ">=0.5.0,<1.0.0"
 name = "opentelemetry-instrumentation"
 version = "0.39b0"
 description = "Instrumentation Tools & Auto Instrumentation for OpenTelemetry Python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3792,7 +3851,6 @@ wrapt = ">=1.0.0,<2.0.0"
 name = "opentelemetry-instrumentation-aiohttp-client"
 version = "0.39b0"
 description = "OpenTelemetry aiohttp client instrumentation"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3815,7 +3873,6 @@ test = ["opentelemetry-instrumentation-aiohttp-client[instruments]"]
 name = "opentelemetry-instrumentation-asgi"
 version = "0.39b0"
 description = "ASGI instrumentation for OpenTelemetry"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3838,7 +3895,6 @@ test = ["opentelemetry-instrumentation-asgi[instruments]", "opentelemetry-test-u
 name = "opentelemetry-instrumentation-fastapi"
 version = "0.39b0"
 description = "OpenTelemetry FastAPI Instrumentation"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3861,7 +3917,6 @@ test = ["httpx (>=0.22,<1.0)", "opentelemetry-instrumentation-fastapi[instrument
 name = "opentelemetry-instrumentation-grpc"
 version = "0.39b0"
 description = "OpenTelemetry gRPC instrumentation"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3884,7 +3939,6 @@ test = ["opentelemetry-instrumentation-grpc[instruments]", "opentelemetry-sdk (>
 name = "opentelemetry-proto"
 version = "1.18.0"
 description = "OpenTelemetry Python Proto"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3899,7 +3953,6 @@ protobuf = ">=3.19,<5.0"
 name = "opentelemetry-sdk"
 version = "1.18.0"
 description = "OpenTelemetry Python SDK"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3917,7 +3970,6 @@ typing-extensions = ">=3.7.4"
 name = "opentelemetry-semantic-conventions"
 version = "0.39b0"
 description = "OpenTelemetry Semantic Conventions"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3929,7 +3981,6 @@ files = [
 name = "opentelemetry-util-http"
 version = "0.39b0"
 description = "Web util for OpenTelemetry"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3941,7 +3992,6 @@ files = [
 name = "orjson"
 version = "3.9.1"
 description = "Fast, correct Python JSON library supporting dataclasses, datetimes, and numpy"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3997,7 +4047,6 @@ files = [
 name = "overrides"
 version = "7.3.1"
 description = "A decorator to automatically detect mismatch when overriding a method."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4009,7 +4058,6 @@ files = [
 name = "packaging"
 version = "23.1"
 description = "Core utilities for Python packages"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4021,7 +4069,6 @@ files = [
 name = "pandas"
 version = "2.0.3"
 description = "Powerful data structures for data analysis, time series, and statistics"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -4088,7 +4135,6 @@ xml = ["lxml (>=4.6.3)"]
 name = "pandas-stubs"
 version = "2.0.2.230605"
 description = "Type annotations for pandas"
-category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -4104,7 +4150,6 @@ types-pytz = ">=2022.1.1"
 name = "parso"
 version = "0.8.3"
 description = "A Python Parser"
-category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4120,7 +4165,6 @@ testing = ["docopt", "pytest (<6.0.0)"]
 name = "pathspec"
 version = "0.11.1"
 description = "Utility library for gitignore style pattern matching of file paths."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4132,7 +4176,6 @@ files = [
 name = "pdf2image"
 version = "1.16.3"
 description = "A wrapper around the pdftoppm and pdftocairo command line tools to convert PDF to a PIL Image list."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -4147,7 +4190,6 @@ pillow = "*"
 name = "pdfminer-six"
 version = "20221105"
 description = "PDF parser and analyzer"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4168,7 +4210,6 @@ image = ["Pillow"]
 name = "pexpect"
 version = "4.8.0"
 description = "Pexpect allows easy control of interactive console applications."
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -4183,7 +4224,6 @@ ptyprocess = ">=0.5"
 name = "pickleshare"
 version = "0.7.5"
 description = "Tiny 'shelve'-like database with concurrency support"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -4195,7 +4235,6 @@ files = [
 name = "pillow"
 version = "10.0.0"
 description = "Python Imaging Library (Fork)"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -4263,7 +4302,6 @@ tests = ["check-manifest", "coverage", "defusedxml", "markdown2", "olefile", "pa
 name = "pinecone-client"
 version = "2.2.2"
 description = "Pinecone client and SDK"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -4289,7 +4327,6 @@ grpc = ["googleapis-common-protos (>=1.53.0)", "grpc-gateway-protoc-gen-openapiv
 name = "pkginfo"
 version = "1.9.6"
 description = "Query metadata from sdists / bdists / installed packages."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4304,7 +4341,6 @@ testing = ["pytest", "pytest-cov"]
 name = "platformdirs"
 version = "3.8.0"
 description = "A small Python package for determining appropriate platform-specific dirs, e.g. a \"user data dir\"."
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4320,7 +4356,6 @@ test = ["appdirs (==1.4.4)", "covdefaults (>=2.3)", "pytest (>=7.3.1)", "pytest-
 name = "pluggy"
 version = "1.2.0"
 description = "plugin and hook calling mechanisms for python"
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4336,7 +4371,6 @@ testing = ["pytest", "pytest-benchmark"]
 name = "portalocker"
 version = "2.7.0"
 description = "Wraps the portalocker recipe for easy usage"
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -4356,7 +4390,6 @@ tests = ["pytest (>=5.4.1)", "pytest-cov (>=2.8.1)", "pytest-mypy (>=0.8.0)", "p
 name = "postgrest"
 version = "0.10.6"
 description = "PostgREST client for Python. This library provides an ORM interface to PostgREST."
-category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -4374,7 +4407,6 @@ strenum = ">=0.4.9,<0.5.0"
 name = "posthog"
 version = "3.0.1"
 description = "Integrate PostHog into any python application."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -4398,7 +4430,6 @@ test = ["coverage", "flake8", "freezegun (==0.3.15)", "mock (>=2.0.0)", "pylint"
 name = "prometheus-client"
 version = "0.17.0"
 description = "Python client for the Prometheus monitoring system."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4413,7 +4444,6 @@ twisted = ["twisted"]
 name = "prompt-toolkit"
 version = "3.0.38"
 description = "Library for building powerful interactive command lines in Python"
-category = "dev"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -4428,7 +4458,6 @@ wcwidth = "*"
 name = "proto-plus"
 version = "1.22.3"
 description = "Beautiful, Pythonic protocol buffers."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4446,7 +4475,6 @@ testing = ["google-api-core[grpc] (>=1.31.5)"]
 name = "protobuf"
 version = "3.20.3"
 description = "Protocol Buffers"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4478,7 +4506,6 @@ files = [
 name = "psutil"
 version = "5.9.5"
 description = "Cross-platform lib for process and system monitoring in Python."
-category = "dev"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -4505,7 +4532,6 @@ test = ["enum34", "ipaddress", "mock", "pywin32", "wmi"]
 name = "psycopg"
 version = "3.1.9"
 description = "PostgreSQL database adapter for Python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4529,7 +4555,6 @@ test = ["anyio (>=3.6.2)", "mypy (>=1.2)", "pproxy (>=2.7)", "pytest (>=6.2.5)",
 name = "psycopg-binary"
 version = "3.1.9"
 description = "PostgreSQL database adapter for Python -- C optimisation distribution"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4593,7 +4618,6 @@ files = [
 name = "psycopg2-binary"
 version = "2.9.6"
 description = "psycopg2 - Python-PostgreSQL Database Adapter"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4665,7 +4689,6 @@ files = [
 name = "ptyprocess"
 version = "0.7.0"
 description = "Run a subprocess in a pseudo terminal"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -4677,7 +4700,6 @@ files = [
 name = "pulsar-client"
 version = "3.2.0"
 description = "Apache Pulsar Python client library"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -4725,7 +4747,6 @@ functions = ["apache-bookkeeper-client (>=4.16.1)", "grpcio (>=1.8.2)", "prometh
 name = "pure-eval"
 version = "0.2.2"
 description = "Safely evaluate AST nodes without side effects"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -4740,7 +4761,6 @@ tests = ["pytest"]
 name = "pyarrow"
 version = "12.0.1"
 description = "Python library for Apache Arrow"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4778,7 +4798,6 @@ numpy = ">=1.16.6"
 name = "pyasn1"
 version = "0.5.0"
 description = "Pure-Python implementation of ASN.1 types and DER/BER/CER codecs (X.208)"
-category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,>=2.7"
 files = [
@@ -4790,7 +4809,6 @@ files = [
 name = "pyasn1-modules"
 version = "0.3.0"
 description = "A collection of ASN.1-based protocols modules"
-category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,>=2.7"
 files = [
@@ -4805,7 +4823,6 @@ pyasn1 = ">=0.4.6,<0.6.0"
 name = "pycparser"
 version = "2.21"
 description = "C parser in Python"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -4817,7 +4834,6 @@ files = [
 name = "pydantic"
 version = "1.10.10"
 description = "Data validation and settings management using python type hints"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4870,7 +4886,6 @@ email = ["email-validator (>=1.0.3)"]
 name = "pygments"
 version = "2.15.1"
 description = "Pygments is a syntax highlighting package written in Python."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4885,7 +4900,6 @@ plugins = ["importlib-metadata"]
 name = "pymongo"
 version = "4.4.0"
 description = "Python driver for MongoDB <http://www.mongodb.org>"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4980,7 +4994,6 @@ zstd = ["zstandard"]
 name = "pypandoc"
 version = "1.11"
 description = "Thin wrapper for pandoc."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4992,7 +5005,6 @@ files = [
 name = "pyparsing"
 version = "3.1.0"
 description = "pyparsing module - Classes and methods to define and execute parsing grammars"
-category = "main"
 optional = false
 python-versions = ">=3.6.8"
 files = [
@@ -5007,7 +5019,6 @@ diagrams = ["jinja2", "railroad-diagrams"]
 name = "pypdf"
 version = "3.12.0"
 description = "A pure-python PDF library capable of splitting, merging, cropping, and transforming PDF files"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5029,7 +5040,6 @@ image = ["Pillow"]
 name = "pyreadline3"
 version = "3.4.1"
 description = "A python implementation of GNU readline."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5041,7 +5051,6 @@ files = [
 name = "pysrt"
 version = "1.1.2"
 description = "SubRip (.srt) subtitle parser and writer"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5055,7 +5064,6 @@ chardet = "*"
 name = "pytest"
 version = "7.4.0"
 description = "pytest: simple powerful testing with Python"
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5078,7 +5086,6 @@ testing = ["argcomplete", "attrs (>=19.2.0)", "hypothesis (>=3.56)", "mock", "no
 name = "pytest-cov"
 version = "4.1.0"
 description = "Pytest plugin for measuring coverage."
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5097,7 +5104,6 @@ testing = ["fields", "hunter", "process-tests", "pytest-xdist", "six", "virtuale
 name = "python-dateutil"
 version = "2.8.2"
 description = "Extensions to the standard Python datetime module"
-category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,>=2.7"
 files = [
@@ -5112,7 +5118,6 @@ six = ">=1.5"
 name = "python-docx"
 version = "0.8.11"
 description = "Create and update Microsoft Word .docx files."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5126,7 +5131,6 @@ lxml = ">=2.3.2"
 name = "python-dotenv"
 version = "1.0.0"
 description = "Read key-value pairs from a .env file and set them as environment variables"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -5141,7 +5145,6 @@ cli = ["click (>=5.0)"]
 name = "python-gitlab"
 version = "3.15.0"
 description = "Interact with GitLab API"
-category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -5161,7 +5164,6 @@ yaml = ["PyYaml (>=5.2)"]
 name = "python-jose"
 version = "3.3.0"
 description = "JOSE implementation in Python"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5183,7 +5185,6 @@ pycryptodome = ["pyasn1", "pycryptodome (>=3.3.1,<4.0.0)"]
 name = "python-magic"
 version = "0.4.27"
 description = "File type identification using libmagic"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*"
 files = [
@@ -5195,7 +5196,6 @@ files = [
 name = "python-multipart"
 version = "0.0.6"
 description = "A streaming multipart parser for Python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5210,7 +5210,6 @@ dev = ["atomicwrites (==1.2.1)", "attrs (==19.2.0)", "coverage (==6.5.0)", "hatc
 name = "python-pptx"
 version = "0.6.21"
 description = "Generate and manipulate Open XML PowerPoint (.pptx) files"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5226,7 +5225,6 @@ XlsxWriter = ">=0.5.7"
 name = "python-semantic-release"
 version = "7.33.2"
 description = "Automatic Semantic Versioning for Python projects"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5258,7 +5256,6 @@ test = ["coverage (>=5,<6)", "mock (==1.3.0)", "pytest (>=7,<8)", "pytest-mock (
 name = "pytz"
 version = "2023.3"
 description = "World timezone definitions, modern and historical"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5270,7 +5267,6 @@ files = [
 name = "pywin32"
 version = "306"
 description = "Python for Window Extensions"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5293,23 +5289,18 @@ files = [
 [[package]]
 name = "pywin32-ctypes"
 version = "0.2.2"
-version = "0.2.2"
 description = "A (partial) reimplementation of pywin32 using ctypes/cffi"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
     {file = "pywin32-ctypes-0.2.2.tar.gz", hash = "sha256:3426e063bdd5fd4df74a14fa3cf80a0b42845a87e1d1e81f6549f9daec593a60"},
     {file = "pywin32_ctypes-0.2.2-py3-none-any.whl", hash = "sha256:bf490a1a709baf35d688fe0ecf980ed4de11d2b3e37b51e5442587a75d9957e7"},
-    {file = "pywin32-ctypes-0.2.2.tar.gz", hash = "sha256:3426e063bdd5fd4df74a14fa3cf80a0b42845a87e1d1e81f6549f9daec593a60"},
-    {file = "pywin32_ctypes-0.2.2-py3-none-any.whl", hash = "sha256:bf490a1a709baf35d688fe0ecf980ed4de11d2b3e37b51e5442587a75d9957e7"},
 ]
 
 [[package]]
 name = "pyyaml"
 version = "6.0"
 description = "YAML parser and emitter for Python"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5359,7 +5350,6 @@ files = [
 name = "pyzmq"
 version = "25.1.0"
 description = "Python bindings for 0MQ"
-category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5449,7 +5439,6 @@ cffi = {version = "*", markers = "implementation_name == \"pypy\""}
 name = "qdrant-client"
 version = "1.3.1"
 description = "Client library for the Qdrant vector search engine"
-category = "main"
 optional = false
 python-versions = ">=3.7,<3.12"
 files = [
@@ -5471,7 +5460,6 @@ urllib3 = ">=1.26.14,<2.0.0"
 name = "readme-renderer"
 version = "40.0"
 description = "readme_renderer is a library for rendering \"readme\" descriptions for Warehouse"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -5491,7 +5479,6 @@ md = ["cmarkgfm (>=0.8.0)"]
 name = "realtime"
 version = "1.0.0"
 description = ""
-category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -5508,7 +5495,6 @@ websockets = ">=10.3,<11.0"
 name = "regex"
 version = "2023.6.3"
 description = "Alternative regular expression module, to replace re."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5606,7 +5592,6 @@ files = [
 name = "requests"
 version = "2.31.0"
 description = "Python HTTP for Humans."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5628,7 +5613,6 @@ use-chardet-on-py3 = ["chardet (>=3.0.2,<6)"]
 name = "requests-toolbelt"
 version = "1.0.0"
 description = "A utility belt for advanced users of python-requests"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -5643,7 +5627,6 @@ requests = ">=2.0.1,<3.0.0"
 name = "rfc3986"
 version = "1.5.0"
 description = "Validating URI References per RFC 3986"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5661,7 +5644,6 @@ idna2008 = ["idna"]
 name = "rich"
 version = "13.4.2"
 description = "Render rich text, tables, progress bars, syntax highlighting, markdown and more to the terminal"
-category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -5680,7 +5662,6 @@ jupyter = ["ipywidgets (>=7.5.1,<9)"]
 name = "rsa"
 version = "4.9"
 description = "Pure-Python RSA implementation"
-category = "main"
 optional = false
 python-versions = ">=3.6,<4"
 files = [
@@ -5695,7 +5676,6 @@ pyasn1 = ">=0.1.3"
 name = "ruff"
 version = "0.0.254"
 description = "An extremely fast Python linter, written in Rust."
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5722,7 +5702,6 @@ files = [
 name = "safetensors"
 version = "0.3.1"
 description = "Fast and Safe Tensor serialization"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5783,7 +5762,6 @@ torch = ["torch (>=1.10)"]
 name = "scikit-learn"
 version = "1.3.0"
 description = "A set of python modules for machine learning and data mining"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -5826,7 +5804,6 @@ tests = ["black (>=23.3.0)", "matplotlib (>=3.1.3)", "mypy (>=1.3)", "numpydoc (
 name = "scipy"
 version = "1.11.1"
 description = "Fundamental algorithms for scientific computing in Python"
-category = "main"
 optional = false
 python-versions = "<3.13,>=3.9"
 files = [
@@ -5863,7 +5840,6 @@ test = ["asv", "gmpy2", "mpmath", "pooch", "pytest", "pytest-cov", "pytest-timeo
 name = "secretstorage"
 version = "3.3.3"
 description = "Python bindings to FreeDesktop.org Secret Service API"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5879,7 +5855,6 @@ jeepney = ">=0.6"
 name = "semver"
 version = "2.13.0"
 description = "Python helper for Semantic Versioning (http://semver.org/)"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -5891,7 +5866,6 @@ files = [
 name = "sentence-transformers"
 version = "2.2.2"
 description = "Multilingual text embeddings"
-category = "main"
 optional = false
 python-versions = ">=3.6.0"
 files = [
@@ -5914,7 +5888,6 @@ transformers = ">=4.6.0,<5.0.0"
 name = "sentencepiece"
 version = "0.1.99"
 description = "SentencePiece python wrapper"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5969,7 +5942,6 @@ files = [
 name = "setuptools"
 version = "68.0.0"
 description = "Easily download, build, install, upgrade, and uninstall Python packages"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5986,7 +5958,6 @@ testing-integration = ["build[virtualenv]", "filelock (>=3.4.0)", "jaraco.envs (
 name = "shapely"
 version = "1.8.5.post1"
 description = "Geometric objects, predicates, and operations"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6043,7 +6014,6 @@ vectorized = ["numpy"]
 name = "six"
 version = "1.16.0"
 description = "Python 2 and 3 compatibility utilities"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*"
 files = [
@@ -6055,7 +6025,6 @@ files = [
 name = "slack-bolt"
 version = "1.18.0"
 description = "The Bolt Framework for Python"
-category = "main"
 optional = true
 python-versions = ">=3.6"
 files = [
@@ -6077,7 +6046,6 @@ testing-without-asyncio = ["Flask-Sockets (>=0.2,<1)", "Jinja2 (==3.0.3)", "Werk
 name = "slack-sdk"
 version = "3.21.3"
 description = "The Slack API Platform SDK for Python"
-category = "main"
 optional = true
 python-versions = ">=3.6.0"
 files = [
@@ -6093,7 +6061,6 @@ testing = ["Flask (>=1,<2)", "Flask-Sockets (>=0.2,<1)", "Jinja2 (==3.0.3)", "We
 name = "smmap"
 version = "5.0.0"
 description = "A pure Python implementation of a sliding window memory map manager"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6105,7 +6072,6 @@ files = [
 name = "sniffio"
 version = "1.3.0"
 description = "Sniff out which async library your code is running under"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6117,7 +6083,6 @@ files = [
 name = "soupsieve"
 version = "2.4.1"
 description = "A modern CSS selector implementation for Beautiful Soup."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6129,7 +6094,6 @@ files = [
 name = "sqlalchemy"
 version = "1.4.41"
 description = "Database Abstraction Library"
-category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,>=2.7"
 files = [
@@ -6177,7 +6141,7 @@ files = [
 ]
 
 [package.dependencies]
-greenlet = {version = "!=0.4.17", markers = "python_version >= \"3\" and platform_machine == \"aarch64\" or python_version >= \"3\" and platform_machine == \"ppc64le\" or python_version >= \"3\" and platform_machine == \"x86_64\" or python_version >= \"3\" and platform_machine == \"amd64\" or python_version >= \"3\" and platform_machine == \"AMD64\" or python_version >= \"3\" and platform_machine == \"win32\" or python_version >= \"3\" and platform_machine == \"WIN32\""}
+greenlet = {version = "!=0.4.17", markers = "python_version >= \"3\" and (platform_machine == \"win32\" or platform_machine == \"WIN32\" or platform_machine == \"AMD64\" or platform_machine == \"amd64\" or platform_machine == \"x86_64\" or platform_machine == \"ppc64le\" or platform_machine == \"aarch64\")"}
 
 [package.extras]
 aiomysql = ["aiomysql", "greenlet (!=0.4.17)"]
@@ -6204,7 +6168,6 @@ sqlcipher = ["sqlcipher3-binary"]
 name = "sqlalchemy2-stubs"
 version = "0.0.2a34"
 description = "Typing Stubs for SQLAlchemy 1.4"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6219,7 +6182,6 @@ typing-extensions = ">=3.7.4"
 name = "sqlmodel"
 version = "0.0.8"
 description = "SQLModel, SQL databases in Python, designed for simplicity, compatibility, and robustness."
-category = "main"
 optional = false
 python-versions = ">=3.6.1,<4.0.0"
 files = [
@@ -6236,7 +6198,6 @@ sqlalchemy2-stubs = "*"
 name = "stack-data"
 version = "0.6.2"
 description = "Extract data from python stack frames and tracebacks for informative displays"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6256,7 +6217,6 @@ tests = ["cython", "littleutils", "pygments", "pytest", "typeguard"]
 name = "starlette"
 version = "0.27.0"
 description = "The little ASGI library that shines."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6275,7 +6235,6 @@ full = ["httpx (>=0.22.0)", "itsdangerous", "jinja2", "python-multipart", "pyyam
 name = "storage3"
 version = "0.5.2"
 description = "Supabase Storage client for Python."
-category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -6292,7 +6251,6 @@ typing-extensions = ">=4.2.0,<5.0.0"
 name = "strenum"
 version = "0.4.15"
 description = "An Enum that inherits from str."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -6309,7 +6267,6 @@ test = ["pylint", "pytest", "pytest-black", "pytest-cov", "pytest-pylint"]
 name = "supabase"
 version = "1.0.3"
 description = "Supabase client for Python."
-category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -6330,7 +6287,6 @@ supafunc = ">=0.2.2,<0.3.0"
 name = "supafunc"
 version = "0.2.2"
 description = "Library for Supabase Functions"
-category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -6345,7 +6301,6 @@ httpx = ">=0.23.0,<0.24.0"
 name = "sympy"
 version = "1.12"
 description = "Computer algebra system (CAS) in Python"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -6360,7 +6315,6 @@ mpmath = ">=0.19"
 name = "tabulate"
 version = "0.9.0"
 description = "Pretty-print tabular data"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6375,7 +6329,6 @@ widechars = ["wcwidth"]
 name = "tenacity"
 version = "8.2.2"
 description = "Retry code until it succeeds"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6388,30 +6341,25 @@ doc = ["reno", "sphinx", "tornado (>=4.5)"]
 
 [[package]]
 name = "textual"
-version = "0.28.1"
+version = "0.29.0"
 description = "Modern Text User Interface framework"
-category = "main"
 optional = true
 python-versions = ">=3.7,<4.0"
 files = [
-    {file = "textual-0.28.1-py3-none-any.whl", hash = "sha256:cb6f6230fea390178f8e727d2f9e542337a655549ea44331e22336da799a900f"},
-    {file = "textual-0.28.1.tar.gz", hash = "sha256:f63a873d810b5d01f7318d8eb8f706d530550f3a90a6892628d17d47ecefcd41"},
+    {file = "textual-0.29.0-py3-none-any.whl", hash = "sha256:949fd8f16a412404ba785605dda1e2fab8166656e4d29d4177ec63cd73ba83d4"},
+    {file = "textual-0.29.0.tar.gz", hash = "sha256:7eb87b6d007dc9bd08e00e893b860ecb7a11ca815c8866db39fe17ec547e2fcf"},
 ]
 
 [package.dependencies]
 importlib-metadata = ">=4.11.3"
-markdown-it-py = {version = ">=2.1.0,<3.0.0", extras = ["linkify", "plugins"]}
+markdown-it-py = {version = ">=2.1.0", extras = ["linkify", "plugins"]}
 rich = ">=13.3.3"
 typing-extensions = ">=4.4.0,<5.0.0"
 
-[package.extras]
-dev = ["aiohttp (>=3.8.1)", "click (>=8.1.2)", "msgpack (>=1.0.3)"]
-
 [[package]]
 name = "threadpoolctl"
 version = "3.1.0"
 description = "threadpoolctl"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6423,7 +6371,6 @@ files = [
 name = "tiktoken"
 version = "0.4.0"
 description = "tiktoken is a fast BPE tokeniser for use with OpenAI's models"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -6469,7 +6416,6 @@ blobfile = ["blobfile (>=2)"]
 name = "tokenizers"
 version = "0.13.3"
 description = "Fast and Customizable Tokenizers"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -6524,7 +6470,6 @@ testing = ["black (==22.3)", "datasets", "numpy", "pytest", "requests"]
 name = "toml"
 version = "0.10.2"
 description = "Python Library for Tom's Obvious, Minimal Language"
-category = "main"
 optional = true
 python-versions = ">=2.6, !=3.0.*, !=3.1.*, !=3.2.*"
 files = [
@@ -6536,7 +6481,6 @@ files = [
 name = "tomli"
 version = "2.0.1"
 description = "A lil' TOML parser"
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6548,7 +6492,6 @@ files = [
 name = "tomlkit"
 version = "0.11.8"
 description = "Style preserving TOML library"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6560,7 +6503,6 @@ files = [
 name = "torch"
 version = "2.0.1"
 description = "Tensors and Dynamic neural networks in Python with strong GPU acceleration"
-category = "main"
 optional = false
 python-versions = ">=3.8.0"
 files = [
@@ -6600,7 +6542,6 @@ opt-einsum = ["opt-einsum (>=3.3)"]
 name = "torchvision"
 version = "0.15.2"
 description = "image and video datasets and models for torch deep learning"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -6628,7 +6569,7 @@ files = [
 
 [package.dependencies]
 numpy = "*"
-pillow = ">=5.3.0,<8.3.0 || >=8.4.0"
+pillow = ">=5.3.0,<8.3.dev0 || >=8.4.dev0"
 requests = "*"
 torch = "2.0.1"
 
@@ -6639,7 +6580,6 @@ scipy = ["scipy"]
 name = "tornado"
 version = "6.3.2"
 description = "Tornado is a Python web framework and asynchronous networking library, originally developed at FriendFeed."
-category = "dev"
 optional = false
 python-versions = ">= 3.8"
 files = [
@@ -6660,7 +6600,6 @@ files = [
 name = "tqdm"
 version = "4.65.0"
 description = "Fast, Extensible Progress Meter"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6681,7 +6620,6 @@ telegram = ["requests"]
 name = "traitlets"
 version = "5.9.0"
 description = "Traitlets Python configuration system"
-category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6697,7 +6635,6 @@ test = ["argcomplete (>=2.0)", "pre-commit", "pytest", "pytest-mock"]
 name = "transformers"
 version = "4.30.2"
 description = "State-of-the-art Machine Learning for JAX, PyTorch and TensorFlow"
-category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -6767,7 +6704,6 @@ vision = ["Pillow"]
 name = "twine"
 version = "3.8.0"
 description = "Collection of utilities for publishing packages on PyPI"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6791,7 +6727,6 @@ urllib3 = ">=1.26.0"
 name = "typer"
 version = "0.9.0"
 description = "Typer, build great CLIs. Easy to code. Based on Python type hints."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6813,7 +6748,6 @@ test = ["black (>=22.3.0,<23.0.0)", "coverage (>=6.2,<7.0)", "isort (>=5.0.6,<6.
 name = "types-appdirs"
 version = "1.4.3.5"
 description = "Typing stubs for appdirs"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6825,7 +6759,6 @@ files = [
 name = "types-cachetools"
 version = "5.3.0.5"
 description = "Typing stubs for cachetools"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -6837,7 +6770,6 @@ files = [
 name = "types-pillow"
 version = "9.5.0.5"
 description = "Typing stubs for Pillow"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6849,7 +6781,6 @@ files = [
 name = "types-pytz"
 version = "2023.3.0.0"
 description = "Typing stubs for pytz"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6861,7 +6792,6 @@ files = [
 name = "types-pyyaml"
 version = "6.0.12.10"
 description = "Typing stubs for PyYAML"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6873,7 +6803,6 @@ files = [
 name = "types-requests"
 version = "2.31.0.1"
 description = "Typing stubs for requests"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6888,7 +6817,6 @@ types-urllib3 = "*"
 name = "types-urllib3"
 version = "1.26.25.13"
 description = "Typing stubs for urllib3"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6900,7 +6828,6 @@ files = [
 name = "typing-extensions"
 version = "4.5.0"
 description = "Backported and Experimental Type Hints for Python 3.7+"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6912,7 +6839,6 @@ files = [
 name = "typing-inspect"
 version = "0.9.0"
 description = "Runtime inspection utilities for typing module."
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -6928,7 +6854,6 @@ typing-extensions = ">=3.7.4"
 name = "tzdata"
 version = "2023.3"
 description = "Provider of IANA time zone data"
-category = "main"
 optional = false
 python-versions = ">=2"
 files = [
@@ -6940,7 +6865,6 @@ files = [
 name = "uc-micro-py"
 version = "1.0.2"
 description = "Micro subset of unicode data files for linkify-it-py projects."
-category = "main"
 optional = true
 python-versions = ">=3.7"
 files = [
@@ -6955,7 +6879,6 @@ test = ["coverage", "pytest", "pytest-cov"]
 name = "unstructured"
 version = "0.7.12"
 description = "A library that prepares raw documents for downstream ML tasks."
-category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -7003,7 +6926,6 @@ wikipedia = ["wikipedia"]
 name = "uritemplate"
 version = "4.1.1"
 description = "Implementation of RFC 6570 URI Templates"
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -7015,7 +6937,6 @@ files = [
 name = "urllib3"
 version = "1.26.16"
 description = "HTTP library with thread-safe connection pooling, file post, and more."
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*, !=3.5.*"
 files = [
@@ -7032,7 +6953,6 @@ socks = ["PySocks (>=1.5.6,!=1.5.7,<2.0)"]
 name = "uvicorn"
 version = "0.22.0"
 description = "The lightning-fast ASGI server."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7047,7 +6967,7 @@ h11 = ">=0.8"
 httptools = {version = ">=0.5.0", optional = true, markers = "extra == \"standard\""}
 python-dotenv = {version = ">=0.13", optional = true, markers = "extra == \"standard\""}
 pyyaml = {version = ">=5.1", optional = true, markers = "extra == \"standard\""}
-uvloop = {version = ">=0.14.0,<0.15.0 || >0.15.0,<0.15.1 || >0.15.1", optional = true, markers = "sys_platform != \"win32\" and sys_platform != \"cygwin\" and platform_python_implementation != \"PyPy\" and extra == \"standard\""}
+uvloop = {version = ">=0.14.0,<0.15.0 || >0.15.0,<0.15.1 || >0.15.1", optional = true, markers = "(sys_platform != \"win32\" and sys_platform != \"cygwin\") and platform_python_implementation != \"PyPy\" and extra == \"standard\""}
 watchfiles = {version = ">=0.13", optional = true, markers = "extra == \"standard\""}
 websockets = {version = ">=10.4", optional = true, markers = "extra == \"standard\""}
 
@@ -7058,7 +6978,6 @@ standard = ["colorama (>=0.4)", "httptools (>=0.5.0)", "python-dotenv (>=0.13)",
 name = "uvloop"
 version = "0.17.0"
 description = "Fast implementation of asyncio event loop on top of libuv"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7103,7 +7022,6 @@ test = ["Cython (>=0.29.32,<0.30.0)", "aiohttp", "flake8 (>=3.9.2,<3.10.0)", "my
 name = "validators"
 version = "0.20.0"
 description = "Python Data Validation for Humans™."
-category = "main"
 optional = false
 python-versions = ">=3.4"
 files = [
@@ -7120,7 +7038,6 @@ test = ["flake8 (>=2.4.0)", "isort (>=4.2.2)", "pytest (>=2.2.3)"]
 name = "watchfiles"
 version = "0.19.0"
 description = "Simple, modern and high performance file watching and code reload in python."
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7155,7 +7072,6 @@ anyio = ">=3.0.0"
 name = "wcwidth"
 version = "0.2.6"
 description = "Measures the displayed width of unicode strings in a terminal"
-category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -7167,7 +7083,6 @@ files = [
 name = "weaviate-client"
 version = "3.21.0"
 description = "A python native Weaviate client"
-category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -7188,7 +7103,6 @@ grpc = ["grpcio", "grpcio-tools"]
 name = "webencodings"
 version = "0.5.1"
 description = "Character encoding aliases for legacy web content"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -7200,7 +7114,6 @@ files = [
 name = "websocket-client"
 version = "1.6.1"
 description = "WebSocket client for Python with low level API options"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7217,7 +7130,6 @@ test = ["websockets"]
 name = "websockets"
 version = "10.4"
 description = "An implementation of the WebSocket Protocol (RFC 6455 & 7692)"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7296,7 +7208,6 @@ files = [
 name = "wheel"
 version = "0.40.0"
 description = "A built-package format for Python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7311,7 +7222,6 @@ test = ["pytest (>=6.0.0)"]
 name = "wikipedia"
 version = "1.4.0"
 description = "Wikipedia API for Python"
-category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -7326,7 +7236,6 @@ requests = ">=2.0.0,<3.0.0"
 name = "win32-setctime"
 version = "1.1.0"
 description = "A small Python utility to set file creation time on Windows"
-category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -7341,7 +7250,6 @@ dev = ["black (>=19.3b0)", "pytest (>=4.6.2)"]
 name = "wrapt"
 version = "1.15.0"
 description = "Module for decorators, wrappers and monkey patching."
-category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,>=2.7"
 files = [
@@ -7426,7 +7334,6 @@ files = [
 name = "xlrd"
 version = "2.0.1"
 description = "Library for developers to extract data from Microsoft Excel (tm) .xls spreadsheet files"
-category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*, !=3.5.*"
 files = [
@@ -7443,7 +7350,6 @@ test = ["pytest", "pytest-cov"]
 name = "xlsxwriter"
 version = "3.1.2"
 description = "A Python module for creating Excel XLSX files."
-category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -7455,7 +7361,6 @@ files = [
 name = "yarl"
 version = "1.9.2"
 description = "Yet another URL library"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7543,7 +7448,6 @@ multidict = ">=4.0"
 name = "zipp"
 version = "3.15.0"
 description = "Backport of pathlib-compatible object wrapper for zip files"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7559,7 +7463,6 @@ testing = ["big-O", "flake8 (<5)", "jaraco.functools", "jaraco.itertools", "more
 name = "zstandard"
 version = "0.21.0"
 description = "Zstandard bindings for Python"
-category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 3d706b3d5..116b03916 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -30,10 +30,10 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
       leaveFrom="translate-y-0"
       leaveTo="translate-y-96"
     >
-          <button onClick={handleClick} className={ "transition-all fixed bottom-4 right-4 flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-round-btn-shadow hover:shadow-round-btn-shadow bg-border"+ (!isBuilt ? "cursor-not-allowed" : "cursor-pointer")}>
+          <button onClick={handleClick} className={ "transition-all fixed bottom-4 right-4 flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-round-btn-shadow hover:shadow-round-btn-shadow bg-border "+ (!isBuilt ? "cursor-not-allowed" : "cursor-pointer")}>
             <div className="flex gap-3">
               <MessagesSquare
-                className={"h-6 w-6 transition-all " + (isBuilt ? "fill-chat-trigger stroke-chat-trigger stroke-1" : "fill-chat-trigger/40 stroke-1 stroke-chat-trigger/40")}
+                className={"h-6 w-6 transition-all " + (isBuilt ? "fill-chat-trigger stroke-chat-trigger stroke-1" : "fill-chat-trigger-disabled stroke-1 stroke-chat-trigger-disabled")}
                 style={{ color: "white" }}
                 strokeWidth={1.5}
               />
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 15a0b4b2e..57918ab0b 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -47,6 +47,7 @@
   --blur-shared: #151923de;
   --build-trigger: 	#dc735b;
   --chat-trigger: #5c8be1;
+  --chat-trigger-disabled: #9db7e8;
   --status-red: #ef4444;
   --status-yellow: #eab308;
   --status-green: #4ade80;
@@ -104,6 +105,7 @@
   --blur-shared: #151923d2;
   --build-trigger: 	#dc735b;
   --chat-trigger: #5c8be1;
+  --chat-trigger-disabled: #9db7e8;
   --status-red: #ef4444;
   --status-yellow: #eab308;
   --status-green: #4ade80;
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index dc03ccf34..8f49e9a4f 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -52,6 +52,7 @@ module.exports = {
         "btn-shadow": "var(--round-btn-shadow)",
         "build-trigger": "var(--build-trigger)",
         "chat-trigger": "var(--chat-trigger)",
+        "chat-trigger-disabled": "var(--chat-trigger-disabled)",
         "blur-shared": "var(--blur-shared)",
         "dark-blue": "var(--dark-blue)",
         "dark-gray": "var(--dark-gray)",

From d4b0ce9851001f7102a4e98249e58e6293be2348 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 3 Jul 2023 22:16:17 -0300
Subject: [PATCH 139/367] =?UTF-8?q?=F0=9F=90=9B=20fix(codeAreaComponent):?=
 =?UTF-8?q?=20fix=20type=20name=20in=20function=20parameter=20to=20match?=
 =?UTF-8?q?=20imported=20type=20=F0=9F=90=9B=20fix(textAreaComponent):=20f?=
 =?UTF-8?q?ix=20class=20name=20in=20className=20to=20match=20CSS=20class?=
 =?UTF-8?q?=20name=20convention?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/codeAreaComponent/index.tsx | 4 ++--
 src/frontend/src/components/textAreaComponent/index.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index fce1effb4..75f5497a2 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -13,7 +13,7 @@ export default function CodeAreaComponent({
   editNode = false,
   nodeClass,
   setNodeClass,
-}: CodeAreaComponentType) {
+}: TextAreaComponentType) {
   const [myValue, setMyValue] = useState(
     typeof value == "string" ? value : JSON.stringify(value)
   );
@@ -52,7 +52,7 @@ export default function CodeAreaComponent({
           }}
           className={
             editNode
-              ? "input-edit-node input-dialog"
+              ? "input-edit-node input-dialog "
               : "input-primary input-dialog " + (disabled ? "input-disable" : "")
           }
         >
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 61ce7891b..8773c47b2 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -32,7 +32,7 @@ export default function TextAreaComponent({
         className={
           editNode
             ? "w-full items-center"
-            : "w-full flex items-center gap-3"
+            : "w-full flex items-center"
         }
       >
         <span
@@ -52,8 +52,8 @@ export default function TextAreaComponent({
           }}
           className={
             editNode
-              ? "input-edit-node " + " input-dialog "
-              : " input_dialog " + "px-3 py-2" + (disabled ? " input-disable " : "")
+            ? "input-edit-node input-dialog "
+            : "input-primary input-dialog " + (disabled ? "input-disable" : "")
           }
         >
           {myValue !== "" ? myValue : "Type something..."}

From 54474889e127051b2ae62898f7003ae6d2875183 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 3 Jul 2023 22:20:58 -0300
Subject: [PATCH 140/367] =?UTF-8?q?=F0=9F=90=9B=20fix(GenericNode/index.ts?=
 =?UTF-8?q?x):=20fix=20title=20prop=20in=20ParameterComponent=20to=20handl?=
 =?UTF-8?q?e=20cases=20where=20data.node.output=5Ftypes=20is=20an=20empty?=
 =?UTF-8?q?=20array=20=F0=9F=94=A7=20chore(GenericNode/index.tsx):=20add?=
 =?UTF-8?q?=20console.log=20for=20debugging=20purposes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index ed3c6a1ff..c994dc919 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -66,7 +66,7 @@ export default function GenericNode({
     deleteNode(data.id);
     return;
   }
-
+  console.log(data);
   useEffect(() => {}, [closePopUp, data.node.template]);
   return (
     <>
@@ -233,7 +233,7 @@ export default function GenericNode({
             <ParameterComponent
               data={data}
               color={nodeColors[types[data.type]] ?? nodeColors.unknown}
-              title={data.node.output_types ? data.node.output_types.join("|") : data.type}
+              title={data.node.output_types && data.node.output_types.length > 0 ? data.node.output_types.join("|") : data.type}
               tooltipTitle={data.node.base_classes.join("\n")}
               id={[data.type, data.id, ...data.node.base_classes].join("|")}
               type={data.node.base_classes.join("|")}

From 3c294104881b871257b53bd194ead5ddd47b4237 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 3 Jul 2023 22:22:48 -0300
Subject: [PATCH 141/367] Changed dark mode colors

---
 src/frontend/src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 57918ab0b..9686f5240 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -105,7 +105,7 @@
   --blur-shared: #151923d2;
   --build-trigger: 	#dc735b;
   --chat-trigger: #5c8be1;
-  --chat-trigger-disabled: #9db7e8;
+  --chat-trigger-disabled: #2b4470;
   --status-red: #ef4444;
   --status-yellow: #eab308;
   --status-green: #4ade80;

From 369a32d53a4855b159509a4ae9b222f9c6aa1627 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 3 Jul 2023 22:25:02 -0300
Subject: [PATCH 142/367] =?UTF-8?q?=F0=9F=8E=A8=20style(extraSidebarCompon?=
 =?UTF-8?q?ent):=20add=20bottom=20padding=20to=20the=20overflow=20containe?=
 =?UTF-8?q?r=20to=20improve=20UI=20spacing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/FlowPage/components/extraSidebarComponent/index.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index d12830c1d..8daaf956a 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -135,7 +135,7 @@ export default function ExtraSidebar() {
         </div>
       </div>
 
-      <div className="w-full overflow-auto scrollbar-hide">
+      <div className="w-full overflow-auto scrollbar-hide pb-10">
         {Object.keys(dataFilter)
           .sort()
           .map((d: keyof APIObjectType, i) =>

From d5c7fb9dc5666de81e2039636ffd9f134db4db5b Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:10:41 -0300
Subject: [PATCH 143/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20rena?=
 =?UTF-8?q?me=20parameter=20'prompt'=20to=20'prompt=5Frequest'=20in=20post?=
 =?UTF-8?q?=5Fvalidate=5Fprompt=20function=20for=20clarity=20=E2=9C=A8=20f?=
 =?UTF-8?q?eat(validate.py):=20refactor=20post=5Fvalidate=5Fprompt=20funct?=
 =?UTF-8?q?ion=20to=20improve=20code=20readability=20and=20maintainability?=
 =?UTF-8?q?=20The=20parameter=20'prompt'=20in=20the=20'post=5Fvalidate=5Fp?=
 =?UTF-8?q?rompt'=20function=20has=20been=20renamed=20to=20'prompt=5Freque?=
 =?UTF-8?q?st'=20to=20improve=20clarity=20and=20avoid=20confusion=20with?=
 =?UTF-8?q?=20the=20'prompt'=20variable=20used=20within=20the=20function.?=
 =?UTF-8?q?=20The=20function=20has=20also=20been=20refactored=20to=20impro?=
 =?UTF-8?q?ve=20code=20readability=20and=20maintainability=20by=20extracti?=
 =?UTF-8?q?ng=20logic=20into=20separate=20helper=20functions.=20The=20help?=
 =?UTF-8?q?er=20functions=20'get=5Fold=5Fcustom=5Ffields',=20'add=5Fnew=5F?=
 =?UTF-8?q?variables=5Fto=5Ftemplate',=20'remove=5Fold=5Fvariables=5Ffrom?=
 =?UTF-8?q?=5Ftemplate',=20and=20'update=5Finput=5Fvariables=5Ffield'=20ha?=
 =?UTF-8?q?ve=20been=20added=20to=20handle=20specific=20tasks=20within=20t?=
 =?UTF-8?q?he=20'post=5Fvalidate=5Fprompt'=20function.=20This=20refactorin?=
 =?UTF-8?q?g=20improves=20the=20overall=20structure=20and=20organization?=
 =?UTF-8?q?=20of=20the=20code.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 95 ++++++++++++++++---------
 1 file changed, 61 insertions(+), 34 deletions(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 96900edb7..7c9279801 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -28,49 +28,76 @@ def post_validate_code(code: Code):
 
 
 @router.post("/prompt", status_code=200, response_model=PromptValidationResponse)
-def post_validate_prompt(prompt: ValidatePromptRequest):
+def post_validate_prompt(prompt_request: ValidatePromptRequest):
     try:
-        input_variables = validate_prompt(prompt.template)
-        # Reinitialize custom_fields
-        old_custom_fields = prompt.frontend_node.custom_fields.copy()
-        prompt.frontend_node.custom_fields = []
-        # Add new variables to the template
-        for variable in input_variables:
-            try:
-                template_field = TemplateField(
-                    name=variable,
-                    display_name=variable,
-                    field_type="str",
-                    show=True,
-                    advanced=False,
-                    input_types=["Document", "BaseOutputParser"],
-                )
+        input_variables = validate_prompt(prompt_request.template)
 
-                prompt.frontend_node.template[variable] = template_field.to_dict()
-                prompt.frontend_node.custom_fields.append(variable)
+        old_custom_fields = get_old_custom_fields(prompt_request)
 
-            except Exception as exc:
-                logger.exception(exc)
-                raise HTTPException(status_code=500, detail=str(exc)) from exc
+        add_new_variables_to_template(input_variables, prompt_request)
 
-        # Remove variables that are not in the template anymore
-        for variable in old_custom_fields:
-            if variable not in input_variables:
-                try:
-                    prompt.frontend_node.template.pop(variable, None)
-                except Exception as exc:
-                    logger.exception(exc)
-                    raise HTTPException(status_code=500, detail=str(exc)) from exc
+        remove_old_variables_from_template(
+            old_custom_fields, input_variables, prompt_request
+        )
 
-        # Now we will set the field "input_variables" to the new list of variables
-        # if it exists
-        if "input_variables" in prompt.frontend_node.template:
-            prompt.frontend_node.template["input_variables"]["value"] = input_variables
+        update_input_variables_field(input_variables, prompt_request)
 
         return PromptValidationResponse(
             input_variables=input_variables,
-            frontend_node=prompt.frontend_node,
+            frontend_node=prompt_request.frontend_node,
         )
     except Exception as e:
         logger.exception(e)
         raise HTTPException(status_code=500, detail=str(e)) from e
+
+
+def get_old_custom_fields(prompt_request):
+    try:
+        old_custom_fields = prompt_request.frontend_node.custom_fields[
+            prompt_request.name
+        ].copy()
+    except KeyError:
+        old_custom_fields = []
+    prompt_request.frontend_node.custom_fields[prompt_request.name] = []
+    return old_custom_fields
+
+
+def add_new_variables_to_template(input_variables, prompt_request):
+    for variable in input_variables:
+        try:
+            template_field = TemplateField(
+                name=variable,
+                display_name=variable,
+                field_type="str",
+                show=True,
+                advanced=False,
+                input_types=["BaseLoader", "BaseOutputParser"],
+            )
+
+            prompt_request.frontend_node.template[variable] = template_field.to_dict()
+            prompt_request.frontend_node.custom_fields[prompt_request.name].append(
+                variable
+            )
+
+        except Exception as exc:
+            logger.exception(exc)
+            raise HTTPException(status_code=500, detail=str(exc)) from exc
+
+
+def remove_old_variables_from_template(
+    old_custom_fields, input_variables, prompt_request
+):
+    for variable in old_custom_fields:
+        if variable not in input_variables:
+            try:
+                prompt_request.frontend_node.template.pop(variable, None)
+            except Exception as exc:
+                logger.exception(exc)
+                raise HTTPException(status_code=500, detail=str(exc)) from exc
+
+
+def update_input_variables_field(input_variables, prompt_request):
+    if "input_variables" in prompt_request.frontend_node.template:
+        prompt_request.frontend_node.template["input_variables"][
+            "value"
+        ] = input_variables

From 88dbff7bf5c300bc4fb4be1ad96a0c1dd1e2ad4a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:10:56 -0300
Subject: [PATCH 144/367] =?UTF-8?q?=F0=9F=9A=80=20feat(base.py):=20add=20'?=
 =?UTF-8?q?name'=20field=20to=20ValidatePromptRequest=20model=20for=20impr?=
 =?UTF-8?q?oved=20data=20validation=20The=20'name'=20field=20is=20added=20?=
 =?UTF-8?q?to=20the=20ValidatePromptRequest=20model=20to=20enhance=20data?=
 =?UTF-8?q?=20validation.=20This=20field=20will=20allow=20for=20more=20spe?=
 =?UTF-8?q?cific=20identification=20and=20validation=20of=20prompt=20names?=
 =?UTF-8?q?=20in=20the=20API.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/base.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/backend/langflow/api/v1/base.py b/src/backend/langflow/api/v1/base.py
index 5c32536c8..7d91cab01 100644
--- a/src/backend/langflow/api/v1/base.py
+++ b/src/backend/langflow/api/v1/base.py
@@ -18,6 +18,7 @@ class FrontendNodeRequest(FrontendNode):
 
 
 class ValidatePromptRequest(BaseModel):
+    name: str
     template: str
     frontend_node: FrontendNodeRequest
 

From 6431b50fa6e98ed24ff0222e311be36df6f45b96 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:11:08 -0300
Subject: [PATCH 145/367] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20change?=
 =?UTF-8?q?=20custom=5Ffields=20default=20value=20from=20an=20empty=20list?=
 =?UTF-8?q?=20to=20a=20defaultdict=20to=20prevent=20potential=20errors=20T?=
 =?UTF-8?q?he=20custom=5Ffields=20attribute=20in=20the=20FrontendNode=20cl?=
 =?UTF-8?q?ass=20now=20has=20a=20default=20value=20of=20defaultdict(list)?=
 =?UTF-8?q?=20instead=20of=20an=20empty=20list.=20This=20change=20ensures?=
 =?UTF-8?q?=20that=20custom=5Ffields=20is=20always=20a=20defaultdict,=20wh?=
 =?UTF-8?q?ich=20prevents=20potential=20errors=20when=20accessing=20or=20m?=
 =?UTF-8?q?odifying=20the=20custom=5Ffields=20attribute.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/base.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/frontend_node/base.py b/src/backend/langflow/template/frontend_node/base.py
index 0ac19351b..7dae45463 100644
--- a/src/backend/langflow/template/frontend_node/base.py
+++ b/src/backend/langflow/template/frontend_node/base.py
@@ -1,3 +1,4 @@
+from collections import defaultdict
 import re
 from typing import List, Optional
 
@@ -47,7 +48,7 @@ class FrontendNode(BaseModel):
     name: str = ""
     display_name: str = ""
     documentation: str = ""
-    custom_fields: List[str] = []
+    custom_fields: defaultdict = defaultdict(list)
     output_types: List[str] = []
     field_formatters: FieldFormatters = Field(default_factory=FieldFormatters)
 

From 2344c575cfb059ae5eee3b6b3ac4ce78d159bc4c Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:11:37 -0300
Subject: [PATCH 146/367] =?UTF-8?q?=F0=9F=94=A7=20fix(promptComponent):=20?=
 =?UTF-8?q?fix=20linting=20issues=20and=20add=20missing=20field=5Fname=20p?=
 =?UTF-8?q?rop=20=F0=9F=9A=80=20feat(promptComponent):=20improve=20prompt?=
 =?UTF-8?q?=20functionality=20by=20adding=20missing=20field=5Fname=20prop?=
 =?UTF-8?q?=20Fixed=20some=20linting=20issues=20in=20the=20PromptAreaCompo?=
 =?UTF-8?q?nent=20and=20added=20the=20missing=20field=5Fname=20prop=20to?=
 =?UTF-8?q?=20improve=20code=20quality=20and=20maintainability.=20The=20fi?=
 =?UTF-8?q?eld=5Fname=20prop=20was=20missing,=20which=20caused=20an=20erro?=
 =?UTF-8?q?r=20in=20the=20postValidatePrompt=20function.=20This=20commit?=
 =?UTF-8?q?=20also=20improves=20the=20prompt=20functionality=20by=20ensuri?=
 =?UTF-8?q?ng=20that=20the=20reactFlowInstance=20is=20updated=20and=20the?=
 =?UTF-8?q?=20nodes=20are=20re-rendered=20when=20the=20value=20changes.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/promptComponent/index.tsx  | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index bc30c8a99..18bf9cc01 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -10,6 +10,7 @@ import { typesContext } from "../../contexts/typesContext";
 import * as _ from "lodash";
 
 export default function PromptAreaComponent({
+  field_name,
   setNodeClass,
   nodeClass,
   value,
@@ -20,7 +21,6 @@ export default function PromptAreaComponent({
   const [myValue, setMyValue] = useState("");
   const { openPopUp } = useContext(PopUpContext);
   const { reactFlowInstance } = useContext(typesContext);
-
   useEffect(() => {
     if (disabled) {
       setMyValue("");
@@ -29,19 +29,22 @@ export default function PromptAreaComponent({
   }, [disabled, onChange]);
 
   useEffect(() => {
-    if (value !== "" && myValue !== value && reactFlowInstance) { // only executed once
+    if (value !== "" && myValue !== value && reactFlowInstance) {
+      // only executed once
       setMyValue(value);
-      postValidatePrompt(value, nodeClass)
+      postValidatePrompt(field_name, value, nodeClass)
         .then((apiReturn) => {
           if (apiReturn.data) {
             setNodeClass(apiReturn.data.frontend_node);
             // need to update reactFlowInstance to re-render the nodes.
-            reactFlowInstance.setEdges(_.cloneDeep(reactFlowInstance.getEdges()));
+            reactFlowInstance.setEdges(
+              _.cloneDeep(reactFlowInstance.getEdges())
+            );
           }
         })
         .catch((error) => {});
     }
-  }, [reactFlowInstance]);
+  }, [reactFlowInstance, field_name]);
 
   return (
     <div
@@ -49,7 +52,7 @@ export default function PromptAreaComponent({
         disabled ? "pointer-events-none w-full cursor-not-allowed" : " w-full"
       }
     >
-      <div className="w-full flex items-center">
+      <div className="flex w-full items-center">
         <span
           onClick={() => {
             openPopUp(
@@ -70,7 +73,9 @@ export default function PromptAreaComponent({
           className={
             editNode
               ? " input-edit-node " + " input-dialog "
-              : (disabled ? " input-disable " : "") + " input-primary " + " input-dialog "
+              : (disabled ? " input-disable " : "") +
+                " input-primary " +
+                " input-dialog "
           }
         >
           {myValue !== "" ? myValue : "Type your prompt here"}
@@ -79,6 +84,7 @@ export default function PromptAreaComponent({
           onClick={() => {
             openPopUp(
               <GenericModal
+                field_name={field_name}
                 type={TypeModal.PROMPT}
                 value={myValue}
                 buttonText="Check & Save"
@@ -93,7 +99,12 @@ export default function PromptAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground ml-3" />}
+          {!editNode && (
+            <ExternalLink
+              strokeWidth={1.5}
+              className="ml-3 h-6 w-6 hover:text-accent-foreground"
+            />
+          )}
         </button>
       </div>
     </div>

From 67ffdcd0c71bd6f158a7b0f8cafd2eae14b975ae Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:12:18 -0300
Subject: [PATCH 147/367] =?UTF-8?q?=F0=9F=94=A7=20chore(API/index.ts):=20a?=
 =?UTF-8?q?dd=20name=20parameter=20to=20postValidatePrompt=20function=20fo?=
 =?UTF-8?q?r=20improved=20code=20readability=20The=20postValidatePrompt=20?=
 =?UTF-8?q?function=20now=20accepts=20a=20name=20parameter,=20which=20repr?=
 =?UTF-8?q?esents=20the=20name=20of=20the=20field=20to=20check.=20This=20c?=
 =?UTF-8?q?hange=20improves=20the=20code=20readability=20by=20explicitly?=
 =?UTF-8?q?=20specifying=20the=20name=20of=20the=20field=20being=20validat?=
 =?UTF-8?q?ed.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/controllers/API/index.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 81c5f2645..6b2517c83 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -52,16 +52,18 @@ export async function postValidateCode(
 
 /**
  * Checks the prompt for the code block by sending it to an API endpoint.
- *
+ * @param {string} name - The name of the field to check.
  * @param {string} template - The template string of the prompt to check.
  * @param {APIClassType} frontend_node - The frontend node to check.
  * @returns {Promise<AxiosResponse<PromptTypeAPI>>} A promise that resolves to an AxiosResponse containing the validation results.
  */
 export async function postValidatePrompt(
+  name: string,
   template: string,
   frontend_node: APIClassType
 ): Promise<AxiosResponse<PromptTypeAPI>> {
   return await axios.post("/api/v1/validate/prompt", {
+    name: name,
     template: template,
     frontend_node: frontend_node,
   });

From 00f4726f3803708ecf2aafe6907388988684c2aa Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:12:30 -0300
Subject: [PATCH 148/367] =?UTF-8?q?=F0=9F=94=A7=20chore(EditNodeModal):=20?=
 =?UTF-8?q?reorder=20CSS=20classes=20in=20DialogContent=20and=20TableCell?=
 =?UTF-8?q?=20components=20for=20consistency=20=F0=9F=94=A7=20chore(EditNo?=
 =?UTF-8?q?deModal):=20add=20field=5Fname=20prop=20to=20PromptAreaComponen?=
 =?UTF-8?q?t=20for=20better=20clarity=20and=20maintainability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The CSS classes in the DialogContent and TableCell components have been reordered to follow a consistent pattern of ordering. This improves readability and maintainability of the code.

Additionally, a new prop `field_name` has been added to the PromptAreaComponent to provide better clarity and maintainability when working with the component.
---
 src/frontend/src/modals/EditNodeModal/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 1d0d912eb..aac15bd40 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -81,7 +81,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger asChild></DialogTrigger>
-      <DialogContent className="lg:max-w-[700px] sm:max-w-[600px]">
+      <DialogContent className="sm:max-w-[600px] lg:max-w-[700px]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">{data.type}</span>
@@ -135,7 +135,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                       )
                       .map((n, i) => (
                         <TableRow key={i} className="h-10">
-                          <TableCell className="p-0 text-center text-sm text-foreground truncate sm:px-3">
+                          <TableCell className="truncate p-0 text-center text-sm text-foreground sm:px-3">
                             {data.node.template[n].name
                               ? data.node.template[n].name
                               : data.node.template[n].display_name}
@@ -251,6 +251,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                             ) : data.node.template[n].type === "prompt" ? (
                               <div className="mx-auto">
                                 <PromptAreaComponent
+                                  field_name={n}
                                   editNode={true}
                                   disabled={false}
                                   value={data.node.template[n].value ?? ""}

From 77a1a9c06599d14f1d28618a7b87446c00f88b0e Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:12:56 -0300
Subject: [PATCH 149/367] added field_name attribute

---
 .../modals/NodeModal/components/ModalField/index.tsx  |  4 ++--
 src/frontend/src/modals/genericModal/index.tsx        | 11 +++++++----
 src/frontend/src/types/components/index.ts            |  1 +
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index e8690fe4b..70344a996 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -1,5 +1,4 @@
-import { useContext, useState } from "react";
-import { TabsContext } from "../../../../contexts/tabsContext";
+import { useState } from "react";
 import InputListComponent from "../../../../components/inputListComponent";
 import Dropdown from "../../../../components/dropdownComponent";
 import TextAreaComponent from "../../../../components/textAreaComponent";
@@ -150,6 +149,7 @@ export default function ModalField({
       ) : type === "prompt" ? (
         <div className="w-1/2">
           <PromptAreaComponent
+            field_name={name}
             disabled={false}
             value={data.node.template[name].value ?? ""}
             onChange={(t: string) => {
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index d1deb4846..8be3f8aaa 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -19,6 +19,7 @@ import { FileText } from "lucide-react";
 import { APIClassType } from "../../types/api";
 
 export default function GenericModal({
+  field_name = "",
   value,
   setValue,
   buttonText,
@@ -27,6 +28,7 @@ export default function GenericModal({
   nodeClass,
   setNodeClass,
 }: {
+  field_name?: string;
   setValue: (value: string) => void;
   value: string;
   buttonText: string;
@@ -60,8 +62,8 @@ export default function GenericModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">{myModalTitle}</span>
             <FileText
-            strokeWidth={1.5}
-              className="h-6 w-6 text-primary pl-1 "
+              strokeWidth={1.5}
+              className="h-6 w-6 pl-1 text-primary "
               aria-hidden="true"
             />
           </DialogTitle>
@@ -84,7 +86,7 @@ export default function GenericModal({
         <div className="mt-2 flex h-full w-full">
           <Textarea
             ref={ref}
-            className=" h-[300px] w-full form-primary "
+            className=" form-primary h-[300px] w-full "
             value={myValue}
             onChange={(e) => {
               setMyValue(e.target.value);
@@ -103,7 +105,8 @@ export default function GenericModal({
                   setModalOpen(false);
                   break;
                 case 2:
-                  postValidatePrompt(myValue, nodeClass)
+                  console.log("postValidatePrompt");
+                  postValidatePrompt(field_name, myValue, nodeClass)
                     .then((apiReturn) => {
                       if (apiReturn.data) {
                         setNodeClass(apiReturn.data.frontend_node);
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index b3f586d6f..cbc192995 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -49,6 +49,7 @@ export type InputListComponentType = {
 };
 
 export type TextAreaComponentType = {
+  field_name?: string;
   nodeClass?: APIClassType;
   setNodeClass?: (value: APIClassType) => void;
   disabled: boolean;

From ac4b322c8879d2c578cfca76151c71217d5eaf02 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:27:27 -0300
Subject: [PATCH 150/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(parameterCompon?=
 =?UTF-8?q?ent):=20improve=20code=20formatting=20and=20indentation=20for?=
 =?UTF-8?q?=20better=20readability=20The=20unused=20import=20of=20the=20lo?=
 =?UTF-8?q?dash=20library=20has=20been=20removed=20to=20clean=20up=20the?=
 =?UTF-8?q?=20code=20and=20reduce=20unnecessary=20dependencies.=20The=20co?=
 =?UTF-8?q?de=20formatting=20and=20indentation=20have=20also=20been=20impr?=
 =?UTF-8?q?oved=20to=20enhance=20readability=20and=20maintain=20consistenc?=
 =?UTF-8?q?y=20throughout=20the=20file.=20=F0=9F=94=A5=20refactor(paramete?=
 =?UTF-8?q?rComponent):=20remove=20unused=20import=20of=20lodash=20library?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx    | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index ec878d230..fca53e1ef 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -25,7 +25,6 @@ import { nodeColors } from "../../../../utils";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
 import { PopUpContext } from "../../../../contexts/popUpContext";
 import ToggleShadComponent from "../../../../components/toggleShadComponent";
-import * as _ from "lodash";
 import { Info } from "lucide-react";
 
 export default function ParameterComponent({
@@ -261,10 +260,10 @@ export default function ParameterComponent({
         ) : left === true && type === "code" ? (
           <div className="mt-2 w-full">
             <CodeAreaComponent
-            setNodeClass={(nodeClass) => {
-              data.node = nodeClass;
-            }}
-            nodeClass={data.node}
+              setNodeClass={(nodeClass) => {
+                data.node = nodeClass;
+              }}
+              nodeClass={data.node}
               disabled={disabled}
               value={data.node.template[name].value ?? ""}
               onChange={handleOnNewValue}
@@ -296,10 +295,11 @@ export default function ParameterComponent({
         ) : left === true && type === "prompt" ? (
           <div className="mt-2 w-full">
             <PromptAreaComponent
-            setNodeClass={(nodeClass) => {
-              data.node = nodeClass;
-            }}
-            nodeClass={data.node}
+              field_name={name}
+              setNodeClass={(nodeClass) => {
+                data.node = nodeClass;
+              }}
+              nodeClass={data.node}
               disabled={disabled}
               value={data.node.template[name].value ?? ""}
               onChange={handleOnNewValue}

From 3c7ecd15f75ac85e0fcf592f8163609ccec17c65 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:27:49 -0300
Subject: [PATCH 151/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20chec?=
 =?UTF-8?q?k=20if=20variable=20is=20already=20in=20the=20list=20before=20a?=
 =?UTF-8?q?ppending=20and=20remove=20variable=20from=20custom=5Ffields=20a?=
 =?UTF-8?q?nd=20template=20when=20not=20in=20input=5Fvariables=20The=20cod?=
 =?UTF-8?q?e=20now=20checks=20if=20the=20variable=20is=20already=20in=20th?=
 =?UTF-8?q?e=20list=20before=20appending=20it=20to=20the=20custom=5Ffields?=
 =?UTF-8?q?.=20Additionally,=20when=20removing=20old=20variables=20from=20?=
 =?UTF-8?q?the=20template,=20the=20code=20now=20also=20removes=20the=20var?=
 =?UTF-8?q?iable=20from=20the=20custom=5Ffields=20associated=20with=20the?=
 =?UTF-8?q?=20given=20name.=20This=20ensures=20that=20the=20custom=5Ffield?=
 =?UTF-8?q?s=20and=20template=20stay=20in=20sync=20with=20the=20input=5Fva?=
 =?UTF-8?q?riables.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 7c9279801..36870af35 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -75,9 +75,15 @@ def add_new_variables_to_template(input_variables, prompt_request):
             )
 
             prompt_request.frontend_node.template[variable] = template_field.to_dict()
-            prompt_request.frontend_node.custom_fields[prompt_request.name].append(
+
+            # Check if variable is not already in the list before appending
+            if (
                 variable
-            )
+                not in prompt_request.frontend_node.custom_fields[prompt_request.name]
+            ):
+                prompt_request.frontend_node.custom_fields[prompt_request.name].append(
+                    variable
+                )
 
         except Exception as exc:
             logger.exception(exc)
@@ -90,7 +96,18 @@ def remove_old_variables_from_template(
     for variable in old_custom_fields:
         if variable not in input_variables:
             try:
+                # Remove the variable from custom_fields associated with the given name
+                if (
+                    variable
+                    in prompt_request.frontend_node.custom_fields[prompt_request.name]
+                ):
+                    prompt_request.frontend_node.custom_fields[
+                        prompt_request.name
+                    ].remove(variable)
+
+                # Remove the variable from the template
                 prompt_request.frontend_node.template.pop(variable, None)
+
             except Exception as exc:
                 logger.exception(exc)
                 raise HTTPException(status_code=500, detail=str(exc)) from exc

From 9e1bb15003aacbcdea72bb7452ae46ceb065a04d Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:27:59 -0300
Subject: [PATCH 152/367] =?UTF-8?q?=F0=9F=90=9B=20fix(main.py):=20fix=20fo?=
 =?UTF-8?q?rmatting=20of=20multiline=20string=20in=20my=5Fuser=5Fpython=5F?=
 =?UTF-8?q?function=20value=20=F0=9F=94=80=20chore(main.py):=20add=20trail?=
 =?UTF-8?q?ing=20commas=20to=20dictionary=20entries=20for=20improved=20rea?=
 =?UTF-8?q?dability=20The=20multiline=20string=20in=20the=20value=20of=20t?=
 =?UTF-8?q?he=20`my=5Fuser=5Fpython=5Ffunction`=20key=20was=20not=20proper?=
 =?UTF-8?q?ly=20formatted.=20The=20double=20quotes=20were=20changed=20to?=
 =?UTF-8?q?=20triple=20quotes=20to=20match=20the=20Python=20docstring=20co?=
 =?UTF-8?q?nvention.=20Trailing=20commas=20were=20added=20to=20the=20dicti?=
 =?UTF-8?q?onary=20entries=20for=20improved=20readability=20and=20maintain?=
 =?UTF-8?q?ability.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/main.py | 46 ++++++++++++++++++------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index 4fdb4d7f1..8229985f2 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -16,12 +16,12 @@ template_node = {
             "placeholder": "",
             "show": True,
             "multiline": True,
-            "value": "\ndef my_user_python_function(text: str) -> str:\n    \"\"\"This is a default python function that returns the input text\"\"\"\n    return text.upper()\n",
+            "value": '\ndef my_user_python_function(text: str) -> str:\n    """This is a default python function that returns the input text"""\n    return text.upper()\n',
             "password": False,
             "name": "code",
             "advanced": False,
             "type": "code",
-            "list": False
+            "list": False,
         },
         "lc_kwargs": {
             "required": False,
@@ -32,7 +32,7 @@ template_node = {
             "name": "lc_kwargs",
             "advanced": True,
             "type": "code",
-            "list": False
+            "list": False,
         },
         "verbose": {
             "required": False,
@@ -44,7 +44,7 @@ template_node = {
             "name": "verbose",
             "advanced": False,
             "type": "bool",
-            "list": False
+            "list": False,
         },
         "callbacks": {
             "required": False,
@@ -55,7 +55,7 @@ template_node = {
             "name": "callbacks",
             "advanced": False,
             "type": "langchain.callbacks.base.BaseCallbackHandler",
-            "list": True
+            "list": True,
         },
         "tags": {
             "required": False,
@@ -66,7 +66,7 @@ template_node = {
             "name": "tags",
             "advanced": False,
             "type": "str",
-            "list": True
+            "list": True,
         },
         "client": {
             "required": False,
@@ -77,7 +77,7 @@ template_node = {
             "name": "client",
             "advanced": False,
             "type": "Any",
-            "list": False
+            "list": False,
         },
         "model_name": {
             "required": False,
@@ -94,12 +94,12 @@ template_node = {
                 "gpt-4-0613",
                 "gpt-4-32k-0613",
                 "gpt-4",
-                "gpt-4-32k"
+                "gpt-4-32k",
             ],
             "name": "model_name",
             "advanced": False,
             "type": "str",
-            "list": True
+            "list": True,
         },
         "temperature": {
             "required": False,
@@ -111,7 +111,7 @@ template_node = {
             "name": "temperature",
             "advanced": False,
             "type": "float",
-            "list": False
+            "list": False,
         },
         "model_kwargs": {
             "required": False,
@@ -122,7 +122,7 @@ template_node = {
             "name": "model_kwargs",
             "advanced": True,
             "type": "code",
-            "list": False
+            "list": False,
         },
         "openai_api_key": {
             "required": False,
@@ -135,7 +135,7 @@ template_node = {
             "display_name": "OpenAI API Key",
             "advanced": False,
             "type": "str",
-            "list": False
+            "list": False,
         },
         "openai_api_base": {
             "required": False,
@@ -147,7 +147,7 @@ template_node = {
             "display_name": "OpenAI API Base",
             "advanced": False,
             "type": "str",
-            "list": False
+            "list": False,
         },
         "openai_organization": {
             "required": False,
@@ -159,7 +159,7 @@ template_node = {
             "display_name": "OpenAI Organization",
             "advanced": False,
             "type": "str",
-            "list": False
+            "list": False,
         },
         "openai_proxy": {
             "required": False,
@@ -171,7 +171,7 @@ template_node = {
             "display_name": "OpenAI Proxy",
             "advanced": False,
             "type": "str",
-            "list": False
+            "list": False,
         },
         "request_timeout": {
             "required": False,
@@ -182,7 +182,7 @@ template_node = {
             "name": "request_timeout",
             "advanced": False,
             "type": "float",
-            "list": False
+            "list": False,
         },
         "max_retries": {
             "required": False,
@@ -194,7 +194,7 @@ template_node = {
             "name": "max_retries",
             "advanced": False,
             "type": "int",
-            "list": False
+            "list": False,
         },
         "streaming": {
             "required": False,
@@ -206,7 +206,7 @@ template_node = {
             "name": "streaming",
             "advanced": False,
             "type": "bool",
-            "list": False
+            "list": False,
         },
         "n": {
             "required": False,
@@ -218,7 +218,7 @@ template_node = {
             "name": "n",
             "advanced": False,
             "type": "int",
-            "list": False
+            "list": False,
         },
         "max_tokens": {
             "required": False,
@@ -229,17 +229,17 @@ template_node = {
             "name": "max_tokens",
             "advanced": False,
             "type": "int",
-            "list": False
+            "list": False,
         },
-        "_type": "ChatOpenAI"
+        "_type": "ChatOpenAI",
     },
     "base_classes": [
         "BaseChatModel",
         "Serializable",
         "BaseLanguageModel",
-        "ChatOpenAI"
+        "ChatOpenAI",
     ],
-    "description": "Wrapper around OpenAI Chat large language models."
+    "description": "Wrapper around OpenAI Chat large language models.",
 }
 
 

From 3f063f099d73efde1778263ca0dd5b02c6d627c7 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:28:07 -0300
Subject: [PATCH 153/367] =?UTF-8?q?=F0=9F=94=BA=20chore(pyproject.toml):?=
 =?UTF-8?q?=20update=20langchain-serve=20version=20to=20>0.0.50=20The=20la?=
 =?UTF-8?q?ngchain-serve=20package=20has=20been=20updated=20to=20version?=
 =?UTF-8?q?=20>0.0.50.=20This=20update=20may=20include=20bug=20fixes,=20ne?=
 =?UTF-8?q?w=20features,=20or=20other=20improvements.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pyproject.toml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pyproject.toml b/pyproject.toml
index d02b284cd..c2ec04187 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -48,7 +48,7 @@ psycopg2-binary = "^2.9.6"
 pyarrow = "^12.0.0"
 tiktoken = "~0.4.0"
 wikipedia = "^1.4.0"
-langchain-serve = { version = ">0.0.47", optional = true }
+langchain-serve = { version = ">0.0.50", optional = true }
 qdrant-client = "^1.3.0"
 websockets = "^10.3"
 weaviate-client = "^3.21.0"

From 1947cf9481f874d9a2fe578b8b6b98a8b31def9a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 4 Jul 2023 07:20:55 -0300
Subject: [PATCH 154/367] run poetry.lock

---
 poetry.lock | 341 +++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 323 insertions(+), 18 deletions(-)

diff --git a/poetry.lock b/poetry.lock
index 706138329..3608a7b82 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -1,9 +1,10 @@
-# This file is automatically @generated by Poetry 1.5.1 and should not be changed by hand.
+# This file is automatically @generated by Poetry 1.4.0 and should not be changed by hand.
 
 [[package]]
 name = "aiofiles"
 version = "23.1.0"
 description = "File support for asyncio."
+category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -15,6 +16,7 @@ files = [
 name = "aiohttp"
 version = "3.8.4"
 description = "Async http client/server framework (asyncio)"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -123,6 +125,7 @@ speedups = ["Brotli", "aiodns", "cchardet"]
 name = "aiosignal"
 version = "1.3.1"
 description = "aiosignal: a list of registered asynchronous callbacks"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -137,6 +140,7 @@ frozenlist = ">=1.1.0"
 name = "aiostream"
 version = "0.4.5"
 description = "Generator-based operators for asynchronous iteration"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -148,6 +152,7 @@ files = [
 name = "anthropic"
 version = "0.3.2"
 description = "Client library for the anthropic API"
+category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -167,6 +172,7 @@ typing-extensions = ">=4.1.1"
 name = "anyio"
 version = "3.7.0"
 description = "High level compatibility layer for multiple asynchronous event loop implementations"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -188,6 +194,7 @@ trio = ["trio (<0.22)"]
 name = "appdirs"
 version = "1.4.4"
 description = "A small Python module for determining appropriate platform-specific dirs, e.g. a \"user data dir\"."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -199,6 +206,7 @@ files = [
 name = "appnope"
 version = "0.1.3"
 description = "Disable App Nap on macOS >= 10.9"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -210,6 +218,7 @@ files = [
 name = "argilla"
 version = "0.0.1"
 description = ""
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -221,6 +230,7 @@ files = [
 name = "asgiref"
 version = "3.7.2"
 description = "ASGI specs, helper code, and adapters"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -238,6 +248,7 @@ tests = ["mypy (>=0.800)", "pytest", "pytest-asyncio"]
 name = "asttokens"
 version = "2.2.1"
 description = "Annotate AST trees with source code positions"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -255,6 +266,7 @@ test = ["astroid", "pytest"]
 name = "async-timeout"
 version = "4.0.2"
 description = "Timeout context manager for asyncio programs"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -266,6 +278,7 @@ files = [
 name = "attrs"
 version = "23.1.0"
 description = "Classes Without Boilerplate"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -284,6 +297,7 @@ tests-no-zope = ["cloudpickle", "hypothesis", "mypy (>=1.1.1)", "pympler", "pyte
 name = "authlib"
 version = "1.2.1"
 description = "The ultimate Python library in building OAuth and OpenID Connect servers and clients."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -298,6 +312,7 @@ cryptography = ">=3.2"
 name = "backcall"
 version = "0.2.0"
 description = "Specifications for callback functions passed in to an API"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -309,6 +324,7 @@ files = [
 name = "backoff"
 version = "2.2.1"
 description = "Function decoration for backoff and retry"
+category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -320,6 +336,7 @@ files = [
 name = "beautifulsoup4"
 version = "4.12.2"
 description = "Screen-scraping library"
+category = "main"
 optional = false
 python-versions = ">=3.6.0"
 files = [
@@ -338,6 +355,7 @@ lxml = ["lxml"]
 name = "black"
 version = "23.3.0"
 description = "The uncompromising code formatter."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -387,6 +405,7 @@ uvloop = ["uvloop (>=0.15.2)"]
 name = "bleach"
 version = "6.0.0"
 description = "An easy safelist-based HTML-sanitizing tool."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -405,6 +424,7 @@ css = ["tinycss2 (>=1.1.0,<1.2)"]
 name = "cachetools"
 version = "5.3.1"
 description = "Extensible memoizing collections and decorators"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -416,6 +436,7 @@ files = [
 name = "certifi"
 version = "2023.5.7"
 description = "Python package for providing Mozilla's CA Bundle."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -427,6 +448,7 @@ files = [
 name = "cffi"
 version = "1.15.1"
 description = "Foreign Function Interface for Python calling C code."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -503,6 +525,7 @@ pycparser = "*"
 name = "chardet"
 version = "5.1.0"
 description = "Universal encoding detector for Python 3"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -514,6 +537,7 @@ files = [
 name = "charset-normalizer"
 version = "3.1.0"
 description = "The Real First Universal Charset Detector. Open, modern and actively maintained alternative to Chardet."
+category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -598,6 +622,7 @@ files = [
 name = "chromadb"
 version = "0.3.26"
 description = "Chroma."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -627,6 +652,7 @@ uvicorn = {version = ">=0.18.3", extras = ["standard"]}
 name = "click"
 version = "8.1.3"
 description = "Composable command line interface toolkit"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -641,6 +667,7 @@ colorama = {version = "*", markers = "platform_system == \"Windows\""}
 name = "click-log"
 version = "0.4.0"
 description = "Logging integration for Click"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -655,6 +682,7 @@ click = "*"
 name = "clickhouse-connect"
 version = "0.6.4"
 description = "ClickHouse Database Core Driver for Python, Pandas, and Superset"
+category = "main"
 optional = false
 python-versions = "~=3.7"
 files = [
@@ -743,6 +771,7 @@ sqlalchemy = ["sqlalchemy (>1.3.21,<2.0)"]
 name = "cohere"
 version = "4.11.2"
 description = ""
+category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -760,6 +789,7 @@ requests = ">=2.0,<3.0"
 name = "colorama"
 version = "0.4.6"
 description = "Cross-platform colored terminal text."
+category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,!=3.6.*,>=2.7"
 files = [
@@ -771,6 +801,7 @@ files = [
 name = "coloredlogs"
 version = "15.0.1"
 description = "Colored terminal output for Python's logging module"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*"
 files = [
@@ -788,6 +819,7 @@ cron = ["capturer (>=2.4)"]
 name = "comm"
 version = "0.1.3"
 description = "Jupyter Python Comm implementation, for usage in ipykernel, xeus-python etc."
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -807,6 +839,7 @@ typing = ["mypy (>=0.990)"]
 name = "coverage"
 version = "7.2.7"
 description = "Code coverage measurement for Python"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -882,6 +915,7 @@ toml = ["tomli"]
 name = "cryptography"
 version = "41.0.1"
 description = "cryptography is a package which provides cryptographic recipes and primitives to Python developers."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -923,6 +957,7 @@ test-randomorder = ["pytest-randomly"]
 name = "ctransformers"
 version = "0.2.11"
 description = "Python bindings for the Transformer models implemented in C/C++ using GGML library."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -940,6 +975,7 @@ tests = ["pytest"]
 name = "dataclasses-json"
 version = "0.5.9"
 description = "Easily serialize dataclasses to and from JSON"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -959,6 +995,7 @@ dev = ["flake8", "hypothesis", "ipython", "mypy (>=0.710)", "portray", "pytest (
 name = "debugpy"
 version = "1.6.7"
 description = "An implementation of the Debug Adapter Protocol for Python"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -986,6 +1023,7 @@ files = [
 name = "decorator"
 version = "5.1.1"
 description = "Decorators for Humans"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -997,6 +1035,7 @@ files = [
 name = "deprecated"
 version = "1.2.14"
 description = "Python @deprecated decorator to deprecate old python classes, functions or methods."
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -1014,6 +1053,7 @@ dev = ["PyTest", "PyTest-Cov", "bump2version (<1)", "sphinx (<2)", "tox"]
 name = "deprecation"
 version = "2.1.0"
 description = "A library to handle automated deprecations"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1028,6 +1068,7 @@ packaging = "*"
 name = "dill"
 version = "0.3.6"
 description = "serialize all of python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1042,6 +1083,7 @@ graph = ["objgraph (>=1.7.2)"]
 name = "distro"
 version = "1.8.0"
 description = "Distro - an OS platform information API"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1053,6 +1095,7 @@ files = [
 name = "dnspython"
 version = "2.3.0"
 description = "DNS toolkit"
+category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -1073,6 +1116,7 @@ wmi = ["wmi (>=1.5.1,<2.0.0)"]
 name = "docarray"
 version = "0.21.1"
 description = "The data structure for unstructured data"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1101,6 +1145,7 @@ weaviate = ["weaviate-client (>=3.9.0,<3.10.0)"]
 name = "docker"
 version = "6.1.3"
 description = "A Python library for the Docker Engine API."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1122,6 +1167,7 @@ ssh = ["paramiko (>=2.4.3)"]
 name = "docstring-parser"
 version = "0.15"
 description = "Parse Python docstrings in reST, Google and Numpydoc format"
+category = "main"
 optional = false
 python-versions = ">=3.6,<4.0"
 files = [
@@ -1133,6 +1179,7 @@ files = [
 name = "docutils"
 version = "0.20.1"
 description = "Docutils -- Python Documentation Utilities"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1144,6 +1191,7 @@ files = [
 name = "dotty-dict"
 version = "1.3.1"
 description = "Dictionary wrapper for quick access to deeply nested keys."
+category = "main"
 optional = false
 python-versions = ">=3.5,<4.0"
 files = [
@@ -1155,6 +1203,7 @@ files = [
 name = "duckdb"
 version = "0.8.1"
 description = "DuckDB embedded database"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1216,6 +1265,7 @@ files = [
 name = "ecdsa"
 version = "0.18.0"
 description = "ECDSA cryptographic signature library (pure python)"
+category = "main"
 optional = false
 python-versions = ">=2.6, !=3.0.*, !=3.1.*, !=3.2.*"
 files = [
@@ -1234,6 +1284,7 @@ gmpy2 = ["gmpy2"]
 name = "et-xmlfile"
 version = "1.1.0"
 description = "An implementation of lxml.xmlfile for the standard library"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1245,6 +1296,7 @@ files = [
 name = "exceptiongroup"
 version = "1.1.2"
 description = "Backport of PEP 654 (exception groups)"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1259,6 +1311,7 @@ test = ["pytest (>=6)"]
 name = "executing"
 version = "1.2.0"
 description = "Get the currently executing AST node of a frame, and other information"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -1273,6 +1326,7 @@ tests = ["asttokens", "littleutils", "pytest", "rich"]
 name = "faiss-cpu"
 version = "1.7.4"
 description = "A library for efficient similarity search and clustering of dense vectors."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1307,6 +1361,7 @@ files = [
 name = "fake-useragent"
 version = "1.1.3"
 description = "Up-to-date simple useragent faker with real world database"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1321,6 +1376,7 @@ importlib-resources = {version = ">=5.0", markers = "python_version < \"3.10\""}
 name = "fastapi"
 version = "0.99.1"
 description = "FastAPI framework, high performance, easy to learn, fast to code, ready for production"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1340,6 +1396,7 @@ all = ["email-validator (>=1.1.1)", "httpx (>=0.23.0)", "itsdangerous (>=1.1.0)"
 name = "filelock"
 version = "3.12.2"
 description = "A platform independent file lock."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1355,6 +1412,7 @@ testing = ["covdefaults (>=2.3)", "coverage (>=7.2.7)", "diff-cover (>=7.5)", "p
 name = "filetype"
 version = "1.2.0"
 description = "Infer file type and MIME type of any file/buffer. No external dependencies."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1366,6 +1424,7 @@ files = [
 name = "flatbuffers"
 version = "23.5.26"
 description = "The FlatBuffers serialization format for Python"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1377,6 +1436,7 @@ files = [
 name = "frozenlist"
 version = "1.3.3"
 description = "A list-like structure which implements collections.abc.MutableSequence"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1460,6 +1520,7 @@ files = [
 name = "fsspec"
 version = "2023.6.0"
 description = "File-system specification"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -1495,6 +1556,7 @@ tqdm = ["tqdm"]
 name = "gitdb"
 version = "4.0.10"
 description = "Git Object Database"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1509,6 +1571,7 @@ smmap = ">=3.0.1,<6"
 name = "gitpython"
 version = "3.1.31"
 description = "GitPython is a Python library used to interact with Git repositories"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1523,6 +1586,7 @@ gitdb = ">=4.0.1,<5"
 name = "google-api-core"
 version = "2.11.1"
 description = "Google API client core library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1547,6 +1611,7 @@ grpcio-gcp = ["grpcio-gcp (>=0.2.2,<1.0.dev0)"]
 name = "google-api-python-client"
 version = "2.91.0"
 description = "Google API Client Library for Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1555,7 +1620,7 @@ files = [
 ]
 
 [package.dependencies]
-google-api-core = ">=1.31.5,<2.0.dev0 || >2.3.0,<3.0.0.dev0"
+google-api-core = ">=1.31.5,<2.0.0 || >2.3.0,<3.0.0.dev0"
 google-auth = ">=1.19.0,<3.0.0.dev0"
 google-auth-httplib2 = ">=0.1.0"
 httplib2 = ">=0.15.0,<1.dev0"
@@ -1565,6 +1630,7 @@ uritemplate = ">=3.0.1,<5"
 name = "google-auth"
 version = "2.21.0"
 description = "Google Authentication Library"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -1590,6 +1656,7 @@ requests = ["requests (>=2.20.0,<3.0.0.dev0)"]
 name = "google-auth-httplib2"
 version = "0.1.0"
 description = "Google Authentication Library: httplib2 transport"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -1606,6 +1673,7 @@ six = "*"
 name = "google-cloud-aiplatform"
 version = "1.27.0"
 description = "Vertex AI API client library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1614,7 +1682,7 @@ files = [
 ]
 
 [package.dependencies]
-google-api-core = {version = ">=1.32.0,<2.0.dev0 || >=2.8.dev0,<3.0.0dev", extras = ["grpc"]}
+google-api-core = {version = ">=1.32.0,<2.0.0 || >=2.8.0,<3.0.0dev", extras = ["grpc"]}
 google-cloud-bigquery = ">=1.15.0,<4.0.0dev"
 google-cloud-resource-manager = ">=1.3.3,<3.0.0dev"
 google-cloud-storage = ">=1.32.0,<3.0.0dev"
@@ -1643,6 +1711,7 @@ xai = ["tensorflow (>=2.3.0,<3.0.0dev)"]
 name = "google-cloud-bigquery"
 version = "3.11.3"
 description = "Google BigQuery API client library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1651,7 +1720,7 @@ files = [
 ]
 
 [package.dependencies]
-google-api-core = {version = ">=1.31.5,<2.0.dev0 || >2.3.0,<3.0.0dev", extras = ["grpc"]}
+google-api-core = {version = ">=1.31.5,<2.0.0 || >2.3.0,<3.0.0dev", extras = ["grpc"]}
 google-cloud-core = ">=1.6.0,<3.0.0dev"
 google-resumable-media = ">=0.6.0,<3.0dev"
 grpcio = ">=1.47.0,<2.0dev"
@@ -1675,6 +1744,7 @@ tqdm = ["tqdm (>=4.7.4,<5.0.0dev)"]
 name = "google-cloud-core"
 version = "2.3.2"
 description = "Google Cloud API client core library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1683,7 +1753,7 @@ files = [
 ]
 
 [package.dependencies]
-google-api-core = ">=1.31.6,<2.0.dev0 || >2.3.0,<3.0.0dev"
+google-api-core = ">=1.31.6,<2.0.0 || >2.3.0,<3.0.0dev"
 google-auth = ">=1.25.0,<3.0dev"
 
 [package.extras]
@@ -1693,6 +1763,7 @@ grpc = ["grpcio (>=1.38.0,<2.0dev)"]
 name = "google-cloud-resource-manager"
 version = "1.10.1"
 description = "Google Cloud Resource Manager API client library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1701,7 +1772,7 @@ files = [
 ]
 
 [package.dependencies]
-google-api-core = {version = ">=1.34.0,<2.0.dev0 || >=2.11.dev0,<3.0.0dev", extras = ["grpc"]}
+google-api-core = {version = ">=1.34.0,<2.0.0 || >=2.11.0,<3.0.0dev", extras = ["grpc"]}
 grpc-google-iam-v1 = ">=0.12.4,<1.0.0dev"
 proto-plus = ">=1.22.0,<2.0.0dev"
 protobuf = ">=3.19.5,<3.20.0 || >3.20.0,<3.20.1 || >3.20.1,<4.21.0 || >4.21.0,<4.21.1 || >4.21.1,<4.21.2 || >4.21.2,<4.21.3 || >4.21.3,<4.21.4 || >4.21.4,<4.21.5 || >4.21.5,<5.0.0dev"
@@ -1710,6 +1781,7 @@ protobuf = ">=3.19.5,<3.20.0 || >3.20.0,<3.20.1 || >3.20.1,<4.21.0 || >4.21.0,<4
 name = "google-cloud-storage"
 version = "2.10.0"
 description = "Google Cloud Storage API client library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1718,7 +1790,7 @@ files = [
 ]
 
 [package.dependencies]
-google-api-core = ">=1.31.5,<2.0.dev0 || >2.3.0,<3.0.0dev"
+google-api-core = ">=1.31.5,<2.0.0 || >2.3.0,<3.0.0dev"
 google-auth = ">=1.25.0,<3.0dev"
 google-cloud-core = ">=2.3.0,<3.0dev"
 google-resumable-media = ">=2.3.2"
@@ -1731,6 +1803,7 @@ protobuf = ["protobuf (<5.0.0dev)"]
 name = "google-crc32c"
 version = "1.5.0"
 description = "A python wrapper of the C library 'Google CRC32C'"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1811,6 +1884,7 @@ testing = ["pytest"]
 name = "google-resumable-media"
 version = "2.5.0"
 description = "Utilities for Google Media Downloads and Resumable Uploads"
+category = "main"
 optional = false
 python-versions = ">= 3.7"
 files = [
@@ -1829,6 +1903,7 @@ requests = ["requests (>=2.18.0,<3.0.0dev)"]
 name = "google-search-results"
 version = "2.4.2"
 description = "Scrape and search localized results from Google, Bing, Baidu, Yahoo, Yandex, Ebay, Homedepot, youtube at scale using SerpApi.com"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -1842,6 +1917,7 @@ requests = "*"
 name = "googleapis-common-protos"
 version = "1.59.1"
 description = "Common protobufs used in Google APIs"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1860,6 +1936,7 @@ grpc = ["grpcio (>=1.44.0,<2.0.0.dev0)"]
 name = "gotrue"
 version = "1.0.2"
 description = "Python Client Library for GoTrue"
+category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -1875,6 +1952,7 @@ pydantic = ">=1.10.0,<2.0.0"
 name = "greenlet"
 version = "2.0.2"
 description = "Lightweight in-process concurrent programming"
+category = "main"
 optional = false
 python-versions = ">=2.7,!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*"
 files = [
@@ -1948,6 +2026,7 @@ test = ["objgraph", "psutil"]
 name = "grpc-google-iam-v1"
 version = "0.12.6"
 description = "IAM API client library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -1964,6 +2043,7 @@ protobuf = ">=3.19.5,<3.20.0 || >3.20.0,<3.20.1 || >3.20.1,<4.21.1 || >4.21.1,<4
 name = "grpcio"
 version = "1.47.5"
 description = "HTTP/2-based RPC framework"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2025,6 +2105,7 @@ protobuf = ["grpcio-tools (>=1.47.5)"]
 name = "grpcio-health-checking"
 version = "1.47.5"
 description = "Standard Health Checking Service for gRPC"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2040,6 +2121,7 @@ protobuf = ">=3.12.0"
 name = "grpcio-reflection"
 version = "1.47.5"
 description = "Standard Protobuf Reflection Service for gRPC"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2055,6 +2137,7 @@ protobuf = ">=3.12.0"
 name = "grpcio-status"
 version = "1.47.5"
 description = "Status proto mapping for gRPC"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2071,6 +2154,7 @@ protobuf = ">=3.12.0"
 name = "grpcio-tools"
 version = "1.47.5"
 description = "Protobuf code generator for gRPC"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2131,6 +2215,7 @@ setuptools = "*"
 name = "gunicorn"
 version = "20.1.0"
 description = "WSGI HTTP Server for UNIX"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -2151,6 +2236,7 @@ tornado = ["tornado (>=0.2)"]
 name = "h11"
 version = "0.14.0"
 description = "A pure-Python, bring-your-own-I/O implementation of HTTP/1.1"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2162,6 +2248,7 @@ files = [
 name = "h2"
 version = "4.1.0"
 description = "HTTP/2 State-Machine based protocol implementation"
+category = "main"
 optional = false
 python-versions = ">=3.6.1"
 files = [
@@ -2177,6 +2264,7 @@ hyperframe = ">=6.0,<7"
 name = "hnswlib"
 version = "0.7.0"
 description = "hnswlib"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2190,6 +2278,7 @@ numpy = "*"
 name = "hpack"
 version = "4.0.0"
 description = "Pure-Python HPACK header compression"
+category = "main"
 optional = false
 python-versions = ">=3.6.1"
 files = [
@@ -2201,6 +2290,7 @@ files = [
 name = "httpcore"
 version = "0.16.3"
 description = "A minimal low-level HTTP client."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2212,16 +2302,17 @@ files = [
 anyio = ">=3.0,<5.0"
 certifi = "*"
 h11 = ">=0.13,<0.15"
-sniffio = "==1.*"
+sniffio = ">=1.0.0,<2.0.0"
 
 [package.extras]
 http2 = ["h2 (>=3,<5)"]
-socks = ["socksio (==1.*)"]
+socks = ["socksio (>=1.0.0,<2.0.0)"]
 
 [[package]]
 name = "httplib2"
 version = "0.22.0"
 description = "A comprehensive HTTP client library."
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -2236,6 +2327,7 @@ pyparsing = {version = ">=2.4.2,<3.0.0 || >3.0.0,<3.0.1 || >3.0.1,<3.0.2 || >3.0
 name = "httptools"
 version = "0.5.0"
 description = "A collection of framework independent HTTP protocol utils."
+category = "main"
 optional = false
 python-versions = ">=3.5.0"
 files = [
@@ -2289,6 +2381,7 @@ test = ["Cython (>=0.29.24,<0.30.0)"]
 name = "httpx"
 version = "0.23.3"
 description = "The next generation HTTP client."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2305,14 +2398,15 @@ sniffio = "*"
 
 [package.extras]
 brotli = ["brotli", "brotlicffi"]
-cli = ["click (==8.*)", "pygments (==2.*)", "rich (>=10,<13)"]
+cli = ["click (>=8.0.0,<9.0.0)", "pygments (>=2.0.0,<3.0.0)", "rich (>=10,<13)"]
 http2 = ["h2 (>=3,<5)"]
-socks = ["socksio (==1.*)"]
+socks = ["socksio (>=1.0.0,<2.0.0)"]
 
 [[package]]
 name = "huggingface-hub"
 version = "0.15.1"
 description = "Client library to download and publish models, datasets and other repos on the huggingface.co hub"
+category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -2344,6 +2438,7 @@ typing = ["types-PyYAML", "types-requests", "types-simplejson", "types-toml", "t
 name = "humanfriendly"
 version = "10.0"
 description = "Human friendly output for text interfaces using Python"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*"
 files = [
@@ -2358,6 +2453,7 @@ pyreadline3 = {version = "*", markers = "sys_platform == \"win32\" and python_ve
 name = "hyperframe"
 version = "6.0.1"
 description = "HTTP/2 framing layer for Python"
+category = "main"
 optional = false
 python-versions = ">=3.6.1"
 files = [
@@ -2369,6 +2465,7 @@ files = [
 name = "idna"
 version = "3.4"
 description = "Internationalized Domain Names in Applications (IDNA)"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -2380,6 +2477,7 @@ files = [
 name = "importlib-metadata"
 version = "6.0.1"
 description = "Read metadata from Python packages"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2399,6 +2497,7 @@ testing = ["flake8 (<5)", "flufl.flake8", "importlib-resources (>=1.3)", "packag
 name = "importlib-resources"
 version = "5.12.0"
 description = "Read resources from Python packages"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2417,6 +2516,7 @@ testing = ["flake8 (<5)", "pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-chec
 name = "iniconfig"
 version = "2.0.0"
 description = "brain-dead simple config-ini parsing"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2428,6 +2528,7 @@ files = [
 name = "invoke"
 version = "1.7.3"
 description = "Pythonic task execution"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2439,6 +2540,7 @@ files = [
 name = "ipykernel"
 version = "6.24.0"
 description = "IPython Kernel for Jupyter"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2452,7 +2554,7 @@ comm = ">=0.1.1"
 debugpy = ">=1.6.5"
 ipython = ">=7.23.1"
 jupyter-client = ">=6.1.12"
-jupyter-core = ">=4.12,<5.0.dev0 || >=5.1.dev0"
+jupyter-core = ">=4.12,<5.0.0 || >=5.1.0"
 matplotlib-inline = ">=0.1"
 nest-asyncio = "*"
 packaging = "*"
@@ -2472,6 +2574,7 @@ test = ["flaky", "ipyparallel", "pre-commit", "pytest (>=7.0)", "pytest-asyncio"
 name = "ipython"
 version = "8.14.0"
 description = "IPython: Productive Interactive Computing"
+category = "dev"
 optional = false
 python-versions = ">=3.9"
 files = [
@@ -2511,6 +2614,7 @@ test-extra = ["curio", "matplotlib (!=3.2.0)", "nbformat", "numpy (>=1.21)", "pa
 name = "jaraco-classes"
 version = "3.2.3"
 description = "Utility functions for Python class constructs"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2529,6 +2633,7 @@ testing = ["flake8 (<5)", "pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-chec
 name = "jcloud"
 version = "0.2.12"
 description = "Simplify deploying and managing Jina projects on Jina Cloud"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2551,6 +2656,7 @@ test = ["black (==22.3.0)", "jina (>=3.7.0)", "mock", "pytest", "pytest-asyncio"
 name = "jedi"
 version = "0.18.2"
 description = "An autocompletion tool for Python that can be used for text editors."
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -2570,6 +2676,7 @@ testing = ["Django (<3.1)", "attrs", "colorama", "docopt", "pytest (<7.0.0)"]
 name = "jeepney"
 version = "0.8.0"
 description = "Low-level, pure Python DBus protocol wrapper."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2585,6 +2692,7 @@ trio = ["async_generator", "trio"]
 name = "jina"
 version = "3.15.2"
 description = "Build multimodal AI services via cloud native technologies · Neural Search · Generative AI · MLOps"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -2702,6 +2810,7 @@ websockets = ["websockets"]
 name = "jina-hubble-sdk"
 version = "0.38.0"
 description = "SDK for Hubble API at Jina AI."
+category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -2727,6 +2836,7 @@ full = ["aiohttp", "black (==22.3.0)", "docker", "filelock", "flake8 (==4.0.1)",
 name = "jinja2"
 version = "3.1.2"
 description = "A very fast and expressive template engine."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2744,6 +2854,7 @@ i18n = ["Babel (>=2.7)"]
 name = "joblib"
 version = "1.3.1"
 description = "Lightweight pipelining with Python functions"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2755,6 +2866,7 @@ files = [
 name = "jupyter-client"
 version = "8.3.0"
 description = "Jupyter protocol implementation and client libraries"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2764,7 +2876,7 @@ files = [
 
 [package.dependencies]
 importlib-metadata = {version = ">=4.8.3", markers = "python_version < \"3.10\""}
-jupyter-core = ">=4.12,<5.0.dev0 || >=5.1.dev0"
+jupyter-core = ">=4.12,<5.0.0 || >=5.1.0"
 python-dateutil = ">=2.8.2"
 pyzmq = ">=23.0"
 tornado = ">=6.2"
@@ -2778,6 +2890,7 @@ test = ["coverage", "ipykernel (>=6.14)", "mypy", "paramiko", "pre-commit", "pyt
 name = "jupyter-core"
 version = "5.3.1"
 description = "Jupyter core package. A base package on which Jupyter projects rely."
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2798,6 +2911,7 @@ test = ["ipykernel", "pre-commit", "pytest", "pytest-cov", "pytest-timeout"]
 name = "keyring"
 version = "24.2.0"
 description = "Store and access your passwords safely."
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -2821,6 +2935,7 @@ testing = ["pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)",
 name = "langchain"
 version = "0.0.219"
 description = "Building applications with LLMs through composability"
+category = "main"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
@@ -2860,6 +2975,7 @@ text-helpers = ["chardet (>=5.1.0,<6.0.0)"]
 name = "langchain-serve"
 version = "0.0.50"
 description = "Langchain Serve - serve your langchain apps on Jina AI Cloud."
+category = "main"
 optional = true
 python-versions = "*"
 files = [
@@ -2885,6 +3001,7 @@ test = ["psutil", "pytest", "pytest-asyncio"]
 name = "langchainplus-sdk"
 version = "0.0.20"
 description = "Client library to connect to the LangSmith LLM Tracing and Evaluation Platform."
+category = "main"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
@@ -2901,6 +3018,7 @@ tenacity = ">=8.1.0,<9.0.0"
 name = "linkify-it-py"
 version = "2.0.2"
 description = "Links recognition library with FULL unicode support."
+category = "main"
 optional = true
 python-versions = ">=3.7"
 files = [
@@ -2921,6 +3039,7 @@ test = ["coverage", "pytest", "pytest-cov"]
 name = "llama-cpp-python"
 version = "0.1.55"
 description = "A Python wrapper for llama.cpp"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -2934,6 +3053,7 @@ typing-extensions = ">=4.5.0,<5.0.0"
 name = "loguru"
 version = "0.7.0"
 description = "Python logging made (stupidly) simple"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -2952,6 +3072,7 @@ dev = ["Sphinx (==5.3.0)", "colorama (==0.4.5)", "colorama (==0.4.6)", "freezegu
 name = "lxml"
 version = "4.9.2"
 description = "Powerful and Pythonic XML processing library combining libxml2/libxslt with the ElementTree API."
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, != 3.4.*"
 files = [
@@ -3044,6 +3165,7 @@ source = ["Cython (>=0.29.7)"]
 name = "lz4"
 version = "4.3.2"
 description = "LZ4 Bindings for Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3093,6 +3215,7 @@ tests = ["psutil", "pytest (!=3.3.0)", "pytest-cov"]
 name = "markdown"
 version = "3.4.3"
 description = "Python implementation of John Gruber's Markdown."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3110,6 +3233,7 @@ testing = ["coverage", "pyyaml"]
 name = "markdown-it-py"
 version = "3.0.0"
 description = "Python port of markdown-it. Markdown parsing, done right!"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -3136,6 +3260,7 @@ testing = ["coverage", "pytest", "pytest-cov", "pytest-regressions"]
 name = "markupsafe"
 version = "2.1.3"
 description = "Safely add untrusted strings to HTML/XML markup."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3195,6 +3320,7 @@ files = [
 name = "marshmallow"
 version = "3.19.0"
 description = "A lightweight library for converting complex datatypes to and from native Python datatypes."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3215,6 +3341,7 @@ tests = ["pytest", "pytz", "simplejson"]
 name = "marshmallow-enum"
 version = "1.5.1"
 description = "Enum field for Marshmallow"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3229,6 +3356,7 @@ marshmallow = ">=2.0.0"
 name = "matplotlib-inline"
 version = "0.1.6"
 description = "Inline Matplotlib backend for Jupyter"
+category = "dev"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -3243,6 +3371,7 @@ traitlets = "*"
 name = "mdit-py-plugins"
 version = "0.4.0"
 description = "Collection of plugins for markdown-it-py"
+category = "main"
 optional = true
 python-versions = ">=3.8"
 files = [
@@ -3262,6 +3391,7 @@ testing = ["coverage", "pytest", "pytest-cov", "pytest-regressions"]
 name = "mdurl"
 version = "0.1.2"
 description = "Markdown URL utilities"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3273,6 +3403,7 @@ files = [
 name = "monotonic"
 version = "1.6"
 description = "An implementation of time.monotonic() for Python 2 & < 3.3"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3284,6 +3415,7 @@ files = [
 name = "more-itertools"
 version = "9.1.0"
 description = "More routines for operating on iterables, beyond itertools"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3295,6 +3427,7 @@ files = [
 name = "mpmath"
 version = "1.3.0"
 description = "Python library for arbitrary-precision floating-point arithmetic"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3312,6 +3445,7 @@ tests = ["pytest (>=4.6)"]
 name = "msg-parser"
 version = "1.2.0"
 description = "This module enables reading, parsing and converting Microsoft Outlook MSG E-Mail files."
+category = "main"
 optional = false
 python-versions = ">=3.4"
 files = [
@@ -3329,6 +3463,7 @@ rtf = ["compressed-rtf (>=1.0.5)"]
 name = "multidict"
 version = "6.0.4"
 description = "multidict implementation"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3412,6 +3547,7 @@ files = [
 name = "multiprocess"
 version = "0.70.14"
 description = "better multiprocessing and multithreading in python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3438,6 +3574,7 @@ dill = ">=0.3.6"
 name = "mypy"
 version = "1.4.1"
 description = "Optional static typing for Python"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3484,6 +3621,7 @@ reports = ["lxml"]
 name = "mypy-extensions"
 version = "1.0.0"
 description = "Type system extensions for programs checked with the mypy type checker."
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -3495,6 +3633,7 @@ files = [
 name = "nest-asyncio"
 version = "1.5.6"
 description = "Patch asyncio to allow nested event loops"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -3506,6 +3645,7 @@ files = [
 name = "networkx"
 version = "3.1"
 description = "Python package for creating and manipulating graphs and networks"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -3524,6 +3664,7 @@ test = ["codecov (>=2.1)", "pytest (>=7.2)", "pytest-cov (>=4.0)"]
 name = "nltk"
 version = "3.8.1"
 description = "Natural Language Toolkit"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3549,6 +3690,7 @@ twitter = ["twython"]
 name = "numexpr"
 version = "2.8.4"
 description = "Fast numerical expression evaluator for NumPy"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3591,6 +3733,7 @@ numpy = ">=1.13.3"
 name = "numpy"
 version = "1.25.0"
 description = "Fundamental package for array computing in Python"
+category = "main"
 optional = false
 python-versions = ">=3.9"
 files = [
@@ -3625,6 +3768,7 @@ files = [
 name = "olefile"
 version = "0.46"
 description = "Python package to parse, read and write Microsoft OLE2 files (Structured Storage or Compound Document, Microsoft Office)"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -3635,6 +3779,7 @@ files = [
 name = "onnxruntime"
 version = "1.15.1"
 description = "ONNX Runtime is a runtime accelerator for Machine Learning models"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -3676,6 +3821,7 @@ sympy = "*"
 name = "openai"
 version = "0.27.8"
 description = "Python client library for the OpenAI API"
+category = "main"
 optional = false
 python-versions = ">=3.7.1"
 files = [
@@ -3690,7 +3836,7 @@ tqdm = "*"
 
 [package.extras]
 datalib = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)"]
-dev = ["black (>=21.6b0,<22.0)", "pytest (==6.*)", "pytest-asyncio", "pytest-mock"]
+dev = ["black (>=21.6b0,<22.0)", "pytest (>=6.0.0,<7.0.0)", "pytest-asyncio", "pytest-mock"]
 embeddings = ["matplotlib", "numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)", "plotly", "scikit-learn (>=1.0.2)", "scipy", "tenacity (>=8.0.1)"]
 wandb = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1.0.11)", "wandb"]
 
@@ -3698,6 +3844,7 @@ wandb = ["numpy", "openpyxl (>=3.0.7)", "pandas (>=1.2.3)", "pandas-stubs (>=1.1
 name = "openapi-schema-pydantic"
 version = "1.2.4"
 description = "OpenAPI (v3) specification schema as pydantic class"
+category = "main"
 optional = false
 python-versions = ">=3.6.1"
 files = [
@@ -3712,6 +3859,7 @@ pydantic = ">=1.8.2"
 name = "openpyxl"
 version = "3.1.2"
 description = "A Python library to read/write Excel 2010 xlsx/xlsm files"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -3726,6 +3874,7 @@ et-xmlfile = "*"
 name = "opentelemetry-api"
 version = "1.18.0"
 description = "OpenTelemetry Python API"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3742,6 +3891,7 @@ setuptools = ">=16.0"
 name = "opentelemetry-exporter-otlp"
 version = "1.18.0"
 description = "OpenTelemetry Collector Exporters"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3757,6 +3907,7 @@ opentelemetry-exporter-otlp-proto-http = "1.18.0"
 name = "opentelemetry-exporter-otlp-proto-common"
 version = "1.18.0"
 description = "OpenTelemetry Protobuf encoding"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3771,6 +3922,7 @@ opentelemetry-proto = "1.18.0"
 name = "opentelemetry-exporter-otlp-proto-grpc"
 version = "1.18.0"
 description = "OpenTelemetry Collector Protobuf over gRPC Exporter"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3795,6 +3947,7 @@ test = ["pytest-grpc"]
 name = "opentelemetry-exporter-otlp-proto-http"
 version = "1.18.0"
 description = "OpenTelemetry Collector Protobuf over HTTP Exporter"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3819,6 +3972,7 @@ test = ["responses (==0.22.0)"]
 name = "opentelemetry-exporter-prometheus"
 version = "1.12.0rc1"
 description = "Prometheus Metric Exporter for OpenTelemetry"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -3835,6 +3989,7 @@ prometheus-client = ">=0.5.0,<1.0.0"
 name = "opentelemetry-instrumentation"
 version = "0.39b0"
 description = "Instrumentation Tools & Auto Instrumentation for OpenTelemetry Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3851,6 +4006,7 @@ wrapt = ">=1.0.0,<2.0.0"
 name = "opentelemetry-instrumentation-aiohttp-client"
 version = "0.39b0"
 description = "OpenTelemetry aiohttp client instrumentation"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3873,6 +4029,7 @@ test = ["opentelemetry-instrumentation-aiohttp-client[instruments]"]
 name = "opentelemetry-instrumentation-asgi"
 version = "0.39b0"
 description = "ASGI instrumentation for OpenTelemetry"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3895,6 +4052,7 @@ test = ["opentelemetry-instrumentation-asgi[instruments]", "opentelemetry-test-u
 name = "opentelemetry-instrumentation-fastapi"
 version = "0.39b0"
 description = "OpenTelemetry FastAPI Instrumentation"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3917,6 +4075,7 @@ test = ["httpx (>=0.22,<1.0)", "opentelemetry-instrumentation-fastapi[instrument
 name = "opentelemetry-instrumentation-grpc"
 version = "0.39b0"
 description = "OpenTelemetry gRPC instrumentation"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3939,6 +4098,7 @@ test = ["opentelemetry-instrumentation-grpc[instruments]", "opentelemetry-sdk (>
 name = "opentelemetry-proto"
 version = "1.18.0"
 description = "OpenTelemetry Python Proto"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3953,6 +4113,7 @@ protobuf = ">=3.19,<5.0"
 name = "opentelemetry-sdk"
 version = "1.18.0"
 description = "OpenTelemetry Python SDK"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3970,6 +4131,7 @@ typing-extensions = ">=3.7.4"
 name = "opentelemetry-semantic-conventions"
 version = "0.39b0"
 description = "OpenTelemetry Semantic Conventions"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3981,6 +4143,7 @@ files = [
 name = "opentelemetry-util-http"
 version = "0.39b0"
 description = "Web util for OpenTelemetry"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -3992,6 +4155,7 @@ files = [
 name = "orjson"
 version = "3.9.1"
 description = "Fast, correct Python JSON library supporting dataclasses, datetimes, and numpy"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4047,6 +4211,7 @@ files = [
 name = "overrides"
 version = "7.3.1"
 description = "A decorator to automatically detect mismatch when overriding a method."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4058,6 +4223,7 @@ files = [
 name = "packaging"
 version = "23.1"
 description = "Core utilities for Python packages"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4069,6 +4235,7 @@ files = [
 name = "pandas"
 version = "2.0.3"
 description = "Powerful data structures for data analysis, time series, and statistics"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -4135,6 +4302,7 @@ xml = ["lxml (>=4.6.3)"]
 name = "pandas-stubs"
 version = "2.0.2.230605"
 description = "Type annotations for pandas"
+category = "dev"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -4150,6 +4318,7 @@ types-pytz = ">=2022.1.1"
 name = "parso"
 version = "0.8.3"
 description = "A Python Parser"
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4165,6 +4334,7 @@ testing = ["docopt", "pytest (<6.0.0)"]
 name = "pathspec"
 version = "0.11.1"
 description = "Utility library for gitignore style pattern matching of file paths."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4176,6 +4346,7 @@ files = [
 name = "pdf2image"
 version = "1.16.3"
 description = "A wrapper around the pdftoppm and pdftocairo command line tools to convert PDF to a PIL Image list."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -4190,6 +4361,7 @@ pillow = "*"
 name = "pdfminer-six"
 version = "20221105"
 description = "PDF parser and analyzer"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4210,6 +4382,7 @@ image = ["Pillow"]
 name = "pexpect"
 version = "4.8.0"
 description = "Pexpect allows easy control of interactive console applications."
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -4224,6 +4397,7 @@ ptyprocess = ">=0.5"
 name = "pickleshare"
 version = "0.7.5"
 description = "Tiny 'shelve'-like database with concurrency support"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -4235,6 +4409,7 @@ files = [
 name = "pillow"
 version = "10.0.0"
 description = "Python Imaging Library (Fork)"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -4302,6 +4477,7 @@ tests = ["check-manifest", "coverage", "defusedxml", "markdown2", "olefile", "pa
 name = "pinecone-client"
 version = "2.2.2"
 description = "Pinecone client and SDK"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -4327,6 +4503,7 @@ grpc = ["googleapis-common-protos (>=1.53.0)", "grpc-gateway-protoc-gen-openapiv
 name = "pkginfo"
 version = "1.9.6"
 description = "Query metadata from sdists / bdists / installed packages."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4341,6 +4518,7 @@ testing = ["pytest", "pytest-cov"]
 name = "platformdirs"
 version = "3.8.0"
 description = "A small Python package for determining appropriate platform-specific dirs, e.g. a \"user data dir\"."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4356,6 +4534,7 @@ test = ["appdirs (==1.4.4)", "covdefaults (>=2.3)", "pytest (>=7.3.1)", "pytest-
 name = "pluggy"
 version = "1.2.0"
 description = "plugin and hook calling mechanisms for python"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4371,6 +4550,7 @@ testing = ["pytest", "pytest-benchmark"]
 name = "portalocker"
 version = "2.7.0"
 description = "Wraps the portalocker recipe for easy usage"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -4390,6 +4570,7 @@ tests = ["pytest (>=5.4.1)", "pytest-cov (>=2.8.1)", "pytest-mypy (>=0.8.0)", "p
 name = "postgrest"
 version = "0.10.6"
 description = "PostgREST client for Python. This library provides an ORM interface to PostgREST."
+category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -4407,6 +4588,7 @@ strenum = ">=0.4.9,<0.5.0"
 name = "posthog"
 version = "3.0.1"
 description = "Integrate PostHog into any python application."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -4430,6 +4612,7 @@ test = ["coverage", "flake8", "freezegun (==0.3.15)", "mock (>=2.0.0)", "pylint"
 name = "prometheus-client"
 version = "0.17.0"
 description = "Python client for the Prometheus monitoring system."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4444,6 +4627,7 @@ twisted = ["twisted"]
 name = "prompt-toolkit"
 version = "3.0.38"
 description = "Library for building powerful interactive command lines in Python"
+category = "dev"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -4458,6 +4642,7 @@ wcwidth = "*"
 name = "proto-plus"
 version = "1.22.3"
 description = "Beautiful, Pythonic protocol buffers."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4475,6 +4660,7 @@ testing = ["google-api-core[grpc] (>=1.31.5)"]
 name = "protobuf"
 version = "3.20.3"
 description = "Protocol Buffers"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4506,6 +4692,7 @@ files = [
 name = "psutil"
 version = "5.9.5"
 description = "Cross-platform lib for process and system monitoring in Python."
+category = "dev"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -4532,6 +4719,7 @@ test = ["enum34", "ipaddress", "mock", "pywin32", "wmi"]
 name = "psycopg"
 version = "3.1.9"
 description = "PostgreSQL database adapter for Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4555,6 +4743,7 @@ test = ["anyio (>=3.6.2)", "mypy (>=1.2)", "pproxy (>=2.7)", "pytest (>=6.2.5)",
 name = "psycopg-binary"
 version = "3.1.9"
 description = "PostgreSQL database adapter for Python -- C optimisation distribution"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4618,6 +4807,7 @@ files = [
 name = "psycopg2-binary"
 version = "2.9.6"
 description = "psycopg2 - Python-PostgreSQL Database Adapter"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -4689,6 +4879,7 @@ files = [
 name = "ptyprocess"
 version = "0.7.0"
 description = "Run a subprocess in a pseudo terminal"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -4700,6 +4891,7 @@ files = [
 name = "pulsar-client"
 version = "3.2.0"
 description = "Apache Pulsar Python client library"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -4747,6 +4939,7 @@ functions = ["apache-bookkeeper-client (>=4.16.1)", "grpcio (>=1.8.2)", "prometh
 name = "pure-eval"
 version = "0.2.2"
 description = "Safely evaluate AST nodes without side effects"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -4761,6 +4954,7 @@ tests = ["pytest"]
 name = "pyarrow"
 version = "12.0.1"
 description = "Python library for Apache Arrow"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4798,6 +4992,7 @@ numpy = ">=1.16.6"
 name = "pyasn1"
 version = "0.5.0"
 description = "Pure-Python implementation of ASN.1 types and DER/BER/CER codecs (X.208)"
+category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,>=2.7"
 files = [
@@ -4809,6 +5004,7 @@ files = [
 name = "pyasn1-modules"
 version = "0.3.0"
 description = "A collection of ASN.1-based protocols modules"
+category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,>=2.7"
 files = [
@@ -4823,6 +5019,7 @@ pyasn1 = ">=0.4.6,<0.6.0"
 name = "pycparser"
 version = "2.21"
 description = "C parser in Python"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -4834,6 +5031,7 @@ files = [
 name = "pydantic"
 version = "1.10.10"
 description = "Data validation and settings management using python type hints"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4886,6 +5084,7 @@ email = ["email-validator (>=1.0.3)"]
 name = "pygments"
 version = "2.15.1"
 description = "Pygments is a syntax highlighting package written in Python."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4900,6 +5099,7 @@ plugins = ["importlib-metadata"]
 name = "pymongo"
 version = "4.4.0"
 description = "Python driver for MongoDB <http://www.mongodb.org>"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -4994,6 +5194,7 @@ zstd = ["zstandard"]
 name = "pypandoc"
 version = "1.11"
 description = "Thin wrapper for pandoc."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5005,6 +5206,7 @@ files = [
 name = "pyparsing"
 version = "3.1.0"
 description = "pyparsing module - Classes and methods to define and execute parsing grammars"
+category = "main"
 optional = false
 python-versions = ">=3.6.8"
 files = [
@@ -5019,6 +5221,7 @@ diagrams = ["jinja2", "railroad-diagrams"]
 name = "pypdf"
 version = "3.12.0"
 description = "A pure-python PDF library capable of splitting, merging, cropping, and transforming PDF files"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5040,6 +5243,7 @@ image = ["Pillow"]
 name = "pyreadline3"
 version = "3.4.1"
 description = "A python implementation of GNU readline."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5051,6 +5255,7 @@ files = [
 name = "pysrt"
 version = "1.1.2"
 description = "SubRip (.srt) subtitle parser and writer"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5064,6 +5269,7 @@ chardet = "*"
 name = "pytest"
 version = "7.4.0"
 description = "pytest: simple powerful testing with Python"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5086,6 +5292,7 @@ testing = ["argcomplete", "attrs (>=19.2.0)", "hypothesis (>=3.56)", "mock", "no
 name = "pytest-cov"
 version = "4.1.0"
 description = "Pytest plugin for measuring coverage."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5104,6 +5311,7 @@ testing = ["fields", "hunter", "process-tests", "pytest-xdist", "six", "virtuale
 name = "python-dateutil"
 version = "2.8.2"
 description = "Extensions to the standard Python datetime module"
+category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,>=2.7"
 files = [
@@ -5118,6 +5326,7 @@ six = ">=1.5"
 name = "python-docx"
 version = "0.8.11"
 description = "Create and update Microsoft Word .docx files."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5131,6 +5340,7 @@ lxml = ">=2.3.2"
 name = "python-dotenv"
 version = "1.0.0"
 description = "Read key-value pairs from a .env file and set them as environment variables"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -5145,6 +5355,7 @@ cli = ["click (>=5.0)"]
 name = "python-gitlab"
 version = "3.15.0"
 description = "Interact with GitLab API"
+category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -5164,6 +5375,7 @@ yaml = ["PyYaml (>=5.2)"]
 name = "python-jose"
 version = "3.3.0"
 description = "JOSE implementation in Python"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5185,6 +5397,7 @@ pycryptodome = ["pyasn1", "pycryptodome (>=3.3.1,<4.0.0)"]
 name = "python-magic"
 version = "0.4.27"
 description = "File type identification using libmagic"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*"
 files = [
@@ -5196,6 +5409,7 @@ files = [
 name = "python-multipart"
 version = "0.0.6"
 description = "A streaming multipart parser for Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5210,6 +5424,7 @@ dev = ["atomicwrites (==1.2.1)", "attrs (==19.2.0)", "coverage (==6.5.0)", "hatc
 name = "python-pptx"
 version = "0.6.21"
 description = "Generate and manipulate Open XML PowerPoint (.pptx) files"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5225,6 +5440,7 @@ XlsxWriter = ">=0.5.7"
 name = "python-semantic-release"
 version = "7.33.2"
 description = "Automatic Semantic Versioning for Python projects"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5256,6 +5472,7 @@ test = ["coverage (>=5,<6)", "mock (==1.3.0)", "pytest (>=7,<8)", "pytest-mock (
 name = "pytz"
 version = "2023.3"
 description = "World timezone definitions, modern and historical"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5267,6 +5484,7 @@ files = [
 name = "pywin32"
 version = "306"
 description = "Python for Window Extensions"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5290,6 +5508,7 @@ files = [
 name = "pywin32-ctypes"
 version = "0.2.2"
 description = "A (partial) reimplementation of pywin32 using ctypes/cffi"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5301,6 +5520,7 @@ files = [
 name = "pyyaml"
 version = "6.0"
 description = "YAML parser and emitter for Python"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5350,6 +5570,7 @@ files = [
 name = "pyzmq"
 version = "25.1.0"
 description = "Python bindings for 0MQ"
+category = "dev"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5439,6 +5660,7 @@ cffi = {version = "*", markers = "implementation_name == \"pypy\""}
 name = "qdrant-client"
 version = "1.3.1"
 description = "Client library for the Qdrant vector search engine"
+category = "main"
 optional = false
 python-versions = ">=3.7,<3.12"
 files = [
@@ -5460,6 +5682,7 @@ urllib3 = ">=1.26.14,<2.0.0"
 name = "readme-renderer"
 version = "40.0"
 description = "readme_renderer is a library for rendering \"readme\" descriptions for Warehouse"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -5479,6 +5702,7 @@ md = ["cmarkgfm (>=0.8.0)"]
 name = "realtime"
 version = "1.0.0"
 description = ""
+category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -5495,6 +5719,7 @@ websockets = ">=10.3,<11.0"
 name = "regex"
 version = "2023.6.3"
 description = "Alternative regular expression module, to replace re."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5592,6 +5817,7 @@ files = [
 name = "requests"
 version = "2.31.0"
 description = "Python HTTP for Humans."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5613,6 +5839,7 @@ use-chardet-on-py3 = ["chardet (>=3.0.2,<6)"]
 name = "requests-toolbelt"
 version = "1.0.0"
 description = "A utility belt for advanced users of python-requests"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -5627,6 +5854,7 @@ requests = ">=2.0.1,<3.0.0"
 name = "rfc3986"
 version = "1.5.0"
 description = "Validating URI References per RFC 3986"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5644,6 +5872,7 @@ idna2008 = ["idna"]
 name = "rich"
 version = "13.4.2"
 description = "Render rich text, tables, progress bars, syntax highlighting, markdown and more to the terminal"
+category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -5662,6 +5891,7 @@ jupyter = ["ipywidgets (>=7.5.1,<9)"]
 name = "rsa"
 version = "4.9"
 description = "Pure-Python RSA implementation"
+category = "main"
 optional = false
 python-versions = ">=3.6,<4"
 files = [
@@ -5676,6 +5906,7 @@ pyasn1 = ">=0.1.3"
 name = "ruff"
 version = "0.0.254"
 description = "An extremely fast Python linter, written in Rust."
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5702,6 +5933,7 @@ files = [
 name = "safetensors"
 version = "0.3.1"
 description = "Fast and Safe Tensor serialization"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5762,6 +5994,7 @@ torch = ["torch (>=1.10)"]
 name = "scikit-learn"
 version = "1.3.0"
 description = "A set of python modules for machine learning and data mining"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -5804,6 +6037,7 @@ tests = ["black (>=23.3.0)", "matplotlib (>=3.1.3)", "mypy (>=1.3)", "numpydoc (
 name = "scipy"
 version = "1.11.1"
 description = "Fundamental algorithms for scientific computing in Python"
+category = "main"
 optional = false
 python-versions = "<3.13,>=3.9"
 files = [
@@ -5840,6 +6074,7 @@ test = ["asv", "gmpy2", "mpmath", "pooch", "pytest", "pytest-cov", "pytest-timeo
 name = "secretstorage"
 version = "3.3.3"
 description = "Python bindings to FreeDesktop.org Secret Service API"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -5855,6 +6090,7 @@ jeepney = ">=0.6"
 name = "semver"
 version = "2.13.0"
 description = "Python helper for Semantic Versioning (http://semver.org/)"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
 files = [
@@ -5866,6 +6102,7 @@ files = [
 name = "sentence-transformers"
 version = "2.2.2"
 description = "Multilingual text embeddings"
+category = "main"
 optional = false
 python-versions = ">=3.6.0"
 files = [
@@ -5888,6 +6125,7 @@ transformers = ">=4.6.0,<5.0.0"
 name = "sentencepiece"
 version = "0.1.99"
 description = "SentencePiece python wrapper"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -5942,6 +6180,7 @@ files = [
 name = "setuptools"
 version = "68.0.0"
 description = "Easily download, build, install, upgrade, and uninstall Python packages"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -5958,6 +6197,7 @@ testing-integration = ["build[virtualenv]", "filelock (>=3.4.0)", "jaraco.envs (
 name = "shapely"
 version = "1.8.5.post1"
 description = "Geometric objects, predicates, and operations"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6014,6 +6254,7 @@ vectorized = ["numpy"]
 name = "six"
 version = "1.16.0"
 description = "Python 2 and 3 compatibility utilities"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*"
 files = [
@@ -6025,6 +6266,7 @@ files = [
 name = "slack-bolt"
 version = "1.18.0"
 description = "The Bolt Framework for Python"
+category = "main"
 optional = true
 python-versions = ">=3.6"
 files = [
@@ -6046,6 +6288,7 @@ testing-without-asyncio = ["Flask-Sockets (>=0.2,<1)", "Jinja2 (==3.0.3)", "Werk
 name = "slack-sdk"
 version = "3.21.3"
 description = "The Slack API Platform SDK for Python"
+category = "main"
 optional = true
 python-versions = ">=3.6.0"
 files = [
@@ -6061,6 +6304,7 @@ testing = ["Flask (>=1,<2)", "Flask-Sockets (>=0.2,<1)", "Jinja2 (==3.0.3)", "We
 name = "smmap"
 version = "5.0.0"
 description = "A pure Python implementation of a sliding window memory map manager"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6072,6 +6316,7 @@ files = [
 name = "sniffio"
 version = "1.3.0"
 description = "Sniff out which async library your code is running under"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6083,6 +6328,7 @@ files = [
 name = "soupsieve"
 version = "2.4.1"
 description = "A modern CSS selector implementation for Beautiful Soup."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6094,6 +6340,7 @@ files = [
 name = "sqlalchemy"
 version = "1.4.41"
 description = "Database Abstraction Library"
+category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,>=2.7"
 files = [
@@ -6141,7 +6388,7 @@ files = [
 ]
 
 [package.dependencies]
-greenlet = {version = "!=0.4.17", markers = "python_version >= \"3\" and (platform_machine == \"win32\" or platform_machine == \"WIN32\" or platform_machine == \"AMD64\" or platform_machine == \"amd64\" or platform_machine == \"x86_64\" or platform_machine == \"ppc64le\" or platform_machine == \"aarch64\")"}
+greenlet = {version = "!=0.4.17", markers = "python_version >= \"3\" and platform_machine == \"aarch64\" or python_version >= \"3\" and platform_machine == \"ppc64le\" or python_version >= \"3\" and platform_machine == \"x86_64\" or python_version >= \"3\" and platform_machine == \"amd64\" or python_version >= \"3\" and platform_machine == \"AMD64\" or python_version >= \"3\" and platform_machine == \"win32\" or python_version >= \"3\" and platform_machine == \"WIN32\""}
 
 [package.extras]
 aiomysql = ["aiomysql", "greenlet (!=0.4.17)"]
@@ -6168,6 +6415,7 @@ sqlcipher = ["sqlcipher3-binary"]
 name = "sqlalchemy2-stubs"
 version = "0.0.2a34"
 description = "Typing Stubs for SQLAlchemy 1.4"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6182,6 +6430,7 @@ typing-extensions = ">=3.7.4"
 name = "sqlmodel"
 version = "0.0.8"
 description = "SQLModel, SQL databases in Python, designed for simplicity, compatibility, and robustness."
+category = "main"
 optional = false
 python-versions = ">=3.6.1,<4.0.0"
 files = [
@@ -6198,6 +6447,7 @@ sqlalchemy2-stubs = "*"
 name = "stack-data"
 version = "0.6.2"
 description = "Extract data from python stack frames and tracebacks for informative displays"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6217,6 +6467,7 @@ tests = ["cython", "littleutils", "pygments", "pytest", "typeguard"]
 name = "starlette"
 version = "0.27.0"
 description = "The little ASGI library that shines."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6235,6 +6486,7 @@ full = ["httpx (>=0.22.0)", "itsdangerous", "jinja2", "python-multipart", "pyyam
 name = "storage3"
 version = "0.5.2"
 description = "Supabase Storage client for Python."
+category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -6251,6 +6503,7 @@ typing-extensions = ">=4.2.0,<5.0.0"
 name = "strenum"
 version = "0.4.15"
 description = "An Enum that inherits from str."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -6267,6 +6520,7 @@ test = ["pylint", "pytest", "pytest-black", "pytest-cov", "pytest-pylint"]
 name = "supabase"
 version = "1.0.3"
 description = "Supabase client for Python."
+category = "main"
 optional = false
 python-versions = ">=3.8,<4.0"
 files = [
@@ -6287,6 +6541,7 @@ supafunc = ">=0.2.2,<0.3.0"
 name = "supafunc"
 version = "0.2.2"
 description = "Library for Supabase Functions"
+category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
@@ -6301,6 +6556,7 @@ httpx = ">=0.23.0,<0.24.0"
 name = "sympy"
 version = "1.12"
 description = "Computer algebra system (CAS) in Python"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -6315,6 +6571,7 @@ mpmath = ">=0.19"
 name = "tabulate"
 version = "0.9.0"
 description = "Pretty-print tabular data"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6329,6 +6586,7 @@ widechars = ["wcwidth"]
 name = "tenacity"
 version = "8.2.2"
 description = "Retry code until it succeeds"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6343,6 +6601,7 @@ doc = ["reno", "sphinx", "tornado (>=4.5)"]
 name = "textual"
 version = "0.29.0"
 description = "Modern Text User Interface framework"
+category = "main"
 optional = true
 python-versions = ">=3.7,<4.0"
 files = [
@@ -6360,6 +6619,7 @@ typing-extensions = ">=4.4.0,<5.0.0"
 name = "threadpoolctl"
 version = "3.1.0"
 description = "threadpoolctl"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6371,6 +6631,7 @@ files = [
 name = "tiktoken"
 version = "0.4.0"
 description = "tiktoken is a fast BPE tokeniser for use with OpenAI's models"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -6416,6 +6677,7 @@ blobfile = ["blobfile (>=2)"]
 name = "tokenizers"
 version = "0.13.3"
 description = "Fast and Customizable Tokenizers"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -6470,6 +6732,7 @@ testing = ["black (==22.3)", "datasets", "numpy", "pytest", "requests"]
 name = "toml"
 version = "0.10.2"
 description = "Python Library for Tom's Obvious, Minimal Language"
+category = "main"
 optional = true
 python-versions = ">=2.6, !=3.0.*, !=3.1.*, !=3.2.*"
 files = [
@@ -6481,6 +6744,7 @@ files = [
 name = "tomli"
 version = "2.0.1"
 description = "A lil' TOML parser"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6492,6 +6756,7 @@ files = [
 name = "tomlkit"
 version = "0.11.8"
 description = "Style preserving TOML library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6503,6 +6768,7 @@ files = [
 name = "torch"
 version = "2.0.1"
 description = "Tensors and Dynamic neural networks in Python with strong GPU acceleration"
+category = "main"
 optional = false
 python-versions = ">=3.8.0"
 files = [
@@ -6542,6 +6808,7 @@ opt-einsum = ["opt-einsum (>=3.3)"]
 name = "torchvision"
 version = "0.15.2"
 description = "image and video datasets and models for torch deep learning"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -6569,7 +6836,7 @@ files = [
 
 [package.dependencies]
 numpy = "*"
-pillow = ">=5.3.0,<8.3.dev0 || >=8.4.dev0"
+pillow = ">=5.3.0,<8.3.0 || >=8.4.0"
 requests = "*"
 torch = "2.0.1"
 
@@ -6580,6 +6847,7 @@ scipy = ["scipy"]
 name = "tornado"
 version = "6.3.2"
 description = "Tornado is a Python web framework and asynchronous networking library, originally developed at FriendFeed."
+category = "dev"
 optional = false
 python-versions = ">= 3.8"
 files = [
@@ -6600,6 +6868,7 @@ files = [
 name = "tqdm"
 version = "4.65.0"
 description = "Fast, Extensible Progress Meter"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6620,6 +6889,7 @@ telegram = ["requests"]
 name = "traitlets"
 version = "5.9.0"
 description = "Traitlets Python configuration system"
+category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6635,6 +6905,7 @@ test = ["argcomplete (>=2.0)", "pre-commit", "pytest", "pytest-mock"]
 name = "transformers"
 version = "4.30.2"
 description = "State-of-the-art Machine Learning for JAX, PyTorch and TensorFlow"
+category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -6704,6 +6975,7 @@ vision = ["Pillow"]
 name = "twine"
 version = "3.8.0"
 description = "Collection of utilities for publishing packages on PyPI"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6727,6 +6999,7 @@ urllib3 = ">=1.26.0"
 name = "typer"
 version = "0.9.0"
 description = "Typer, build great CLIs. Easy to code. Based on Python type hints."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6748,6 +7021,7 @@ test = ["black (>=22.3.0,<23.0.0)", "coverage (>=6.2,<7.0)", "isort (>=5.0.6,<6.
 name = "types-appdirs"
 version = "1.4.3.5"
 description = "Typing stubs for appdirs"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6759,6 +7033,7 @@ files = [
 name = "types-cachetools"
 version = "5.3.0.5"
 description = "Typing stubs for cachetools"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -6770,6 +7045,7 @@ files = [
 name = "types-pillow"
 version = "9.5.0.5"
 description = "Typing stubs for Pillow"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6781,6 +7057,7 @@ files = [
 name = "types-pytz"
 version = "2023.3.0.0"
 description = "Typing stubs for pytz"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6792,6 +7069,7 @@ files = [
 name = "types-pyyaml"
 version = "6.0.12.10"
 description = "Typing stubs for PyYAML"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6803,6 +7081,7 @@ files = [
 name = "types-requests"
 version = "2.31.0.1"
 description = "Typing stubs for requests"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6817,6 +7096,7 @@ types-urllib3 = "*"
 name = "types-urllib3"
 version = "1.26.25.13"
 description = "Typing stubs for urllib3"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -6828,6 +7108,7 @@ files = [
 name = "typing-extensions"
 version = "4.5.0"
 description = "Backported and Experimental Type Hints for Python 3.7+"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6839,6 +7120,7 @@ files = [
 name = "typing-inspect"
 version = "0.9.0"
 description = "Runtime inspection utilities for typing module."
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -6854,6 +7136,7 @@ typing-extensions = ">=3.7.4"
 name = "tzdata"
 version = "2023.3"
 description = "Provider of IANA time zone data"
+category = "main"
 optional = false
 python-versions = ">=2"
 files = [
@@ -6865,6 +7148,7 @@ files = [
 name = "uc-micro-py"
 version = "1.0.2"
 description = "Micro subset of unicode data files for linkify-it-py projects."
+category = "main"
 optional = true
 python-versions = ">=3.7"
 files = [
@@ -6879,6 +7163,7 @@ test = ["coverage", "pytest", "pytest-cov"]
 name = "unstructured"
 version = "0.7.12"
 description = "A library that prepares raw documents for downstream ML tasks."
+category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
@@ -6926,6 +7211,7 @@ wikipedia = ["wikipedia"]
 name = "uritemplate"
 version = "4.1.1"
 description = "Implementation of RFC 6570 URI Templates"
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -6937,6 +7223,7 @@ files = [
 name = "urllib3"
 version = "1.26.16"
 description = "HTTP library with thread-safe connection pooling, file post, and more."
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*, !=3.5.*"
 files = [
@@ -6953,6 +7240,7 @@ socks = ["PySocks (>=1.5.6,!=1.5.7,<2.0)"]
 name = "uvicorn"
 version = "0.22.0"
 description = "The lightning-fast ASGI server."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -6967,7 +7255,7 @@ h11 = ">=0.8"
 httptools = {version = ">=0.5.0", optional = true, markers = "extra == \"standard\""}
 python-dotenv = {version = ">=0.13", optional = true, markers = "extra == \"standard\""}
 pyyaml = {version = ">=5.1", optional = true, markers = "extra == \"standard\""}
-uvloop = {version = ">=0.14.0,<0.15.0 || >0.15.0,<0.15.1 || >0.15.1", optional = true, markers = "(sys_platform != \"win32\" and sys_platform != \"cygwin\") and platform_python_implementation != \"PyPy\" and extra == \"standard\""}
+uvloop = {version = ">=0.14.0,<0.15.0 || >0.15.0,<0.15.1 || >0.15.1", optional = true, markers = "sys_platform != \"win32\" and sys_platform != \"cygwin\" and platform_python_implementation != \"PyPy\" and extra == \"standard\""}
 watchfiles = {version = ">=0.13", optional = true, markers = "extra == \"standard\""}
 websockets = {version = ">=10.4", optional = true, markers = "extra == \"standard\""}
 
@@ -6978,6 +7266,7 @@ standard = ["colorama (>=0.4)", "httptools (>=0.5.0)", "python-dotenv (>=0.13)",
 name = "uvloop"
 version = "0.17.0"
 description = "Fast implementation of asyncio event loop on top of libuv"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7022,6 +7311,7 @@ test = ["Cython (>=0.29.32,<0.30.0)", "aiohttp", "flake8 (>=3.9.2,<3.10.0)", "my
 name = "validators"
 version = "0.20.0"
 description = "Python Data Validation for Humans™."
+category = "main"
 optional = false
 python-versions = ">=3.4"
 files = [
@@ -7038,6 +7328,7 @@ test = ["flake8 (>=2.4.0)", "isort (>=4.2.2)", "pytest (>=2.2.3)"]
 name = "watchfiles"
 version = "0.19.0"
 description = "Simple, modern and high performance file watching and code reload in python."
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7072,6 +7363,7 @@ anyio = ">=3.0.0"
 name = "wcwidth"
 version = "0.2.6"
 description = "Measures the displayed width of unicode strings in a terminal"
+category = "dev"
 optional = false
 python-versions = "*"
 files = [
@@ -7083,6 +7375,7 @@ files = [
 name = "weaviate-client"
 version = "3.21.0"
 description = "A python native Weaviate client"
+category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
@@ -7103,6 +7396,7 @@ grpc = ["grpcio", "grpcio-tools"]
 name = "webencodings"
 version = "0.5.1"
 description = "Character encoding aliases for legacy web content"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -7114,6 +7408,7 @@ files = [
 name = "websocket-client"
 version = "1.6.1"
 description = "WebSocket client for Python with low level API options"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7130,6 +7425,7 @@ test = ["websockets"]
 name = "websockets"
 version = "10.4"
 description = "An implementation of the WebSocket Protocol (RFC 6455 & 7692)"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7208,6 +7504,7 @@ files = [
 name = "wheel"
 version = "0.40.0"
 description = "A built-package format for Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7222,6 +7519,7 @@ test = ["pytest (>=6.0.0)"]
 name = "wikipedia"
 version = "1.4.0"
 description = "Wikipedia API for Python"
+category = "main"
 optional = false
 python-versions = "*"
 files = [
@@ -7236,6 +7534,7 @@ requests = ">=2.0.0,<3.0.0"
 name = "win32-setctime"
 version = "1.1.0"
 description = "A small Python utility to set file creation time on Windows"
+category = "main"
 optional = false
 python-versions = ">=3.5"
 files = [
@@ -7250,6 +7549,7 @@ dev = ["black (>=19.3b0)", "pytest (>=4.6.2)"]
 name = "wrapt"
 version = "1.15.0"
 description = "Module for decorators, wrappers and monkey patching."
+category = "main"
 optional = false
 python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,>=2.7"
 files = [
@@ -7334,6 +7634,7 @@ files = [
 name = "xlrd"
 version = "2.0.1"
 description = "Library for developers to extract data from Microsoft Excel (tm) .xls spreadsheet files"
+category = "main"
 optional = false
 python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*, !=3.4.*, !=3.5.*"
 files = [
@@ -7350,6 +7651,7 @@ test = ["pytest", "pytest-cov"]
 name = "xlsxwriter"
 version = "3.1.2"
 description = "A Python module for creating Excel XLSX files."
+category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
@@ -7361,6 +7663,7 @@ files = [
 name = "yarl"
 version = "1.9.2"
 description = "Yet another URL library"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7448,6 +7751,7 @@ multidict = ">=4.0"
 name = "zipp"
 version = "3.15.0"
 description = "Backport of pathlib-compatible object wrapper for zip files"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7463,6 +7767,7 @@ testing = ["big-O", "flake8 (<5)", "jaraco.functools", "jaraco.itertools", "more
 name = "zstandard"
 version = "0.21.0"
 description = "Zstandard bindings for Python"
+category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
@@ -7523,4 +7828,4 @@ deploy = ["langchain-serve"]
 [metadata]
 lock-version = "2.0"
 python-versions = ">=3.9,<3.11"
-content-hash = "814dc6b89b345e3ea08c7b7dc1fb29e3f8484070e3ad67030eb67566b33f12b0"
+content-hash = "4e742d71d346197a01f85bbea524838473f4d3d1890ba81c034256055c5e25b4"

From 4ca432c4c0a2f19ca6aefc1a4d4de3d702579c6f Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 4 Jul 2023 07:28:05 -0300
Subject: [PATCH 155/367] =?UTF-8?q?=F0=9F=93=A6=20chore(pyproject.toml):?=
 =?UTF-8?q?=20update=20langchain-serve=20version=20to=20>0.0.49=20The=20la?=
 =?UTF-8?q?ngchain-serve=20package=20version=20has=20been=20updated=20to?=
 =?UTF-8?q?=20>0.0.49.=20This=20change=20is=20made=20to=20ensure=20compati?=
 =?UTF-8?q?bility=20with=20the=20latest=20version=20of=20the=20package=20a?=
 =?UTF-8?q?nd=20to=20take=20advantage=20of=20any=20bug=20fixes=20or=20new?=
 =?UTF-8?q?=20features=20introduced=20in=20the=20updated=20version.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 poetry.lock    | 6 +++---
 pyproject.toml | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/poetry.lock b/poetry.lock
index 3608a7b82..dff0ca176 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -2973,13 +2973,13 @@ text-helpers = ["chardet (>=5.1.0,<6.0.0)"]
 
 [[package]]
 name = "langchain-serve"
-version = "0.0.50"
+version = "0.0.52"
 description = "Langchain Serve - serve your langchain apps on Jina AI Cloud."
 category = "main"
 optional = true
 python-versions = "*"
 files = [
-    {file = "langchain-serve-0.0.50.tar.gz", hash = "sha256:5f191d770a577c02127b79600678c407a77da672801e5784d544d7c54e1aaee1"},
+    {file = "langchain-serve-0.0.52.tar.gz", hash = "sha256:e69dcf6022423279059ab7ebda025e252aba4d9fd8e3e49776300355dbf85d1c"},
 ]
 
 [package.dependencies]
@@ -7828,4 +7828,4 @@ deploy = ["langchain-serve"]
 [metadata]
 lock-version = "2.0"
 python-versions = ">=3.9,<3.11"
-content-hash = "4e742d71d346197a01f85bbea524838473f4d3d1890ba81c034256055c5e25b4"
+content-hash = "c0143f38de64a4ce537edc800380802537b6591202182e3bf9dc647ba666e8b4"
diff --git a/pyproject.toml b/pyproject.toml
index c2ec04187..fb8a584d0 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -48,7 +48,7 @@ psycopg2-binary = "^2.9.6"
 pyarrow = "^12.0.0"
 tiktoken = "~0.4.0"
 wikipedia = "^1.4.0"
-langchain-serve = { version = ">0.0.50", optional = true }
+langchain-serve = { version = ">0.0.49", optional = true }
 qdrant-client = "^1.3.0"
 websockets = "^10.3"
 weaviate-client = "^3.21.0"

From 8a4f1406decb4d7ad37a9c917b5f085fc5288a08 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 4 Jul 2023 09:49:00 -0300
Subject: [PATCH 156/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20fix?=
 =?UTF-8?q?=20input=5Ftypes=20in=20add=5Fnew=5Fvariables=5Fto=5Ftemplate?=
 =?UTF-8?q?=20function=20to=20use=20correct=20input=20types=20The=20input?=
 =?UTF-8?q?=5Ftypes=20in=20the=20add=5Fnew=5Fvariables=5Fto=5Ftemplate=20f?=
 =?UTF-8?q?unction=20were=20incorrect.=20They=20were=20set=20to=20["BaseLo?=
 =?UTF-8?q?ader",=20"BaseOutputParser"]=20instead=20of=20["Document",=20"B?=
 =?UTF-8?q?aseOutputParser"].=20This=20fix=20ensures=20that=20the=20correc?=
 =?UTF-8?q?t=20input=20types=20are=20used=20for=20the=20template=20field.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 36870af35..9878376c7 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -71,7 +71,7 @@ def add_new_variables_to_template(input_variables, prompt_request):
                 field_type="str",
                 show=True,
                 advanced=False,
-                input_types=["BaseLoader", "BaseOutputParser"],
+                input_types=["Document", "BaseOutputParser"],
             )
 
             prompt_request.frontend_node.template[variable] = template_field.to_dict()

From 4f33f02d4f03519bc9f1df37d52c2fd06bc2d224 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 4 Jul 2023 19:08:19 -0300
Subject: [PATCH 157/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20fix=20syntax=20error=20in=20refHtml.current=20assignment=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):=20fix=20classNames=20us?=
 =?UTF-8?q?age=20in=20span=20element=20=F0=9F=90=9B=20fix(parameterCompone?=
 =?UTF-8?q?nt):=20remove=20unnecessary=20line=20break=20element=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):=20fix=20className=20usa?=
 =?UTF-8?q?ge=20in=20span=20element=20=F0=9F=90=9B=20fix(ShadTooltipCompon?=
 =?UTF-8?q?ent):=20add=20className=20prop=20to=20TooltipContent=20componen?=
 =?UTF-8?q?t=20=F0=9F=90=9B=20fix(utils):=20fix=20syntax=20error=20in=20gr?=
 =?UTF-8?q?oupByFamily=20function=20=E2=9C=A8=20feat(parameterComponent):?=
 =?UTF-8?q?=20add=20support=20for=20grouping=20and=20displaying=20multiple?=
 =?UTF-8?q?=20types=20in=20parameterComponent=20=E2=9C=A8=20feat(utils):?=
 =?UTF-8?q?=20add=20support=20for=20grouping=20and=20filtering=20data=20in?=
 =?UTF-8?q?=20groupByFamily=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx   |  13 +-
 .../components/ShadTooltipComponent/index.tsx |   1 +
 src/frontend/src/utils.ts                     | 121 ++++++++++++------
 3 files changed, 92 insertions(+), 43 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index dda444d05..439cf1fe9 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -84,8 +84,9 @@ export default function ParameterComponent({
 
   useEffect(() => {
     const groupedObj = groupByFamily(myData, tooltipTitle, left, data.type);
-
-    refHtml.current = groupedObj.map((item, i) => (
+      
+  refHtml.current = groupedObj.map((item, i) => {
+    return (
       <span
         key={getRandomKeyByssmm() + item.family + i}
         className={classNames(
@@ -102,7 +103,7 @@ export default function ParameterComponent({
         </div>
         <span className="ps-2 text-gray-950">
           {nodeNames[item.family] ?? ""}{" "}
-          <span className={classNames(left ? "hidden" : "")}>
+          <span>
             {" "}
             -&nbsp;
             {item.type.split(", ").length > 2
@@ -113,14 +114,15 @@ export default function ParameterComponent({
                         ? el
                         : (el += `, `)}
                     </span>
-                    {i % 2 === 0 && i > 0 && <br />}
                   </React.Fragment>
                 ))
               : item.type}
           </span>
         </span>
       </span>
-    ));
+    );
+  });
+  
   }, [tooltipTitle]);
 
   return (
@@ -145,6 +147,7 @@ export default function ParameterComponent({
           <></>
         ) : (
           <ShadTooltip
+            class="max-w-[40vw] max-h-[10vh] overflow-auto custom-scroll"
             delayDuration={0}
             content={refHtml.current}
             side={left ? "left" : "right"}
diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index 44ffac075..0aedc5e30 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -15,6 +15,7 @@ const ShadTooltip = (props) => {
           side={props.side}
           avoidCollisions={false}
           sticky="always"
+          className={props.class}
         >
           {props.content}
         </TooltipContent>
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index f2d5eca43..939461f13 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -841,26 +841,37 @@ export function updateIds(newFlow, getNodeId) {
 export function groupByFamily(data, baseClasses, left, type) {
   let parentOutput: string;
   let arrOfParent: string[] = [];
-  let arrOfType: { family: string; type: string }[] = [];
+  let arrOfType: { family: string; type: string; component: string }[] = [];
+  let arrOfLength: { length: number; type: string; }[] = [];
+  let lastType = "";
   Object.keys(data).map((d) => {
-    Object.keys(data[d]).map((n) => {
-      try {
-        if (
-          data[d][n].base_classes.some((r) =>
-            baseClasses.split("\n").includes(r)
-          )
-        ) {
-          arrOfParent.push(d);
-        }
-        if (n === type) {
-          parentOutput = d;
-        }
-      } catch (e) {
-        console.log(e);
-      }
-    });
+      Object.keys(data[d]).map((n) => {
+          try {
+              if (
+                  data[d][n].base_classes.some((r) =>
+                      baseClasses.split("\n").includes(r)
+                  )
+              ) {
+                  arrOfParent.push(d);
+              }
+              if (n === type) {
+                  parentOutput = d;
+              }
+  
+              if (d !== lastType) {
+                  arrOfLength.push({
+                      length: Object.keys(data[d]).length,
+                      type: d
+                  });
+  
+                  lastType = d;
+              }
+          } catch (e) {
+              console.log(e);
+          }
+      });
   });
-
+  
   Object.keys(data).map((d) => {
     Object.keys(data[d]).map((n) => {
       try {
@@ -870,6 +881,7 @@ export function groupByFamily(data, baseClasses, left, type) {
               arrOfType.push({
                 family: d,
                 type: data,
+                component: n
               });
             }
           });
@@ -880,29 +892,62 @@ export function groupByFamily(data, baseClasses, left, type) {
     });
   });
 
-  let groupedBy = arrOfType.filter((object, index, self) => {
-    const foundIndex = self.findIndex(
-      (o) => o.family === object.family && o.type === object.type
-    );
-    return foundIndex === index;
-  });
+  if(left == false){
+    let groupedBy = arrOfType.filter((object, index, self) => {
+      const foundIndex = self.findIndex(
+        (o) => o.family === object.family && o.type === object.type
+      );
+      return foundIndex === index;
+    });
+  
+    return groupedBy.reduce((result, item) => {
+      const existingGroup = result.find((group) => group.family === item.family);
+  
+      if (existingGroup) {
+        existingGroup.type += `, ${item.type}`;
+      } else {
+        result.push({ family: item.family, type: item.type, component: item.component });
+      }
+  
+      if (left == false) {
+        let resFil = result.filter((group) => group.family === parentOutput);
+        result = resFil;
+      }
+  
+      return result;
+    }, []);
+  }
 
-  return groupedBy.reduce((result, item) => {
-    const existingGroup = result.find((group) => group.family === item.family);
-
-    if (existingGroup) {
-      existingGroup.type += `, ${item.type}`;
-    } else {
-      result.push({ family: item.family, type: item.type });
+  else{
+    const groupedArray = [];
+    const groupedData = {};
+    
+    arrOfType.forEach((item) => {
+        const { family, type, component } = item;
+        const key = `${family}-${type}`;
+    
+        if (!groupedData[key]) {
+            groupedData[key] = { family, type, component: [component] };
+        } else {
+            groupedData[key].component.push(component);
+        }
+    });
+    
+    for (const key in groupedData) {
+        groupedArray.push(groupedData[key]);
     }
 
-    if (left == false) {
-      let resFil = result.filter((group) => group.family === parentOutput);
-      result = resFil;
-    }
-
-    return result;
-  }, []);
+    groupedArray.forEach((object, index, self) => {
+      const findObj = arrOfLength.find(x => x.type == object.family);
+      if(object.component.length == findObj.length){
+        self[index]['type'] = object.type;
+      }
+      else{
+        self[index]['type'] = object.component.join(', ');
+      }
+    })
+    return groupedArray
+  }
 }
 
 export function buildTweaks(flow) {

From 3f0cc57cd5720a331891503e07136073c4c2baac Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 4 Jul 2023 19:24:37 -0300
Subject: [PATCH 158/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20fix=20styling=20issue=20in=20tooltip=20and=20icon=20renderin?=
 =?UTF-8?q?g=20in=20ParameterComponent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx   | 81 ++++++++++---------
 1 file changed, 44 insertions(+), 37 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index a986f9410..1432c86d4 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -98,45 +98,52 @@ export default function ParameterComponent({
 
   useEffect(() => {
     const groupedObj = groupByFamily(myData, tooltipTitle, left, data.type);
-      
-  refHtml.current = groupedObj.map((item, i) => {
-    return (
-      <span
-        key={getRandomKeyByssmm() + item.family + i}
-        className={classNames(
-          i > 0 ? "mt-3 flex items-center" : "flex items-center"
-        )}
-      >
-        <div
-          className="h-6 w-6"
-          style={{
-            color: nodeColors[item.family],
-          }}
+
+    refHtml.current = groupedObj.map((item, i) => {
+      const Icon: any = nodeIconsLucide[item.family];
+      return (
+        <span
+          key={getRandomKeyByssmm() + item.family + i}
+          className={classNames(
+            i > 0 ? "mt-2 flex items-center" : "flex items-center"
+          )}
         >
-          {React.createElement(nodeIconsLucide[item.family])}
-        </div>
-        <span className="ps-2 text-foreground">
-          {nodeNames[item.family] ?? ""}{" "}
-          <span>
-            {" "}
-            -&nbsp;
-            {item.type.split(", ").length > 2
-              ? item.type.split(", ").map((el, i) => (
-                  <React.Fragment key={el + i}>
-                    <span>
-                      {i === item.type.split(", ").length - 1
-                        ? el
-                        : (el += `, `)}
-                    </span>
-                  </React.Fragment>
-                ))
-              : item.type}
+          <div
+            className="h-5 w-5"
+            style={{
+              color: nodeColors[item.family],
+            }}
+          >
+            <Icon
+            className="h-5 w-5"
+
+              strokeWidth={1.5}
+              style={{
+                color: nodeColors[item.family] ?? nodeColors.unknown,
+              }}
+            />
+          </div>
+          <span className="ps-2 text-xs text-foreground">
+            {nodeNames[item.family] ?? ""}{" "}
+            <span className="text-xs">
+              {" "}
+              -&nbsp;
+              {item.type.split(", ").length > 2
+                ? item.type.split(", ").map((el, i) => (
+                    <React.Fragment key={el + i}>
+                      <span>
+                        {i === item.type.split(", ").length - 1
+                          ? el
+                          : (el += `, `)}
+                      </span>
+                    </React.Fragment>
+                  ))
+                : item.type}
+            </span>
           </span>
         </span>
-      </span>
-    );
-  });
-  
+      );
+    });
   }, [tooltipTitle]);
 
   return (
@@ -174,7 +181,7 @@ export default function ParameterComponent({
           <></>
         ) : (
           <ShadTooltip
-            style="max-w-[40vw] max-h-[10vh] overflow-auto custom-scroll"
+            style="max-w-[30vw] max-h-[20vh] overflow-auto custom-scroll"
             delayDuration={0}
             content={refHtml.current}
             side={left ? "left" : "right"}

From 44011f3dd5ebb21643326f562e5972d561ccad4b Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 4 Jul 2023 23:25:18 -0300
Subject: [PATCH 159/367] =?UTF-8?q?=F0=9F=90=9B=20fix(GenericNode/index.ts?=
 =?UTF-8?q?x):=20fix=20class=20order=20in=20div=20element=20to=20ensure=20?=
 =?UTF-8?q?correct=20styling=20=E2=9C=A8=20feat(GenericNode/index.tsx):=20?=
 =?UTF-8?q?improve=20readability=20and=20maintainability=20by=20extracting?=
 =?UTF-8?q?=20repeated=20class=20names=20into=20variables=20The=20class=20?=
 =?UTF-8?q?order=20in=20the=20div=20element=20has=20been=20fixed=20to=20en?=
 =?UTF-8?q?sure=20the=20correct=20styling=20is=20applied.=20Repeated=20cla?=
 =?UTF-8?q?ss=20names=20have=20been=20extracted=20into=20variables=20to=20?=
 =?UTF-8?q?improve=20readability=20and=20maintainability=20of=20the=20code?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/CustomNodes/GenericNode/index.tsx     | 40 +++++++++++++------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index c994dc919..4e0f4ef18 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -93,7 +93,7 @@ export default function GenericNode({
                 color: nodeColors[types[data.type]] ?? nodeColors.unknown,
               }}
             />
-            <div className="ml-2 truncate flex-1">
+            <div className="ml-2 flex-1 truncate">
               <ShadTooltip
                 delayDuration={1500}
                 content={data.node.display_name}
@@ -133,25 +133,25 @@ export default function GenericNode({
                   <div
                     className={classNames(
                       validationStatus && validationStatus.valid
-                        ? "w-4 h-4 rounded-full bg-status-red opacity-100"
-                        : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
+                        ? "h-4 w-4 rounded-full bg-status-green opacity-100"
+                        : "hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0",
+                      "absolute w-4 duration-200 ease-in-out hover:text-accent-foreground hover:transition-all"
                     )}
                   ></div>
                   <div
                     className={classNames(
                       validationStatus && !validationStatus.valid
-                        ? "w-4 h-4 rounded-full  bg-status-red opacity-100"
-                        : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
+                        ? "h-4 w-4 rounded-full  bg-status-red opacity-100"
+                        : "hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0",
+                      "absolute w-4 duration-200 ease-in-out hover:text-accent-foreground hover:transition-all"
                     )}
                   ></div>
                   <div
                     className={classNames(
                       !validationStatus || isBuilding
-                        ? "w-4 h-4 rounded-full  bg-status-yellow opacity-100"
-                        : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
+                        ? "h-4 w-4 rounded-full  bg-status-yellow opacity-100"
+                        : "hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0",
+                      "absolute w-4 duration-200 ease-in-out hover:text-accent-foreground hover:transition-all"
                     )}
                   ></div>
                 </div>
@@ -207,9 +207,19 @@ export default function GenericNode({
                       }
                       info={data.node.template[t].info}
                       name={t}
-                      tooltipTitle={data.node.template[t].input_types?.join("\n") ?? data.node.template[t].type}
+                      tooltipTitle={
+                        data.node.template[t].input_types?.join("\n") ??
+                        data.node.template[t].type
+                      }
                       required={data.node.template[t].required}
-                      id={(data.node.template[t].input_types?.join(";") ?? data.node.template[t].type) + "|" + t + "|" + data.id}
+                      id={
+                        (data.node.template[t].input_types?.join(";") ??
+                          data.node.template[t].type) +
+                        "|" +
+                        t +
+                        "|" +
+                        data.id
+                      }
                       left={true}
                       type={data.node.template[t].type}
                       optionalHandle={data.node.template[t].input_types}
@@ -233,7 +243,11 @@ export default function GenericNode({
             <ParameterComponent
               data={data}
               color={nodeColors[types[data.type]] ?? nodeColors.unknown}
-              title={data.node.output_types && data.node.output_types.length > 0 ? data.node.output_types.join("|") : data.type}
+              title={
+                data.node.output_types && data.node.output_types.length > 0
+                  ? data.node.output_types.join("|")
+                  : data.type
+              }
               tooltipTitle={data.node.base_classes.join("\n")}
               id={[data.type, data.id, ...data.node.base_classes].join("|")}
               type={data.node.base_classes.join("|")}

From 244aeae9165cd87c8e10d49e2929321e3f7f7739 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 4 Jul 2023 23:29:51 -0300
Subject: [PATCH 160/367] =?UTF-8?q?=F0=9F=94=A7=20chore(validate.py):=20ad?=
 =?UTF-8?q?d=20multiline=20option=20to=20input=5Fvariables=20field=20in=20?=
 =?UTF-8?q?add=5Fnew=5Fvariables=5Fto=5Ftemplate=20function=20The=20multil?=
 =?UTF-8?q?ine=20option=20is=20added=20to=20the=20input=5Fvariables=20fiel?=
 =?UTF-8?q?d=20in=20the=20add=5Fnew=5Fvariables=5Fto=5Ftemplate=20function?=
 =?UTF-8?q?.=20This=20allows=20the=20field=20to=20accept=20multiline=20inp?=
 =?UTF-8?q?ut,=20which=20can=20be=20useful=20in=20certain=20scenarios=20wh?=
 =?UTF-8?q?ere=20multiple=20lines=20of=20text=20need=20to=20be=20entered.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 9878376c7..362430cf8 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -71,6 +71,7 @@ def add_new_variables_to_template(input_variables, prompt_request):
                 field_type="str",
                 show=True,
                 advanced=False,
+                multiline=True,
                 input_types=["Document", "BaseOutputParser"],
             )
 

From 5445adbbce1b3693e0b5e21b24f70b1a4e5a57b8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 4 Jul 2023 23:32:25 -0300
Subject: [PATCH 161/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20set?=
 =?UTF-8?q?=20new=20field=20value=20with=20the=20old=20value=20if=20variab?=
 =?UTF-8?q?le=20already=20exists=20in=20the=20template=20The=20code=20now?=
 =?UTF-8?q?=20checks=20if=20the=20variable=20already=20exists=20in=20the?=
 =?UTF-8?q?=20template=20and=20if=20so,=20sets=20the=20new=20field=20value?=
 =?UTF-8?q?=20with=20the=20old=20value.=20This=20ensures=20that=20the=20ex?=
 =?UTF-8?q?isting=20value=20is=20preserved=20when=20adding=20new=20variabl?=
 =?UTF-8?q?es=20to=20the=20template.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index 362430cf8..aa3748785 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -74,7 +74,11 @@ def add_new_variables_to_template(input_variables, prompt_request):
                 multiline=True,
                 input_types=["Document", "BaseOutputParser"],
             )
-
+            if variable in prompt_request.frontend_node.template:
+                # Set the new field with the old value
+                template_field.value = prompt_request.frontend_node.template[variable][
+                    "value"
+                ]
             prompt_request.frontend_node.template[variable] = template_field.to_dict()
 
             # Check if variable is not already in the list before appending

From 834429cd376d1d2cd9500f2ddb744a9d76b56a55 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 4 Jul 2023 23:58:54 -0300
Subject: [PATCH 162/367] fix: add verification for formKeysData

---
 src/frontend/src/modals/formModal/index.tsx | 65 ++++++++++++---------
 1 file changed, 39 insertions(+), 26 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index fd3ed98c6..bb45ee2a6 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -40,13 +40,26 @@ export default function FormModal({
   flow: FlowType;
 }) {
   const { tabsState, setTabsState } = useContext(TabsContext);
-  const [chatValue, setChatValue] = useState(
-    tabsState[flow.id].formKeysData.input_keys[
-      Object.keys(tabsState[flow.id].formKeysData.input_keys).find(
-        (k) => !tabsState[flow.id].formKeysData.handle_keys.some((j) => j === k)
-      )
-    ]
-  );
+  const [chatValue, setChatValue] = useState(() => {
+    try {
+      const { formKeysData } = tabsState[flow.id];
+      if (!formKeysData) throw new Error("formKeysData is undefined");
+
+      const inputKeys = formKeysData.input_keys;
+      const handleKeys = formKeysData.handle_keys;
+
+      const keyToUse = Object.keys(inputKeys).find(
+        (k) => !handleKeys.some((j) => j === k)
+      );
+
+      return inputKeys[keyToUse];
+    } catch (error) {
+      console.error(error);
+      // return a sensible default or `undefined` if no default is possible
+      return undefined;
+    }
+  });
+
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
   const { setErrorData, setNoticeData } = useContext(alertContext);
@@ -382,26 +395,26 @@ export default function FormModal({
             <DialogTitle className="flex items-center">
               <span className="pr-2">Chat</span>
               <TerminalSquare
-                className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
+                className="h-6 w-6 pl-1 text-gray-800 dark:text-white"
                 aria-hidden="true"
               />
             </DialogTitle>
             <DialogDescription>{CHAT_FORM_DIALOG_SUBTITLE}</DialogDescription>
           </DialogHeader>
 
-          <div className="flex h-[80vh] w-full mt-2 ">
-            <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
-              <div className="flex py-2 items-center">
-                <Variable className=" -ml-px w-4 h-4 mr-1 text-primary"></Variable>
+          <div className="mt-2 flex h-[80vh] w-full ">
+            <div className="mr-6 flex h-full w-2/5 flex-col justify-start overflow-auto scrollbar-hide">
+              <div className="flex items-center py-2">
+                <Variable className=" -ml-px mr-1 h-4 w-4 text-primary"></Variable>
                 <span className="text-md font-semibold text-primary">
                   Input Variables
                 </span>
               </div>
-              <div className="flex justify-between pt-2 items-center">
-                <div className="flex mr-2.5 items-center">
+              <div className="flex items-center justify-between pt-2">
+                <div className="mr-2.5 flex items-center">
                   <span className="text-sm font-medium text-primary">Name</span>
                 </div>
-                <div className="flex mr-2.5 items-center">
+                <div className="mr-2.5 flex items-center">
                   <span className="text-sm font-medium text-primary">
                     Chat Input
                   </span>
@@ -413,7 +426,7 @@ export default function FormModal({
                     <div className="flex items-start gap-3" key={k}>
                       <AccordionItem className="w-full" key={k} value={i}>
                         <AccordionTrigger className="flex gap-2">
-                          <div className="flex items-center w-full justify-between">
+                          <div className="flex w-full items-center justify-between">
                             <Badge variant="gray" size="md">
                               {i}
                             </Badge>
@@ -438,7 +451,7 @@ export default function FormModal({
                           </div>
                         </AccordionTrigger>
                         <AccordionContent>
-                          <div className="p-1 flex flex-col gap-2">
+                          <div className="flex flex-col gap-2 p-1">
                             {tabsState[
                               id.current
                             ].formKeysData.handle_keys.some((t) => t === i) && (
@@ -470,7 +483,7 @@ export default function FormModal({
                 )}
                 {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
                   <AccordionItem key={k} value={i}>
-                    <div className="flex flex-1 items-center justify-between py-4 font-normal transition-all group text-muted-foreground text-sm">
+                    <div className="group flex flex-1 items-center justify-between py-4 text-sm font-normal text-muted-foreground transition-all">
                       <div className="group-hover:underline">
                         <Badge size="md" variant="gray">
                           {i}
@@ -483,14 +496,14 @@ export default function FormModal({
               </Accordion>
             </div>
             <div className="w-full">
-              <div className="flex flex-col rounded-md border bg-muted w-full h-full relative">
+              <div className="relative flex h-full w-full flex-col rounded-md border bg-muted">
                 <div className="absolute right-3 top-3 z-50">
                   <button disabled={lockChat} onClick={() => clearChat()}>
                     <Eraser
                       className={classNames(
                         "h-5 w-5",
                         lockChat
-                          ? "text-primary animate-pulse"
+                          ? "animate-pulse text-primary"
                           : "text-primary hover:text-gray-600"
                       )}
                       aria-hidden="true"
@@ -499,7 +512,7 @@ export default function FormModal({
                 </div>
                 <div
                   ref={messagesRef}
-                  className="w-full h-full flex-col flex items-center overflow-scroll scrollbar-hide"
+                  className="flex h-full w-full flex-col items-center overflow-scroll scrollbar-hide"
                 >
                   {chatHistory.length > 0 ? (
                     chatHistory.map((c, i) => (
@@ -511,19 +524,19 @@ export default function FormModal({
                       />
                     ))
                   ) : (
-                    <div className="flex flex-col h-full text-center justify-center w-full items-center align-middle">
+                    <div className="flex h-full w-full flex-col items-center justify-center text-center align-middle">
                       <span>
                         👋{" "}
-                        <span className="text-gray-600 dark:text-gray-300 text-lg">
+                        <span className="text-lg text-gray-600 dark:text-gray-300">
                           LangFlow Chat
                         </span>
                       </span>
                       <br />
-                      <div className="bg-muted dark:bg-gray-900 rounded-md w-2/4 px-6 py-8 border border-gray-200 dark:border-gray-700">
+                      <div className="w-2/4 rounded-md border border-gray-200 bg-muted px-6 py-8 dark:border-gray-700 dark:bg-gray-900">
                         <span className="text-base text-gray-500">
                           Start a conversation and click the agent's thoughts{" "}
                           <span>
-                            <MessageSquare className="w-5 h-5 inline animate-bounce mx-1 " />
+                            <MessageSquare className="mx-1 inline h-5 w-5 animate-bounce " />
                           </span>{" "}
                           to inspect the chaining process.
                         </span>
@@ -532,7 +545,7 @@ export default function FormModal({
                   )}
                   <div ref={ref}></div>
                 </div>
-                <div className="w-full px-8 pb-6 flex-col flex items-center justify-between">
+                <div className="flex w-full flex-col items-center justify-between px-8 pb-6">
                   <div className="relative w-full rounded-md shadow-sm">
                     <ChatInput
                       chatValue={chatValue}

From 10bbb8e901f0598eccbd1457f32abe7fdf1de594 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 00:01:06 -0300
Subject: [PATCH 163/367] style: improve readability

---
 src/frontend/src/modals/formModal/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index bb45ee2a6..549dc9f1c 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -43,8 +43,9 @@ export default function FormModal({
   const [chatValue, setChatValue] = useState(() => {
     try {
       const { formKeysData } = tabsState[flow.id];
-      if (!formKeysData) throw new Error("formKeysData is undefined");
-
+      if (!formKeysData) {
+        throw new Error("formKeysData is undefined");
+      }
       const inputKeys = formKeysData.input_keys;
       const handleKeys = formKeysData.handle_keys;
 

From 6d9bcd5e65c1011cf6ba4dd3371d68debe0470b8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 00:03:32 -0300
Subject: [PATCH 164/367] =?UTF-8?q?=F0=9F=94=A7=20chore(Makefile):=20make?=
 =?UTF-8?q?=20pre-commit=20hook=20executable=20The=20pre-commit=20hook=20i?=
 =?UTF-8?q?n=20the=20.githooks=20directory=20was=20not=20executable,=20cau?=
 =?UTF-8?q?sing=20it=20to=20not=20be=20triggered.=20This=20commit=20makes?=
 =?UTF-8?q?=20the=20pre-commit=20hook=20executable=20by=20adding=20the=20`?=
 =?UTF-8?q?chmod=20+x`=20command=20to=20set=20the=20executable=20permissio?=
 =?UTF-8?q?n=20on=20the=20pre-commit=20hook=20file.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Makefile | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/Makefile b/Makefile
index bfed91f37..79e27833e 100644
--- a/Makefile
+++ b/Makefile
@@ -5,6 +5,8 @@ all: help
 init:
 	@echo 'Installing pre-commit hooks'
 	git config core.hooksPath .githooks
+	@echo 'Making pre-commit hook executable'
+	chmod +x .githooks/pre-commit
 	@echo 'Installing backend dependencies'
 	make install_backend
 	@echo 'Installing frontend dependencies'

From b8e76b0be46c4c78425a0642b2e5510cdae3f382 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Wed, 5 Jul 2023 06:52:01 -0300
Subject: [PATCH 165/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20remove=20unnecessary=20line=20break=20to=20improve=20code=20?=
 =?UTF-8?q?readability=20=F0=9F=90=9B=20fix(utils.ts):=20set=20'type'=20pr?=
 =?UTF-8?q?operty=20to=20an=20empty=20string=20instead=20of=20undefined=20?=
 =?UTF-8?q?to=20avoid=20potential=20issues?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../GenericNode/components/parameterComponent/index.tsx        | 3 ++-
 src/frontend/src/utils.ts                                      | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 1432c86d4..7adfeb2d1 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -101,6 +101,7 @@ export default function ParameterComponent({
 
     refHtml.current = groupedObj.map((item, i) => {
       const Icon: any = nodeIconsLucide[item.family];
+      
       return (
         <span
           key={getRandomKeyByssmm() + item.family + i}
@@ -127,7 +128,7 @@ export default function ParameterComponent({
             {nodeNames[item.family] ?? ""}{" "}
             <span className="text-xs">
               {" "}
-              -&nbsp;
+              {item.type == "" ? '' : ' - '}
               {item.type.split(", ").length > 2
                 ? item.type.split(", ").map((el, i) => (
                     <React.Fragment key={el + i}>
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 31d2a6149..b40bfd0b0 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -890,7 +890,7 @@ export function groupByFamily(data, baseClasses, left, type) {
     groupedArray.forEach((object, index, self) => {
       const findObj = arrOfLength.find(x => x.type == object.family);
       if(object.component.length == findObj.length){
-        self[index]['type'] = object.type;
+        self[index]['type'] = "";
       }
       else{
         self[index]['type'] = object.component.join(', ');

From 3059e8c670fa744264107c871729fa68a97e2700 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 09:37:25 -0300
Subject: [PATCH 166/367] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20fix=20ad?=
 =?UTF-8?q?d=5Fedge=20method=20to=20prevent=20adding=20duplicate=20edges?=
 =?UTF-8?q?=20=F0=9F=90=9B=20fix(base.py):=20fix=20=5F=5Feq=5F=5F=20method?=
 =?UTF-8?q?=20in=20Edge=20class=20to=20correctly=20compare=20objects=20The?=
 =?UTF-8?q?=20add=5Fedge=20method=20in=20the=20Vertex=20class=20has=20been?=
 =?UTF-8?q?=20modified=20to=20prevent=20adding=20duplicate=20edges.=20Now,?=
 =?UTF-8?q?=20before=20adding=20an=20edge,=20it=20checks=20if=20the=20edge?=
 =?UTF-8?q?=20already=20exists=20in=20the=20edges=20list=20to=20avoid=20du?=
 =?UTF-8?q?plicates.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The __eq__ method in the Edge class has been fixed to correctly compare objects. It now compares the string representation of the objects to determine equality, ensuring that the comparison is accurate.
---
 src/backend/langflow/graph/edge/base.py   | 12 +++++++++++-
 src/backend/langflow/graph/vertex/base.py |  5 +++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/graph/edge/base.py b/src/backend/langflow/graph/edge/base.py
index 3fcccde9d..569d33ec0 100644
--- a/src/backend/langflow/graph/edge/base.py
+++ b/src/backend/langflow/graph/edge/base.py
@@ -48,6 +48,16 @@ class Edge:
 
     def __repr__(self) -> str:
         return (
-            f"Edge(source={self.source.id}, target={self.target.id}, valid={self.valid}"
+            f"Edge(source={self.source.id}, target={self.target.id}, target_param={self.target_param}"
             f", matched_type={self.matched_type})"
         )
+
+    def __hash__(self) -> int:
+        return hash(self.__repr__())
+
+    def __eq__(self, __value: object) -> bool:
+        return (
+            self.__repr__() == __value.__repr__()
+            if isinstance(__value, Edge)
+            else False
+        )
diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index a7fcf88b5..193684cb6 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -95,7 +95,7 @@ class Vertex:
                     if param_key not in params:
                         params[param_key] = []
                     params[param_key].append(edge.source)
-                else:
+                elif edge.target.id == self.id:
                     params[param_key] = edge.source
 
         for key, value in template_dict.items():
@@ -204,7 +204,8 @@ class Vertex:
         return self._built_object
 
     def add_edge(self, edge: "Edge") -> None:
-        self.edges.append(edge)
+        if edge not in self.edges:
+            self.edges.append(edge)
 
     def __repr__(self) -> str:
         return f"Node(id={self.id}, data={self.data})"

From 5879ad99f2a41fa4a73adc31a72a22f1cb76f846 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 09:41:40 -0300
Subject: [PATCH 167/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(main.py):=20rem?=
 =?UTF-8?q?ove=20unused=20/dynamic=5Fnode=20endpoint=20and=20template=5Fno?=
 =?UTF-8?q?de=20variable=20=F0=9F=92=A1=20chore(main.py):=20clean=20up=20c?=
 =?UTF-8?q?ode=20by=20removing=20an=20unused=20endpoint=20and=20a=20templa?=
 =?UTF-8?q?te=5Fnode=20variable=20that=20is=20no=20longer=20needed=20The?=
 =?UTF-8?q?=20/dynamic=5Fnode=20endpoint=20and=20the=20template=5Fnode=20v?=
 =?UTF-8?q?ariable=20are=20no=20longer=20used=20in=20the=20application=20a?=
 =?UTF-8?q?nd=20can=20be=20safely=20removed.=20This=20improves=20code=20cl?=
 =?UTF-8?q?eanliness=20and=20reduces=20unnecessary=20complexity.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/main.py | 237 -----------------------------------
 1 file changed, 237 deletions(-)

diff --git a/src/backend/langflow/main.py b/src/backend/langflow/main.py
index 8229985f2..e937931d6 100644
--- a/src/backend/langflow/main.py
+++ b/src/backend/langflow/main.py
@@ -9,239 +9,6 @@ from langflow.api import router
 from langflow.database.base import create_db_and_tables
 from langflow.interface.utils import setup_llm_caching
 
-template_node = {
-    "template": {
-        "code": {
-            "required": True,
-            "placeholder": "",
-            "show": True,
-            "multiline": True,
-            "value": '\ndef my_user_python_function(text: str) -> str:\n    """This is a default python function that returns the input text"""\n    return text.upper()\n',
-            "password": False,
-            "name": "code",
-            "advanced": False,
-            "type": "code",
-            "list": False,
-        },
-        "lc_kwargs": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "password": False,
-            "name": "lc_kwargs",
-            "advanced": True,
-            "type": "code",
-            "list": False,
-        },
-        "verbose": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "value": False,
-            "password": False,
-            "name": "verbose",
-            "advanced": False,
-            "type": "bool",
-            "list": False,
-        },
-        "callbacks": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "password": False,
-            "name": "callbacks",
-            "advanced": False,
-            "type": "langchain.callbacks.base.BaseCallbackHandler",
-            "list": True,
-        },
-        "tags": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "password": False,
-            "name": "tags",
-            "advanced": False,
-            "type": "str",
-            "list": True,
-        },
-        "client": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "password": False,
-            "name": "client",
-            "advanced": False,
-            "type": "Any",
-            "list": False,
-        },
-        "model_name": {
-            "required": False,
-            "placeholder": "",
-            "show": True,
-            "multiline": False,
-            "value": "gpt-3.5-turbo",
-            "password": False,
-            "options": [
-                "gpt-3.5-turbo-0613",
-                "gpt-3.5-turbo",
-                "gpt-3.5-turbo-16k-0613",
-                "gpt-3.5-turbo-16k",
-                "gpt-4-0613",
-                "gpt-4-32k-0613",
-                "gpt-4",
-                "gpt-4-32k",
-            ],
-            "name": "model_name",
-            "advanced": False,
-            "type": "str",
-            "list": True,
-        },
-        "temperature": {
-            "required": False,
-            "placeholder": "",
-            "show": True,
-            "multiline": False,
-            "value": 0.7,
-            "password": False,
-            "name": "temperature",
-            "advanced": False,
-            "type": "float",
-            "list": False,
-        },
-        "model_kwargs": {
-            "required": False,
-            "placeholder": "",
-            "show": True,
-            "multiline": False,
-            "password": False,
-            "name": "model_kwargs",
-            "advanced": True,
-            "type": "code",
-            "list": False,
-        },
-        "openai_api_key": {
-            "required": False,
-            "placeholder": "",
-            "show": True,
-            "multiline": False,
-            "value": "",
-            "password": True,
-            "name": "openai_api_key",
-            "display_name": "OpenAI API Key",
-            "advanced": False,
-            "type": "str",
-            "list": False,
-        },
-        "openai_api_base": {
-            "required": False,
-            "placeholder": "",
-            "show": True,
-            "multiline": False,
-            "password": False,
-            "name": "openai_api_base",
-            "display_name": "OpenAI API Base",
-            "advanced": False,
-            "type": "str",
-            "list": False,
-        },
-        "openai_organization": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "password": False,
-            "name": "openai_organization",
-            "display_name": "OpenAI Organization",
-            "advanced": False,
-            "type": "str",
-            "list": False,
-        },
-        "openai_proxy": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "password": False,
-            "name": "openai_proxy",
-            "display_name": "OpenAI Proxy",
-            "advanced": False,
-            "type": "str",
-            "list": False,
-        },
-        "request_timeout": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "password": False,
-            "name": "request_timeout",
-            "advanced": False,
-            "type": "float",
-            "list": False,
-        },
-        "max_retries": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "value": 6,
-            "password": False,
-            "name": "max_retries",
-            "advanced": False,
-            "type": "int",
-            "list": False,
-        },
-        "streaming": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "value": False,
-            "password": False,
-            "name": "streaming",
-            "advanced": False,
-            "type": "bool",
-            "list": False,
-        },
-        "n": {
-            "required": False,
-            "placeholder": "",
-            "show": False,
-            "multiline": False,
-            "value": 1,
-            "password": False,
-            "name": "n",
-            "advanced": False,
-            "type": "int",
-            "list": False,
-        },
-        "max_tokens": {
-            "required": False,
-            "placeholder": "",
-            "show": True,
-            "multiline": False,
-            "password": True,
-            "name": "max_tokens",
-            "advanced": False,
-            "type": "int",
-            "list": False,
-        },
-        "_type": "ChatOpenAI",
-    },
-    "base_classes": [
-        "BaseChatModel",
-        "Serializable",
-        "BaseLanguageModel",
-        "ChatOpenAI",
-    ],
-    "description": "Wrapper around OpenAI Chat large language models.",
-}
-
 
 def create_app():
     """Create the FastAPI app and include the router."""
@@ -256,10 +23,6 @@ def create_app():
     def get_health():
         return {"status": "OK"}
 
-    @app.get("/dynamic_node")
-    def get_dynamic_nome():
-        return template_node
-
     app.add_middleware(
         CORSMiddleware,
         allow_origins=origins,

From a69225bb073cec6e05b246c7a30e35506618b5f4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 09:46:27 -0300
Subject: [PATCH 168/367] =?UTF-8?q?=F0=9F=94=A7=20chore(loading.py):=20rem?=
 =?UTF-8?q?ove=20unused=20import=20statement=20=F0=9F=90=9B=20fix(loading.?=
 =?UTF-8?q?py):=20remove=20unnecessary=20None=20default=20value=20for=20fi?=
 =?UTF-8?q?le=5Ffilter=20parameter=20The=20unused=20import=20statement=20f?=
 =?UTF-8?q?rom=20langchain.prompts.base=20has=20been=20removed=20to=20impr?=
 =?UTF-8?q?ove=20code=20cleanliness.=20The=20None=20default=20value=20for?=
 =?UTF-8?q?=20the=20file=5Ffilter=20parameter=20in=20the=20instantiate=5Fd?=
 =?UTF-8?q?ocumentloader=20function=20has=20been=20removed=20as=20it=20is?=
 =?UTF-8?q?=20unnecessary=20and=20can=20be=20safely=20assumed=20that=20the?=
 =?UTF-8?q?=20parameter=20will=20always=20be=20provided.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 2985ab60c..cbac8278c 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -24,7 +24,6 @@ from langflow.utils import validate
 from langchain.chains.base import Chain
 from langchain.vectorstores.base import VectorStore
 from langchain.document_loaders.base import BaseLoader
-from langchain.prompts.base import BasePromptTemplate
 
 
 def instantiate_class(node_type: str, base_type: str, params: Dict) -> Any:
@@ -158,7 +157,7 @@ def instantiate_agent(class_object: Type[agent_module.Agent], params: Dict):
     return load_agent_executor(class_object, params)
 
 
-def instantiate_prompt(node_type, class_object: Type[BasePromptTemplate], params: Dict):
+def instantiate_prompt(node_type, class_object, params: Dict):
     if node_type == "ZeroShotPrompt":
         if "tools" not in params:
             params["tools"] = []
@@ -284,7 +283,7 @@ def instantiate_documentloader(class_object: Type[BaseLoader], params: Dict):
         # like lambda x: x.endswith(".txt") but as we don't know
         # anything besides the string, we will simply check if the string is
         # in x and if it is, we will return True
-        file_filter = params.pop("file_filter", None)
+        file_filter = params.pop("file_filter")
         extensions = file_filter.split(",")
         params["file_filter"] = lambda x: any(
             extension.strip() in x for extension in extensions

From 8d77e510375c9cc4e9acff0a22324f2002042aa8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 09:49:18 -0300
Subject: [PATCH 169/367] =?UTF-8?q?=F0=9F=94=A7=20chore(pre-commit):=20cha?=
 =?UTF-8?q?nge=20file=20mode=20from=20100644=20to=20100755=20for=20better?=
 =?UTF-8?q?=20execution=20permissions=20The=20file=20mode=20of=20the=20pre?=
 =?UTF-8?q?-commit=20hook=20has=20been=20changed=20from=20100644=20to=2010?=
 =?UTF-8?q?0755.=20This=20change=20ensures=20that=20the=20pre-commit=20hoo?=
 =?UTF-8?q?k=20has=20the=20necessary=20execution=20permissions,=20allowing?=
 =?UTF-8?q?=20it=20to=20be=20executed=20properly=20before=20each=20commit.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .githooks/pre-commit | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 mode change 100644 => 100755 .githooks/pre-commit

diff --git a/.githooks/pre-commit b/.githooks/pre-commit
old mode 100644
new mode 100755

From e2a066d7f26790a007b9acf74088b3e935504882 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 5 Jul 2023 16:30:46 -0300
Subject: [PATCH 170/367] Added checks to see if the chat can open

---
 .../chatComponent/chatTrigger/index.tsx       | 51 ++++++++++++++-----
 .../src/components/chatComponent/index.tsx    | 21 +++++++-
 src/frontend/src/constants.tsx                | 14 ++++-
 3 files changed, 68 insertions(+), 18 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 116b03916..c46a720b2 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -3,18 +3,30 @@ import { MessagesSquare } from "lucide-react";
 
 import { alertContext } from "../../../contexts/alertContext";
 import { useContext } from "react";
-import ShadTooltip from "../../ShadTooltipComponent";
+import {
+  CHAT_CANNOT_OPEN_DESCRIPTION,
+  CHAT_CANNOT_OPEN_TITLE,
+  FLOW_NOT_BUILT_DESCRIPTION,
+  FLOW_NOT_BUILT_TITLE,
+} from "../../../constants";
 
-export default function ChatTrigger({ open, setOpen, isBuilt }) {
+export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
   const { setErrorData } = useContext(alertContext);
 
   function handleClick() {
     if (isBuilt) {
-      setOpen(true);
+      if (canOpen) {
+        setOpen(true);
+      } else {
+        setErrorData({
+          title: CHAT_CANNOT_OPEN_TITLE,
+          list: [CHAT_CANNOT_OPEN_DESCRIPTION],
+        });
+      }
     } else {
       setErrorData({
-        title: "Flow not built",
-        list: ["Please build the flow before chatting"],
+        title: FLOW_NOT_BUILT_TITLE,
+        list: [FLOW_NOT_BUILT_DESCRIPTION],
       });
     }
   }
@@ -30,15 +42,26 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
       leaveFrom="translate-y-0"
       leaveTo="translate-y-96"
     >
-          <button onClick={handleClick} className={ "transition-all fixed bottom-4 right-4 flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full shadow-md shadow-round-btn-shadow hover:shadow-round-btn-shadow bg-border "+ (!isBuilt ? "cursor-not-allowed" : "cursor-pointer")}>
-            <div className="flex gap-3">
-              <MessagesSquare
-                className={"h-6 w-6 transition-all " + (isBuilt ? "fill-chat-trigger stroke-chat-trigger stroke-1" : "fill-chat-trigger-disabled stroke-1 stroke-chat-trigger-disabled")}
-                style={{ color: "white" }}
-                strokeWidth={1.5}
-              />
-            </div>
-          </button>
+      <button
+        onClick={handleClick}
+        className={
+          "shadow-round-btn-shadow hover:shadow-round-btn-shadow fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center rounded-full bg-border px-3 py-1 shadow-md transition-all " +
+          (!isBuilt ? "cursor-not-allowed" : "cursor-pointer")
+        }
+      >
+        <div className="flex gap-3">
+          <MessagesSquare
+            className={
+              "h-6 w-6 transition-all " +
+              (isBuilt
+                ? "fill-chat-trigger stroke-chat-trigger stroke-1"
+                : "fill-chat-trigger-disabled stroke-chat-trigger-disabled stroke-1")
+            }
+            style={{ color: "white" }}
+            strokeWidth={1.5}
+          />
+        </div>
+      </button>
     </Transition>
   );
 }
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 3c01e9c8b..9130be694 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -13,6 +13,7 @@ import * as _ from "lodash";
 export default function Chat({ flow }: ChatType) {
   const [open, setOpen] = useState(false);
   const [isBuilt, setIsBuilt] = useState(false);
+  const [canOpen, setCanOpen] = useState(false);
   const { tabsState } = useContext(TabsContext);
 
   useEffect(() => {
@@ -58,6 +59,17 @@ export default function Chat({ flow }: ChatType) {
     ) {
       setIsBuilt(false);
     }
+    if (
+      tabsState &&
+      tabsState[flow.id] &&
+      tabsState[flow.id].formKeysData &&
+      tabsState[flow.id].formKeysData.input_keys &&
+      Object.keys(tabsState[flow.id].formKeysData.input_keys).length > 0
+    ) {
+      setCanOpen(true);
+    } else {
+      setCanOpen(false);
+    }
 
     prevNodesRef.current = currentNodes;
   }, [tabsState]);
@@ -71,10 +83,15 @@ export default function Chat({ flow }: ChatType) {
           setIsBuilt={setIsBuilt}
           isBuilt={isBuilt}
         />
-        {isBuilt && (
+        {isBuilt && canOpen && (
           <FormModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
         )}
-        <ChatTrigger open={open} setOpen={setOpen} isBuilt={isBuilt} />
+        <ChatTrigger
+          canOpen={canOpen}
+          open={open}
+          setOpen={setOpen}
+          isBuilt={isBuilt}
+        />
       </div>
     </>
   );
diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index b26789b06..d48bcdf2e 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -50,6 +50,15 @@ export const CODE_PROMPT_DIALOG_SUBTITLE =
 export const PROMPT_DIALOG_SUBTITLE =
   "Create your prompt. Prompts can help guide the behavior of a Language Model.";
 
+export const CHAT_CANNOT_OPEN_TITLE = "Chat Cannot Open";
+
+export const CHAT_CANNOT_OPEN_DESCRIPTION = "This is not a chat flow.";
+
+export const FLOW_NOT_BUILT_TITLE = "Flow not built";
+
+export const FLOW_NOT_BUILT_DESCRIPTION =
+  "Please build the flow before chatting.";
+
 /**
  * The base text for subtitle of Text Dialog
  * @constant
@@ -180,7 +189,7 @@ export const EXPORT_CODE_DIALOG =
 export const COLUMN_DIV_STYLE =
   " w-full h-full flex overflow-auto flex-col bg-muted px-16 ";
 
-  export const NAV_DISPLAY_STYLE =
+export const NAV_DISPLAY_STYLE =
   " w-full flex justify-between py-12 pb-2 px-6 ";
 
 /**
@@ -210,7 +219,8 @@ export const DESCRIPTIONS: string[] = [
   "Conversational Cartography Unlocked.",
   "Design, Develop, Dialogize.",
 ];
-export const BUTTON_DIV_STYLE = " flex gap-2 focus:ring-1 focus:ring-offset-1 focus:ring-ring focus:outline-none ";
+export const BUTTON_DIV_STYLE =
+  " flex gap-2 focus:ring-1 focus:ring-offset-1 focus:ring-ring focus:outline-none ";
 
 /**
  * The base text for subtitle of code dialog

From 87061316b31a6544b5335f17425d2b3df67a4c08 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 5 Jul 2023 16:36:28 -0300
Subject: [PATCH 171/367] formatted code

---
 .../components/parameterComponent/index.tsx   |   7 +-
 .../ExtraSidebarComponent/index.tsx           |   6 +-
 .../components/ShadTooltipComponent/index.tsx |  11 +-
 .../src/components/cardComponent/index.tsx    |  46 ++--
 .../chatComponent/buildTrigger/index.tsx      |  13 +-
 .../components/codeAreaComponent/index.tsx    |  10 +-
 .../components/dropdownComponent/index.tsx    |   4 +-
 .../src/components/headerComponent/index.tsx  |   4 +-
 .../components/inputFileComponent/index.tsx   |   5 +-
 .../components/textAreaComponent/index.tsx    |  16 +-
 src/frontend/src/components/ui/badge.tsx      |  10 +-
 src/frontend/src/components/ui/dialog.tsx     |   2 +-
 src/frontend/src/components/ui/switch.tsx     |   2 +-
 src/frontend/src/contexts/tabsContext.tsx     |   6 +-
 src/frontend/src/modals/ApiModal/index.tsx    |  47 ++--
 .../src/modals/codeAreaModal/index.tsx        |   4 +-
 src/frontend/src/modals/exportModal/index.tsx |   4 +-
 .../src/modals/formModal/chatInput/index.tsx  |  15 +-
 .../modals/formModal/chatMessage/index.tsx    | 236 +++++++++---------
 src/frontend/src/modals/importModal/index.tsx |   5 +-
 .../src/modals/textAreaModal/index.tsx        |   2 +-
 .../extraSidebarComponent/index.tsx           |   2 +-
 src/frontend/src/types/tabs/index.ts          |   6 +-
 src/frontend/src/utils.ts                     | 117 ++++-----
 24 files changed, 313 insertions(+), 267 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 7adfeb2d1..56c65354d 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -101,7 +101,7 @@ export default function ParameterComponent({
 
     refHtml.current = groupedObj.map((item, i) => {
       const Icon: any = nodeIconsLucide[item.family];
-      
+
       return (
         <span
           key={getRandomKeyByssmm() + item.family + i}
@@ -116,8 +116,7 @@ export default function ParameterComponent({
             }}
           >
             <Icon
-            className="h-5 w-5"
-
+              className="h-5 w-5"
               strokeWidth={1.5}
               style={{
                 color: nodeColors[item.family] ?? nodeColors.unknown,
@@ -128,7 +127,7 @@ export default function ParameterComponent({
             {nodeNames[item.family] ?? ""}{" "}
             <span className="text-xs">
               {" "}
-              {item.type == "" ? '' : ' - '}
+              {item.type == "" ? "" : " - "}
               {item.type.split(", ").length > 2
                 ? item.type.split(", ").map((el, i) => (
                     <React.Fragment key={el + i}>
diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
index 7efef4ec0..5273b7147 100644
--- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx
+++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
@@ -42,7 +42,7 @@ export default function ExtraSidebar() {
                               item.href.split("/")[2] === current[4]
                                 ? "text-ring"
                                 : "text-ring group-hover:text-accent-foreground",
-                              "mr-3 flex-shrink-0 h-6 w-6"
+                              "mr-3 h-6 w-6 flex-shrink-0"
                             )}
                           />
                           {item.name}
@@ -71,8 +71,8 @@ export default function ExtraSidebar() {
                               <span className="flex-1">{item.name}</span>
                               <svg
                                 className={classNames(
-                                  open ? "text-ring rotate-90" : "text-ring",
-                                  "ml-3 h-5 w-5 flex-shrink-0 transition-rotate duration-150 ease-in-out group-hover:text-accent-foreground"
+                                  open ? "rotate-90 text-ring" : "text-ring",
+                                  "transition-rotate ml-3 h-5 w-5 flex-shrink-0 duration-150 ease-in-out group-hover:text-accent-foreground"
                                 )}
                                 viewBox="0 0 20 20"
                                 aria-hidden="true"
diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index 61b0e7961..362be6842 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -11,16 +11,19 @@ const ShadTooltip = ({
   side,
   content,
   children,
-  style
+  style,
 }: ShadTooltipProps) => {
   return (
     <TooltipProvider>
       <Tooltip delayDuration={delayDuration}>
         <TooltipTrigger asChild>{children}</TooltipTrigger>
 
-        <TooltipContent 
-        className={style}
-        side={side} avoidCollisions={false} sticky="always">
+        <TooltipContent
+          className={style}
+          side={side}
+          avoidCollisions={false}
+          sticky="always"
+        >
           {content}
         </TooltipContent>
       </Tooltip>
diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 4fd786a79..470d0a801 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -11,7 +11,15 @@ import {
   Card,
   CardHeader,
 } from "../ui/card";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../ui/dialog";
 import { Button } from "@mui/material";
 
 export const CardComponent = ({
@@ -42,24 +50,26 @@ export const CardComponent = ({
           </span>
           {onDelete && (
             <Dialog>
-                <DialogTrigger asChild>
+              <DialogTrigger asChild>
                 <button className="flex self-start">
-              <Trash2 className="w-4 h-4 text-primary opacity-0 group-hover:opacity-100 transition-all" />
-            </button>
-                </DialogTrigger>
-            <DialogContent>
-              <DialogHeader>
-                <DialogTitle>Are you sure absolutely sure?</DialogTitle>
-                <DialogDescription>
-                  This action cannot be undone. Are you sure you want to permanently
-                  delete this file from our servers?
-                </DialogDescription>
-              </DialogHeader>
-              <DialogFooter>
-                <Button type="submit" onClick={onDelete}>Confirm</Button>
-              </DialogFooter>
-            </DialogContent>
-          </Dialog>
+                  <Trash2 className="h-4 w-4 text-primary opacity-0 transition-all group-hover:opacity-100" />
+                </button>
+              </DialogTrigger>
+              <DialogContent>
+                <DialogHeader>
+                  <DialogTitle>Are you sure absolutely sure?</DialogTitle>
+                  <DialogDescription>
+                    This action cannot be undone. Are you sure you want to
+                    permanently delete this file from our servers?
+                  </DialogDescription>
+                </DialogHeader>
+                <DialogFooter>
+                  <Button type="submit" onClick={onDelete}>
+                    Confirm
+                  </Button>
+                </DialogFooter>
+              </DialogContent>
+            </Dialog>
           )}
         </CardTitle>
         <CardDescription className="pb-2 pt-2">
diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 0482262eb..7abb29224 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -76,6 +76,7 @@ export default function BuildTrigger({
     const eventSource = new EventSource(apiUrl);
 
     eventSource.onmessage = (event) => {
+      console.log(event);
       // If the event is parseable, return
       if (!event.data) {
         return;
@@ -96,10 +97,9 @@ export default function BuildTrigger({
             [flowId]: {
               ...old[flowId],
               formKeysData: parsedData,
-            
-            }
+            },
           };
-        })
+        });
       } else {
         // Otherwise, process the data
         const isValid = processStreamResult(parsedData);
@@ -168,7 +168,7 @@ export default function BuildTrigger({
       leaveFrom="translate-y-0"
       leaveTo="translate-y-96"
     >
-      <div className="fixed right-4 bottom-20">
+      <div className="fixed bottom-20 right-4">
         <div
           className={`${eventClick} align-center shadow-round-btn-shadow hover:shadow-round-btn-shadow flex h-12 w-12 cursor-pointer justify-center rounded-full bg-border px-3 py-1 shadow-md`}
           onClick={() => {
@@ -189,7 +189,10 @@ export default function BuildTrigger({
               ) : isBuilding ? (
                 <Loading strokeWidth={1.5} className="stroke-build-trigger" />
               ) : (
-                <Zap strokeWidth={1.5} className="sh-6 w-6 fill-build-trigger stroke-1 stroke-build-trigger" />
+                <Zap
+                  strokeWidth={1.5}
+                  className="sh-6 w-6 fill-build-trigger stroke-build-trigger stroke-1"
+                />
               )}
             </div>
           </button>
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 75f5497a2..00578a25a 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -53,7 +53,8 @@ export default function CodeAreaComponent({
           className={
             editNode
               ? "input-edit-node input-dialog "
-              : "input-primary input-dialog " + (disabled ? "input-disable" : "")
+              : "input-dialog input-primary " +
+                (disabled ? "input-disable" : "")
           }
         >
           {myValue !== "" ? myValue : "Type something..."}
@@ -62,7 +63,7 @@ export default function CodeAreaComponent({
           onClick={() => {
             openPopUp(
               <CodeAreaModal
-              setNodeClass={setNodeClass}
+                setNodeClass={setNodeClass}
                 value={myValue}
                 nodeClass={nodeClass}
                 setValue={(t: string) => {
@@ -74,7 +75,10 @@ export default function CodeAreaComponent({
           }}
         >
           {!editNode && (
-            <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground  ml-3" />
+            <ExternalLink
+              strokeWidth={1.5}
+              className="ml-3 h-6 w-6  hover:text-accent-foreground"
+            />
           )}
         </button>
       </div>
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index 67447a21f..b275f83f7 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -39,8 +39,8 @@ export default function Dropdown({
               <Listbox.Button
                 className={
                   editNode
-                    ? "border-1 relative pr-8 input-edit-node"
-                    : "py-2 pl-3 pr-10 text-left input-primary"
+                    ? "border-1 input-edit-node relative pr-8"
+                    : "input-primary py-2 pl-3 pr-10 text-left"
                 }
               >
                 <span className="block w-full truncate bg-background">
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 342054b10..f60f65f61 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -75,7 +75,7 @@ export default function Header() {
             href="https://github.com/logspace-ai/langflow"
             target="_blank"
             rel="noreferrer"
-            className="inline-flex shadow-sm items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background text-muted-foreground  border border-input hover:bg-accent hover:text-accent-foreground h-9 px-3 pr-0 rounded-md"
+            className="inline-flex h-9 items-center justify-center rounded-md border border-input px-3 pr-0 text-sm font-medium text-muted-foreground shadow-sm ring-offset-background  hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
           >
             <FaGithub className="mr-2 h-5 w-5" />
             Star
@@ -114,7 +114,7 @@ export default function Header() {
             )}
           </button>
           <button
-            className="text-muted-foreground hover:text-accent-foreground relative"
+            className="relative text-muted-foreground hover:text-accent-foreground"
             onClick={(event: React.MouseEvent<HTMLElement>) => {
               setNotificationCenter(false);
               const { top, left } = (
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index edfc8e39d..a0039abf1 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -110,7 +110,10 @@ export default function InputFileComponent({
         </span>
         <button onClick={handleButtonClick}>
           {!editNode && !loading && (
-            <FileSearch2 strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground" />
+            <FileSearch2
+              strokeWidth={1.5}
+              className="h-6 w-6 hover:text-accent-foreground"
+            />
           )}
           {!editNode && loading && (
             <span className="loading loading-spinner loading-sm pointer-events-none h-8 pl-3"></span>
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 8773c47b2..b175da5de 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -30,9 +30,7 @@ export default function TextAreaComponent({
     <div className={disabled ? "pointer-events-none cursor-not-allowed" : ""}>
       <div
         className={
-          editNode
-            ? "w-full items-center"
-            : "w-full flex items-center"
+          editNode ? "w-full items-center" : "flex w-full items-center"
         }
       >
         <span
@@ -52,8 +50,9 @@ export default function TextAreaComponent({
           }}
           className={
             editNode
-            ? "input-edit-node input-dialog "
-            : "input-primary input-dialog " + (disabled ? "input-disable" : "")
+              ? "input-edit-node input-dialog "
+              : "input-dialog input-primary " +
+                (disabled ? "input-disable" : "")
           }
         >
           {myValue !== "" ? myValue : "Type something..."}
@@ -74,7 +73,12 @@ export default function TextAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground ml-3" />}
+          {!editNode && (
+            <ExternalLink
+              strokeWidth={1.5}
+              className="ml-3 h-6 w-6 hover:text-accent-foreground"
+            />
+          )}
         </button>
       </div>
     </div>
diff --git a/src/frontend/src/components/ui/badge.tsx b/src/frontend/src/components/ui/badge.tsx
index 1516bf273..36c44ac4d 100644
--- a/src/frontend/src/components/ui/badge.tsx
+++ b/src/frontend/src/components/ui/badge.tsx
@@ -9,8 +9,7 @@ const badgeVariants = cva(
       variant: {
         default:
           "bg-primary hover:bg-primary/80 border-transparent text-primary-foreground",
-        gray:
-          "bg-border hover:bg-border/80 text-secondary-foreground",
+        gray: "bg-border hover:bg-border/80 text-secondary-foreground",
         secondary:
           "bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground",
         destructive:
@@ -21,7 +20,7 @@ const badgeVariants = cva(
         sm: "h-4 text-xs",
         md: "h-5 text-sm",
         lg: "h-6 text-base",
-      }
+      },
     },
     defaultVariants: {
       variant: "default",
@@ -35,7 +34,10 @@ export interface BadgeProps
 
 function Badge({ className, variant, size, ...props }: BadgeProps) {
   return (
-    <div className={cn(badgeVariants({ variant, size }), className)} {...props} />
+    <div
+      className={cn(badgeVariants({ variant, size }), className)}
+      {...props}
+    />
   );
 }
 
diff --git a/src/frontend/src/components/ui/dialog.tsx b/src/frontend/src/components/ui/dialog.tsx
index f17576064..a02379087 100644
--- a/src/frontend/src/components/ui/dialog.tsx
+++ b/src/frontend/src/components/ui/dialog.tsx
@@ -44,7 +44,7 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed gap-3 z-50 grid w-full rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
+        "fixed z-50 grid w-full gap-3 rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
         className
       )}
       {...props}
diff --git a/src/frontend/src/components/ui/switch.tsx b/src/frontend/src/components/ui/switch.tsx
index 5e5d3c2ff..8f473a0eb 100644
--- a/src/frontend/src/components/ui/switch.tsx
+++ b/src/frontend/src/components/ui/switch.tsx
@@ -19,7 +19,7 @@ const Switch = React.forwardRef<
     <SwitchPrimitives.Thumb
       aria-disabled={props.disabled}
       className={cn(
-        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 aria-disabled:bg-muted/70 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform aria-disabled:bg-muted/70 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
       )}
     />
   </SwitchPrimitives.Root>
diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index bd1269a9f..2de15ca68 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -285,7 +285,11 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     // create a link element and set its properties
     const link = document.createElement("a");
     link.href = jsonString;
-    link.download = `${flowName && flowName != "" ? flowName : flows.find((f) => f.id === tabId).name}.json`;
+    link.download = `${
+      flowName && flowName != ""
+        ? flowName
+        : flows.find((f) => f.id === tabId).name
+    }.json`;
 
     // simulate a click on the link element to trigger the download
     link.click();
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index d069763ff..b37f6fe40 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -104,11 +104,10 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
   useEffect(() => {
     if (closeEdit !== "") {
       tweak.current = getTweak;
-      if(tweak.current.length > 0){
+      if (tweak.current.length > 0) {
         setActiveTab("3");
         openAccordions();
-      }
-      else{
+      } else {
         startTweaks();
       }
     } else {
@@ -250,25 +249,25 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
 
   function openAccordions() {
     let accordionsToOpen = [];
-      tweak.current.forEach((el) => {
-        Object.keys(el).forEach((key) => {
-          if (Object.keys(el[key]).length > 0) {
-            accordionsToOpen.push(key);
-            setOpenAccordion(accordionsToOpen);
-          }
-        });
+    tweak.current.forEach((el) => {
+      Object.keys(el).forEach((key) => {
+        if (Object.keys(el[key]).length > 0) {
+          accordionsToOpen.push(key);
+          setOpenAccordion(accordionsToOpen);
+        }
       });
+    });
   }
 
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger></DialogTrigger>
-      <DialogContent className="lg:max-w-[80vw] h-[80vh]">
+      <DialogContent className="h-[80vh] lg:max-w-[80vw]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Code</span>
             <Code2
-              className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
+              className="h-6 w-6 pl-1 text-gray-800 dark:text-white"
               aria-hidden="true"
             />
           </DialogTitle>
@@ -277,7 +276,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
 
         <Tabs
           value={activeTab}
-          className="w-full h-full overflow-hidden text-center bg-muted rounded-md border"
+          className="h-full w-full overflow-hidden rounded-md border bg-muted text-center"
           onValueChange={(value) => {
             setActiveTab(value);
             if (value === "3") {
@@ -296,7 +295,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
             {Number(activeTab) < 3 && (
               <div className="float-right">
                 <button
-                  className="flex gap-1.5 items-center rounded bg-none p-1 text-xs text-gray-500 dark:text-gray-300"
+                  className="flex items-center gap-1.5 rounded bg-none p-1 text-xs text-gray-500 dark:text-gray-300"
                   onClick={copyToClipboard}
                 >
                   {isCopied ? <Check size={18} /> : <Clipboard size={15} />}
@@ -309,12 +308,12 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
           {tabs.map((tab, index) => (
             <TabsContent
               value={index.toString()}
-              className="overflow-hidden w-full h-full px-4 pb-4 -mt-1"
+              className="-mt-1 h-full w-full overflow-hidden px-4 pb-4"
               key={index} // Remember to add a unique key prop
             >
               {index < 3 ? (
                 <SyntaxHighlighter
-                  className="w-full overflow-auto h-[60vh]"
+                  className="h-[60vh] w-full overflow-auto"
                   language={tab.mode}
                   style={oneDark}
                 >
@@ -322,10 +321,10 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                 </SyntaxHighlighter>
               ) : index === 3 ? (
                 <>
-                  <div className="flex w-full h-full mt-2">
+                  <div className="mt-2 flex h-full w-full">
                     <div
                       className={classNames(
-                        "w-full rounded-lg bg-muted h-[60vh]",
+                        "h-[60vh] w-full rounded-lg bg-muted",
                         1 == 1
                           ? "overflow-scroll overflow-x-hidden custom-scroll"
                           : "overflow-hidden"
@@ -338,14 +337,14 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                               trigger={t["data"]["id"]}
                               open={openAccordion}
                             >
-                              <div className="flex flex-col gap-5 h-fit">
+                              <div className="flex h-fit flex-col gap-5">
                                 <Table className="table-fixed bg-muted outline-1">
-                                  <TableHeader className="border-input text-xs font-medium text-ring h-10">
+                                  <TableHeader className="h-10 border-input text-xs font-medium text-ring">
                                     <TableRow className="dark:border-b-muted">
                                       <TableHead className="h-7 text-center">
                                         PARAM
                                       </TableHead>
-                                      <TableHead className="p-0 h-7 text-center">
+                                      <TableHead className="h-7 p-0 text-center">
                                         VALUE
                                       </TableHead>
                                     </TableRow>
@@ -379,11 +378,11 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                             key={i}
                                             className="h-10 dark:border-b-muted"
                                           >
-                                            <TableCell className="p-0 text-center text-gray-900 text-sm">
+                                            <TableCell className="p-0 text-center text-sm text-gray-900">
                                               {n}
                                             </TableCell>
-                                            <TableCell className="p-0 text-center text-gray-900 text-xs dark:text-gray-300">
-                                              <div className="w-[250px] m-auto">
+                                            <TableCell className="p-0 text-center text-xs text-gray-900 dark:text-gray-300">
+                                              <div className="m-auto w-[250px]">
                                                 {t.data.node.template[n]
                                                   .type === "str" &&
                                                 !t.data.node.template[n]
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 96ea8d88b..df4e015a6 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -107,8 +107,8 @@ export default function CodeAreaModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">Edit Code</span>
             <TerminalSquare
-            strokeWidth={1.5}
-              className="h-6 w-6 text-primary pl-1 "
+              strokeWidth={1.5}
+              className="h-6 w-6 pl-1 text-primary "
               aria-hidden="true"
             />
           </DialogTitle>
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index e65eb537e..bef5b9244 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -47,8 +47,8 @@ export default function ExportModal() {
           <DialogTitle className="flex items-center">
             <span className="pr-2">Export</span>
             <Download
-            strokeWidth={1.5}
-              className="h-6 w-6 text-foreground pl-1"
+              strokeWidth={1.5}
+              className="h-6 w-6 pl-1 text-foreground"
               aria-hidden="true"
             />
           </DialogTitle>
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 0cc390e2a..437af1914 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -52,20 +52,27 @@ export default function ChatInput({
           lockChat
             ? " bg-input text-black dark:bg-gray-700 dark:text-gray-300"
             : "  bg-white-200 text-black dark:bg-gray-900 dark:text-gray-300",
-          "p-4 form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-16 sm:text-sm"
+          "form-input block w-full rounded-md border-gray-300 p-4 pr-16 custom-scroll dark:border-gray-600 sm:text-sm"
         )}
         placeholder={"Send a message..."}
       />
       <div className="absolute bottom-2 right-4">
-        <button className={classNames("p-2 px-1 transition-all duration-300 rounded-md",chatValue == "" ? "text-primary" : " bg-indigo-600 text-background")} disabled={lockChat} onClick={() => sendMessage()}>
+        <button
+          className={classNames(
+            "rounded-md p-2 px-1 transition-all duration-300",
+            chatValue == "" ? "text-primary" : " bg-indigo-600 text-background"
+          )}
+          disabled={lockChat}
+          onClick={() => sendMessage()}
+        >
           {lockChat ? (
             <Lock
-              className="h-5 w-5 ml-1 mr-1 animate-pulse"
+              className="ml-1 mr-1 h-5 w-5 animate-pulse"
               aria-hidden="true"
             />
           ) : (
             <LucideSend
-              className="h-5 w-5 mr-2 rotate-[44deg] "
+              className="mr-2 h-5 w-5 rotate-[44deg] "
               aria-hidden="true"
             />
           )}
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 765f35fac..ede2ce242 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -29,138 +29,136 @@ export default function ChatMessage({
   }, [chat.message]);
   const [hidden, setHidden] = useState(true);
   return (
+    <div
+      className={classNames(
+        "flex w-full px-2 py-2 pl-4 pr-9",
+        chat.isSend ? " bg-border" : " "
+      )}
+    >
       <div
         className={classNames(
-          "w-full py-2 px-2 pl-4 pr-9 flex",
-          chat.isSend
-            ? " bg-border"
-            : " "
+          "mx-3 my-3 flex h-8 w-8 items-center justify-center overflow-hidden rounded-full"
         )}
       >
-        <div
-          className={classNames(
-            "rounded-full overflow-hidden w-8 h-8 flex items-center my-3 mx-3 justify-center"
-          )}
-        >
-          {!chat.isSend && (
-            <div className="relative w-8 h-8">
-              <img
-                className={
-                  "absolute transition-opacity duration-500 scale-150 " +
-                  (lockChat ? "opacity-100" : "opacity-0")
-                }
-                src={lastMessage ? AiIcon : AiIconStill}
-              />
-              <img
-                className={
-                  "absolute transition-opacity duration-500 scale-150 " +
-                  (lockChat ? "opacity-0" : "opacity-100")
-                }
-                src={AiIconStill}
-              />
-            </div>
-          )}
-          {chat.isSend && (
-            <User2 className="w-6 h-6 text-gray-800 dark:text-gray-200" />
-          )}
-        </div>
-        {!chat.isSend ? (
-          <div className="w-full text-start flex items-center">
-            <div className="w-full relative text-start inline-block text-primary text-sm font-normal">
-              {hidden && chat.thought && chat.thought !== "" && (
-                <div
-                  onClick={() => setHidden((prev) => !prev)}
-                  className="absolute -top-1 -left-2 cursor-pointer"
-                >
-                  <MessageSquare className="w-5 h-5 animate-bounce dark:text-white" />
-                </div>
-              )}
-              {chat.thought && chat.thought !== "" && !hidden && (
-                <div
-                  onClick={() => setHidden((prev) => !prev)}
-                  className=" text-start inline-block rounded-md text-primary h-full border border-gray-300 dark:border-gray-500
-								bg-muted dark:bg-gray-800 w-[95%] pb-3 pt-3 px-2 ml-3 cursor-pointer scrollbar-hide overflow-scroll"
-                  dangerouslySetInnerHTML={{
-                    __html: convert.toHtml(chat.thought),
-                  }}
-                ></div>
-              )}
-              {chat.thought && chat.thought !== "" && !hidden && <br></br>}
-              <div className="w-full pb-3 pt-3">
-                <div className="dark:text-white w-full">
-                  <div className="w-full">
-                    <ReactMarkdown
-                      remarkPlugins={[remarkGfm, remarkMath]}
-                      rehypePlugins={[rehypeMathjax]}
-                      className="markdown prose dark:prose-invert text-primary max-w-full"
-                      components={{
-                        code({ node, inline, className, children, ...props }) {
-                          if (children.length) {
-                            if (children[0] == "▍") {
-                              return (
-                                <span className="animate-pulse cursor-default mt-1">
-                                  ▍
-                                </span>
-                              );
-                            }
-
-                            children[0] = (children[0] as string).replace(
-                              "`▍`",
-                              "▍"
+        {!chat.isSend && (
+          <div className="relative h-8 w-8">
+            <img
+              className={
+                "absolute scale-150 transition-opacity duration-500 " +
+                (lockChat ? "opacity-100" : "opacity-0")
+              }
+              src={lastMessage ? AiIcon : AiIconStill}
+            />
+            <img
+              className={
+                "absolute scale-150 transition-opacity duration-500 " +
+                (lockChat ? "opacity-0" : "opacity-100")
+              }
+              src={AiIconStill}
+            />
+          </div>
+        )}
+        {chat.isSend && (
+          <User2 className="h-6 w-6 text-gray-800 dark:text-gray-200" />
+        )}
+      </div>
+      {!chat.isSend ? (
+        <div className="flex w-full items-center text-start">
+          <div className="relative inline-block w-full text-start text-sm font-normal text-primary">
+            {hidden && chat.thought && chat.thought !== "" && (
+              <div
+                onClick={() => setHidden((prev) => !prev)}
+                className="absolute -left-2 -top-1 cursor-pointer"
+              >
+                <MessageSquare className="h-5 w-5 animate-bounce dark:text-white" />
+              </div>
+            )}
+            {chat.thought && chat.thought !== "" && !hidden && (
+              <div
+                onClick={() => setHidden((prev) => !prev)}
+                className=" ml-3 inline-block h-full w-[95%] cursor-pointer overflow-scroll rounded-md border
+								border-gray-300 bg-muted px-2 pb-3 pt-3 text-start text-primary scrollbar-hide dark:border-gray-500 dark:bg-gray-800"
+                dangerouslySetInnerHTML={{
+                  __html: convert.toHtml(chat.thought),
+                }}
+              ></div>
+            )}
+            {chat.thought && chat.thought !== "" && !hidden && <br></br>}
+            <div className="w-full pb-3 pt-3">
+              <div className="w-full dark:text-white">
+                <div className="w-full">
+                  <ReactMarkdown
+                    remarkPlugins={[remarkGfm, remarkMath]}
+                    rehypePlugins={[rehypeMathjax]}
+                    className="markdown prose max-w-full text-primary dark:prose-invert"
+                    components={{
+                      code({ node, inline, className, children, ...props }) {
+                        if (children.length) {
+                          if (children[0] == "▍") {
+                            return (
+                              <span className="mt-1 animate-pulse cursor-default">
+                                ▍
+                              </span>
                             );
                           }
 
-                          const match = /language-(\w+)/.exec(className || "");
-
-                          return !inline ? (
-                            <CodeBlock
-                              key={Math.random()}
-                              language={(match && match[1]) || ""}
-                              value={String(children).replace(/\n$/, "")}
-                              {...props}
-                            />
-                          ) : (
-                            <code className={className} {...props}>
-                              {children}
-                            </code>
+                          children[0] = (children[0] as string).replace(
+                            "`▍`",
+                            "▍"
                           );
-                        },
-                      }}
-                    >
-                      {message}
-                    </ReactMarkdown>
-                  </div>
-                  {chat.files && (
-                    <div className="my-2 w-full">
-                      {chat.files.map((file, index) => {
-                        return (
-                          <div key={index} className="my-2 w-full">
-                            <FileCard
-                              fileName={"Generated File"}
-                              fileType={file.data_type}
-                              content={file.data}
-                            />
-                          </div>
+                        }
+
+                        const match = /language-(\w+)/.exec(className || "");
+
+                        return !inline ? (
+                          <CodeBlock
+                            key={Math.random()}
+                            language={(match && match[1]) || ""}
+                            value={String(children).replace(/\n$/, "")}
+                            {...props}
+                          />
+                        ) : (
+                          <code className={className} {...props}>
+                            {children}
+                          </code>
                         );
-                      })}
-                    </div>
-                  )}
+                      },
+                    }}
+                  >
+                    {message}
+                  </ReactMarkdown>
                 </div>
+                {chat.files && (
+                  <div className="my-2 w-full">
+                    {chat.files.map((file, index) => {
+                      return (
+                        <div key={index} className="my-2 w-full">
+                          <FileCard
+                            fileName={"Generated File"}
+                            fileType={file.data_type}
+                            content={file.data}
+                          />
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
               </div>
             </div>
           </div>
-        ) : (
-          <div className="w-full flex items-center">
-            <div className="text-start inline-block">
-              <span
-                className="text-primary"
-                dangerouslySetInnerHTML={{
-                  __html: message.replace(/\n/g, "<br>"),
-                }}
-              ></span>
-            </div>
+        </div>
+      ) : (
+        <div className="flex w-full items-center">
+          <div className="inline-block text-start">
+            <span
+              className="text-primary"
+              dangerouslySetInnerHTML={{
+                __html: message.replace(/\n/g, "<br>"),
+              }}
+            ></span>
           </div>
-        )}
-      </div>
+        </div>
+      )}
+    </div>
   );
 }
diff --git a/src/frontend/src/modals/importModal/index.tsx b/src/frontend/src/modals/importModal/index.tsx
index ffd51c8d0..eb52ee6ff 100644
--- a/src/frontend/src/modals/importModal/index.tsx
+++ b/src/frontend/src/modals/importModal/index.tsx
@@ -160,7 +160,10 @@ export default function ImportModal() {
                     bgColor="bg-medium-emerald "
                     description={example.description ?? "Prebuilt Examples"}
                     icon={
-                      <DocumentDuplicateIcon strokeWidth={1.5} className="h-6 w-6 flex-shrink-0" />
+                      <DocumentDuplicateIcon
+                        strokeWidth={1.5}
+                        className="h-6 w-6 flex-shrink-0"
+                      />
                     }
                     onClick={() => {
                       addFlow(example, false);
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
index a41a39ba4..f1e47b738 100644
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ b/src/frontend/src/modals/textAreaModal/index.tsx
@@ -92,7 +92,7 @@ export default function TextAreaModal({
                       <div className="w-full overflow-hidden rounded-lg bg-background px-4 py-5 shadow sm:p-6">
                         <textarea
                           ref={ref}
-                          className="form-input h-full w-full form-primary"
+                          className="form-primary form-input h-full w-full"
                           value={myValue}
                           onChange={(e) => {
                             setMyValue(e.target.value);
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 8daaf956a..def7cf63f 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -135,7 +135,7 @@ export default function ExtraSidebar() {
         </div>
       </div>
 
-      <div className="w-full overflow-auto scrollbar-hide pb-10">
+      <div className="w-full overflow-auto pb-10 scrollbar-hide">
         {Object.keys(dataFilter)
           .sort()
           .map((d: keyof APIObjectType, i) =>
diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts
index c85c3682a..89ba5ef15 100644
--- a/src/frontend/src/types/tabs/index.ts
+++ b/src/frontend/src/types/tabs/index.ts
@@ -39,6 +39,10 @@ export type TabsContextType = {
 export type TabsState = {
   [key: string]: {
     isPending: boolean;
-    formKeysData: {input_keys?: Object, memory_keys?: Array<string>, handle_keys?: Array<string>};
+    formKeysData: {
+      input_keys?: Object;
+      memory_keys?: Array<string>;
+      handle_keys?: Array<string>;
+    };
   };
 };
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index b40bfd0b0..c372b7ea2 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -792,36 +792,36 @@ export function groupByFamily(data, baseClasses, left, type) {
   let parentOutput: string;
   let arrOfParent: string[] = [];
   let arrOfType: { family: string; type: string; component: string }[] = [];
-  let arrOfLength: { length: number; type: string; }[] = [];
+  let arrOfLength: { length: number; type: string }[] = [];
   let lastType = "";
   Object.keys(data).map((d) => {
-      Object.keys(data[d]).map((n) => {
-          try {
-              if (
-                  data[d][n].base_classes.some((r) =>
-                      baseClasses.split("\n").includes(r)
-                  )
-              ) {
-                  arrOfParent.push(d);
-              }
-              if (n === type) {
-                  parentOutput = d;
-              }
-  
-              if (d !== lastType) {
-                  arrOfLength.push({
-                      length: Object.keys(data[d]).length,
-                      type: d
-                  });
-  
-                  lastType = d;
-              }
-          } catch (e) {
-              console.log(e);
-          }
-      });
+    Object.keys(data[d]).map((n) => {
+      try {
+        if (
+          data[d][n].base_classes.some((r) =>
+            baseClasses.split("\n").includes(r)
+          )
+        ) {
+          arrOfParent.push(d);
+        }
+        if (n === type) {
+          parentOutput = d;
+        }
+
+        if (d !== lastType) {
+          arrOfLength.push({
+            length: Object.keys(data[d]).length,
+            type: d,
+          });
+
+          lastType = d;
+        }
+      } catch (e) {
+        console.log(e);
+      }
+    });
   });
-  
+
   Object.keys(data).map((d) => {
     Object.keys(data[d]).map((n) => {
       try {
@@ -831,7 +831,7 @@ export function groupByFamily(data, baseClasses, left, type) {
               arrOfType.push({
                 family: d,
                 type: data,
-                component: n
+                component: n,
               });
             }
           });
@@ -842,61 +842,64 @@ export function groupByFamily(data, baseClasses, left, type) {
     });
   });
 
-  if(left == false){
+  if (left == false) {
     let groupedBy = arrOfType.filter((object, index, self) => {
       const foundIndex = self.findIndex(
         (o) => o.family === object.family && o.type === object.type
       );
       return foundIndex === index;
     });
-  
+
     return groupedBy.reduce((result, item) => {
-      const existingGroup = result.find((group) => group.family === item.family);
-  
+      const existingGroup = result.find(
+        (group) => group.family === item.family
+      );
+
       if (existingGroup) {
         existingGroup.type += `, ${item.type}`;
       } else {
-        result.push({ family: item.family, type: item.type, component: item.component });
+        result.push({
+          family: item.family,
+          type: item.type,
+          component: item.component,
+        });
       }
-  
+
       if (left == false) {
         let resFil = result.filter((group) => group.family === parentOutput);
         result = resFil;
       }
-  
+
       return result;
     }, []);
-  }
-
-  else{
+  } else {
     const groupedArray = [];
     const groupedData = {};
-    
+
     arrOfType.forEach((item) => {
-        const { family, type, component } = item;
-        const key = `${family}-${type}`;
-    
-        if (!groupedData[key]) {
-            groupedData[key] = { family, type, component: [component] };
-        } else {
-            groupedData[key].component.push(component);
-        }
+      const { family, type, component } = item;
+      const key = `${family}-${type}`;
+
+      if (!groupedData[key]) {
+        groupedData[key] = { family, type, component: [component] };
+      } else {
+        groupedData[key].component.push(component);
+      }
     });
-    
+
     for (const key in groupedData) {
-        groupedArray.push(groupedData[key]);
+      groupedArray.push(groupedData[key]);
     }
 
     groupedArray.forEach((object, index, self) => {
-      const findObj = arrOfLength.find(x => x.type == object.family);
-      if(object.component.length == findObj.length){
-        self[index]['type'] = "";
+      const findObj = arrOfLength.find((x) => x.type == object.family);
+      if (object.component.length == findObj.length) {
+        self[index]["type"] = "";
+      } else {
+        self[index]["type"] = object.component.join(", ");
       }
-      else{
-        self[index]['type'] = object.component.join(', ');
-      }
-    })
-    return groupedArray
+    });
+    return groupedArray;
   }
 }
 

From 6be38af44efb5f1898c482cde2e6b370d2b8ee32 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Wed, 5 Jul 2023 16:48:44 -0300
Subject: [PATCH 172/367] merge fix

---
 src/frontend/package-lock.json                |   8 +-
 src/frontend/package.json                     |   2 +-
 .../components/ShadTooltipComponent/index.tsx |  19 +-
 src/frontend/src/constants.tsx                |   6 +
 .../src/modals/codeAreaModal/index.tsx        |   6 +-
 .../src/modals/genericModal/index.tsx         | 248 ++++++++++++++----
 src/frontend/src/types/components/index.ts    |  22 ++
 src/frontend/src/utils.ts                     |  30 +++
 8 files changed, 275 insertions(+), 66 deletions(-)

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index acf9a1865..1bd962f0a 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -37,7 +37,7 @@
         "base64-js": "^1.5.1",
         "class-variance-authority": "^0.6.0",
         "clsx": "^1.2.1",
-        "dompurify": "^3.0.3",
+        "dompurify": "^3.0.4",
         "esbuild": "^0.17.18",
         "lodash": "^4.17.21",
         "lucide-react": "^0.233.0",
@@ -5142,9 +5142,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.0.3.tgz",
-      "integrity": "sha512-axQ9zieHLnAnHh0sfAamKYiqXMJAVwu+LM/alQ7WDagoWessyWvMSFyW65CqF3owufNu8HBcE4cM2Vflu7YWcQ=="
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.0.4.tgz",
+      "integrity": "sha512-ae0mA+Qiqp6C29pqZX3fQgK+F91+F7wobM/v8DRzDqJdZJELXiFUx4PP4pK/mzUS0xkiSEx3Ncd9gr69jg3YsQ=="
     },
     "node_modules/electron-to-chromium": {
       "version": "1.4.440",
diff --git a/src/frontend/package.json b/src/frontend/package.json
index b856cd5b6..aab383997 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -32,7 +32,7 @@
     "base64-js": "^1.5.1",
     "class-variance-authority": "^0.6.0",
     "clsx": "^1.2.1",
-    "dompurify": "^3.0.3",
+    "dompurify": "^3.0.4",
     "esbuild": "^0.17.18",
     "lodash": "^4.17.21",
     "lucide-react": "^0.233.0",
diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index 362be6842..e106eb4f6 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -1,4 +1,4 @@
-import { ShadTooltipProps } from "../../types/components";
+import { RadialProgressType, ShadToolTipType } from "../../types/components";
 import {
   Tooltip,
   TooltipContent,
@@ -6,20 +6,20 @@ import {
   TooltipTrigger,
 } from "../ui/tooltip";
 
-const ShadTooltip = ({
-  delayDuration = 500,
-  side,
+export default function ShadTooltip({
   content,
+  side,
+  asChild = true,
   children,
-  style,
-}: ShadTooltipProps) => {
+  delayDuration
+}: ShadToolTipType) {
+
   return (
     <TooltipProvider>
       <Tooltip delayDuration={delayDuration}>
-        <TooltipTrigger asChild>{children}</TooltipTrigger>
+        <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
 
         <TooltipContent
-          className={style}
           side={side}
           avoidCollisions={false}
           sticky="always"
@@ -29,6 +29,5 @@ const ShadTooltip = ({
       </Tooltip>
     </TooltipProvider>
   );
-};
+}
 
-export default ShadTooltip;
diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index d48bcdf2e..60d63d974 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -523,3 +523,9 @@ export const NOUNS: string[] = [
  *
  */
 export const USER_PROJECTS_HEADER = "My Collection";
+/**
+ * CSS for highlight HTML
+ * @constant
+ *
+ */
+export const HIGHLIGH_CSS = "block pl-3 pr-14 py-2 w-full h-full text-sm outline-0 border-0 break-all";
\ No newline at end of file
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index df4e015a6..a04d5dbba 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -102,7 +102,7 @@ export default function CodeAreaModal({
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger></DialogTrigger>
-      <DialogContent className="h-[500px] lg:max-w-[700px]">
+      <DialogContent className="min-w-[80vw]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Edit Code</span>
@@ -115,7 +115,7 @@ export default function CodeAreaModal({
           <DialogDescription>{CODE_PROMPT_DIALOG_SUBTITLE}</DialogDescription>
         </DialogHeader>
 
-        <div className="mt-2 flex h-full w-full">
+        <div className="flex h-[60vh] w-full mt-2">
           <AceEditor
             value={code}
             mode="python"
@@ -129,7 +129,7 @@ export default function CodeAreaModal({
             onChange={(value) => {
               setCode(value);
             }}
-            className="h-[300px] w-full rounded-lg border-[1px] border-ring custom-scroll "
+            className="w-full rounded-lg h-full custom-scroll border-[1px] border-gray-300 dark:border-gray-600"
           />
         </div>
 
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 8be3f8aaa..f6f8434cc 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -1,4 +1,4 @@
-import { useContext, useRef, useState } from "react";
+import { useContext, useRef, useState, useEffect } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { darkContext } from "../../contexts/darkContext";
 import { postValidatePrompt } from "../../controllers/API";
@@ -14,9 +14,31 @@ import {
 } from "../../components/ui/dialog";
 import { Button } from "../../components/ui/button";
 import { Textarea } from "../../components/ui/textarea";
-import { PROMPT_DIALOG_SUBTITLE, TEXT_DIALOG_SUBTITLE } from "../../constants";
+import {
+  HIGHLIGH_CSS,
+  PROMPT_DIALOG_SUBTITLE,
+  TEXT_DIALOG_SUBTITLE,
+} from "../../constants";
 import { FileText } from "lucide-react";
 import { APIClassType } from "../../types/api";
+import {
+  INVALID_CHARACTERS,
+  TypeModal,
+  classNames,
+  getRandomKeyByssmm,
+  regexHighlight,
+  varHighlightHTML,
+} from "../../utils";
+import { Badge } from "../../components/ui/badge";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "../../components/ui/tooltip";
+import ShadTooltip from "../../components/ShadTooltipComponent";
+import { set } from "lodash";
+import DOMPurify from "dompurify";
 
 export default function GenericModal({
   field_name = "",
@@ -41,7 +63,10 @@ export default function GenericModal({
   const [myModalTitle] = useState(modalTitle);
   const [myModalType] = useState(type);
   const [open, setOpen] = useState(true);
-  const [myValue, setMyValue] = useState(value);
+  const [inputValue, setInputValue] = useState(value);
+  const [isEdit, setIsEdit] = useState(true);
+  const [wordsHighlightInvalid, setWordsHighlightInvalid] = useState([]);
+  const [wordsHighlight, setWordsHighlight] = useState([]);
   const { dark } = useContext(darkContext);
   const { setErrorData, setSuccessData } = useContext(alertContext);
   const { closePopUp, setCloseEdit } = useContext(PopUpContext);
@@ -54,10 +79,108 @@ export default function GenericModal({
     }
   }
 
+  function checkVariables(valueToCheck) {
+    const regex = /\{([^{}]+)\}/g;
+    const matches = [];
+    let match;
+    while ((match = regex.exec(valueToCheck))) {
+      matches.push(`{${match[1]}}`);
+    }
+
+    let invalid_chars = [];
+    let fixed_variables = [];
+    let input_variables = matches;
+    for (let variable of input_variables) {
+      let new_var = variable;
+      for (let char of INVALID_CHARACTERS) {
+        if (variable.includes(char)) {
+          invalid_chars.push(new_var);
+        }
+      }
+      fixed_variables.push(new_var);
+      if (new_var !== variable) {
+        const index = input_variables.indexOf(variable);
+        if (index !== -1) {
+          input_variables.splice(index, 1, new_var);
+        }
+      }
+    }
+
+    const filteredWordsHighlight = matches.filter(
+      (word) => !invalid_chars.includes(word)
+    );
+
+    setWordsHighlightInvalid(invalid_chars);
+    setWordsHighlight(filteredWordsHighlight);
+  }
+
+  useEffect(() => {
+    if (type == TypeModal.PROMPT && inputValue && inputValue != "") {
+      checkVariables(inputValue);
+    }
+  }, []);
+
+  const coloredContent = (inputValue || "")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(regexHighlight, varHighlightHTML({ name: "$1" }))
+    .replace(/\n/g, "<br />");
+
+  const TextAreaContentView = () => {
+    return (
+      <div
+        className={HIGHLIGH_CSS}
+        dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(coloredContent) }}
+        suppressContentEditableWarning={true}
+        onClick={() => {
+          setIsEdit(true);
+        }}
+      />
+    );
+  };
+
+  function validatePrompt(closeModal: boolean) {
+    postValidatePrompt(field_name, inputValue, nodeClass)
+      .then((apiReturn) => {
+        if (apiReturn.data) {
+          setNodeClass(apiReturn.data.frontend_node);
+          setModalOpen(closeModal);
+
+          let inputVariables = apiReturn.data.input_variables;
+          if (inputVariables.length === 0) {
+            setIsEdit(true);
+            setErrorData({
+              title:
+                "The template you are attempting to use does not contain any variables for data entry.",
+            });
+          } else {
+            setIsEdit(false);
+            setSuccessData({
+              title: "Prompt is ready",
+            });
+            setModalOpen(closeModal);
+            setValue(inputValue);
+          }
+        } else {
+          setIsEdit(true);
+          setErrorData({
+            title: "Something went wrong, please try again",
+          });
+        }
+      })
+      .catch((error) => {
+        setIsEdit(true);
+        return setErrorData({
+          title: "There is something wrong with this prompt, please review it",
+          list: [error.response.data.detail],
+        });
+      });
+  }
+
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger></DialogTrigger>
-      <DialogContent className="lg:max-w-[700px]">
+      <DialogContent className="min-w-[80vw]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">{myModalTitle}</span>
@@ -83,17 +206,78 @@ export default function GenericModal({
           </DialogDescription>
         </DialogHeader>
 
-        <div className="mt-2 flex h-full w-full">
-          <Textarea
-            ref={ref}
-            className=" form-primary h-[300px] w-full "
-            value={myValue}
-            onChange={(e) => {
-              setMyValue(e.target.value);
-              setValue(e.target.value);
-            }}
-            placeholder="Type message here."
-          />
+        {type == TypeModal.PROMPT &&
+          inputValue &&
+          inputValue != "" &&
+          wordsHighlight.length > 0 && (
+            <>
+              <div>
+                <span className="">Variables: </span>
+                {wordsHighlight.map((word, index) => (
+                  <ShadTooltip
+                    key={getRandomKeyByssmm() + index}
+                    content={word.replace(/[{}]/g, "")}
+                    asChild={false}
+                    delayDuration={1500}
+                  >
+                    <Badge
+                      key={index}
+                      size="lg"
+                      className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
+                    >
+                      <div className="relative bottom-[1px]">
+                        <span>
+                          {word.replace(/[{}]/g, "").length > 59
+                            ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
+                            : word.replace(/[{}]/g, "")}
+                        </span>
+                      </div>
+                    </Badge>
+                  </ShadTooltip>
+                ))}
+              </div>
+            </>
+          )}
+
+        <div
+          className={classNames(
+            !isEdit ? "rounded-lg border" : "",
+            "flex h-[60vh] w-full"
+          )}
+        >
+          {type == TypeModal.PROMPT && isEdit ? (
+            <Textarea
+              ref={ref}
+              className="form-input h-full w-full rounded-lg border-gray-300 focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white"
+              value={inputValue}
+              onBlur={() => {
+                blur();
+                validatePrompt(true);
+              }}
+              autoFocus
+              onChange={(e) => {
+                setInputValue(e.target.value);
+                setValue(e.target.value);
+                checkVariables(e.target.value);
+              }}
+              placeholder="Type message here."
+            />
+          ) : type == TypeModal.PROMPT && !isEdit ? (
+            <TextAreaContentView />
+          ) : type != TypeModal.PROMPT ? (
+            <Textarea
+              ref={ref}
+              className="form-input h-full w-full rounded-lg border-gray-300 focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white"
+              value={inputValue}
+              onChange={(e) => {
+                setInputValue(e.target.value);
+                setValue(e.target.value);
+              }}
+              placeholder="Type message here."
+            />
+          ) : (
+            <></>
+          )}
         </div>
 
         <DialogFooter>
@@ -105,39 +289,7 @@ export default function GenericModal({
                   setModalOpen(false);
                   break;
                 case 2:
-                  console.log("postValidatePrompt");
-                  postValidatePrompt(field_name, myValue, nodeClass)
-                    .then((apiReturn) => {
-                      if (apiReturn.data) {
-                        setNodeClass(apiReturn.data.frontend_node);
-                        setModalOpen(false);
-
-                        let inputVariables = apiReturn.data.input_variables;
-                        if (inputVariables.length === 0) {
-                          setErrorData({
-                            title:
-                              "The template you are attempting to use does not contain any variables for data entry.",
-                          });
-                        } else {
-                          setSuccessData({
-                            title: "Prompt is ready",
-                          });
-                          setModalOpen(false);
-                          setValue(myValue);
-                        }
-                      } else {
-                        setErrorData({
-                          title: "Something went wrong, please try again",
-                        });
-                      }
-                    })
-                    .catch((error) => {
-                      return setErrorData({
-                        title:
-                          "There is something wrong with this prompt, please review it",
-                        list: [error.response.data.detail],
-                      });
-                    });
+                  validatePrompt(false);
                   break;
 
                 default:
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index a04833ad8..dd46a3759 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -141,3 +141,25 @@ export type ShadTooltipProps = {
   children: ReactNode;
   style?: string;
 };
+export type ShadToolTipType = {
+  content?: string;
+  side?: "top" | "right" | "bottom" | "left";
+  asChild?: boolean;
+  children?: ReactElement;
+  delayDuration?: number;
+};
+
+
+
+export type TextHighlightType = {
+  value?: string;
+  side?: "top" | "right" | "bottom" | "left";
+  asChild?: boolean;
+  children?: ReactElement;
+  delayDuration?: number;
+};
+
+export interface IVarHighlightType {
+  name: string
+}
+
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index c372b7ea2..57f53bbd3 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -49,6 +49,7 @@ import {
 import { SupabaseIcon } from "./icons/supabase";
 import { MongoDBIcon } from "./icons/MongoDB";
 import { VertexAIIcon } from "./icons/VertexAI";
+import { IVarHighlightType } from "./types/components";
 
 export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");
@@ -1006,3 +1007,32 @@ export function getRandomKeyByssmm(): string {
   const milliseconds = String(now.getMilliseconds()).padStart(3, "0");
   return seconds + milliseconds + Math.abs(Math.floor(Math.random() * 10001));
 }
+
+
+export const INVALID_CHARACTERS = [
+  " ",
+  ",",
+  ".",
+  ":",
+  ";",
+  "!",
+  "?",
+  "/",
+  "\\",
+  "(",
+  ")",
+  "[",
+  "]",
+];
+
+export const regexHighlight = /\{([^}]+)\}/g;
+
+
+export const varHighlightHTML = ({ name }: IVarHighlightType) => {
+  const html = `<div class="inline-flex items-center justify-center rounded-md font-medium text-primary bg-muted pb-1">
+  <span class='opacity-60 pl-1'>{</span>
+  <span>${name}</span>
+  <span class='opacity-60 pr-1'>}</span>
+</div>`
+  return html
+}

From 1dcb71b952f3b05a7347a13aace2a021194febc1 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 17:21:03 -0300
Subject: [PATCH 173/367] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20handle?=
 =?UTF-8?q?=20case=20when=20base=5Ftype=20is=20None=20to=20avoid=20ValueEr?=
 =?UTF-8?q?ror=20The=20code=20now=20checks=20if=20the=20`base=5Ftype`=20at?=
 =?UTF-8?q?tribute=20is=20None=20before=20attempting=20to=20instantiate=20?=
 =?UTF-8?q?a=20class.=20If=20`base=5Ftype`=20is=20None,=20a=20ValueError?=
 =?UTF-8?q?=20is=20raised=20with=20a=20descriptive=20error=20message.=20Th?=
 =?UTF-8?q?is=20fix=20prevents=20potential=20errors=20when=20the=20`base?=
 =?UTF-8?q?=5Ftype`=20is=20not=20found=20for=20a=20given=20node.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/base.py | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index 193684cb6..ab3abec46 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -1,5 +1,6 @@
 from langflow.interface.initialize import loading
 from langflow.interface.listing import ALL_TYPES_DICT
+from langflow.utils.constants import DIRECT_TYPES
 from langflow.utils.logger import logger
 from langflow.utils.util import sync_to_async
 
@@ -110,8 +111,14 @@ class Vertex:
                 file_path = value.get("file_path")
 
                 params[key] = file_path
-            elif value.get("type") in ["str", "prompt"] and params.get(key) is None:
+            elif value.get("type") in DIRECT_TYPES and params.get(key) is None:
                 params[key] = value.get("value")
+
+            if not value.get("required") and params.get(key) is None:
+                if value.get("default"):
+                    params[key] = value.get("default")
+                else:
+                    params.pop(key, None)
         # Add _type to params
         self.params = params
 
@@ -176,6 +183,8 @@ class Vertex:
         # and return the instance
 
         try:
+            if self.base_type is None:
+                raise ValueError(f"Base type for node {self.vertex_type} not found")
             result = loading.instantiate_class(
                 node_type=self.vertex_type,
                 base_type=self.base_type,

From 9f24f7830cfb149ff7a0f56819604121d464b3b7 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 5 Jul 2023 19:30:48 -0300
Subject: [PATCH 174/367] =?UTF-8?q?=F0=9F=90=9B=20fix(codeAreaComponent):?=
 =?UTF-8?q?=20adjust=20classNames=20to=20fix=20styling=20issues=20and=20im?=
 =?UTF-8?q?prove=20readability=20=F0=9F=90=9B=20fix(promptComponent):=20ad?=
 =?UTF-8?q?just=20classNames=20to=20fix=20styling=20issues=20and=20improve?=
 =?UTF-8?q?=20readability=20=F0=9F=90=9B=20fix(textAreaComponent):=20adjus?=
 =?UTF-8?q?t=20classNames=20to=20fix=20styling=20issues=20and=20improve=20?=
 =?UTF-8?q?readability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/codeAreaComponent/index.tsx    | 106 ++++++++--------
 .../src/components/promptComponent/index.tsx  | 117 +++++++++---------
 .../components/textAreaComponent/index.tsx    |  11 +-
 3 files changed, 123 insertions(+), 111 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 00578a25a..e0a46f88c 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -30,57 +30,63 @@ export default function CodeAreaComponent({
   }, [value]);
 
   return (
-    <div
-      className={
-        disabled ? "pointer-events-none w-full cursor-not-allowed" : "w-full"
-      }
-    >
-      <div className="flex w-full items-center">
-        <span
-          onClick={() => {
-            openPopUp(
-              <CodeAreaModal
-                value={myValue}
-                nodeClass={nodeClass}
-                setNodeClass={setNodeClass}
-                setValue={(t: string) => {
-                  setMyValue(t);
-                  onChange(t);
-                }}
+    <div className={disabled ? "cursor-not-allowed" : ""}>
+      <div
+        className={
+          (editNode ? "w-full items-center" : "flex w-full items-center") +
+          (disabled ? " pointer-events-none" : "")
+        }
+      >
+        <div className="flex w-full items-center">
+          <span
+            onClick={() => {
+              openPopUp(
+                <CodeAreaModal
+                  value={myValue}
+                  nodeClass={nodeClass}
+                  setNodeClass={setNodeClass}
+                  setValue={(t: string) => {
+                    setMyValue(t);
+                    onChange(t);
+                  }}
+                />
+              );
+            }}
+            className={
+              editNode
+                ? "input-edit-node input-dialog "
+                : "input-dialog input-primary " +
+                  (disabled ? "input-disable" : "")
+            }
+          >
+            {myValue !== "" ? myValue : "Type something..."}
+          </span>
+          <button
+            onClick={() => {
+              openPopUp(
+                <CodeAreaModal
+                  setNodeClass={setNodeClass}
+                  value={myValue}
+                  nodeClass={nodeClass}
+                  setValue={(t: string) => {
+                    setMyValue(t);
+                    onChange(t);
+                  }}
+                />
+              );
+            }}
+          >
+            {!editNode && (
+              <ExternalLink
+                strokeWidth={1.5}
+                className={
+                  "ml-3 h-6 w-6" +
+                  (disabled ? " text-ring" : " hover:text-accent-foreground")
+                }
               />
-            );
-          }}
-          className={
-            editNode
-              ? "input-edit-node input-dialog "
-              : "input-dialog input-primary " +
-                (disabled ? "input-disable" : "")
-          }
-        >
-          {myValue !== "" ? myValue : "Type something..."}
-        </span>
-        <button
-          onClick={() => {
-            openPopUp(
-              <CodeAreaModal
-                setNodeClass={setNodeClass}
-                value={myValue}
-                nodeClass={nodeClass}
-                setValue={(t: string) => {
-                  setMyValue(t);
-                  onChange(t);
-                }}
-              />
-            );
-          }}
-        >
-          {!editNode && (
-            <ExternalLink
-              strokeWidth={1.5}
-              className="ml-3 h-6 w-6  hover:text-accent-foreground"
-            />
-          )}
-        </button>
+            )}
+          </button>
+        </div>
       </div>
     </div>
   );
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 18bf9cc01..8bac5fe7e 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -47,65 +47,66 @@ export default function PromptAreaComponent({
   }, [reactFlowInstance, field_name]);
 
   return (
-    <div
-      className={
-        disabled ? "pointer-events-none w-full cursor-not-allowed" : " w-full"
-      }
-    >
-      <div className="flex w-full items-center">
-        <span
-          onClick={() => {
-            openPopUp(
-              <GenericModal
-                type={TypeModal.PROMPT}
-                value={myValue}
-                buttonText="Check & Save"
-                modalTitle="Edit Prompt"
-                setValue={(t: string) => {
-                  setMyValue(t);
-                  onChange(t);
-                }}
-                nodeClass={nodeClass}
-                setNodeClass={setNodeClass}
+    <div className={disabled ? "cursor-not-allowed" : ""}>
+      <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
+        <div className="flex w-full items-center">
+          <span
+            onClick={() => {
+              openPopUp(
+                <GenericModal
+                  type={TypeModal.PROMPT}
+                  value={myValue}
+                  buttonText="Check & Save"
+                  modalTitle="Edit Prompt"
+                  setValue={(t: string) => {
+                    setMyValue(t);
+                    onChange(t);
+                  }}
+                  nodeClass={nodeClass}
+                  setNodeClass={setNodeClass}
+                />
+              );
+            }}
+            className={
+              editNode
+                ? " input-edit-node " + " input-dialog "
+                : (disabled ? " input-disable " : "") +
+                  " input-primary " +
+                  " input-dialog "
+            }
+          >
+            {myValue !== "" ? myValue : "Type your prompt here"}
+          </span>
+          <button
+            onClick={() => {
+              openPopUp(
+                <GenericModal
+                  field_name={field_name}
+                  type={TypeModal.PROMPT}
+                  value={myValue}
+                  buttonText="Check & Save"
+                  modalTitle="Edit Prompt"
+                  setValue={(t: string) => {
+                    setMyValue(t);
+                    onChange(t);
+                  }}
+                  nodeClass={nodeClass}
+                  setNodeClass={setNodeClass}
+                />
+              );
+            }}
+          >
+            {!editNode && (
+              <ExternalLink
+                strokeWidth={1.5}
+                className={
+                  "ml-3 h-6 w-6" +
+                  (disabled ? " text-ring" : " hover:text-accent-foreground")
+                }
               />
-            );
-          }}
-          className={
-            editNode
-              ? " input-edit-node " + " input-dialog "
-              : (disabled ? " input-disable " : "") +
-                " input-primary " +
-                " input-dialog "
-          }
-        >
-          {myValue !== "" ? myValue : "Type your prompt here"}
-        </span>
-        <button
-          onClick={() => {
-            openPopUp(
-              <GenericModal
-                field_name={field_name}
-                type={TypeModal.PROMPT}
-                value={myValue}
-                buttonText="Check & Save"
-                modalTitle="Edit Prompt"
-                setValue={(t: string) => {
-                  setMyValue(t);
-                  onChange(t);
-                }}
-                nodeClass={nodeClass}
-                setNodeClass={setNodeClass}
-              />
-            );
-          }}
-        >
-          {!editNode && (
-            <ExternalLink
-              strokeWidth={1.5}
-              className="ml-3 h-6 w-6 hover:text-accent-foreground"
-            />
-          )}
-        </button>
+            )}
+          </button>
+        </div>
       </div>
     </div>
   );
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index b175da5de..c62af4b30 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -27,10 +27,11 @@ export default function TextAreaComponent({
   }, [closePopUp]);
 
   return (
-    <div className={disabled ? "pointer-events-none cursor-not-allowed" : ""}>
+    <div className={disabled ? "cursor-not-allowed" : ""}>
       <div
         className={
-          editNode ? "w-full items-center" : "flex w-full items-center"
+          (editNode ? "w-full items-center" : "flex w-full items-center") +
+          (disabled ? " pointer-events-none" : "")
         }
       >
         <span
@@ -57,6 +58,7 @@ export default function TextAreaComponent({
         >
           {myValue !== "" ? myValue : "Type something..."}
         </span>
+
         <button
           onClick={() => {
             openPopUp(
@@ -76,7 +78,10 @@ export default function TextAreaComponent({
           {!editNode && (
             <ExternalLink
               strokeWidth={1.5}
-              className="ml-3 h-6 w-6 hover:text-accent-foreground"
+              className={
+                "ml-3 h-6 w-6" +
+                (disabled ? " text-ring" : " hover:text-accent-foreground")
+              }
             />
           )}
         </button>

From 100419833f6d0f7d2f29f698474dedcb71976f9b Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 5 Jul 2023 19:40:52 -0300
Subject: [PATCH 175/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatTrigger):=20upda?=
 =?UTF-8?q?te=20className=20condition=20to=20disable=20chat=20trigger=20bu?=
 =?UTF-8?q?tton=20when=20isBuilt=20is=20false=20or=20canOpen=20is=20false?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/chatComponent/chatTrigger/index.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index c46a720b2..14fe4f73d 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -46,14 +46,14 @@ export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
         onClick={handleClick}
         className={
           "shadow-round-btn-shadow hover:shadow-round-btn-shadow fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center rounded-full bg-border px-3 py-1 shadow-md transition-all " +
-          (!isBuilt ? "cursor-not-allowed" : "cursor-pointer")
+          (!isBuilt || !canOpen ? "cursor-not-allowed" : "cursor-pointer")
         }
       >
         <div className="flex gap-3">
           <MessagesSquare
             className={
               "h-6 w-6 transition-all " +
-              (isBuilt
+              (isBuilt && canOpen
                 ? "fill-chat-trigger stroke-chat-trigger stroke-1"
                 : "fill-chat-trigger-disabled stroke-chat-trigger-disabled stroke-1")
             }

From 605f7cecb2b2af44f57573e16f464e24f54310ae Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 20:06:27 -0300
Subject: [PATCH 176/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chat.py):=20handle?=
 =?UTF-8?q?=20case=20when=20artifacts=20is=20empty=20to=20prevent=20potent?=
 =?UTF-8?q?ial=20error=20The=20code=20now=20handles=20the=20case=20when=20?=
 =?UTF-8?q?the=20`artifacts`=20variable=20is=20empty=20by=20setting=20`inp?=
 =?UTF-8?q?ut=5Fkeys=5Fresponse`=20to=20an=20empty=20dictionary.=20This=20?=
 =?UTF-8?q?prevents=20potential=20errors=20that=20could=20occur=20when=20t?=
 =?UTF-8?q?rying=20to=20build=20the=20`input=5Fkeys=5Fresponse`=20object.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/chat.py | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index 2423d1431..164dd2dd5 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -160,7 +160,13 @@ async def stream_build(flow_id: str):
                 input_keys_response = build_input_keys_response(
                     langchain_object, artifacts
                 )
-                yield str(StreamData(event="message", data=input_keys_response))
+            else:
+                input_keys_response = {
+                    "input_keys": {},
+                    "memory_keys": [],
+                    "handle_keys": [],
+                }
+            yield str(StreamData(event="message", data=input_keys_response))
 
             chat_manager.set_cache(flow_id, langchain_object)
             # We need to reset the chat history

From f84cd4026aa1a0651b7bbdf338599b23a1b08cd3 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 20:09:11 -0300
Subject: [PATCH 177/367] =?UTF-8?q?=F0=9F=90=9B=20fix(validate.py):=20set?=
 =?UTF-8?q?=20the=20value=20of=20the=20template=20field=20to=20an=20empty?=
 =?UTF-8?q?=20string=20The=20value=20of=20the=20template=20field=20is=20no?=
 =?UTF-8?q?w=20set=20to=20an=20empty=20string=20to=20ensure=20consistency?=
 =?UTF-8?q?=20and=20avoid=20potential=20issues=20with=20undefined=20values?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/validate.py | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/backend/langflow/api/v1/validate.py b/src/backend/langflow/api/v1/validate.py
index aa3748785..2a5bdd673 100644
--- a/src/backend/langflow/api/v1/validate.py
+++ b/src/backend/langflow/api/v1/validate.py
@@ -73,12 +73,14 @@ def add_new_variables_to_template(input_variables, prompt_request):
                 advanced=False,
                 multiline=True,
                 input_types=["Document", "BaseOutputParser"],
+                value="",  # Set the value to empty string
             )
             if variable in prompt_request.frontend_node.template:
                 # Set the new field with the old value
                 template_field.value = prompt_request.frontend_node.template[variable][
                     "value"
                 ]
+
             prompt_request.frontend_node.template[variable] = template_field.to_dict()
 
             # Check if variable is not already in the list before appending

From ed17a621af9fbbe6b6db1de8ac12106e1beac00b Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 5 Jul 2023 20:25:49 -0300
Subject: [PATCH 178/367] Changed chat history to contain all keys unformatted,
 added accordion with all keys

---
 .../modals/formModal/chatMessage/index.tsx    | 43 ++++++++++++-------
 src/frontend/src/modals/formModal/index.tsx   | 26 +++++------
 src/frontend/src/types/api/index.ts           |  2 +-
 src/frontend/src/types/chat/index.ts          |  3 +-
 4 files changed, 43 insertions(+), 31 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index ede2ce242..252fbf7c3 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -11,6 +11,12 @@ import remarkMath from "remark-math";
 import { CodeBlock } from "./codeBlock";
 import Convert from "ansi-to-html";
 import { User2, MessageSquare } from "lucide-react";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "../../../components/ui/accordion";
 
 export default function ChatMessage({
   chat,
@@ -22,16 +28,11 @@ export default function ChatMessage({
   lastMessage: boolean;
 }) {
   const convert = new Convert({ newline: true });
-  const [message, setMessage] = useState("");
-  const imgRef = useRef(null);
-  useEffect(() => {
-    setMessage(chat.message);
-  }, [chat.message]);
   const [hidden, setHidden] = useState(true);
   return (
     <div
       className={classNames(
-        "flex w-full px-2 py-2 pl-4 pr-9",
+        "flex w-full px-2 py-6 pl-4 pr-9",
         chat.isSend ? " bg-border" : " "
       )}
     >
@@ -77,14 +78,14 @@ export default function ChatMessage({
               <div
                 onClick={() => setHidden((prev) => !prev)}
                 className=" ml-3 inline-block h-full w-[95%] cursor-pointer overflow-scroll rounded-md border
-								border-gray-300 bg-muted px-2 pb-3 pt-3 text-start text-primary scrollbar-hide dark:border-gray-500 dark:bg-gray-800"
+								border-gray-300 bg-muted px-2 text-start text-primary scrollbar-hide dark:border-gray-500 dark:bg-gray-800"
                 dangerouslySetInnerHTML={{
                   __html: convert.toHtml(chat.thought),
                 }}
               ></div>
             )}
             {chat.thought && chat.thought !== "" && !hidden && <br></br>}
-            <div className="w-full pb-3 pt-3">
+            <div className="w-full">
               <div className="w-full dark:text-white">
                 <div className="w-full">
                   <ReactMarkdown
@@ -125,7 +126,7 @@ export default function ChatMessage({
                       },
                     }}
                   >
-                    {message}
+                    {chat.message.toString()}
                   </ReactMarkdown>
                 </div>
                 {chat.files && (
@@ -148,14 +149,24 @@ export default function ChatMessage({
           </div>
         </div>
       ) : (
-        <div className="flex w-full items-center">
+        <div className="flex w-full flex-1 items-center">
           <div className="inline-block text-start">
-            <span
-              className="text-primary"
-              dangerouslySetInnerHTML={{
-                __html: message.replace(/\n/g, "<br>"),
-              }}
-            ></span>
+            <span className="text-primary">
+              <Accordion
+                type="multiple"
+                className="my-2 w-full rounded-md bg-muted p-2"
+              >
+                {Object.keys(chat.message)
+                  .filter((key) => key !== chat.chatKey)
+                  .map((key) => (
+                    <AccordionItem value={key}>
+                      <AccordionTrigger>{key}</AccordionTrigger>
+                      <AccordionContent>{chat.message[key]}</AccordionContent>
+                    </AccordionItem>
+                  ))}
+              </Accordion>
+              {chat.message[chat.chatKey]}
+            </span>
           </div>
         </div>
       )}
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 549dc9f1c..110dae303 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -91,19 +91,20 @@ export default function FormModal({
   var isStream = false;
 
   const addChatHistory = (
-    message: string,
+    message: string | Object,
     isSend: boolean,
+    chatKey: string,
     thought?: string,
     files?: Array<any>
   ) => {
     setChatHistory((old) => {
       let newChat = _.cloneDeep(old);
       if (files) {
-        newChat.push({ message, isSend, files, thought });
+        newChat.push({ message, isSend, files, thought, chatKey });
       } else if (thought) {
-        newChat.push({ message, isSend, thought });
+        newChat.push({ message, isSend, thought, chatKey });
       } else {
-        newChat.push({ message, isSend });
+        newChat.push({ message, isSend, chatKey });
       }
       return newChat;
     });
@@ -175,6 +176,7 @@ export default function FormModal({
             is_bot: boolean;
             message: string;
             type: string;
+            chatKey: string;
             files?: Array<any>;
           }) => {
             if (chatItem.message) {
@@ -182,14 +184,16 @@ export default function FormModal({
                 chatItem.files
                   ? {
                       isSend: !chatItem.is_bot,
-                      message: formatMessage(chatItem.message),
+                      message: chatItem.message,
                       thought: chatItem.intermediate_steps,
                       files: chatItem.files,
+                      chatKey: chatItem.chatKey,
                     }
                   : {
                       isSend: !chatItem.is_bot,
-                      message: formatMessage(chatItem.message),
+                      message: chatItem.message,
                       thought: chatItem.intermediate_steps,
+                      chatKey: chatItem.chatKey,
                     }
               );
             }
@@ -199,7 +203,7 @@ export default function FormModal({
       });
     }
     if (data.type === "start") {
-      addChatHistory("", false);
+      addChatHistory("", false, chatKey);
       isStream = true;
     }
     if (data.type === "end") {
@@ -326,10 +330,6 @@ export default function FormModal({
       // so the formated message is a string with the keys and values separated by ": "
       let message = "";
       for (const [key, value] of Object.entries(inputs)) {
-        // make key bold
-        // dangerouslySetInnerHTML={{
-        //           __html: message.replace(/\n/g, "<br>"),
-        //         }}
         message += `<b>${key}</b>: ${value}\n`;
       }
       return message;
@@ -344,8 +344,8 @@ export default function FormModal({
         setLockChat(true);
         let inputs = tabsState[id.current].formKeysData.input_keys;
         setChatValue("");
-        const message = formatMessage(inputs);
-        addChatHistory(message, true);
+        const message = inputs;
+        addChatHistory(message, true, chatKey);
         sendAll({
           ...reactFlowInstance.toObject(),
           inputs: inputs,
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index d5529009a..505aae044 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -37,7 +37,7 @@ export type sendAllProps = {
   viewport: Viewport;
   inputs: any;
 
-  chatHistory: { message: string; isSend: boolean }[];
+  chatHistory: { message: string | object; isSend: boolean }[];
 };
 export type errorsTypeAPI = {
   function: { errors: Array<string> };
diff --git a/src/frontend/src/types/chat/index.ts b/src/frontend/src/types/chat/index.ts
index e4e0c1627..546408e65 100644
--- a/src/frontend/src/types/chat/index.ts
+++ b/src/frontend/src/types/chat/index.ts
@@ -3,8 +3,9 @@ import { FlowType } from "../flow";
 
 export type ChatType = { flow: FlowType; reactFlowInstance: ReactFlowInstance };
 export type ChatMessageType = {
-  message: string;
+  message: string | Object;
   isSend: boolean;
   thought?: string;
   files?: Array<{ data: string; type: string; data_type: string }>;
+  chatKey: string;
 };

From a8900c429d594197de1295b0c76c7f4636329dd4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 5 Jul 2023 20:35:39 -0300
Subject: [PATCH 179/367] =?UTF-8?q?=F0=9F=94=A7=20chore(base.py):=20improv?=
 =?UTF-8?q?e=20the=20representation=20of=20the=20built=20object=20in=20the?=
 =?UTF-8?q?=20Vertex=20class=20The=20representation=20of=20the=20built=20o?=
 =?UTF-8?q?bject=20in=20the=20Vertex=20class=20has=20been=20improved=20to?=
 =?UTF-8?q?=20provide=20more=20meaningful=20information.=20Instead=20of=20?=
 =?UTF-8?q?returning=20the=20actual=20object=20representation,=20it=20now?=
 =?UTF-8?q?=20returns=20"Built=20successfully"=20if=20the=20object=20has?=
 =?UTF-8?q?=20been=20built,=20or=20"Not=20built=20yet"=20if=20the=20object?=
 =?UTF-8?q?=20has=20not=20been=20built=20yet.=20This=20change=20enhances?=
 =?UTF-8?q?=20the=20clarity=20and=20readability=20of=20the=20code.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/base.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index ab3abec46..67fd4e005 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -226,4 +226,4 @@ class Vertex:
         return id(self)
 
     def _built_object_repr(self):
-        return repr(self._built_object)
+        return "Built sucessfully" if self._built_object else "Not built yet"

From 0bb664f3ad3640274e53809b3624bedbeafcd486 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 00:29:05 -0300
Subject: [PATCH 180/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage):=20fix?=
 =?UTF-8?q?=20styling=20issue=20in=20ChatMessage=20component=20to=20ensure?=
 =?UTF-8?q?=20proper=20alignment=20and=20text=20wrapping=20=F0=9F=90=9B=20?=
 =?UTF-8?q?fix(chatMessage):=20add=20max=20height=20and=20overflow=20to=20?=
 =?UTF-8?q?AccordionContent=20in=20ChatMessage=20component=20to=20prevent?=
 =?UTF-8?q?=20content=20overflow=20=F0=9F=90=9B=20fix(formModal):=20adjust?=
 =?UTF-8?q?=20width=20of=20left=20panel=20in=20FormModal=20component=20to?=
 =?UTF-8?q?=20improve=20layout=20=F0=9F=90=9B=20fix(formModal):=20fix=20fl?=
 =?UTF-8?q?exbox=20alignment=20issue=20in=20right=20panel=20of=20FormModal?=
 =?UTF-8?q?=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modals/formModal/chatMessage/index.tsx         | 10 ++++++----
 src/frontend/src/modals/formModal/index.tsx            |  4 ++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 252fbf7c3..2c59fee61 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -149,9 +149,9 @@ export default function ChatMessage({
           </div>
         </div>
       ) : (
-        <div className="flex w-full flex-1 items-center">
-          <div className="inline-block text-start">
-            <span className="text-primary">
+        <div className="flex w-full items-center">
+          <div className="inline-block w-full text-start">
+            <span className="w-full break-all text-primary">
               <Accordion
                 type="multiple"
                 className="my-2 w-full rounded-md bg-muted p-2"
@@ -161,7 +161,9 @@ export default function ChatMessage({
                   .map((key) => (
                     <AccordionItem value={key}>
                       <AccordionTrigger>{key}</AccordionTrigger>
-                      <AccordionContent>{chat.message[key]}</AccordionContent>
+                      <AccordionContent className="max-h-96 overflow-auto break-all">
+                        {chat.message[key]}
+                      </AccordionContent>
                     </AccordionItem>
                   ))}
               </Accordion>
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 110dae303..bf81814a1 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -404,7 +404,7 @@ export default function FormModal({
           </DialogHeader>
 
           <div className="mt-2 flex h-[80vh] w-full ">
-            <div className="mr-6 flex h-full w-2/5 flex-col justify-start overflow-auto scrollbar-hide">
+            <div className="mr-6 flex h-full w-2/6 flex-col justify-start overflow-auto scrollbar-hide">
               <div className="flex items-center py-2">
                 <Variable className=" -ml-px mr-1 h-4 w-4 text-primary"></Variable>
                 <span className="text-md font-semibold text-primary">
@@ -496,7 +496,7 @@ export default function FormModal({
                 ))}
               </Accordion>
             </div>
-            <div className="w-full">
+            <div className="flex w-full flex-1 flex-col">
               <div className="relative flex h-full w-full flex-col rounded-md border bg-muted">
                 <div className="absolute right-3 top-3 z-50">
                   <button disabled={lockChat} onClick={() => clearChat()}>

From 4f4e77838f094613a0ab7c99a0dd7a68ac0efa82 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 01:32:36 -0300
Subject: [PATCH 181/367] =?UTF-8?q?=F0=9F=90=9B=20fix(accordion.tsx):=20re?=
 =?UTF-8?q?move=20unnecessary=20hover=20effect=20on=20AccordionTrigger=20t?=
 =?UTF-8?q?o=20improve=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🐛 fix(chatMessage/index.tsx): refactor chat message rendering to improve readability and remove unnecessary code
---
 src/frontend/src/components/ui/accordion.tsx  |  2 +-
 .../modals/formModal/chatMessage/index.tsx    | 64 +++++++------------
 2 files changed, 25 insertions(+), 41 deletions(-)

diff --git a/src/frontend/src/components/ui/accordion.tsx b/src/frontend/src/components/ui/accordion.tsx
index 684b257fc..5e3e76f33 100644
--- a/src/frontend/src/components/ui/accordion.tsx
+++ b/src/frontend/src/components/ui/accordion.tsx
@@ -27,7 +27,7 @@ const AccordionTrigger = React.forwardRef<
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all [&[data-state=open]>svg]:rotate-180",
         className
       )}
       {...props}
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 2c59fee61..f454c1ce0 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -36,31 +36,15 @@ export default function ChatMessage({
         chat.isSend ? " bg-border" : " "
       )}
     >
-      <div
-        className={classNames(
-          "mx-3 my-3 flex h-8 w-8 items-center justify-center overflow-hidden rounded-full"
-        )}
-      >
-        {!chat.isSend && (
-          <div className="relative h-8 w-8">
-            <img
-              className={
-                "absolute scale-150 transition-opacity duration-500 " +
-                (lockChat ? "opacity-100" : "opacity-0")
-              }
-              src={lastMessage ? AiIcon : AiIconStill}
-            />
-            <img
-              className={
-                "absolute scale-150 transition-opacity duration-500 " +
-                (lockChat ? "opacity-0" : "opacity-100")
-              }
-              src={AiIconStill}
-            />
+      <div className={classNames("my-3 ml-3 mr-6 ")}>
+        {!chat.isSend ? (
+          <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
+            🤖
+          </div>
+        ) : (
+          <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
+            👨‍💻
           </div>
-        )}
-        {chat.isSend && (
-          <User2 className="h-6 w-6 text-gray-800 dark:text-gray-200" />
         )}
       </div>
       {!chat.isSend ? (
@@ -150,22 +134,22 @@ export default function ChatMessage({
         </div>
       ) : (
         <div className="flex w-full items-center">
-          <div className="inline-block w-full text-start">
-            <span className="w-full break-all text-primary">
-              <Accordion
-                type="multiple"
-                className="my-2 w-full rounded-md bg-muted p-2"
-              >
-                {Object.keys(chat.message)
-                  .filter((key) => key !== chat.chatKey)
-                  .map((key) => (
-                    <AccordionItem value={key}>
-                      <AccordionTrigger>{key}</AccordionTrigger>
-                      <AccordionContent className="max-h-96 overflow-auto break-all">
-                        {chat.message[key]}
-                      </AccordionContent>
-                    </AccordionItem>
-                  ))}
+          <div className="inline-block text-start">
+            <span className=" break-all text-primary">
+              <Accordion type="single" collapsible className="mb-4">
+                <AccordionItem
+                  className=" rounded-md border border-ring/60 bg-muted px-4"
+                  value="prompt"
+                >
+                  <AccordionTrigger className="flex gap-4 font-semibold">
+                    Initial Prompt
+                  </AccordionTrigger>
+                  <AccordionContent className="max-h-96 overflow-auto break-all p-2">
+                    {Object.keys(chat.message)
+                      .filter((key) => key !== chat.chatKey)
+                      .map((key) => chat.message[key])}
+                  </AccordionContent>
+                </AccordionItem>
               </Accordion>
               {chat.message[chat.chatKey]}
             </span>

From d6ec2a4713d2fc58b05b2ff865895978a2a4ac62 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 01:34:37 -0300
Subject: [PATCH 182/367] =?UTF-8?q?=F0=9F=94=A7=20fix(chatMessage/index.ts?=
 =?UTF-8?q?x):=20change=20margin-bottom=20class=20from=20"my-3"=20to=20"mb?=
 =?UTF-8?q?-3"=20and=20add=20margin-top=20class=20"mt-1"=20to=20improve=20?=
 =?UTF-8?q?spacing=20and=20alignment=20of=20chat=20message=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index f454c1ce0..7395b0908 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -36,7 +36,7 @@ export default function ChatMessage({
         chat.isSend ? " bg-border" : " "
       )}
     >
-      <div className={classNames("my-3 ml-3 mr-6 ")}>
+      <div className={classNames("mb-3 ml-3 mr-6 mt-1 ")}>
         {!chat.isSend ? (
           <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
             🤖

From 7951ccfc77b8ccaf7f28621f8cbc9e64e486391c Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 10:27:26 -0300
Subject: [PATCH 183/367] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20fix=20lo?=
 =?UTF-8?q?gic=20for=20checking=20and=20fixing=20input=20variables=20in=20?=
 =?UTF-8?q?check=5Finput=5Fvariables=20function=20=F0=9F=94=8D=20refactor(?=
 =?UTF-8?q?base.py):=20refactor=20build=5Ferror=5Fmessage=20function=20to?=
 =?UTF-8?q?=20improve=20readability=20and=20error=20message=20generation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The check_input_variables function now correctly handles empty variables and variables that start with a number. It removes invalid characters from the variables and adds them to the wrong_variables set. The build_error_message function has been refactored to generate a more informative error message, including details about invalid characters, wrong variables, empty variables, and duplicate variables. This improves the clarity of error messages when validating input variables.
---
 src/backend/langflow/api/v1/base.py | 58 ++++++++++++++++++++++++-----
 1 file changed, 48 insertions(+), 10 deletions(-)

diff --git a/src/backend/langflow/api/v1/base.py b/src/backend/langflow/api/v1/base.py
index 7d91cab01..557395558 100644
--- a/src/backend/langflow/api/v1/base.py
+++ b/src/backend/langflow/api/v1/base.py
@@ -71,30 +71,68 @@ def validate_prompt(template: str):
     except Exception as exc:
         raise ValueError(str(exc)) from exc
 
-    # if len(input_variables) > 1:
-    #     # If there's more than one input variable
-
     return input_variables
 
 
 def check_input_variables(input_variables: list):
     invalid_chars = []
     fixed_variables = []
+    wrong_variables = set()
+    empty_variables = []
     for variable in input_variables:
         new_var = variable
+
+        # if variable is empty, then we should add that to the wrong variables
+        if not variable:
+            empty_variables.append(variable)
+            continue
+
+        # if variable starts with a number we should add that to the invalid chars
+        # and wrong variables
+        if variable[0].isdigit():
+            invalid_chars.append(variable[0])
+            new_var = new_var.replace(variable[0], "")
+            wrong_variables.add(variable)
+
         for char in INVALID_CHARACTERS:
             if char in variable:
                 invalid_chars.append(char)
                 new_var = new_var.replace(char, "")
+                wrong_variables.add(variable)
         fixed_variables.append(new_var)
-        if new_var != variable:
-            input_variables.remove(variable)
-            input_variables.append(new_var)
+        # if new_var != variable and new_var not in input_variables:
+        #     input_variables.remove(variable)
+        #     input_variables.append(new_var)
     # If any of the input_variables is not in the fixed_variables, then it means that
     # there are invalid characters in the input_variables
-    if any(var not in fixed_variables for var in input_variables):
-        raise ValueError(
-            f"Invalid input variables: {input_variables}. Please, use something like {fixed_variables} instead."
-        )
 
+    if any(var not in fixed_variables for var in input_variables):
+        error_message = build_error_message(
+            input_variables,
+            invalid_chars,
+            wrong_variables,
+            fixed_variables,
+            empty_variables,
+        )
+        raise ValueError(error_message)
     return input_variables
+
+
+def build_error_message(
+    input_variables, invalid_chars, wrong_variables, fixed_variables, empty_variables
+):
+    input_variables_str = ", ".join([f"'{var}'" for var in input_variables])
+    error_string = f"Invalid input variables: {input_variables_str}."
+
+    if wrong_variables and invalid_chars:
+        ", ".join([f"'{var}'" for var in wrong_variables])
+        invalid_chars_str = ", ".join([f"'{char}'" for char in invalid_chars])
+        error_string += (
+            f" Please, remove the invalid characters: {invalid_chars_str}"
+            " from the variables: {wrong_variables_str}."
+        )
+    elif empty_variables:
+        error_string += f" There are {len(empty_variables)} empty variable{'s' if len(empty_variables) > 1 else ''}."
+    elif len(set(fixed_variables)) != len(fixed_variables):
+        error_string += " There are duplicate variables."
+    return error_string

From 01ecf37893f92e7aad3ee05ab79b82c9e5b2b0c2 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 15:09:19 -0300
Subject: [PATCH 184/367] =?UTF-8?q?=F0=9F=90=9B=20fix(genericModal/index.t?=
 =?UTF-8?q?sx):=20remove=20redundant=20setValue=20call=20to=20fix=20a=20bu?=
 =?UTF-8?q?g=20where=20the=20value=20was=20being=20set=20twice=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(textAreaModal/index.tsx):=20remove=20redunda?=
 =?UTF-8?q?nt=20setValue=20call=20to=20fix=20a=20bug=20where=20the=20value?=
 =?UTF-8?q?=20was=20being=20set=20twice?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/genericModal/index.tsx  | 2 +-
 src/frontend/src/modals/textAreaModal/index.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 8be3f8aaa..cd8f1408e 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -90,7 +90,6 @@ export default function GenericModal({
             value={myValue}
             onChange={(e) => {
               setMyValue(e.target.value);
-              setValue(e.target.value);
             }}
             placeholder="Type message here."
           />
@@ -100,6 +99,7 @@ export default function GenericModal({
           <Button
             className="mt-3"
             onClick={() => {
+              setValue(myValue);
               switch (myModalType) {
                 case 1:
                   setModalOpen(false);
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
index f1e47b738..cd74a426d 100644
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ b/src/frontend/src/modals/textAreaModal/index.tsx
@@ -11,7 +11,7 @@ export default function TextAreaModal({
   setValue,
 }: {
   setValue: (value: string) => void;
-  value: string | string[];
+  value: string;
 }) {
   const [open, setOpen] = useState(true);
   const [myValue, setMyValue] = useState(value);
@@ -96,7 +96,6 @@ export default function TextAreaModal({
                           value={myValue}
                           onChange={(e) => {
                             setMyValue(e.target.value);
-                            setValue(e.target.value);
                           }}
                         />
                       </div>
@@ -107,6 +106,7 @@ export default function TextAreaModal({
                       type="button"
                       className="inline-flex w-full justify-center rounded-md border border-transparent px-4 py-2 text-base font-medium text-background shadow-sm hover:bg-ring focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-1 sm:ml-3 sm:w-auto sm:text-sm"
                       onClick={() => {
+                        setValue(myValue);
                         setModalOpen(false);
                       }}
                     >

From 798be36cd85c89c8dab3483c0d4d11417502370c Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 15:27:36 -0300
Subject: [PATCH 185/367] =?UTF-8?q?=F0=9F=90=9B=20fix(genericModal/index.t?=
 =?UTF-8?q?sx):=20change=20validatePrompt=20function=20call=20to=20setIsEd?=
 =?UTF-8?q?it=20to=20fix=20incorrect=20behavior=20when=20blurring=20input?=
 =?UTF-8?q?=20field?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/genericModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index d3b3dcdbf..27da188ed 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -252,7 +252,7 @@ export default function GenericModal({
               value={inputValue}
               onBlur={() => {
                 blur();
-                validatePrompt(true);
+                setIsEdit(false);
               }}
               autoFocus
               onChange={(e) => {

From 5dc73b41b63794b895d6a83352419ee177686d56 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 15:28:54 -0300
Subject: [PATCH 186/367] =?UTF-8?q?=F0=9F=90=9B=20fix(genericModal/index.t?=
 =?UTF-8?q?sx):=20move=20setValue(inputValue)=20before=20the=20switch=20st?=
 =?UTF-8?q?atement=20to=20ensure=20proper=20value=20assignment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/genericModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 27da188ed..3367c956b 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -282,9 +282,9 @@ export default function GenericModal({
           <Button
             className="mt-3"
             onClick={() => {
-              setValue(inputValue);
               switch (myModalType) {
                 case 1:
+                  setValue(inputValue);
                   setModalOpen(false);
                   break;
                 case 2:

From be26ed9979553fbc979aee0bac4b490d665a1b1d Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 15:32:39 -0300
Subject: [PATCH 187/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(textAreaModal/i?=
 =?UTF-8?q?ndex.tsx):=20remove=20unused=20imports=20and=20code,=20simplify?=
 =?UTF-8?q?=20component=20structure=20for=20better=20readability=20and=20m?=
 =?UTF-8?q?aintainability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modals/textAreaModal/index.tsx        | 124 ------------------
 1 file changed, 124 deletions(-)
 delete mode 100644 src/frontend/src/modals/textAreaModal/index.tsx

diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
deleted file mode 100644
index cd74a426d..000000000
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import { Dialog, Transition } from "@headlessui/react";
-import {
-  XMarkIcon,
-  ClipboardDocumentListIcon,
-} from "@heroicons/react/24/outline";
-import { Fragment, useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-
-export default function TextAreaModal({
-  value,
-  setValue,
-}: {
-  setValue: (value: string) => void;
-  value: string;
-}) {
-  const [open, setOpen] = useState(true);
-  const [myValue, setMyValue] = useState(value);
-  const { closePopUp, setCloseEdit } = useContext(PopUpContext);
-  const ref = useRef();
-  function setModalOpen(x: boolean) {
-    setOpen(x);
-    if (x === false) {
-      setTimeout(() => {
-        setCloseEdit("textarea");
-        closePopUp();
-      }, 300);
-    }
-  }
-  return (
-    <Transition.Root show={open} appear={true} as={Fragment}>
-      <Dialog
-        as="div"
-        className="relative z-10"
-        onClose={setModalOpen}
-        initialFocus={ref}
-      >
-        <Transition.Child
-          as={Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="fixed inset-0 bg-ring   bg-opacity-75 transition-opacity" />
-        </Transition.Child>
-
-        <div className="fixed inset-0 z-10 overflow-y-auto">
-          <div className="flex h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
-            <Transition.Child
-              as={Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              enterTo="opacity-100 translate-y-0 sm:scale-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            >
-              <Dialog.Panel className="relative flex h-[600px] w-[700px] transform flex-col justify-between overflow-hidden rounded-lg bg-background text-left shadow-xl transition-all sm:my-8">
-                <div className=" absolute right-0 top-0 z-50 hidden pr-4 pt-4 sm:block">
-                  <button
-                    type="button"
-                    className="rounded-md text-ring hover:text-accent-foreground"
-                    onClick={() => {
-                      setModalOpen(false);
-                    }}
-                  >
-                    <span className="sr-only">Close</span>
-                    <XMarkIcon className="h-6 w-6" aria-hidden="true" />
-                  </button>
-                </div>
-                <div className="flex h-full w-full flex-col items-center justify-center">
-                  <div className="z-10 flex w-full justify-center pb-4 shadow-sm">
-                    <div className="mx-auto mt-4 flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-almost-light-blue sm:mx-0 sm:h-10 sm:w-10">
-                      <ClipboardDocumentListIcon
-                        className="h-6 w-6 text-almost-medium-blue"
-                        aria-hidden="true"
-                      />
-                    </div>
-                    <div className="mt-4 text-center sm:ml-4 sm:text-left">
-                      <Dialog.Title
-                        as="h3"
-                        className="text-lg font-medium leading-10 text-foreground"
-                      >
-                        Edit text
-                      </Dialog.Title>
-                    </div>
-                  </div>
-                  <div className="flex h-full w-full flex-row items-center justify-center gap-4 bg-input p-4">
-                    <div className="flex h-full w-full">
-                      <div className="w-full overflow-hidden rounded-lg bg-background px-4 py-5 shadow sm:p-6">
-                        <textarea
-                          ref={ref}
-                          className="form-primary form-input h-full w-full"
-                          value={myValue}
-                          onChange={(e) => {
-                            setMyValue(e.target.value);
-                          }}
-                        />
-                      </div>
-                    </div>
-                  </div>
-                  <div className="flex w-full flex-row-reverse bg-input px-4 pb-3">
-                    <button
-                      type="button"
-                      className="inline-flex w-full justify-center rounded-md border border-transparent px-4 py-2 text-base font-medium text-background shadow-sm hover:bg-ring focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-1 sm:ml-3 sm:w-auto sm:text-sm"
-                      onClick={() => {
-                        setValue(myValue);
-                        setModalOpen(false);
-                      }}
-                    >
-                      Finish editing
-                    </button>
-                  </div>
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition.Root>
-  );
-}

From 049a41d25e6d77c6cb569eb3e749cea290358bc4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 15:18:55 -0300
Subject: [PATCH 188/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(GenericNode/ind?=
 =?UTF-8?q?ex.tsx):=20remove=20unnecessary=20console.log=20statement=20?=
 =?UTF-8?q?=F0=9F=94=A5=20refactor(buildTrigger/index.tsx):=20remove=20unn?=
 =?UTF-8?q?ecessary=20console.log=20statement=20The=20console.log=20statem?=
 =?UTF-8?q?ents=20were=20removed=20as=20they=20were=20no=20longer=20needed?=
 =?UTF-8?q?=20and=20were=20cluttering=20the=20code.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx     | 10 +++++-----
 .../components/chatComponent/buildTrigger/index.tsx    |  2 --
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 4e0f4ef18..c2226a126 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -66,7 +66,6 @@ export default function GenericNode({
     deleteNode(data.id);
     return;
   }
-  console.log(data);
   useEffect(() => {}, [closePopUp, data.node.template]);
   return (
     <>
@@ -121,10 +120,11 @@ export default function GenericNode({
                     "Validating..."
                   ) : (
                     <div className="max-h-96 overflow-auto">
-                      {validationStatus.params ||
-                        ""
-                          .split("\n")
-                          .map((line, index) => <div key={index}>{line}</div>)}
+                      {validationStatus.params
+                        ? validationStatus.params
+                            .split("\n")
+                            .map((line, index) => <div key={index}>{line}</div>)
+                        : ""}
                     </div>
                   )
                 }
diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 7abb29224..8b7b1ca0e 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -8,7 +8,6 @@ import { useSSE } from "../../../contexts/SSEContext";
 import { typesContext } from "../../../contexts/typesContext";
 import { alertContext } from "../../../contexts/alertContext";
 import { postBuildInit } from "../../../controllers/API";
-import ShadTooltip from "../../ShadTooltipComponent";
 
 import RadialProgressComponent from "../../RadialProgress";
 import { TabsContext } from "../../../contexts/tabsContext";
@@ -76,7 +75,6 @@ export default function BuildTrigger({
     const eventSource = new EventSource(apiUrl);
 
     eventSource.onmessage = (event) => {
-      console.log(event);
       // If the event is parseable, return
       if (!event.data) {
         return;

From 56b23c4a1dac5d07c103e20e5aa47c5957fde078 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 15:22:47 -0300
Subject: [PATCH 189/367] =?UTF-8?q?=F0=9F=94=A7=20chore(types.py):=20add?=
 =?UTF-8?q?=20missing=20return=20statement=20in=20=5Fbuilt=5Fobject=5Frepr?=
 =?UTF-8?q?=20method=20of=20PromptVertex=20=F0=9F=93=9D=20docs(types.py):?=
 =?UTF-8?q?=20improve=20readability=20and=20add=20clarity=20to=20the=20=5F?=
 =?UTF-8?q?built=5Fobject=5Frepr=20method=20of=20PromptVertex=20The=20=5Fb?=
 =?UTF-8?q?uilt=5Fobject=5Frepr=20method=20of=20PromptVertex=20was=20missi?=
 =?UTF-8?q?ng=20a=20return=20statement=20when=20the=20condition=20in=20the?=
 =?UTF-8?q?=20if=20statement=20was=20not=20met.=20This=20commit=20adds=20t?=
 =?UTF-8?q?he=20missing=20return=20statement=20to=20ensure=20the=20method?=
 =?UTF-8?q?=20always=20returns=20a=20value.=20Additionally,=20the=20commit?=
 =?UTF-8?q?=20improves=20the=20documentation=20of=20the=20method=20to=20pr?=
 =?UTF-8?q?ovide=20better=20readability=20and=20clarity.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index b3accd02d..b48733e84 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -201,6 +201,15 @@ class PromptVertex(Vertex):
             self._build()
         return self._built_object
 
+    def _built_object_repr(self):
+        if self.artifacts and hasattr(self._built_object, "format"):
+            # We'll build the prompt with the artifacts
+            # to show the user what the prompt looks like
+            # with the variables filled in
+            return self._built_object.format(**self.artifacts)
+        else:
+            super()._built_object_repr()
+
 
 class OutputParserVertex(Vertex):
     def __init__(self, data: Dict):

From c3886ed2197b916659962f4fa8d4124cc489a7fd Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 15:23:17 -0300
Subject: [PATCH 190/367] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20change?=
 =?UTF-8?q?=20wrong=5Fvariables=20from=20a=20set=20to=20a=20list=20to=20pr?=
 =?UTF-8?q?eserve=20order=20and=20improve=20error=20message=20generation?=
 =?UTF-8?q?=20=F0=9F=94=80=20refactor(base.py):=20refactor=20check=5Finput?=
 =?UTF-8?q?=5Fvariables=20function=20to=20simplify=20logic=20and=20improve?=
 =?UTF-8?q?=20readability=20The=20wrong=5Fvariables=20variable=20is=20now?=
 =?UTF-8?q?=20a=20list=20instead=20of=20a=20set=20to=20preserve=20the=20or?=
 =?UTF-8?q?der=20of=20the=20variables.=20This=20change=20improves=20the=20?=
 =?UTF-8?q?error=20message=20generation=20by=20ensuring=20that=20the=20var?=
 =?UTF-8?q?iables=20are=20displayed=20in=20the=20same=20order=20as=20they?=
 =?UTF-8?q?=20appear=20in=20the=20input.=20The=20check=5Finput=5Fvariables?=
 =?UTF-8?q?=20function=20has=20been=20refactored=20to=20simplify=20the=20l?=
 =?UTF-8?q?ogic=20and=20improve=20readability.=20The=20code=20now=20handle?=
 =?UTF-8?q?s=20invalid=20characters=20and=20wrong=20variables=20separately?=
 =?UTF-8?q?,=20making=20it=20easier=20to=20understand=20and=20maintain.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/base.py | 38 ++++++++++++++---------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/backend/langflow/api/v1/base.py b/src/backend/langflow/api/v1/base.py
index 557395558..28be40ae0 100644
--- a/src/backend/langflow/api/v1/base.py
+++ b/src/backend/langflow/api/v1/base.py
@@ -77,7 +77,7 @@ def validate_prompt(template: str):
 def check_input_variables(input_variables: list):
     invalid_chars = []
     fixed_variables = []
-    wrong_variables = set()
+    wrong_variables = []
     empty_variables = []
     for variable in input_variables:
         new_var = variable
@@ -92,17 +92,14 @@ def check_input_variables(input_variables: list):
         if variable[0].isdigit():
             invalid_chars.append(variable[0])
             new_var = new_var.replace(variable[0], "")
-            wrong_variables.add(variable)
-
-        for char in INVALID_CHARACTERS:
-            if char in variable:
-                invalid_chars.append(char)
-                new_var = new_var.replace(char, "")
-                wrong_variables.add(variable)
+            wrong_variables.append(variable)
+        else:
+            for char in INVALID_CHARACTERS:
+                if char in variable:
+                    invalid_chars.append(char)
+                    new_var = new_var.replace(char, "")
+                    wrong_variables.append(variable)
         fixed_variables.append(new_var)
-        # if new_var != variable and new_var not in input_variables:
-        #     input_variables.remove(variable)
-        #     input_variables.append(new_var)
     # If any of the input_variables is not in the fixed_variables, then it means that
     # there are invalid characters in the input_variables
 
@@ -122,17 +119,20 @@ def build_error_message(
     input_variables, invalid_chars, wrong_variables, fixed_variables, empty_variables
 ):
     input_variables_str = ", ".join([f"'{var}'" for var in input_variables])
-    error_string = f"Invalid input variables: {input_variables_str}."
+    error_string = f"Invalid input variables: {input_variables_str}. "
 
     if wrong_variables and invalid_chars:
-        ", ".join([f"'{var}'" for var in wrong_variables])
-        invalid_chars_str = ", ".join([f"'{char}'" for char in invalid_chars])
-        error_string += (
-            f" Please, remove the invalid characters: {invalid_chars_str}"
-            " from the variables: {wrong_variables_str}."
-        )
+        # fix the wrong variables replacing invalid chars and find them in the fixed variables
+        error_string_vars = "You can fix them by replacing the invalid characters: "
+        wvars = wrong_variables.copy()
+        for i, wrong_var in enumerate(wvars):
+            for char in invalid_chars:
+                wrong_var = wrong_var.replace(char, "")
+            if wrong_var in fixed_variables:
+                error_string_vars += f"'{wrong_variables[i]}' -> '{wrong_var}'"
+        error_string += error_string_vars
     elif empty_variables:
         error_string += f" There are {len(empty_variables)} empty variable{'s' if len(empty_variables) > 1 else ''}."
     elif len(set(fixed_variables)) != len(fixed_variables):
-        error_string += " There are duplicate variables."
+        error_string += "There are duplicate variables."
     return error_string

From d31fe77d5535e81633e41450cab731ec73f58f00 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 15:24:05 -0300
Subject: [PATCH 191/367] =?UTF-8?q?=F0=9F=90=9B=20fix(utils.py):=20remove?=
 =?UTF-8?q?=20unnecessary=20or=20operator=20in=20process=5Fgraph=20functio?=
 =?UTF-8?q?n=20call=20The=20unnecessary=20or=20operator=20in=20the=20proce?=
 =?UTF-8?q?ss=5Fgraph=20function=20call=20has=20been=20removed.=20The=20ch?=
 =?UTF-8?q?at=5Finputs.message=20parameter=20is=20now=20passed=20directly?=
 =?UTF-8?q?=20to=20the=20get=5Fresult=5Fand=5Fsteps=20function.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/chat/utils.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/chat/utils.py b/src/backend/langflow/chat/utils.py
index 5047438f2..d070a7457 100644
--- a/src/backend/langflow/chat/utils.py
+++ b/src/backend/langflow/chat/utils.py
@@ -23,7 +23,7 @@ async def process_graph(
     try:
         logger.debug("Generating result and thought")
         result, intermediate_steps = await get_result_and_steps(
-            langchain_object, chat_inputs.message or "", websocket=websocket
+            langchain_object, chat_inputs.message, websocket=websocket
         )
         logger.debug("Generated result and intermediate_steps")
         return result, intermediate_steps

From 7b238b44e74f7985d7faa1d4cf3e2684dc2a2f38 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 15:25:05 -0300
Subject: [PATCH 192/367] =?UTF-8?q?=F0=9F=94=80=20chore(base.py):=20update?=
 =?UTF-8?q?=20=5Fbuilt=5Fobject=5Frepr=20method=20to=20include=20emojis=20?=
 =?UTF-8?q?and=20more=20descriptive=20messages=20The=20=5Fbuilt=5Fobject?=
 =?UTF-8?q?=5Frepr=20method=20in=20the=20Vertex=20class=20has=20been=20upd?=
 =?UTF-8?q?ated=20to=20include=20emojis=20and=20more=20descriptive=20messa?=
 =?UTF-8?q?ges.=20The=20message=20"Built=20successfully=20=E2=9C=A8"=20is?=
 =?UTF-8?q?=20now=20returned=20when=20the=20=5Fbuilt=5Fobject=20attribute?=
 =?UTF-8?q?=20is=20True,=20indicating=20that=20the=20object=20has=20been?=
 =?UTF-8?q?=20successfully=20built.=20On=20the=20other=20hand,=20the=20mes?=
 =?UTF-8?q?sage=20"Failed=20to=20build=20=F0=9F=98=B5=E2=80=8D=F0=9F=92=AB?=
 =?UTF-8?q?"=20is=20returned=20when=20the=20=5Fbuilt=5Fobject=20attribute?=
 =?UTF-8?q?=20is=20False,=20indicating=20that=20the=20object=20failed=20to?=
 =?UTF-8?q?=20build.=20This=20change=20improves=20the=20clarity=20and=20vi?=
 =?UTF-8?q?sual=20representation=20of=20the=20build=20status.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/base.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index 67fd4e005..9a11ff6a7 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -226,4 +226,5 @@ class Vertex:
         return id(self)
 
     def _built_object_repr(self):
-        return "Built sucessfully" if self._built_object else "Not built yet"
+        # Add a message with an emoji, stars for sucess,
+        return "Built sucessfully ✨" if self._built_object else "Failed to build 😵‍💫"

From ac9969624e884d7d38eaa138101470df0ca6ffd4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 15:32:18 -0300
Subject: [PATCH 193/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20remov?=
 =?UTF-8?q?e=20empty=20input=5Fkey=20and=20output=5Fkey=20from=20params=20?=
 =?UTF-8?q?dictionary=20The=20code=20now=20removes=20the=20"input=5Fkey"?=
 =?UTF-8?q?=20and=20"output=5Fkey"=20keys=20from=20the=20params=20dictiona?=
 =?UTF-8?q?ry=20if=20they=20are=20empty=20strings.=20This=20ensures=20that?=
 =?UTF-8?q?=20the=20dictionary=20does=20not=20contain=20unnecessary=20keys?=
 =?UTF-8?q?=20with=20empty=20values.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index cbac8278c..cd5585656 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -111,6 +111,12 @@ def instantiate_llm(node_type, class_object, params: Dict):
 
 
 def instantiate_memory(node_type, class_object, params):
+    # process input_key and output_key to remove them if
+    # they are empty strings
+    for key in ["input_key", "output_key"]:
+        if key in params and not params[key]:
+            params.pop(key)
+
     try:
         if "retriever" in params and hasattr(params["retriever"], "as_retriever"):
             params["retriever"] = params["retriever"].as_retriever()

From 54b13a6bb655c7855f0916ceacd84d4377a94eee Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 15:32:46 -0300
Subject: [PATCH 194/367] =?UTF-8?q?=F0=9F=94=80=20refactor(callback.py):?=
 =?UTF-8?q?=20reorganize=20imports=20and=20add=20missing=20type=20hints=20?=
 =?UTF-8?q?=F0=9F=94=80=20refactor(callback.py):=20reorganize=20imports=20?=
 =?UTF-8?q?and=20add=20missing=20type=20hints=20to=20improve=20code=20read?=
 =?UTF-8?q?ability=20and=20maintainability=20The=20changes=20in=20this=20c?=
 =?UTF-8?q?ommit=20include=20reorganizing=20the=20imports=20to=20group=20t?=
 =?UTF-8?q?hem=20properly=20and=20adding=20missing=20type=20hints=20to=20i?=
 =?UTF-8?q?mprove=20code=20readability=20and=20maintainability.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/callback.py | 89 ++++++++++++++++++++++++-
 1 file changed, 87 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/api/v1/callback.py b/src/backend/langflow/api/v1/callback.py
index b58393d7b..03f76543e 100644
--- a/src/backend/langflow/api/v1/callback.py
+++ b/src/backend/langflow/api/v1/callback.py
@@ -1,22 +1,107 @@
 import asyncio
-from typing import Any
 
 from langchain.callbacks.base import AsyncCallbackHandler, BaseCallbackHandler
 
 from langflow.api.v1.schemas import ChatResponse
 
 
+from typing import Any, Dict, List, Union
+from fastapi import WebSocket
+
+
+from langchain.schema import AgentAction, LLMResult, AgentFinish
+
+
 # https://github.com/hwchase17/chat-langchain/blob/master/callback.py
 class AsyncStreamingLLMCallbackHandler(AsyncCallbackHandler):
     """Callback handler for streaming LLM responses."""
 
-    def __init__(self, websocket):
+    def __init__(self, websocket: WebSocket):
         self.websocket = websocket
 
     async def on_llm_new_token(self, token: str, **kwargs: Any) -> None:
         resp = ChatResponse(message=token, type="stream", intermediate_steps="")
         await self.websocket.send_json(resp.dict())
 
+    async def on_llm_start(
+        self, serialized: Dict[str, Any], prompts: List[str], **kwargs: Any
+    ) -> Any:
+        """Run when LLM starts running."""
+
+    async def on_llm_end(self, response: LLMResult, **kwargs: Any) -> Any:
+        """Run when LLM ends running."""
+
+    async def on_llm_error(
+        self, error: Union[Exception, KeyboardInterrupt], **kwargs: Any
+    ) -> Any:
+        """Run when LLM errors."""
+
+    async def on_chain_start(
+        self, serialized: Dict[str, Any], inputs: Dict[str, Any], **kwargs: Any
+    ) -> Any:
+        """Run when chain starts running."""
+
+    async def on_chain_end(self, outputs: Dict[str, Any], **kwargs: Any) -> Any:
+        """Run when chain ends running."""
+
+    async def on_chain_error(
+        self, error: Union[Exception, KeyboardInterrupt], **kwargs: Any
+    ) -> Any:
+        """Run when chain errors."""
+
+    async def on_tool_start(
+        self, serialized: Dict[str, Any], input_str: str, **kwargs: Any
+    ) -> Any:
+        """Run when tool starts running."""
+        resp = ChatResponse(
+            message="",
+            type="stream",
+            intermediate_steps=f"Tool input: {input_str}",
+        )
+        await self.websocket.send_json(resp.dict())
+
+    async def on_tool_end(self, output: str, **kwargs: Any) -> Any:
+        """Run when tool ends running."""
+        resp = ChatResponse(
+            message="",
+            type="stream",
+            intermediate_steps=f"Tool output: {output}",
+        )
+        await self.websocket.send_json(resp.dict())
+
+    async def on_tool_error(
+        self, error: Union[Exception, KeyboardInterrupt], **kwargs: Any
+    ) -> Any:
+        """Run when tool errors."""
+
+    async def on_text(self, text: str, **kwargs: Any) -> Any:
+        """Run on arbitrary text."""
+        # This runs when first sending the prompt
+        # to the LLM, adding it will send the final prompt
+        # to the frontend
+
+    async def on_agent_action(self, action: AgentAction, **kwargs: Any):
+        log = f"Thought: {action.log}"
+        # if there are line breaks, split them and send them
+        # as separate messages
+        if "\n" in log:
+            logs = log.split("\n")
+            for log in logs:
+                resp = ChatResponse(message="", type="stream", intermediate_steps=log)
+                await self.websocket.send_json(resp.dict())
+        else:
+            resp = ChatResponse(message="", type="stream", intermediate_steps=log)
+            await self.websocket.send_json(resp.dict())
+
+    async def on_agent_finish(self, finish: AgentFinish, **kwargs: Any) -> Any:
+        """Run on agent end."""
+        resp = ChatResponse(
+            message="",
+            type="stream",
+            intermediate_steps=finish.log,
+        )
+        await self.websocket.send_json(resp.dict())
+
 
 class StreamingLLMCallbackHandler(BaseCallbackHandler):
     """Callback handler for streaming LLM responses."""

From f6ed832f26caf131a4ca699aa96cc335242166fd Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 15:51:13 -0300
Subject: [PATCH 195/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(genericModal/in?=
 =?UTF-8?q?dex.tsx):=20remove=20unused=20imports=20and=20lodash=20set=20fu?=
 =?UTF-8?q?nction=20=F0=9F=90=9B=20fix(genericModal/index.tsx):=20update?=
 =?UTF-8?q?=20error=20message=20to=20be=20more=20descriptive=20and=20chang?=
 =?UTF-8?q?e=20setErrorData=20to=20setNoticeData=20The=20commit=20removes?=
 =?UTF-8?q?=20unused=20imports=20for=20Tooltip=20components=20and=20the=20?=
 =?UTF-8?q?lodash=20set=20function,=20as=20they=20are=20no=20longer=20used?=
 =?UTF-8?q?=20in=20the=20file.=20Additionally,=20the=20error=20message=20d?=
 =?UTF-8?q?isplayed=20when=20the=20template=20does=20not=20contain=20any?=
 =?UTF-8?q?=20variables=20for=20data=20entry=20is=20updated=20to=20be=20mo?=
 =?UTF-8?q?re=20descriptive.=20Instead=20of=20setting=20an=20error=20messa?=
 =?UTF-8?q?ge,=20a=20notice=20message=20is=20set=20using=20the=20setNotice?=
 =?UTF-8?q?Data=20function=20from=20the=20alertContext.=20This=20provides?=
 =?UTF-8?q?=20a=20clearer=20message=20to=20the=20user=20about=20the=20abse?=
 =?UTF-8?q?nce=20of=20variables=20in=20the=20template.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/genericModal/index.tsx | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 3367c956b..0e68a02e7 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -30,14 +30,7 @@ import {
   varHighlightHTML,
 } from "../../utils";
 import { Badge } from "../../components/ui/badge";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "../../components/ui/tooltip";
 import ShadTooltip from "../../components/ShadTooltipComponent";
-import { set } from "lodash";
 import DOMPurify from "dompurify";
 
 export default function GenericModal({
@@ -68,7 +61,8 @@ export default function GenericModal({
   const [wordsHighlightInvalid, setWordsHighlightInvalid] = useState([]);
   const [wordsHighlight, setWordsHighlight] = useState([]);
   const { dark } = useContext(darkContext);
-  const { setErrorData, setSuccessData } = useContext(alertContext);
+  const { setErrorData, setSuccessData, setNoticeData } =
+    useContext(alertContext);
   const { closePopUp, setCloseEdit } = useContext(PopUpContext);
   const ref = useRef();
   function setModalOpen(x: boolean) {
@@ -149,9 +143,8 @@ export default function GenericModal({
           let inputVariables = apiReturn.data.input_variables;
           if (inputVariables.length === 0) {
             setIsEdit(true);
-            setErrorData({
-              title:
-                "The template you are attempting to use does not contain any variables for data entry.",
+            setNoticeData({
+              title: "Your template does not have any variables.",
             });
           } else {
             setIsEdit(false);

From 4e9204d884e31f202fd9cecda0ffad74a23b6dca Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 15:51:25 -0300
Subject: [PATCH 196/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(genericModal/in?=
 =?UTF-8?q?dex.tsx):=20remove=20unused=20code=20that=20sets=20the=20value?=
 =?UTF-8?q?=20of=20inputValue=20in=20case=201=20of=20myModalType?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/genericModal/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 3367c956b..3af4201b1 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -284,7 +284,6 @@ export default function GenericModal({
             onClick={() => {
               switch (myModalType) {
                 case 1:
-                  setValue(inputValue);
                   setModalOpen(false);
                   break;
                 case 2:

From b32e4ca8b9bcb012812a0bc5d3249554a18d2322 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:08:28 -0300
Subject: [PATCH 197/367] =?UTF-8?q?=F0=9F=90=9B=20fix(util.py):=20improve?=
 =?UTF-8?q?=20type=20formatting=20in=20format=5Fdict=20function=20The=20fo?=
 =?UTF-8?q?rmat=5Fdict=20function=20now=20properly=20handles=20different?=
 =?UTF-8?q?=20variations=20of=20list=20types=20by=20removing=20unnecessary?=
 =?UTF-8?q?=20characters=20from=20the=20type=20string.=20This=20improves?=
 =?UTF-8?q?=20the=20consistency=20and=20accuracy=20of=20the=20type=20forma?=
 =?UTF-8?q?tting=20in=20the=20function.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/utils/util.py | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/utils/util.py b/src/backend/langflow/utils/util.py
index 4769563bd..c5db6052e 100644
--- a/src/backend/langflow/utils/util.py
+++ b/src/backend/langflow/utils/util.py
@@ -243,7 +243,11 @@ def format_dict(d, name: Optional[str] = None):
 
         # Check for list type
         if "List" in _type or "Sequence" in _type or "Set" in _type:
-            _type = _type.replace("List[", "")[:-1]
+            _type = (
+                _type.replace("List[", "")
+                .replace("Sequence[", "")
+                .replace("Set[", "")[:-1]
+            )
             value["list"] = True
         else:
             value["list"] = False

From 9f80af8f8370183f6fc3702a563511330017f6c8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:08:54 -0300
Subject: [PATCH 198/367] =?UTF-8?q?=F0=9F=90=9B=20fix(types.py):=20fix=20m?=
 =?UTF-8?q?issing=20return=20statement=20in=20PromptVertex's=20=5Fbuilt=5F?=
 =?UTF-8?q?object=5Frepr=20method=20The=20=5Fbuilt=5Fobject=5Frepr=20metho?=
 =?UTF-8?q?d=20in=20the=20PromptVertex=20class=20was=20missing=20a=20retur?=
 =?UTF-8?q?n=20statement,=20causing=20it=20to=20not=20return=20any=20value?=
 =?UTF-8?q?.=20This=20fix=20adds=20the=20missing=20return=20statement=20to?=
 =?UTF-8?q?=20ensure=20the=20method=20returns=20the=20correct=20value.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index b48733e84..a8b38bb3f 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -208,7 +208,7 @@ class PromptVertex(Vertex):
             # with the variables filled in
             return self._built_object.format(**self.artifacts)
         else:
-            super()._built_object_repr()
+            return super()._built_object_repr()
 
 
 class OutputParserVertex(Vertex):

From 9094876ed3279a9759815cf03e1951ac163b1ed7 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:09:18 -0300
Subject: [PATCH 199/367] =?UTF-8?q?=E2=9C=A8=20feat(agents/base.py):=20add?=
 =?UTF-8?q?=20support=20for=20creating=20frontend=20nodes=20for=20agents?=
 =?UTF-8?q?=20=F0=9F=94=A7=20fix(agents/base.py):=20import=20missing=20Age?=
 =?UTF-8?q?ntFrontendNode=20class=20from=20langflow.template.frontend=5Fno?=
 =?UTF-8?q?de.agents=20=F0=9F=94=A7=20fix(initialize/loading.py):=20pass?=
 =?UTF-8?q?=20node=5Ftype=20to=20instantiate=5Fagent=20function=20to=20han?=
 =?UTF-8?q?dle=20creation=20of=20frontend=20nodes=20for=20agents=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(template/frontend=5Fnode/agents.py):=20add?=
 =?UTF-8?q?=20format=5Ffield=20method=20to=20AgentFrontendNode=20class=20t?=
 =?UTF-8?q?o=20customize=20field=20behavior=20The=20missing=20import=20sta?=
 =?UTF-8?q?tement=20for=20the=20AgentFrontendNode=20class=20from=20langflo?=
 =?UTF-8?q?w.template.frontend=5Fnode.agents=20has=20been=20added=20to=20t?=
 =?UTF-8?q?he=20base.py=20file.=20Support=20for=20creating=20frontend=20no?=
 =?UTF-8?q?des=20for=20agents=20has=20been=20added=20to=20the=20AgentCreat?=
 =?UTF-8?q?or=20class=20in=20the=20base.py=20file.=20The=20instantiate=5Fa?=
 =?UTF-8?q?gent=20function=20in=20the=20loading.py=20file=20now=20receives?=
 =?UTF-8?q?=20the=20node=5Ftype=20parameter=20to=20handle=20the=20creation?=
 =?UTF-8?q?=20of=20frontend=20nodes=20for=20agents.=20The=20AgentFrontendN?=
 =?UTF-8?q?ode=20class=20in=20the=20agents.py=20file=20now=20includes=20a?=
 =?UTF-8?q?=20format=5Ffield=20method=20to=20customize=20the=20behavior=20?=
 =?UTF-8?q?of=20certain=20fields.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/agents/base.py    | 16 +++++++++++++++-
 .../langflow/interface/initialize/loading.py     | 14 ++++++++++++--
 .../langflow/template/frontend_node/agents.py    | 11 +++++++++++
 3 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/interface/agents/base.py b/src/backend/langflow/interface/agents/base.py
index d404f845d..b272144bc 100644
--- a/src/backend/langflow/interface/agents/base.py
+++ b/src/backend/langflow/interface/agents/base.py
@@ -6,13 +6,20 @@ from langflow.custom.customs import get_custom_nodes
 from langflow.interface.agents.custom import CUSTOM_AGENTS
 from langflow.interface.base import LangChainTypeCreator
 from langflow.settings import settings
+from langflow.template.frontend_node.agents import AgentFrontendNode
 from langflow.utils.logger import logger
-from langflow.utils.util import build_template_from_class
+from langflow.utils.util import build_template_from_class, build_template_from_method
 
 
 class AgentCreator(LangChainTypeCreator):
     type_name: str = "agents"
 
+    from_method_nodes = {"ZeroShotAgent": "from_llm_and_tools"}
+
+    @property
+    def frontend_node_class(self) -> type[AgentFrontendNode]:
+        return AgentFrontendNode
+
     @property
     def type_to_loader_dict(self) -> Dict:
         if self.type_dict is None:
@@ -27,6 +34,13 @@ class AgentCreator(LangChainTypeCreator):
         try:
             if name in get_custom_nodes(self.type_name).keys():
                 return get_custom_nodes(self.type_name)[name]
+            elif name in self.from_method_nodes:
+                return build_template_from_method(
+                    name,
+                    type_to_cls_dict=self.type_to_loader_dict,
+                    add_function=True,
+                    method_name=self.from_method_nodes[name],
+                )
             return build_template_from_class(
                 name, self.type_to_loader_dict, add_function=True
             )
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index cd5585656..3c3616dd8 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -15,6 +15,7 @@ from pydantic import ValidationError
 
 from langflow.interface.custom_lists import CUSTOM_NODES
 from langflow.interface.importing.utils import get_function, import_by_type
+from langflow.interface.agents.base import agent_creator
 from langflow.interface.toolkits.base import toolkits_creator
 from langflow.interface.chains.base import chain_creator
 from langflow.interface.output_parsers.base import output_parser_creator
@@ -61,7 +62,7 @@ def convert_kwargs(params):
 
 def instantiate_based_on_type(class_object, base_type, node_type, params):
     if base_type == "agents":
-        return instantiate_agent(class_object, params)
+        return instantiate_agent(node_type, class_object, params)
     elif base_type == "prompts":
         return instantiate_prompt(node_type, class_object, params)
     elif base_type == "tools":
@@ -159,7 +160,16 @@ def instantiate_chains(node_type, class_object: Type[Chain], params: Dict):
     return class_object(**params)
 
 
-def instantiate_agent(class_object: Type[agent_module.Agent], params: Dict):
+def instantiate_agent(node_type, class_object: Type[agent_module.Agent], params: Dict):
+    if node_type in agent_creator.from_method_nodes:
+        method = agent_creator.from_method_nodes[node_type]
+        if class_method := getattr(class_object, method, None):
+            agent = class_method(**params)
+            tools = params.get("tools", [])
+            return AgentExecutor.from_agent_and_tools(
+                agent=agent,
+                tools=tools,
+            )
     return load_agent_executor(class_object, params)
 
 
diff --git a/src/backend/langflow/template/frontend_node/agents.py b/src/backend/langflow/template/frontend_node/agents.py
index f692a7d6c..b988cbe20 100644
--- a/src/backend/langflow/template/frontend_node/agents.py
+++ b/src/backend/langflow/template/frontend_node/agents.py
@@ -13,6 +13,17 @@ NON_CHAT_AGENTS = {
 }
 
 
+class AgentFrontendNode(FrontendNode):
+    @staticmethod
+    def format_field(field: TemplateField, name: str | None = None) -> None:
+        if field.name in ["suffix", "prefix"]:
+            field.show = True
+        if field.name == "Tools" and name == "ZeroShotAgent":
+            # field.
+            field.type_name = "BaseTool"
+            field.is_list = True
+
+
 class SQLAgentNode(FrontendNode):
     name: str = "SQLAgent"
     template: Template = Template(

From e36027b679016d40d637e1f5336c03754696a6a7 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:10:06 -0300
Subject: [PATCH 200/367] =?UTF-8?q?=F0=9F=94=80=20chore(base.py):=20add=20?=
 =?UTF-8?q?"BaseTool"=20to=20the=20base=5Fclasses=20list=20in=20get=5Fsign?=
 =?UTF-8?q?ature=20method=20The=20"BaseTool"=20class=20is=20added=20to=20t?=
 =?UTF-8?q?he=20base=5Fclasses=20list=20in=20the=20get=5Fsignature=20metho?=
 =?UTF-8?q?d.=20This=20change=20ensures=20that=20the=20"BaseTool"=20class?=
 =?UTF-8?q?=20is=20considered=20as=20one=20of=20the=20base=20classes=20whe?=
 =?UTF-8?q?n=20creating=20a=20tool's=20signature.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/tools/base.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/interface/tools/base.py b/src/backend/langflow/interface/tools/base.py
index d6b114e4c..027224a3a 100644
--- a/src/backend/langflow/interface/tools/base.py
+++ b/src/backend/langflow/interface/tools/base.py
@@ -90,7 +90,7 @@ class ToolCreator(LangChainTypeCreator):
     def get_signature(self, name: str) -> Optional[Dict]:
         """Get the signature of a tool."""
 
-        base_classes = ["Tool"]
+        base_classes = ["Tool", "BaseTool"]
         fields = []
         params = []
         tool_params = {}

From 86bbdb0c30ac35a397fa22ef01f6842d5c0e73b7 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:10:26 -0300
Subject: [PATCH 201/367] =?UTF-8?q?=F0=9F=90=9B=20fix(tools.py):=20add=20"?=
 =?UTF-8?q?BaseTool"=20to=20the=20base=5Fclasses=20list=20to=20inherit=20f?=
 =?UTF-8?q?rom=20the=20correct=20parent=20class=20The=20"base=5Fclasses"?=
 =?UTF-8?q?=20list=20in=20the=20ToolNode=20class=20has=20been=20updated=20?=
 =?UTF-8?q?to=20include=20"BaseTool"=20in=20addition=20to=20"Tool".=20This?=
 =?UTF-8?q?=20ensures=20that=20the=20ToolNode=20class=20correctly=20inheri?=
 =?UTF-8?q?ts=20from=20the=20BaseTool=20class,=20which=20is=20the=20intend?=
 =?UTF-8?q?ed=20parent=20class=20for=20this=20node.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/tools.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/frontend_node/tools.py b/src/backend/langflow/template/frontend_node/tools.py
index fa3942bd2..6b6903fdc 100644
--- a/src/backend/langflow/template/frontend_node/tools.py
+++ b/src/backend/langflow/template/frontend_node/tools.py
@@ -53,7 +53,7 @@ class ToolNode(FrontendNode):
         ],
     )
     description: str = "Converts a chain, agent or function into a tool."
-    base_classes: list[str] = ["Tool"]
+    base_classes: list[str] = ["Tool", "BaseTool"]
 
     def to_dict(self):
         return super().to_dict()

From ee2278c37eacc03736168f5557b7e1539a8611dc Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:11:05 -0300
Subject: [PATCH 202/367] =?UTF-8?q?=F0=9F=9A=80=20feat(base.py):=20add=20p?=
 =?UTF-8?q?ydantic=20BaseModel=20as=20a=20base=20class=20for=20FieldFormat?=
 =?UTF-8?q?ter=20to=20enable=20data=20validation=20and=20serialization=20T?=
 =?UTF-8?q?he=20FieldFormatter=20class=20now=20inherits=20from=20pydantic.?=
 =?UTF-8?q?BaseModel=20in=20addition=20to=20ABC=20(Abstract=20Base=20Class?=
 =?UTF-8?q?).=20This=20change=20allows=20FieldFormatter=20instances=20to?=
 =?UTF-8?q?=20benefit=20from=20the=20data=20validation=20and=20serializati?=
 =?UTF-8?q?on=20capabilities=20provided=20by=20pydantic,=20improving=20the?=
 =?UTF-8?q?=20reliability=20and=20maintainability=20of=20the=20code.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/formatter/base.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/frontend_node/formatter/base.py b/src/backend/langflow/template/frontend_node/formatter/base.py
index 67e906593..f582bc298 100644
--- a/src/backend/langflow/template/frontend_node/formatter/base.py
+++ b/src/backend/langflow/template/frontend_node/formatter/base.py
@@ -2,9 +2,10 @@ from abc import ABC, abstractmethod
 from typing import Optional
 
 from langflow.template.field.base import TemplateField
+from pydantic import BaseModel
 
 
-class FieldFormatter(ABC):
+class FieldFormatter(BaseModel, ABC):
     @abstractmethod
     def format(self, field: TemplateField, name: Optional[str]) -> None:
         pass

From afa1c173791503745c9d6b2c69edf8d38aa1d1eb Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:11:26 -0300
Subject: [PATCH 203/367] =?UTF-8?q?=F0=9F=94=97=20docs(config.yaml):=20upd?=
 =?UTF-8?q?ate=20documentation=20links=20for=20PromptTemplate=20and=20Char?=
 =?UTF-8?q?acterTextSplitter=20The=20documentation=20links=20for=20PromptT?=
 =?UTF-8?q?emplate=20and=20CharacterTextSplitter=20have=20been=20updated?=
 =?UTF-8?q?=20to=20the=20correct=20URLs.=20This=20ensures=20that=20users?=
 =?UTF-8?q?=20can=20access=20the=20relevant=20documentation=20for=20these?=
 =?UTF-8?q?=20components.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/config.yaml | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/backend/langflow/config.yaml b/src/backend/langflow/config.yaml
index d179ee182..032a2f049 100644
--- a/src/backend/langflow/config.yaml
+++ b/src/backend/langflow/config.yaml
@@ -164,8 +164,6 @@ memories:
 prompts:
   PromptTemplate:
     documentation: "https://python.langchain.com/docs/modules/model_io/prompts/prompt_templates/"
-  ZeroShotPrompt:
-    documentation: "https://python.langchain.com/docs/modules/agents/how_to/custom_mrkl_agent"
 textsplitters:
   CharacterTextSplitter:
     documentation: "https://python.langchain.com/docs/modules/data_connection/document_transformers/text_splitters/character_text_splitter"

From 409c8e4ab2744798de10ddf90c12ab9caad2acc3 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 17:15:31 -0300
Subject: [PATCH 204/367] =?UTF-8?q?=F0=9F=94=A7=20fix(chatMessage):=20impo?=
 =?UTF-8?q?rt=20Badge=20component=20to=20use=20in=20ChatMessage=20componen?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✨ feat(chatMessage): add support for displaying variables in bold inside curly braces in the chat message

🔧 fix(formModal): add support for template in chat history when adding a new chat message

🔧 fix(genericModal): remove redundant state for modal open/close

🔧 fix(genericModal): remove redundant state for modal open/close

🔧 fix(chat): add support for template in ChatMessageType

🔧 fix(tabs): add support for template in TabsState
---
 .../modals/formModal/chatMessage/index.tsx    | 50 +++++++++++++++++--
 src/frontend/src/modals/formModal/index.tsx   | 26 +++++-----
 .../src/modals/genericModal/index.tsx         |  3 --
 src/frontend/src/types/chat/index.ts          |  1 +
 src/frontend/src/types/tabs/index.ts          |  1 +
 5 files changed, 59 insertions(+), 22 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 7395b0908..722365e0c 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -17,6 +17,7 @@ import {
   AccordionItem,
   AccordionTrigger,
 } from "../../../components/ui/accordion";
+import { Badge } from "../../../components/ui/badge";
 
 export default function ChatMessage({
   chat,
@@ -29,6 +30,7 @@ export default function ChatMessage({
 }) {
   const convert = new Convert({ newline: true });
   const [hidden, setHidden] = useState(true);
+  const [template, setTemplate] = useState(chat.template);
   return (
     <div
       className={classNames(
@@ -141,13 +143,51 @@ export default function ChatMessage({
                   className=" rounded-md border border-ring/60 bg-muted px-4"
                   value="prompt"
                 >
-                  <AccordionTrigger className="flex gap-4 font-semibold">
+                  <AccordionTrigger className="flex gap-4 text-base font-semibold">
                     Initial Prompt
                   </AccordionTrigger>
-                  <AccordionContent className="max-h-96 overflow-auto break-all p-2">
-                    {Object.keys(chat.message)
-                      .filter((key) => key !== chat.chatKey)
-                      .map((key) => chat.message[key])}
+                  <AccordionContent className="max-h-96 overflow-auto break-all p-2 text-base">
+                    {
+                      // Make all the variables that are inside curly braces bold
+                      template.split("\n").map((line, index) => {
+                        const regex = /{([^}]+)}/g;
+                        let match;
+                        let parts = [];
+                        let lastIndex = 0;
+                        while ((match = regex.exec(line)) !== null) {
+                          // Push text up to the match
+                          if (match.index !== lastIndex) {
+                            parts.push(line.substring(lastIndex, match.index));
+                          }
+                          // Push div with matched text
+                          parts.push(
+                            <div>
+                              <div className="my-1 inline-block rounded-md bg-indigo-100 px-2">
+                                <span key={match.index}>
+                                  <span className=" text-xs font-semibold text-high-indigo">
+                                    {match[1]}
+                                  </span>
+                                  {chat.message[match[1]] ? (
+                                    <span>
+                                      &nbsp;&nbsp;{chat.message[match[1]]}
+                                    </span>
+                                  ) : (
+                                    ""
+                                  )}
+                                </span>
+                              </div>
+                            </div>
+                          );
+                          // Update last index
+                          lastIndex = regex.lastIndex;
+                        }
+                        // Push text after the last match
+                        if (lastIndex !== line.length) {
+                          parts.push(line.substring(lastIndex));
+                        }
+                        return <p>{parts}</p>;
+                      })
+                    }
                   </AccordionContent>
                 </AccordionItem>
               </Accordion>
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index bf81814a1..eee866bb0 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -94,6 +94,7 @@ export default function FormModal({
     message: string | Object,
     isSend: boolean,
     chatKey: string,
+    template?: string,
     thought?: string,
     files?: Array<any>
   ) => {
@@ -103,6 +104,8 @@ export default function FormModal({
         newChat.push({ message, isSend, files, thought, chatKey });
       } else if (thought) {
         newChat.push({ message, isSend, thought, chatKey });
+      } else if (template) {
+        newChat.push({ message, isSend, chatKey, template });
       } else {
         newChat.push({ message, isSend, chatKey });
       }
@@ -175,6 +178,7 @@ export default function FormModal({
             intermediate_steps?: string;
             is_bot: boolean;
             message: string;
+            template: string;
             type: string;
             chatKey: string;
             files?: Array<any>;
@@ -185,6 +189,7 @@ export default function FormModal({
                   ? {
                       isSend: !chatItem.is_bot,
                       message: chatItem.message,
+                      template: chatItem.template,
                       thought: chatItem.intermediate_steps,
                       files: chatItem.files,
                       chatKey: chatItem.chatKey,
@@ -192,6 +197,7 @@ export default function FormModal({
                   : {
                       isSend: !chatItem.is_bot,
                       message: chatItem.message,
+                      template: chatItem.template,
                       thought: chatItem.intermediate_steps,
                       chatKey: chatItem.chatKey,
                     }
@@ -323,19 +329,6 @@ export default function FormModal({
       ref.current.focus();
     }
   }, [open]);
-  function formatMessage(inputs: any): string {
-    if (inputs) {
-      if (typeof inputs == "string") return inputs;
-      // inputs is a object with the keys and values being input_keys and keysValue
-      // so the formated message is a string with the keys and values separated by ": "
-      let message = "";
-      for (const [key, value] of Object.entries(inputs)) {
-        message += `<b>${key}</b>: ${value}\n`;
-      }
-      return message;
-    }
-    return "";
-  }
 
   function sendMessage() {
     if (chatValue !== "") {
@@ -345,7 +338,12 @@ export default function FormModal({
         let inputs = tabsState[id.current].formKeysData.input_keys;
         setChatValue("");
         const message = inputs;
-        addChatHistory(message, true, chatKey);
+        addChatHistory(
+          message,
+          true,
+          chatKey,
+          tabsState[flow.id].formKeysData.template
+        );
         sendAll({
           ...reactFlowInstance.toObject(),
           inputs: inputs,
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index f4edb586b..739bbdba5 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -55,7 +55,6 @@ export default function GenericModal({
   const [myButtonText] = useState(buttonText);
   const [myModalTitle] = useState(modalTitle);
   const [myModalType] = useState(type);
-  const [open, setOpen] = useState(true);
   const [inputValue, setInputValue] = useState(value);
   const [isEdit, setIsEdit] = useState(true);
   const [wordsHighlightInvalid, setWordsHighlightInvalid] = useState([]);
@@ -66,7 +65,6 @@ export default function GenericModal({
   const { closePopUp, setCloseEdit } = useContext(PopUpContext);
   const ref = useRef();
   function setModalOpen(x: boolean) {
-    setOpen(x);
     if (x === false) {
       setCloseEdit("generic");
       closePopUp();
@@ -138,7 +136,6 @@ export default function GenericModal({
       .then((apiReturn) => {
         if (apiReturn.data) {
           setNodeClass(apiReturn.data.frontend_node);
-          setModalOpen(closeModal);
 
           let inputVariables = apiReturn.data.input_variables;
           if (inputVariables.length === 0) {
diff --git a/src/frontend/src/types/chat/index.ts b/src/frontend/src/types/chat/index.ts
index 546408e65..2e7a65fdb 100644
--- a/src/frontend/src/types/chat/index.ts
+++ b/src/frontend/src/types/chat/index.ts
@@ -4,6 +4,7 @@ import { FlowType } from "../flow";
 export type ChatType = { flow: FlowType; reactFlowInstance: ReactFlowInstance };
 export type ChatMessageType = {
   message: string | Object;
+  template?: string;
   isSend: boolean;
   thought?: string;
   files?: Array<{ data: string; type: string; data_type: string }>;
diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts
index 89ba5ef15..33acd1ee7 100644
--- a/src/frontend/src/types/tabs/index.ts
+++ b/src/frontend/src/types/tabs/index.ts
@@ -40,6 +40,7 @@ export type TabsState = {
   [key: string]: {
     isPending: boolean;
     formKeysData: {
+      template?: string;
       input_keys?: Object;
       memory_keys?: Array<string>;
       handle_keys?: Array<string>;

From 8cba8514c49653abbd31cbcf774bcd46e33f9c7a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:18:32 -0300
Subject: [PATCH 205/367] =?UTF-8?q?=F0=9F=90=9B=20fix(agents.py):=20change?=
 =?UTF-8?q?=20type=20annotation=20of=20name=20parameter=20in=20format=5Ffi?=
 =?UTF-8?q?eld=20method=20to=20Optional[str]=20for=20better=20clarity=20Th?=
 =?UTF-8?q?e=20type=20annotation=20of=20the=20name=20parameter=20in=20the?=
 =?UTF-8?q?=20format=5Ffield=20method=20has=20been=20changed=20to=20Option?=
 =?UTF-8?q?al[str]=20to=20indicate=20that=20it=20can=20be=20either=20a=20s?=
 =?UTF-8?q?tring=20or=20None.=20This=20change=20improves=20the=20clarity?=
 =?UTF-8?q?=20of=20the=20code=20and=20makes=20it=20easier=20to=20understan?=
 =?UTF-8?q?d=20the=20expected=20input=20for=20the=20method.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/agents.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/frontend_node/agents.py b/src/backend/langflow/template/frontend_node/agents.py
index b988cbe20..5cae6a346 100644
--- a/src/backend/langflow/template/frontend_node/agents.py
+++ b/src/backend/langflow/template/frontend_node/agents.py
@@ -15,7 +15,7 @@ NON_CHAT_AGENTS = {
 
 class AgentFrontendNode(FrontendNode):
     @staticmethod
-    def format_field(field: TemplateField, name: str | None = None) -> None:
+    def format_field(field: TemplateField, name: Optional[str] = None) -> None:
         if field.name in ["suffix", "prefix"]:
             field.show = True
         if field.name == "Tools" and name == "ZeroShotAgent":

From 44943d225a06a64a0463ffc19540e72839c77e60 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:21:03 -0300
Subject: [PATCH 206/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(customs.py):=20?=
 =?UTF-8?q?comment=20out=20unused=20ZeroShotPrompt=20in=20CUSTOM=5FNODES?=
 =?UTF-8?q?=20dictionary=20The=20ZeroShotPrompt=20node=20in=20the=20CUSTOM?=
 =?UTF-8?q?=5FNODES=20dictionary=20is=20currently=20not=20being=20used=20a?=
 =?UTF-8?q?nd=20commented=20out=20for=20clarity=20and=20to=20improve=20cod?=
 =?UTF-8?q?e=20readability.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/custom/customs.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/custom/customs.py b/src/backend/langflow/custom/customs.py
index 0f1e44308..bbafb4526 100644
--- a/src/backend/langflow/custom/customs.py
+++ b/src/backend/langflow/custom/customs.py
@@ -2,9 +2,9 @@ from langflow.template import frontend_node
 
 # These should always be instantiated
 CUSTOM_NODES = {
-    "prompts": {
-        "ZeroShotPrompt": frontend_node.prompts.ZeroShotPromptNode(),
-    },
+    # "prompts": {
+    #     "ZeroShotPrompt": frontend_node.prompts.ZeroShotPromptNode(),
+    # },
     "tools": {
         "PythonFunctionTool": frontend_node.tools.PythonFunctionToolNode(),
         "PythonFunction": frontend_node.tools.PythonFunctionNode(),

From 116c600d95faa6a4613a97e616fa21f8a39f5a75 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:27:55 -0300
Subject: [PATCH 207/367] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20add=20ch?=
 =?UTF-8?q?eck=20for=20name=20in=20settings=20to=20prevent=20accessing=20n?=
 =?UTF-8?q?on-existent=20keys=20The=20code=20now=20checks=20if=20the=20nam?=
 =?UTF-8?q?e=20is=20present=20in=20the=20settings=20before=20accessing=20t?=
 =?UTF-8?q?he=20corresponding=20keys=20in=20the=20get=5Fcustom=5Fnodes=20f?=
 =?UTF-8?q?unction.=20This=20prevents=20accessing=20non-existent=20keys=20?=
 =?UTF-8?q?and=20avoids=20potential=20errors.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/agents/base.py   | 5 ++++-
 src/backend/langflow/interface/chains/base.py   | 5 ++++-
 src/backend/langflow/interface/memories/base.py | 5 ++++-
 src/backend/langflow/interface/prompts/base.py  | 5 ++++-
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/backend/langflow/interface/agents/base.py b/src/backend/langflow/interface/agents/base.py
index b272144bc..2aa9fc4c2 100644
--- a/src/backend/langflow/interface/agents/base.py
+++ b/src/backend/langflow/interface/agents/base.py
@@ -32,7 +32,10 @@ class AgentCreator(LangChainTypeCreator):
 
     def get_signature(self, name: str) -> Optional[Dict]:
         try:
-            if name in get_custom_nodes(self.type_name).keys():
+            if (
+                name in get_custom_nodes(self.type_name).keys()
+                and name in settings.agents
+            ):
                 return get_custom_nodes(self.type_name)[name]
             elif name in self.from_method_nodes:
                 return build_template_from_method(
diff --git a/src/backend/langflow/interface/chains/base.py b/src/backend/langflow/interface/chains/base.py
index ff7e1ee33..9459f49e5 100644
--- a/src/backend/langflow/interface/chains/base.py
+++ b/src/backend/langflow/interface/chains/base.py
@@ -45,7 +45,10 @@ class ChainCreator(LangChainTypeCreator):
 
     def get_signature(self, name: str) -> Optional[Dict]:
         try:
-            if name in get_custom_nodes(self.type_name).keys():
+            if (
+                name in get_custom_nodes(self.type_name).keys()
+                and name in settings.chains
+            ):
                 return get_custom_nodes(self.type_name)[name]
             elif name in self.from_method_nodes.keys():
                 return build_template_from_method(
diff --git a/src/backend/langflow/interface/memories/base.py b/src/backend/langflow/interface/memories/base.py
index 0f97a02fe..9d3ceb30f 100644
--- a/src/backend/langflow/interface/memories/base.py
+++ b/src/backend/langflow/interface/memories/base.py
@@ -32,7 +32,10 @@ class MemoryCreator(LangChainTypeCreator):
     def get_signature(self, name: str) -> Optional[Dict]:
         """Get the signature of a memory."""
         try:
-            if name in get_custom_nodes(self.type_name).keys():
+            if (
+                name in get_custom_nodes(self.type_name).keys()
+                and name in settings.memories
+            ):
                 return get_custom_nodes(self.type_name)[name]
             elif name in self.from_method_nodes:
                 return build_template_from_method(
diff --git a/src/backend/langflow/interface/prompts/base.py b/src/backend/langflow/interface/prompts/base.py
index 39bd94c5b..ef4f03991 100644
--- a/src/backend/langflow/interface/prompts/base.py
+++ b/src/backend/langflow/interface/prompts/base.py
@@ -40,7 +40,10 @@ class PromptCreator(LangChainTypeCreator):
 
     def get_signature(self, name: str) -> Optional[Dict]:
         try:
-            if name in get_custom_nodes(self.type_name).keys():
+            if (
+                name in get_custom_nodes(self.type_name).keys()
+                and name in settings.prompts
+            ):
                 return get_custom_nodes(self.type_name)[name]
             return build_template_from_class(name, self.type_to_loader_dict)
         except ValueError as exc:

From 6675592737e4ce9499ee9240fd9588cd6a15679b Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 6 Jul 2023 17:35:25 -0300
Subject: [PATCH 208/367] =?UTF-8?q?=F0=9F=94=A7=20refactor(base.py):=20rem?=
 =?UTF-8?q?ove=20unnecessary=20condition=20in=20get=5Fsignature=20method?=
 =?UTF-8?q?=20The=20condition=20`name=20in=20settings.<type>`=20is=20remov?=
 =?UTF-8?q?ed=20from=20the=20`get=5Fsignature`=20method=20in=20the=20`base?=
 =?UTF-8?q?.py`=20files=20of=20the=20`agents`,=20`chains`,=20`memories`,?=
 =?UTF-8?q?=20and=20`prompts`=20modules.=20This=20condition=20was=20unnece?=
 =?UTF-8?q?ssary=20as=20it=20was=20already=20checked=20in=20the=20`get=5Fc?=
 =?UTF-8?q?ustom=5Fnodes`=20function.=20Removing=20this=20condition=20simp?=
 =?UTF-8?q?lifies=20the=20code=20and=20improves=20readability.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/agents/base.py   | 5 +----
 src/backend/langflow/interface/chains/base.py   | 5 +----
 src/backend/langflow/interface/memories/base.py | 5 +----
 src/backend/langflow/interface/prompts/base.py  | 5 +----
 4 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/backend/langflow/interface/agents/base.py b/src/backend/langflow/interface/agents/base.py
index 2aa9fc4c2..b272144bc 100644
--- a/src/backend/langflow/interface/agents/base.py
+++ b/src/backend/langflow/interface/agents/base.py
@@ -32,10 +32,7 @@ class AgentCreator(LangChainTypeCreator):
 
     def get_signature(self, name: str) -> Optional[Dict]:
         try:
-            if (
-                name in get_custom_nodes(self.type_name).keys()
-                and name in settings.agents
-            ):
+            if name in get_custom_nodes(self.type_name).keys():
                 return get_custom_nodes(self.type_name)[name]
             elif name in self.from_method_nodes:
                 return build_template_from_method(
diff --git a/src/backend/langflow/interface/chains/base.py b/src/backend/langflow/interface/chains/base.py
index 9459f49e5..ff7e1ee33 100644
--- a/src/backend/langflow/interface/chains/base.py
+++ b/src/backend/langflow/interface/chains/base.py
@@ -45,10 +45,7 @@ class ChainCreator(LangChainTypeCreator):
 
     def get_signature(self, name: str) -> Optional[Dict]:
         try:
-            if (
-                name in get_custom_nodes(self.type_name).keys()
-                and name in settings.chains
-            ):
+            if name in get_custom_nodes(self.type_name).keys():
                 return get_custom_nodes(self.type_name)[name]
             elif name in self.from_method_nodes.keys():
                 return build_template_from_method(
diff --git a/src/backend/langflow/interface/memories/base.py b/src/backend/langflow/interface/memories/base.py
index 9d3ceb30f..0f97a02fe 100644
--- a/src/backend/langflow/interface/memories/base.py
+++ b/src/backend/langflow/interface/memories/base.py
@@ -32,10 +32,7 @@ class MemoryCreator(LangChainTypeCreator):
     def get_signature(self, name: str) -> Optional[Dict]:
         """Get the signature of a memory."""
         try:
-            if (
-                name in get_custom_nodes(self.type_name).keys()
-                and name in settings.memories
-            ):
+            if name in get_custom_nodes(self.type_name).keys():
                 return get_custom_nodes(self.type_name)[name]
             elif name in self.from_method_nodes:
                 return build_template_from_method(
diff --git a/src/backend/langflow/interface/prompts/base.py b/src/backend/langflow/interface/prompts/base.py
index ef4f03991..39bd94c5b 100644
--- a/src/backend/langflow/interface/prompts/base.py
+++ b/src/backend/langflow/interface/prompts/base.py
@@ -40,10 +40,7 @@ class PromptCreator(LangChainTypeCreator):
 
     def get_signature(self, name: str) -> Optional[Dict]:
         try:
-            if (
-                name in get_custom_nodes(self.type_name).keys()
-                and name in settings.prompts
-            ):
+            if name in get_custom_nodes(self.type_name).keys():
                 return get_custom_nodes(self.type_name)[name]
             return build_template_from_class(name, self.type_to_loader_dict)
         except ValueError as exc:

From 4595d51e62364d313b52efc63b7d59c5158949d3 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 6 Jul 2023 21:38:42 -0300
Subject: [PATCH 209/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20set=20disabled=20prop=20to=20false=20in=20TextAreaComponent?=
 =?UTF-8?q?=20to=20enable=20editing=20=E2=9C=A8=20feat(GenericNode):=20imp?=
 =?UTF-8?q?ort=20Zap=20icon=20from=20lucide-react=20to=20use=20in=20valida?=
 =?UTF-8?q?tion=20status=20tooltip=20=F0=9F=90=9B=20fix(textAreaComponent)?=
 =?UTF-8?q?:=20import=20classNames=20from=20utils=20to=20fix=20missing=20i?=
 =?UTF-8?q?mport=20error=20=F0=9F=90=9B=20fix(constants):=20update=20HIGHL?=
 =?UTF-8?q?IGH=5FCSS=20constant=20to=20add=20overflow-y-hidden=20and=20max?=
 =?UTF-8?q?-w-[75vw]=20classes=20=F0=9F=90=9B=20fix(ApiModal):=20add=20con?=
 =?UTF-8?q?dition=20to=20check=20if=20tweak.current=20exists=20before=20ca?=
 =?UTF-8?q?lling=20startTweaks()=20=E2=9C=A8=20feat(ApiModal):=20import=20?=
 =?UTF-8?q?Variable=20icon=20from=20lucide-react=20to=20use=20in=20input?=
 =?UTF-8?q?=20variables=20section=20=F0=9F=90=9B=20fix(genericModal):=20im?=
 =?UTF-8?q?port=20Variable=20icon=20from=20lucide-react=20to=20use=20in=20?=
 =?UTF-8?q?input=20variables=20section=20=F0=9F=90=9B=20fix(utils):=20add?=
 =?UTF-8?q?=20newline=20character=20to=20INVALID=5FCHARACTERS=20array=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(tailwind.config.js):=20set=20height=20proper?=
 =?UTF-8?q?ty=20to=20"8px"=20for=20scrollbar=20in=20custom-scroll=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx   |  2 +-
 .../src/CustomNodes/GenericNode/index.tsx     |  4 +-
 .../components/textAreaComponent/index.tsx    | 42 ++++-------
 src/frontend/src/constants.tsx                |  2 +-
 src/frontend/src/modals/ApiModal/index.tsx    |  6 +-
 .../src/modals/genericModal/index.tsx         | 75 ++++++++++---------
 src/frontend/src/utils.ts                     |  1 +
 src/frontend/tailwind.config.js               |  1 +
 8 files changed, 68 insertions(+), 65 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 56c65354d..8e22eafac 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -222,7 +222,7 @@ export default function ParameterComponent({
               />
             ) : data.node.template[name].multiline ? (
               <TextAreaComponent
-                disabled={disabled}
+                disabled={false}
                 value={data.node.template[name].value ?? ""}
                 onChange={handleOnNewValue}
               />
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index c2226a126..56d574920 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -16,6 +16,7 @@ import { NodeToolbar } from "reactflow";
 import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import { useSSE } from "../../contexts/SSEContext";
+import { Zap } from "lucide-react";
 
 export default function GenericNode({
   data,
@@ -117,7 +118,8 @@ export default function GenericNode({
               <Tooltip
                 title={
                   !validationStatus ? (
-                    "Validating..."
+                      <span className="flex">Build <Zap className="mx-0.5 h-5 fill-build-trigger stroke-build-trigger stroke-1" strokeWidth={1.5} /> flow to validate status.</span>
+                    
                   ) : (
                     <div className="max-h-96 overflow-auto">
                       {validationStatus.params
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index c62af4b30..dc6f92cd2 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -2,7 +2,7 @@ import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { TextAreaComponentType } from "../../types/components";
 import GenericModal from "../../modals/genericModal";
-import { TypeModal } from "../../utils";
+import { TypeModal, classNames } from "../../utils";
 
 import { ExternalLink } from "lucide-react";
 
@@ -30,34 +30,24 @@ export default function TextAreaComponent({
     <div className={disabled ? "cursor-not-allowed" : ""}>
       <div
         className={
-          (editNode ? "w-full items-center" : "flex w-full items-center") +
+          (editNode ? "w-full relative top-2" : "flex w-full items-center") +
           (disabled ? " pointer-events-none" : "")
         }
       >
-        <span
-          onClick={() => {
-            openPopUp(
-              <GenericModal
-                type={TypeModal.TEXT}
-                buttonText="Finishing Editing"
-                modalTitle="Edit Text"
-                value={myValue}
-                setValue={(t: string) => {
-                  setMyValue(t);
-                  onChange(t);
-                }}
-              />
-            );
-          }}
-          className={
-            editNode
-              ? "input-edit-node input-dialog "
-              : "input-dialog input-primary " +
-                (disabled ? "input-disable" : "")
-          }
-        >
-          {myValue !== "" ? myValue : "Type something..."}
-        </span>
+
+        <input
+        value={myValue}
+        className={
+          editNode
+            ? "input-edit-node"
+            : "input-primary" + (disabled ? " input-disable " : "")
+        }
+        placeholder={"Type something..."}
+        onChange={(e) => {
+          setMyValue(e.target.value);
+          onChange(e.target.value);
+        }}
+      />
 
         <button
           onClick={() => {
diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index 56adef9de..ca8220e94 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -529,4 +529,4 @@ export const USER_PROJECTS_HEADER = "My Collection";
  *
  */
 export const HIGHLIGH_CSS =
-  "block pl-3 pr-14 py-2 w-full h-full text-sm outline-0 border-0 break-all";
+  "block pl-3 pr-14 py-2 w-full h-full text-sm outline-0 border-0 break-all overflow-y-hidden max-w-[75vw]";
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index b37f6fe40..81e7b0e61 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -111,7 +111,9 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
         startTweaks();
       }
     } else {
-      startTweaks();
+      if(tweak?.current){
+        startTweaks();
+      }
     }
   }, [closeEdit]);
 
@@ -313,7 +315,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
             >
               {index < 3 ? (
                 <SyntaxHighlighter
-                  className="h-[60vh] w-full overflow-auto"
+                  className="h-[60vh] w-full overflow-auto custom-scroll"
                   language={tab.mode}
                   style={oneDark}
                 >
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 3367c956b..b709f5426 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -39,6 +39,7 @@ import {
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import { set } from "lodash";
 import DOMPurify from "dompurify";
+import { Variable } from "lucide-react";
 
 export default function GenericModal({
   field_name = "",
@@ -206,39 +207,6 @@ export default function GenericModal({
           </DialogDescription>
         </DialogHeader>
 
-        {type == TypeModal.PROMPT &&
-          inputValue &&
-          inputValue != "" &&
-          wordsHighlight.length > 0 && (
-            <>
-              <div>
-                <span className="">Variables: </span>
-                {wordsHighlight.map((word, index) => (
-                  <ShadTooltip
-                    key={getRandomKeyByssmm() + index}
-                    content={word.replace(/[{}]/g, "")}
-                    asChild={false}
-                    delayDuration={1500}
-                  >
-                    <Badge
-                      key={index}
-                      size="lg"
-                      className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
-                    >
-                      <div className="relative bottom-[1px]">
-                        <span>
-                          {word.replace(/[{}]/g, "").length > 59
-                            ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
-                            : word.replace(/[{}]/g, "")}
-                        </span>
-                      </div>
-                    </Badge>
-                  </ShadTooltip>
-                ))}
-              </div>
-            </>
-          )}
-
         <div
           className={classNames(
             !isEdit ? "rounded-lg border" : "",
@@ -248,7 +216,7 @@ export default function GenericModal({
           {type == TypeModal.PROMPT && isEdit ? (
             <Textarea
               ref={ref}
-              className="form-input h-full w-full rounded-lg border-gray-300 focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white"
+              className="form-input h-full w-full rounded-lg border-gray-300 focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white custom-scroll"
               value={inputValue}
               onBlur={() => {
                 blur();
@@ -278,6 +246,45 @@ export default function GenericModal({
           )}
         </div>
 
+        
+        {type == TypeModal.PROMPT && (
+            <>
+              <div className="">
+              <div className="items-center flex flex-wrap">
+                <Variable className=" -ml-px mr-1 h-4 w-4 text-primary flex"></Variable>
+                <span className="text-md font-semibold text-primary">
+                  Input Variables: {wordsHighlight &&
+          wordsHighlight.length == 0 ? '-' : ''}
+                </span>
+
+                {wordsHighlight.map((word, index) => (
+                  <ShadTooltip
+                    key={getRandomKeyByssmm() + index}
+                    content={word.replace(/[{}]/g, "")}
+                    asChild={false}
+                    delayDuration={1500}
+                  >
+                    <Badge
+                      key={index}
+                      variant="gray" size="md"
+                      className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
+                    >
+                      <div className="relative bottom-[1px]">
+                        <span>
+                          {word.replace(/[{}]/g, "").length > 59
+                            ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
+                            : word.replace(/[{}]/g, "")}
+                        </span>
+                      </div>
+                    </Badge>
+                  </ShadTooltip>
+                ))}
+
+              </div>
+              </div>
+            </>
+          )}
+
         <DialogFooter>
           <Button
             className="mt-3"
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 09d12c75d..525914256 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -1022,6 +1022,7 @@ export const INVALID_CHARACTERS = [
   ")",
   "[",
   "]",
+  "\n"
 ];
 
 export const regexHighlight = /\{([^}]+)\}/g;
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index 8f49e9a4f..df7bc87ac 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -199,6 +199,7 @@ module.exports = {
         ".custom-scroll": {
           "&::-webkit-scrollbar": {
             width: "8px",
+            height: "8px"
           },
           "&::-webkit-scrollbar-track": {
             backgroundColor: "#f1f1f1",

From 7a0ab933572de4302f1fad7cbc6315d824f280ca Mon Sep 17 00:00:00 2001
From: Rodrigo Nader <rodrigosilvanader@gmail.com>
Date: Fri, 7 Jul 2023 00:10:41 -0300
Subject: [PATCH 210/367] refactor: Remove unused function and fix code
 formatting

- Removed the `postCustomComponent` function from the API controller.
- Fixed formatting issues in the `CodeAreaModal` component.
- Removed unnecessary code comments and imports.

This commit simplifies the codebase and improves readability.
---
 src/frontend/src/controllers/API/index.ts       |  9 +--------
 src/frontend/src/modals/codeAreaModal/index.tsx | 12 +++---------
 2 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 6b2517c83..165ce843c 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -338,11 +338,4 @@ export async function uploadFile(
   const formData = new FormData();
   formData.append("file", file);
   return await axios.post(`/api/v1/upload/${id}`, formData);
-}
-
-export async function postCustomComponent(
-  code: string,
-  apiClass: APIClassType
-): Promise<AxiosResponse<APIClassType>> {
-  return await axios.post(`/api/v1/custom_component`, { code });
-}
+}
\ No newline at end of file
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 7b48fe6da..02c9ff7c5 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -7,7 +7,7 @@ import "ace-builds/src-noconflict/theme-twilight";
 import "ace-builds/src-noconflict/ext-language_tools";
 // import "ace-builds/webpack-resolver";
 import { darkContext } from "../../contexts/darkContext";
-import { postCustomComponent, postValidateCode } from "../../controllers/API";
+import { postValidateCode } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
 import {
   Dialog,
@@ -63,7 +63,8 @@ export default function CodeAreaModal({
             setSuccessData({
               title: "Code is ready to run",
             });
-            // setValue(code);
+            setValue(code);
+            setModalOpen(false);
           } else {
             if (funcErrors.length !== 0) {
               setErrorData({
@@ -90,13 +91,6 @@ export default function CodeAreaModal({
           title: "There is something wrong with this code, please review it",
         });
       });
-    postCustomComponent(code, nodeClass).then((apiReturn) => {
-      const data = apiReturn.data;
-      if (data) {
-        setNodeClass(data);
-        setModalOpen(false);
-      }
-    });
   }
 
   return (

From 5b2cc6f68a2ec05fd148a29cc3b1197a54f10525 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 06:53:04 -0300
Subject: [PATCH 211/367] =?UTF-8?q?=F0=9F=8E=A8=20style(inputFileComponent?=
 =?UTF-8?q?):=20add=20margin-left=20to=20FileSearch2=20component=20to=20im?=
 =?UTF-8?q?prove=20spacing=20=F0=9F=8E=A8=20style(genericModal):=20add=20c?=
 =?UTF-8?q?ustom-scroll=20class=20to=20div=20to=20enable=20vertical=20scro?=
 =?UTF-8?q?lling=20=F0=9F=90=9B=20fix(genericModal):=20set=20value=20of=20?=
 =?UTF-8?q?inputValue=20before=20closing=20modal=20in=20case=201=20of=20sw?=
 =?UTF-8?q?itch=20statement=20=F0=9F=90=9B=20fix(genericModal):=20fix=20in?=
 =?UTF-8?q?dentation=20and=20add=20missing=20semicolon=20in=20case=202=20o?=
 =?UTF-8?q?f=20switch=20statement?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/inputFileComponent/index.tsx | 2 +-
 src/frontend/src/modals/genericModal/index.tsx           | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index a0039abf1..99f066aff 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -112,7 +112,7 @@ export default function InputFileComponent({
           {!editNode && !loading && (
             <FileSearch2
               strokeWidth={1.5}
-              className="h-6 w-6 hover:text-accent-foreground"
+              className="h-6 w-6 hover:text-accent-foreground ml-3"
             />
           )}
           {!editNode && loading && (
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 51a5179bd..47e32ca3d 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -239,7 +239,7 @@ export default function GenericModal({
         
         {type == TypeModal.PROMPT && (
             <>
-              <div className="">
+              <div className="h-[6vh] overflow-y-auto custom-scroll">
               <div className="items-center flex flex-wrap">
                 <Variable className=" -ml-px mr-1 h-4 w-4 text-primary flex"></Variable>
                 <span className="text-md font-semibold text-primary">
@@ -281,7 +281,8 @@ export default function GenericModal({
             onClick={() => {
               switch (myModalType) {
                 case 1:
-                  setModalOpen(false);
+                  setValue(inputValue);
+                    setModalOpen(false);
                   break;
                 case 2:
                   validatePrompt(false);

From 07276523a350878b91ff009d0187addb4804c9e4 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 11:35:50 -0300
Subject: [PATCH 212/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage/index.ts?=
 =?UTF-8?q?x):=20remove=20unnecessary=20div=20wrapper=20around=20matched?=
 =?UTF-8?q?=20text=20in=20AccordionContent=20=F0=9F=94=A8=20refactor(chatM?=
 =?UTF-8?q?essage/index.tsx):=20simplify=20rendering=20of=20matched=20text?=
 =?UTF-8?q?=20in=20AccordionContent=20by=20using=20a=20span=20instead=20of?=
 =?UTF-8?q?=20a=20div=20=F0=9F=94=A8=20refactor(chatMessage/index.tsx):=20?=
 =?UTF-8?q?remove=20unnecessary=20div=20wrapper=20around=20chat.message[ch?=
 =?UTF-8?q?at.chatKey]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modals/formModal/chatMessage/index.tsx    | 36 ++++++++-----------
 1 file changed, 14 insertions(+), 22 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 722365e0c..499a7bee1 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -138,15 +138,15 @@ export default function ChatMessage({
         <div className="flex w-full items-center">
           <div className="inline-block text-start">
             <span className=" break-all text-primary">
-              <Accordion type="single" collapsible className="mb-4">
+              <Accordion type="single" collapsible className="mb-2 flex">
                 <AccordionItem
                   className=" rounded-md border border-ring/60 bg-muted px-4"
                   value="prompt"
                 >
-                  <AccordionTrigger className="flex gap-4 text-base font-semibold">
+                  <AccordionTrigger className="gap-4 text-base font-semibold">
                     Initial Prompt
                   </AccordionTrigger>
-                  <AccordionContent className="max-h-96 overflow-auto break-all p-2 text-base">
+                  <AccordionContent className="max-h-96 overflow-auto break-all p-2">
                     {
                       // Make all the variables that are inside curly braces bold
                       template.split("\n").map((line, index) => {
@@ -160,24 +160,14 @@ export default function ChatMessage({
                             parts.push(line.substring(lastIndex, match.index));
                           }
                           // Push div with matched text
-                          parts.push(
-                            <div>
-                              <div className="my-1 inline-block rounded-md bg-indigo-100 px-2">
-                                <span key={match.index}>
-                                  <span className=" text-xs font-semibold text-high-indigo">
-                                    {match[1]}
-                                  </span>
-                                  {chat.message[match[1]] ? (
-                                    <span>
-                                      &nbsp;&nbsp;{chat.message[match[1]]}
-                                    </span>
-                                  ) : (
-                                    ""
-                                  )}
-                                </span>
-                              </div>
-                            </div>
-                          );
+                          if (chat.message[match[1]]) {
+                            parts.push(
+                              <span className="my-1 rounded-md bg-indigo-100">
+                                {chat.message[match[1]]}
+                              </span>
+                            );
+                          }
+
                           // Update last index
                           lastIndex = regex.lastIndex;
                         }
@@ -191,7 +181,9 @@ export default function ChatMessage({
                   </AccordionContent>
                 </AccordionItem>
               </Accordion>
-              {chat.message[chat.chatKey]}
+              <span className="prose text-primary dark:prose-invert">
+                {chat.message[chat.chatKey]}
+              </span>
             </span>
           </div>
         </div>

From 3842b9090796e6e62df4e4f79312eebac9030158 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 11:36:34 -0300
Subject: [PATCH 213/367] =?UTF-8?q?=F0=9F=90=9B=20fix(GenericNode):=20impr?=
 =?UTF-8?q?ove=20readability=20of=20tooltip=20title=20by=20formatting=20th?=
 =?UTF-8?q?e=20JSX=20code=20=F0=9F=90=9B=20fix(inputFileComponent):=20fix?=
 =?UTF-8?q?=20class=20order=20in=20className=20to=20ensure=20proper=20styl?=
 =?UTF-8?q?ing=20=F0=9F=90=9B=20fix(textAreaComponent):=20fix=20class=20or?=
 =?UTF-8?q?der=20in=20className=20to=20ensure=20proper=20styling=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(API):=20remove=20trailing=20whitespace=20at?=
 =?UTF-8?q?=20the=20end=20of=20the=20file=20=F0=9F=90=9B=20fix(ApiModal):?=
 =?UTF-8?q?=20add=20missing=20space=20before=20if=20statement=20condition?=
 =?UTF-8?q?=20=F0=9F=90=9B=20fix(genericModal):=20remove=20unnecessary=20w?=
 =?UTF-8?q?hitespace=20and=20fix=20class=20order=20in=20className=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(utils):=20add=20missing=20comma=20in=20INVAL?=
 =?UTF-8?q?ID=5FCHARACTERS=20array=20=F0=9F=90=9B=20fix(tailwind.config.js?=
 =?UTF-8?q?):=20add=20missing=20comma=20in=20custom-scroll=20CSS=20rule?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/CustomNodes/GenericNode/index.tsx     | 10 +++++--
 .../components/inputFileComponent/index.tsx   |  2 +-
 .../components/textAreaComponent/index.tsx    | 27 +++++++++----------
 src/frontend/src/controllers/API/index.ts     |  2 +-
 src/frontend/src/modals/ApiModal/index.tsx    |  2 +-
 .../src/modals/genericModal/index.tsx         | 27 +++++++++----------
 src/frontend/src/utils.ts                     |  2 +-
 src/frontend/tailwind.config.js               |  2 +-
 8 files changed, 39 insertions(+), 35 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 56d574920..0567580e3 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -118,8 +118,14 @@ export default function GenericNode({
               <Tooltip
                 title={
                   !validationStatus ? (
-                      <span className="flex">Build <Zap className="mx-0.5 h-5 fill-build-trigger stroke-build-trigger stroke-1" strokeWidth={1.5} /> flow to validate status.</span>
-                    
+                    <span className="flex">
+                      Build{" "}
+                      <Zap
+                        className="mx-0.5 h-5 fill-build-trigger stroke-build-trigger stroke-1"
+                        strokeWidth={1.5}
+                      />{" "}
+                      flow to validate status.
+                    </span>
                   ) : (
                     <div className="max-h-96 overflow-auto">
                       {validationStatus.params
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 99f066aff..f1919f220 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -112,7 +112,7 @@ export default function InputFileComponent({
           {!editNode && !loading && (
             <FileSearch2
               strokeWidth={1.5}
-              className="h-6 w-6 hover:text-accent-foreground ml-3"
+              className="ml-3 h-6 w-6 hover:text-accent-foreground"
             />
           )}
           {!editNode && loading && (
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index dc6f92cd2..c7c7f5e80 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -30,24 +30,23 @@ export default function TextAreaComponent({
     <div className={disabled ? "cursor-not-allowed" : ""}>
       <div
         className={
-          (editNode ? "w-full relative top-2" : "flex w-full items-center") +
+          (editNode ? "relative top-2 w-full" : "flex w-full items-center") +
           (disabled ? " pointer-events-none" : "")
         }
       >
-
         <input
-        value={myValue}
-        className={
-          editNode
-            ? "input-edit-node"
-            : "input-primary" + (disabled ? " input-disable " : "")
-        }
-        placeholder={"Type something..."}
-        onChange={(e) => {
-          setMyValue(e.target.value);
-          onChange(e.target.value);
-        }}
-      />
+          value={myValue}
+          className={
+            editNode
+              ? "input-edit-node"
+              : "input-primary" + (disabled ? " input-disable " : "")
+          }
+          placeholder={"Type something..."}
+          onChange={(e) => {
+            setMyValue(e.target.value);
+            onChange(e.target.value);
+          }}
+        />
 
         <button
           onClick={() => {
diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 165ce843c..72204ee68 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -338,4 +338,4 @@ export async function uploadFile(
   const formData = new FormData();
   formData.append("file", file);
   return await axios.post(`/api/v1/upload/${id}`, formData);
-}
\ No newline at end of file
+}
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 81e7b0e61..8cc9c73df 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -111,7 +111,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
         startTweaks();
       }
     } else {
-      if(tweak?.current){
+      if (tweak?.current) {
         startTweaks();
       }
     }
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 47e32ca3d..826ccf310 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -206,7 +206,7 @@ export default function GenericModal({
           {type == TypeModal.PROMPT && isEdit ? (
             <Textarea
               ref={ref}
-              className="form-input h-full w-full rounded-lg border-gray-300 focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white custom-scroll"
+              className="form-input h-full w-full rounded-lg border-gray-300 custom-scroll focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white"
               value={inputValue}
               onBlur={() => {
                 blur();
@@ -236,15 +236,14 @@ export default function GenericModal({
           )}
         </div>
 
-        
         {type == TypeModal.PROMPT && (
-            <>
-              <div className="h-[6vh] overflow-y-auto custom-scroll">
-              <div className="items-center flex flex-wrap">
-                <Variable className=" -ml-px mr-1 h-4 w-4 text-primary flex"></Variable>
+          <>
+            <div className="h-[6vh] overflow-y-auto custom-scroll">
+              <div className="flex flex-wrap items-center">
+                <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
                 <span className="text-md font-semibold text-primary">
-                  Input Variables: {wordsHighlight &&
-          wordsHighlight.length == 0 ? '-' : ''}
+                  Input Variables:{" "}
+                  {wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
                 </span>
 
                 {wordsHighlight.map((word, index) => (
@@ -256,7 +255,8 @@ export default function GenericModal({
                   >
                     <Badge
                       key={index}
-                      variant="gray" size="md"
+                      variant="gray"
+                      size="md"
                       className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
                     >
                       <div className="relative bottom-[1px]">
@@ -269,11 +269,10 @@ export default function GenericModal({
                     </Badge>
                   </ShadTooltip>
                 ))}
-
               </div>
-              </div>
-            </>
-          )}
+            </div>
+          </>
+        )}
 
         <DialogFooter>
           <Button
@@ -282,7 +281,7 @@ export default function GenericModal({
               switch (myModalType) {
                 case 1:
                   setValue(inputValue);
-                    setModalOpen(false);
+                  setModalOpen(false);
                   break;
                 case 2:
                   validatePrompt(false);
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 525914256..7db5628bf 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -1022,7 +1022,7 @@ export const INVALID_CHARACTERS = [
   ")",
   "[",
   "]",
-  "\n"
+  "\n",
 ];
 
 export const regexHighlight = /\{([^}]+)\}/g;
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index df7bc87ac..b3d296560 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -199,7 +199,7 @@ module.exports = {
         ".custom-scroll": {
           "&::-webkit-scrollbar": {
             width: "8px",
-            height: "8px"
+            height: "8px",
           },
           "&::-webkit-scrollbar-track": {
             backgroundColor: "#f1f1f1",

From f7f08cc97d4d6b8a9eb4a8f6579eb60b5e881841 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 11:54:16 -0300
Subject: [PATCH 214/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(chatMessage):?=
 =?UTF-8?q?=20remove=20unused=20code=20and=20simplify=20the=20ChatMessage?=
 =?UTF-8?q?=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chatComponent/chatMessage/index.tsx       | 55 -------------------
 1 file changed, 55 deletions(-)
 delete mode 100644 src/frontend/src/components/chatComponent/chatMessage/index.tsx

diff --git a/src/frontend/src/components/chatComponent/chatMessage/index.tsx b/src/frontend/src/components/chatComponent/chatMessage/index.tsx
deleted file mode 100644
index 55badac86..000000000
--- a/src/frontend/src/components/chatComponent/chatMessage/index.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useState } from "react";
-import { ChatMessageType } from "../../../types/chat";
-import { nodeColors } from "../../../utils";
-import Convert from "ansi-to-html";
-import { MessageCircle } from "lucide-react";
-import DOMPurify from "dompurify";
-const convert = new Convert({ newline: true });
-export default function ChatMessage({ chat }: { chat: ChatMessageType }) {
-  const [hidden, setHidden] = useState(true);
-  return (
-    <div>
-      {!chat.isSend ? (
-        <div className="w-full text-start">
-          <div
-            style={{ backgroundColor: nodeColors["chat"] }}
-            className=" relative inline-block w-fit max-w-[280px] overflow-hidden rounded-xl rounded-tl-none text-start text-sm font-normal text-background"
-          >
-            {hidden && chat.thought && chat.thought !== "" && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                className="absolute right-2 top-2 cursor-pointer"
-              >
-                <MessageCircle className="h-5 w-5 animate-bounce" />
-              </div>
-            )}
-
-            {chat.thought && chat.thought !== "" && !hidden && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                style={{ backgroundColor: nodeColors["thought"] }}
-                className=" inline-block w-full cursor-pointer px-5 pb-3 pt-3 text-start"
-                dangerouslySetInnerHTML={{
-                  __html: DOMPurify.sanitize(convert.toHtml(chat.thought)),
-                }}
-              ></div>
-            )}
-            {chat.thought && chat.thought !== "" && !hidden && <br></br>}
-            <div
-              className="w-full rounded-b-md px-4 pb-3 pr-8 pt-3"
-              style={{ backgroundColor: nodeColors["chat"] }}
-            >
-              {chat.message}
-            </div>
-          </div>
-        </div>
-      ) : (
-        <div className="w-full text-end">
-          <div className="inline-block w-fit max-w-[280px] overflow-hidden rounded-xl rounded-tr-none bg-input p-3 px-5 text-start text-sm font-normal text-black">
-            {chat.message}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

From 1020539ae66ea50264a7c57c4e4da645d70922ad Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 12:03:54 -0300
Subject: [PATCH 215/367] Changed chat message button to show entire prompt
 instead of chat input

---
 .../modals/formModal/chatMessage/index.tsx    | 98 +++++++++----------
 1 file changed, 47 insertions(+), 51 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 499a7bee1..092d33092 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -10,7 +10,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import { CodeBlock } from "./codeBlock";
 import Convert from "ansi-to-html";
-import { User2, MessageSquare } from "lucide-react";
+import { User2, MessageSquare, ChevronDown } from "lucide-react";
 import {
   Accordion,
   AccordionContent,
@@ -31,6 +31,7 @@ export default function ChatMessage({
   const convert = new Convert({ newline: true });
   const [hidden, setHidden] = useState(true);
   const [template, setTemplate] = useState(chat.template);
+  const [promptOpen, setPromptOpen] = useState(false);
   return (
     <div
       className={classNames(
@@ -135,57 +136,52 @@ export default function ChatMessage({
           </div>
         </div>
       ) : (
-        <div className="flex w-full items-center">
-          <div className="inline-block text-start">
-            <span className=" break-all text-primary">
-              <Accordion type="single" collapsible className="mb-2 flex">
-                <AccordionItem
-                  className=" rounded-md border border-ring/60 bg-muted px-4"
-                  value="prompt"
-                >
-                  <AccordionTrigger className="gap-4 text-base font-semibold">
-                    Initial Prompt
-                  </AccordionTrigger>
-                  <AccordionContent className="max-h-96 overflow-auto break-all p-2">
-                    {
-                      // Make all the variables that are inside curly braces bold
-                      template.split("\n").map((line, index) => {
-                        const regex = /{([^}]+)}/g;
-                        let match;
-                        let parts = [];
-                        let lastIndex = 0;
-                        while ((match = regex.exec(line)) !== null) {
-                          // Push text up to the match
-                          if (match.index !== lastIndex) {
-                            parts.push(line.substring(lastIndex, match.index));
-                          }
-                          // Push div with matched text
-                          if (chat.message[match[1]]) {
-                            parts.push(
-                              <span className="my-1 rounded-md bg-indigo-100">
-                                {chat.message[match[1]]}
-                              </span>
-                            );
-                          }
-
-                          // Update last index
-                          lastIndex = regex.lastIndex;
-                        }
-                        // Push text after the last match
-                        if (lastIndex !== line.length) {
-                          parts.push(line.substring(lastIndex));
-                        }
-                        return <p>{parts}</p>;
-                      })
+        <div>
+          <button
+            className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-muted px-4 py-3 text-base font-semibold"
+            onClick={() => {
+              setPromptOpen((old) => !old);
+            }}
+          >
+            Initial Prompt
+            <ChevronDown
+              className={
+                "h-3 w-3 transition-all " + (promptOpen ? "rotate-180" : "")
+              }
+            />
+          </button>
+          <span className="prose inline-block break-words text-primary dark:prose-invert">
+            {promptOpen
+              ? template.split("\n").map((line, index) => {
+                  const regex = /{([^}]+)}/g;
+                  let match;
+                  let parts = [];
+                  let lastIndex = 0;
+                  while ((match = regex.exec(line)) !== null) {
+                    // Push text up to the match
+                    if (match.index !== lastIndex) {
+                      parts.push(line.substring(lastIndex, match.index));
                     }
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-              <span className="prose text-primary dark:prose-invert">
-                {chat.message[chat.chatKey]}
-              </span>
-            </span>
-          </div>
+                    // Push div with matched text
+                    if (chat.message[match[1]]) {
+                      parts.push(
+                        <span className="my-1 rounded-md bg-indigo-100">
+                          {chat.message[match[1]]}
+                        </span>
+                      );
+                    }
+
+                    // Update last index
+                    lastIndex = regex.lastIndex;
+                  }
+                  // Push text after the last match
+                  if (lastIndex !== line.length) {
+                    parts.push(line.substring(lastIndex));
+                  }
+                  return <p>{parts}</p>;
+                })
+              : chat.message[chat.chatKey]}
+          </span>
         </div>
       )}
     </div>

From be7d9c93fe18151b019affcef61a8d362fc195e7 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 12:05:01 -0300
Subject: [PATCH 216/367] Formatting changes

---
 src/backend/langflow/lcserve.py               |  4 +-
 src/frontend/src/App.tsx                      |  7 +--
 .../src/CustomNodes/GenericNode/index.tsx     |  4 +-
 src/frontend/src/alerts/error/index.tsx       |  9 +--
 src/frontend/src/alerts/success/index.tsx     |  9 +--
 .../components/AccordionComponent/index.tsx   |  2 +-
 .../EditFlowSettingsComponent/index.tsx       |  4 +-
 .../ExtraSidebarComponent/index.tsx           |  8 +--
 .../src/components/cardComponent/index.tsx    | 13 +++--
 .../chatComponent/buildTrigger/index.tsx      |  2 +-
 .../components/codeAreaComponent/index.tsx    |  2 +-
 .../components/dropdownComponent/index.tsx    |  6 +-
 .../src/components/floatComponent/index.tsx   |  6 +-
 .../src/components/headerComponent/index.tsx  |  8 +--
 .../src/components/inputComponent/index.tsx   |  8 +--
 .../components/inputFileComponent/index.tsx   |  6 +-
 .../components/textAreaComponent/index.tsx    |  2 +-
 src/frontend/src/components/ui/accordion.tsx  |  2 +-
 src/frontend/src/components/ui/badge.tsx      |  2 +-
 src/frontend/src/components/ui/button.tsx     |  4 +-
 src/frontend/src/components/ui/checkbox.tsx   |  2 +-
 .../src/components/ui/dropdown-menu.tsx       | 14 ++---
 src/frontend/src/components/ui/input.tsx      |  4 +-
 src/frontend/src/components/ui/label.tsx      |  2 +-
 src/frontend/src/components/ui/menubar.tsx    | 24 ++++----
 src/frontend/src/components/ui/progress.tsx   |  2 +-
 src/frontend/src/components/ui/separator.tsx  |  6 +-
 src/frontend/src/components/ui/table.tsx      |  4 +-
 src/frontend/src/components/ui/textarea.tsx   |  4 +-
 src/frontend/src/components/ui/tooltip.tsx    |  2 +-
 src/frontend/src/contexts/alertContext.tsx    |  2 +-
 src/frontend/src/contexts/darkContext.tsx     |  2 +-
 src/frontend/src/contexts/locationContext.tsx |  2 +-
 src/frontend/src/contexts/typesContext.tsx    | 10 ++--
 src/frontend/src/contexts/undoRedoContext.tsx |  4 +-
 src/frontend/src/controllers/API/index.ts     | 12 ++--
 src/frontend/src/icons/AzLogo/index.tsx       |  2 +-
 src/frontend/src/icons/Bing/index.tsx         |  2 +-
 .../src/icons/FacebookMessenger/index.tsx     |  2 +-
 src/frontend/src/icons/IFixIt/index.tsx       |  2 +-
 src/frontend/src/icons/Meta/index.tsx         |  2 +-
 src/frontend/src/icons/Searx/index.tsx        |  2 +-
 src/frontend/src/icons/Slack/index.tsx        |  2 +-
 src/frontend/src/icons/Word/index.tsx         |  2 +-
 src/frontend/src/index.tsx                    |  4 +-
 src/frontend/src/modals/ApiModal/index.tsx    | 58 +++++++++----------
 .../src/modals/EditNodeModal/index.tsx        | 12 ++--
 .../NodeModal/components/ModalField/index.tsx |  6 +-
 src/frontend/src/modals/NodeModal/index.tsx   | 11 ++--
 .../modals/chatModal/chatMessage/index.tsx    |  6 +-
 src/frontend/src/modals/chatModal/index.tsx   |  5 +-
 src/frontend/src/modals/exportModal/index.tsx |  2 +-
 .../src/modals/flowSettingsModal/index.tsx    |  2 +-
 .../formModal/chatMessage/codeBlock/index.tsx | 10 +---
 .../modals/formModal/fileComponent/index.tsx  | 14 ++---
 .../modals/importModal/buttonBox/index.tsx    |  4 +-
 src/frontend/src/modals/importModal/index.tsx |  8 +--
 src/frontend/src/modals/promptModal/index.tsx |  5 +-
 .../src/modals/textAreaModal/index.tsx        |  5 +-
 .../components/PageComponent/index.tsx        | 25 ++++----
 src/frontend/src/types/tabs/index.ts          |  2 +-
 src/frontend/src/utils.ts                     | 24 ++++----
 62 files changed, 180 insertions(+), 243 deletions(-)

diff --git a/src/backend/langflow/lcserve.py b/src/backend/langflow/lcserve.py
index affc0ff79..87f69e014 100644
--- a/src/backend/langflow/lcserve.py
+++ b/src/backend/langflow/lcserve.py
@@ -3,9 +3,9 @@
 import os
 
 # Use the JCLOUD_WORKSPACE for db URL if it's provided by JCloud.
-if 'JCLOUD_WORKSPACE' in os.environ:
+if "JCLOUD_WORKSPACE" in os.environ:
     os.environ[
-        'LANGFLOW_DATABASE_URL'
+        "LANGFLOW_DATABASE_URL"
     ] = f"sqlite:///{os.environ['JCLOUD_WORKSPACE']}/langflow.db"
 
 from langflow.main import setup_app
diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 4f2e390c6..7335da19d 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -118,7 +118,7 @@ export default function App() {
 
   const removeAlert = (id: string) => {
     setAlertsList((prevAlertsList) =>
-      prevAlertsList.filter((alert) => alert.id !== id),
+      prevAlertsList.filter((alert) => alert.id !== id)
     );
   };
 
@@ -138,10 +138,7 @@ export default function App() {
         <Router />
       </ErrorBoundary>
       <div></div>
-      <div
-        className="app-div"
-        style={{ zIndex: 999 }}
-      >
+      <div className="app-div" style={{ zIndex: 999 }}>
         {alertsList.map((alert) => (
           <div key={alert.id}>
             {alert.type === "error" ? (
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 3430125c0..313be210c 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -169,9 +169,7 @@ export default function GenericNode({
         </div>
 
         <div className="generic-node-desc">
-          <div className="generic-node-desc-text">
-            {data.node.description}
-          </div>
+          <div className="generic-node-desc-text">{data.node.description}</div>
 
           <>
             {Object.keys(data.node.template)
diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx
index 93f30484b..d71980b7e 100644
--- a/src/frontend/src/alerts/error/index.tsx
+++ b/src/frontend/src/alerts/error/index.tsx
@@ -43,12 +43,13 @@ export default function ErrorAlert({
       >
         <div className="flex">
           <div className="flex-shrink-0">
-            <XCircle className="error-build-message-circle" aria-hidden="true" />
+            <XCircle
+              className="error-build-message-circle"
+              aria-hidden="true"
+            />
           </div>
           <div className="ml-3">
-            <h3 className="error-build-foreground">
-              {title}
-            </h3>
+            <h3 className="error-build-foreground">{title}</h3>
             {list.length !== 0 ? (
               <div className="error-build-message-div">
                 <ul className="error-build-message-list">
diff --git a/src/frontend/src/alerts/success/index.tsx b/src/frontend/src/alerts/success/index.tsx
index e943feb8c..95eaa1ba4 100644
--- a/src/frontend/src/alerts/success/index.tsx
+++ b/src/frontend/src/alerts/success/index.tsx
@@ -38,15 +38,10 @@ export default function SuccessAlert({
       >
         <div className="flex">
           <div className="flex-shrink-0">
-            <CheckCircle2
-              className="success-alert-icon"
-              aria-hidden="true"
-            />
+            <CheckCircle2 className="success-alert-icon" aria-hidden="true" />
           </div>
           <div className="ml-3">
-            <p className="success-alert-message">
-              {title}
-            </p>
+            <p className="success-alert-message">{title}</p>
           </div>
         </div>
       </div>
diff --git a/src/frontend/src/components/AccordionComponent/index.tsx b/src/frontend/src/components/AccordionComponent/index.tsx
index 8990da245..f03a2ad5f 100644
--- a/src/frontend/src/components/AccordionComponent/index.tsx
+++ b/src/frontend/src/components/AccordionComponent/index.tsx
@@ -18,7 +18,7 @@ export default function AccordionComponent({
   open = [],
 }: AccordionComponentType) {
   const [value, setValue] = useState(
-    open.length == 0 ? "" : getOpenAccordion(),
+    open.length == 0 ? "" : getOpenAccordion()
   );
 
   function getOpenAccordion() {
diff --git a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
index 4c1d18b75..b51722ad8 100644
--- a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
+++ b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
@@ -47,9 +47,7 @@ export const EditFlowSettings: React.FC<InputProps> = ({
         <div className="edit-flow-arrangement">
           <span className="font-medium">Name</span>{" "}
           {isMaxLength && (
-            <span className="edit-flow-span">
-              Character limit reached
-            </span>
+            <span className="edit-flow-span">Character limit reached</span>
           )}
         </div>
         <Input
diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
index 69010609b..2386e29a8 100644
--- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx
+++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
@@ -16,9 +16,7 @@ export default function ExtraSidebar() {
   return (
     <>
       <aside
-        className={` ${
-          isStackedOpen ? "w-52" : "w-0 "
-        } unused-side-bar-aside`}
+        className={` ${isStackedOpen ? "w-52" : "w-0 "} unused-side-bar-aside`}
       >
         <div className="unused-side-bar-arrangement">
           <div className="unused-side-bar-division">
@@ -71,7 +69,9 @@ export default function ExtraSidebar() {
                               <span className="flex-1">{item.name}</span>
                               <svg
                                 className={classNames(
-                                  open ? "unused-side-bar-svg-true" : "text-ring",
+                                  open
+                                    ? "unused-side-bar-svg-true"
+                                    : "text-ring",
                                   "unused-side-bar-svg"
                                 )}
                                 viewBox="0 0 20 20"
diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 67656c11c..83228d92d 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -45,15 +45,16 @@ export const CardComponent = ({
               gradients[parseInt(flow.id.slice(0, 12), 16) % gradients.length]
             }
           ></span>
-          <span className="card-component-title-size">
-            {flow.name}
-          </span>
+          <span className="card-component-title-size">{flow.name}</span>
           {onDelete && (
             <Dialog>
               <DialogTrigger asChild>
-              <button className="card-component-delete-button" onClick={onDelete}>
-                <Trash2 className="card-component-delete-icon" />
-              </button>
+                <button
+                  className="card-component-delete-button"
+                  onClick={onDelete}
+                >
+                  <Trash2 className="card-component-delete-icon" />
+                </button>
               </DialogTrigger>
               <DialogContent>
                 <DialogHeader>
diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 44e42f706..4d47e2e1c 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -137,7 +137,7 @@ export default function BuildTrigger({
 
   async function enforceMinimumLoadingTime(
     startTime: number,
-    minimumLoadingTime: number,
+    minimumLoadingTime: number
   ) {
     const elapsedTime = Date.now() - startTime;
     const remainingTime = minimumLoadingTime - elapsedTime;
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 1d7bc4848..01a1ee9fe 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -15,7 +15,7 @@ export default function CodeAreaComponent({
   setNodeClass,
 }: TextAreaComponentType) {
   const [myValue, setMyValue] = useState(
-    typeof value == "string" ? value : JSON.stringify(value),
+    typeof value == "string" ? value : JSON.stringify(value)
   );
   const { openPopUp } = useContext(PopUpContext);
   useEffect(() => {
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index 936821252..84c036ec4 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -45,11 +45,7 @@ export default function Dropdown({
                 <span className="dropdown-component-display">
                   {internalValue}
                 </span>
-                <span
-                  className={
-                    "dropdown-component-arrow"
-                  }
-                >
+                <span className={"dropdown-component-arrow"}>
                   <ChevronsUpDown
                     className="dropdown-component-arrow-color"
                     aria-hidden="true"
diff --git a/src/frontend/src/components/floatComponent/index.tsx b/src/frontend/src/components/floatComponent/index.tsx
index b76256840..1c72c7c45 100644
--- a/src/frontend/src/components/floatComponent/index.tsx
+++ b/src/frontend/src/components/floatComponent/index.tsx
@@ -30,11 +30,7 @@ export default function FloatComponent({
   }, [closePopUp]);
 
   return (
-    <div
-      className={
-        "w-full " + (disabled ? "float-component-pointer" : "")
-      }
-    >
+    <div className={"w-full " + (disabled ? "float-component-pointer" : "")}>
       <input
         onFocus={() => {
           if (disableCopyPaste) setDisableCopyPaste(true);
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 1da3643e1..e03f53518 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -79,9 +79,7 @@ export default function Header() {
           >
             <FaGithub className="mr-2 h-5 w-5" />
             Star
-            <div className="header-github-display">
-              {stars}
-            </div>
+            <div className="header-github-display">{stars}</div>
           </a>
           <a
             href="https://twitter.com/logspace_ai"
@@ -133,9 +131,7 @@ export default function Header() {
               );
             }}
           >
-            {notificationCenter && (
-              <div className="header-notifications"></div>
-            )}
+            {notificationCenter && <div className="header-notifications"></div>}
             <Bell className="side-bar-button-size" aria-hidden="true" />
           </button>
         </div>
diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index 61942f834..d180a5fa0 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -29,13 +29,7 @@ export default function InputComponent({
   }, [closePopUp]);
 
   return (
-    <div
-      className={
-        disabled
-          ? "input-component-div"
-          : "relative"
-      }
-    >
+    <div className={disabled ? "input-component-div" : "relative"}>
       <input
         value={myValue}
         onFocus={() => {
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 202a78063..505515bf5 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -92,11 +92,7 @@ export default function InputFileComponent({
   };
 
   return (
-    <div
-      className={
-        disabled ? "input-component-div" : "w-full"
-      }
-    >
+    <div className={disabled ? "input-component-div" : "w-full"}>
       <div className="input-file-component">
         <span
           onClick={handleButtonClick}
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 90ea12992..6b41cbe40 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -60,7 +60,7 @@ export default function TextAreaComponent({
                   setMyValue(t);
                   onChange(t);
                 }}
-              />,
+              />
             );
           }}
         >
diff --git a/src/frontend/src/components/ui/accordion.tsx b/src/frontend/src/components/ui/accordion.tsx
index f4c4289db..5e3e76f33 100644
--- a/src/frontend/src/components/ui/accordion.tsx
+++ b/src/frontend/src/components/ui/accordion.tsx
@@ -47,7 +47,7 @@ const AccordionContent = React.forwardRef<
     ref={ref}
     className={cn(
       "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-      className,
+      className
     )}
     {...props}
   >
diff --git a/src/frontend/src/components/ui/badge.tsx b/src/frontend/src/components/ui/badge.tsx
index f05c21e5a..36c44ac4d 100644
--- a/src/frontend/src/components/ui/badge.tsx
+++ b/src/frontend/src/components/ui/badge.tsx
@@ -25,7 +25,7 @@ const badgeVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  },
+  }
 );
 
 export interface BadgeProps
diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 5dae5ecec..648ce43c9 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -30,7 +30,7 @@ const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  },
+  }
 );
 
 export interface ButtonProps
@@ -49,7 +49,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     );
-  },
+  }
 );
 Button.displayName = "Button";
 
diff --git a/src/frontend/src/components/ui/checkbox.tsx b/src/frontend/src/components/ui/checkbox.tsx
index 1038b4bdc..4e4905bb9 100644
--- a/src/frontend/src/components/ui/checkbox.tsx
+++ b/src/frontend/src/components/ui/checkbox.tsx
@@ -13,7 +13,7 @@ const Checkbox = React.forwardRef<
     ref={ref}
     className={cn(
       "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className,
+      className
     )}
     {...props}
   >
diff --git a/src/frontend/src/components/ui/dropdown-menu.tsx b/src/frontend/src/components/ui/dropdown-menu.tsx
index f0ef50d5a..ee62abc4a 100644
--- a/src/frontend/src/components/ui/dropdown-menu.tsx
+++ b/src/frontend/src/components/ui/dropdown-menu.tsx
@@ -28,7 +28,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
     className={cn(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       inset && "pl-8",
-      className,
+      className
     )}
     {...props}
   >
@@ -47,7 +47,7 @@ const DropdownMenuSubContent = React.forwardRef<
     ref={ref}
     className={cn(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
-      className,
+      className
     )}
     {...props}
   />
@@ -65,7 +65,7 @@ const DropdownMenuContent = React.forwardRef<
       sideOffset={sideOffset}
       className={cn(
         "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className,
+        className
       )}
       {...props}
     />
@@ -84,7 +84,7 @@ const DropdownMenuItem = React.forwardRef<
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       inset && "pl-8",
-      className,
+      className
     )}
     {...props}
   />
@@ -99,7 +99,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     ref={ref}
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className,
+      className
     )}
     checked={checked}
     {...props}
@@ -123,7 +123,7 @@ const DropdownMenuRadioItem = React.forwardRef<
     ref={ref}
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className,
+      className
     )}
     {...props}
   >
@@ -148,7 +148,7 @@ const DropdownMenuLabel = React.forwardRef<
     className={cn(
       "px-2 py-1.5 pl-2 text-sm font-semibold",
       inset && "pl-8",
-      className,
+      className
     )}
     {...props}
   />
diff --git a/src/frontend/src/components/ui/input.tsx b/src/frontend/src/components/ui/input.tsx
index bb3c0409f..f3a8757e8 100644
--- a/src/frontend/src/components/ui/input.tsx
+++ b/src/frontend/src/components/ui/input.tsx
@@ -11,13 +11,13 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         type={type}
         className={cn(
           "flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className,
+          className
         )}
         ref={ref}
         {...props}
       />
     );
-  },
+  }
 );
 Input.displayName = "Input";
 
diff --git a/src/frontend/src/components/ui/label.tsx b/src/frontend/src/components/ui/label.tsx
index f2017b255..ab5129253 100644
--- a/src/frontend/src/components/ui/label.tsx
+++ b/src/frontend/src/components/ui/label.tsx
@@ -6,7 +6,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "../../utils";
 
 const labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
 
 const Label = React.forwardRef<
diff --git a/src/frontend/src/components/ui/menubar.tsx b/src/frontend/src/components/ui/menubar.tsx
index a0c382e01..2eb3a61f4 100644
--- a/src/frontend/src/components/ui/menubar.tsx
+++ b/src/frontend/src/components/ui/menubar.tsx
@@ -24,7 +24,7 @@ const Menubar = React.forwardRef<
     ref={ref}
     className={cn(
       "flex h-10 items-center space-x-1 rounded-md border bg-background p-1",
-      className,
+      className
     )}
     {...props}
   />
@@ -39,7 +39,7 @@ const MenubarTrigger = React.forwardRef<
     ref={ref}
     className={cn(
       "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      className,
+      className
     )}
     {...props}
   />
@@ -57,7 +57,7 @@ const MenubarSubTrigger = React.forwardRef<
     className={cn(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
       inset && "pl-8",
-      className,
+      className
     )}
     {...props}
   >
@@ -75,7 +75,7 @@ const MenubarSubContent = React.forwardRef<
     ref={ref}
     className={cn(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
-      className,
+      className
     )}
     {...props}
   />
@@ -88,7 +88,7 @@ const MenubarContent = React.forwardRef<
 >(
   (
     { className, align = "start", alignOffset = -4, sideOffset = 8, ...props },
-    ref,
+    ref
   ) => (
     <MenubarPrimitive.Portal>
       <MenubarPrimitive.Content
@@ -98,12 +98,12 @@ const MenubarContent = React.forwardRef<
         sideOffset={sideOffset}
         className={cn(
           "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in slide-in-from-top-1",
-          className,
+          className
         )}
         {...props}
       />
     </MenubarPrimitive.Portal>
-  ),
+  )
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
 
@@ -118,7 +118,7 @@ const MenubarItem = React.forwardRef<
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       inset && "pl-8",
-      className,
+      className
     )}
     {...props}
   />
@@ -133,7 +133,7 @@ const MenubarCheckboxItem = React.forwardRef<
     ref={ref}
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className,
+      className
     )}
     checked={checked}
     {...props}
@@ -156,7 +156,7 @@ const MenubarRadioItem = React.forwardRef<
     ref={ref}
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className,
+      className
     )}
     {...props}
   >
@@ -181,7 +181,7 @@ const MenubarLabel = React.forwardRef<
     className={cn(
       "px-2 py-1.5 text-sm font-semibold",
       inset && "pl-8",
-      className,
+      className
     )}
     {...props}
   />
@@ -208,7 +208,7 @@ const MenubarShortcut = ({
     <span
       className={cn(
         "ml-auto text-xs tracking-widest text-muted-foreground",
-        className,
+        className
       )}
       {...props}
     />
diff --git a/src/frontend/src/components/ui/progress.tsx b/src/frontend/src/components/ui/progress.tsx
index 71ff8a889..69d1f86fb 100644
--- a/src/frontend/src/components/ui/progress.tsx
+++ b/src/frontend/src/components/ui/progress.tsx
@@ -12,7 +12,7 @@ const Progress = React.forwardRef<
     ref={ref}
     className={cn(
       "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
-      className,
+      className
     )}
     {...props}
   >
diff --git a/src/frontend/src/components/ui/separator.tsx b/src/frontend/src/components/ui/separator.tsx
index f78d5c0cb..84a16676d 100644
--- a/src/frontend/src/components/ui/separator.tsx
+++ b/src/frontend/src/components/ui/separator.tsx
@@ -10,7 +10,7 @@ const Separator = React.forwardRef<
 >(
   (
     { className, orientation = "horizontal", decorative = true, ...props },
-    ref,
+    ref
   ) => (
     <SeparatorPrimitive.Root
       ref={ref}
@@ -19,11 +19,11 @@ const Separator = React.forwardRef<
       className={cn(
         "shrink-0 bg-border",
         orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className,
+        className
       )}
       {...props}
     />
-  ),
+  )
 );
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
diff --git a/src/frontend/src/components/ui/table.tsx b/src/frontend/src/components/ui/table.tsx
index 64a5c207c..f08ce3f6b 100644
--- a/src/frontend/src/components/ui/table.tsx
+++ b/src/frontend/src/components/ui/table.tsx
@@ -55,7 +55,7 @@ const TableRow = React.forwardRef<
     ref={ref}
     className={cn(
       "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className,
+      className
     )}
     {...props}
   />
@@ -70,7 +70,7 @@ const TableHead = React.forwardRef<
     ref={ref}
     className={cn(
       "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className,
+      className
     )}
     {...props}
   />
diff --git a/src/frontend/src/components/ui/textarea.tsx b/src/frontend/src/components/ui/textarea.tsx
index b399e167d..fc0cda2ff 100644
--- a/src/frontend/src/components/ui/textarea.tsx
+++ b/src/frontend/src/components/ui/textarea.tsx
@@ -10,13 +10,13 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
       <textarea
         className={cn(
           "flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className,
+          className
         )}
         ref={ref}
         {...props}
       />
     );
-  },
+  }
 );
 Textarea.displayName = "Textarea";
 
diff --git a/src/frontend/src/components/ui/tooltip.tsx b/src/frontend/src/components/ui/tooltip.tsx
index fbfa57eb9..b2ec0f701 100644
--- a/src/frontend/src/components/ui/tooltip.tsx
+++ b/src/frontend/src/components/ui/tooltip.tsx
@@ -19,7 +19,7 @@ const TooltipContent = React.forwardRef<
     sideOffset={sideOffset}
     className={cn(
       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
-      className,
+      className
     )}
     {...props}
   />
diff --git a/src/frontend/src/contexts/alertContext.tsx b/src/frontend/src/contexts/alertContext.tsx
index a56b09ebb..62ae2e396 100644
--- a/src/frontend/src/contexts/alertContext.tsx
+++ b/src/frontend/src/contexts/alertContext.tsx
@@ -132,7 +132,7 @@ export function AlertProvider({ children }: { children: ReactNode }) {
   function removeFromNotificationList(index: string) {
     // set the notification list to a new array that filters out the alert with the matching id
     setNotificationList((prevAlertsList) =>
-      prevAlertsList.filter((alert) => alert.id !== index),
+      prevAlertsList.filter((alert) => alert.id !== index)
     );
   }
   return (
diff --git a/src/frontend/src/contexts/darkContext.tsx b/src/frontend/src/contexts/darkContext.tsx
index fd3258c20..2a76d0e53 100644
--- a/src/frontend/src/contexts/darkContext.tsx
+++ b/src/frontend/src/contexts/darkContext.tsx
@@ -14,7 +14,7 @@ export const darkContext = createContext<darkContextType>(initialValue);
 
 export function DarkProvider({ children }) {
   const [dark, setDark] = useState(
-    JSON.parse(window.localStorage.getItem("isDark")) ?? false,
+    JSON.parse(window.localStorage.getItem("isDark")) ?? false
   );
   useEffect(() => {
     if (dark) {
diff --git a/src/frontend/src/contexts/locationContext.tsx b/src/frontend/src/contexts/locationContext.tsx
index 6cc4bc18f..474062d69 100644
--- a/src/frontend/src/contexts/locationContext.tsx
+++ b/src/frontend/src/contexts/locationContext.tsx
@@ -53,7 +53,7 @@ export const locationContext = createContext<locationContextType>(initialValue);
 export function LocationProvider({ children }: { children: ReactNode }) {
   const [current, setCurrent] = useState(initialValue.current);
   const [isStackedOpen, setIsStackedOpen] = useState(
-    initialValue.isStackedOpen,
+    initialValue.isStackedOpen
   );
   const [showSideBar, setShowSideBar] = useState(initialValue.showSideBar);
   const [extraNavigation, setExtraNavigation] = useState({ title: "" });
diff --git a/src/frontend/src/contexts/typesContext.tsx b/src/frontend/src/contexts/typesContext.tsx
index 151b625ae..3179e582e 100644
--- a/src/frontend/src/contexts/typesContext.tsx
+++ b/src/frontend/src/contexts/typesContext.tsx
@@ -47,7 +47,7 @@ export function TypesProvider({ children }: { children: ReactNode }) {
                 acc[c] = result.data[curr][c];
               });
               return acc;
-            }, {}),
+            }, {})
           );
           // Set the types by reducing over the keys of the result data and updating the accumulator.
           setTypes(
@@ -62,10 +62,10 @@ export function TypesProvider({ children }: { children: ReactNode }) {
                     result.data[curr][c].base_classes?.forEach((b) => {
                       acc[b] = curr;
                     });
-                  },
+                  }
                 );
                 return acc;
-              }, {}),
+              }, {})
           );
         }
         // Clear the interval if successful.
@@ -99,12 +99,12 @@ export function TypesProvider({ children }: { children: ReactNode }) {
 
   function deleteNode(idx: string) {
     reactFlowInstance.setNodes(
-      reactFlowInstance.getNodes().filter((n: Node) => n.id !== idx),
+      reactFlowInstance.getNodes().filter((n: Node) => n.id !== idx)
     );
     reactFlowInstance.setEdges(
       reactFlowInstance
         .getEdges()
-        .filter((ns) => ns.source !== idx && ns.target !== idx),
+        .filter((ns) => ns.source !== idx && ns.target !== idx)
     );
   }
   return (
diff --git a/src/frontend/src/contexts/undoRedoContext.tsx b/src/frontend/src/contexts/undoRedoContext.tsx
index d077d165e..b0f8ca6b9 100644
--- a/src/frontend/src/contexts/undoRedoContext.tsx
+++ b/src/frontend/src/contexts/undoRedoContext.tsx
@@ -52,7 +52,7 @@ export function UndoRedoProvider({ children }) {
   const [past, setPast] = useState<HistoryItem[][]>(flows.map(() => []));
   const [future, setFuture] = useState<HistoryItem[][]>(flows.map(() => []));
   const [tabIndex, setTabIndex] = useState(
-    flows.findIndex((f) => f.id === tabId),
+    flows.findIndex((f) => f.id === tabId)
   );
 
   useEffect(() => {
@@ -70,7 +70,7 @@ export function UndoRedoProvider({ children }) {
       let newPast = cloneDeep(old);
       newPast[tabIndex] = old[tabIndex].slice(
         old[tabIndex].length - defaultOptions.maxHistorySize + 1,
-        old[tabIndex].length,
+        old[tabIndex].length
       );
       newPast[tabIndex].push({ nodes: getNodes(), edges: getEdges() });
       return newPast;
diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 2289df355..72204ee68 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -25,7 +25,7 @@ const GITHUB_API_URL = "https://api.github.com";
 export async function getRepoStars(owner, repo) {
   try {
     const response = await axios.get(
-      `${GITHUB_API_URL}/repos/${owner}/${repo}`,
+      `${GITHUB_API_URL}/repos/${owner}/${repo}`
     );
     return response.data.stargazers_count;
   } catch (error) {
@@ -45,7 +45,7 @@ export async function sendAll(data: sendAllProps) {
 }
 
 export async function postValidateCode(
-  code: string,
+  code: string
 ): Promise<AxiosResponse<errorsTypeAPI>> {
   return await axios.post("/api/v1/validate/code", { code });
 }
@@ -128,7 +128,7 @@ export async function saveFlowToDatabase(newFlow: {
  * @throws Will throw an error if the update fails.
  */
 export async function updateFlowInDatabase(
-  updatedFlow: FlowType,
+  updatedFlow: FlowType
 ): Promise<FlowType> {
   try {
     const response = await axios.patch(`/api/v1/flows/${updatedFlow.id}`, {
@@ -304,7 +304,7 @@ export async function getHealth() {
  *
  */
 export async function getBuildStatus(
-  flowId: string,
+  flowId: string
 ): Promise<BuildStatusTypeAPI> {
   return await axios.get(`/api/v1/build/${flowId}/status`);
 }
@@ -317,7 +317,7 @@ export async function getBuildStatus(
  *
  */
 export async function postBuildInit(
-  flow: FlowType,
+  flow: FlowType
 ): Promise<AxiosResponse<InitTypeAPI>> {
   return await axios.post(`/api/v1/build/init/${flow.id}`, flow);
 }
@@ -333,7 +333,7 @@ export async function postBuildInit(
  */
 export async function uploadFile(
   file: File,
-  id: string,
+  id: string
 ): Promise<AxiosResponse<UploadFileTypeAPI>> {
   const formData = new FormData();
   formData.append("file", file);
diff --git a/src/frontend/src/icons/AzLogo/index.tsx b/src/frontend/src/icons/AzLogo/index.tsx
index 5152f2471..96a8a058a 100644
--- a/src/frontend/src/icons/AzLogo/index.tsx
+++ b/src/frontend/src/icons/AzLogo/index.tsx
@@ -4,5 +4,5 @@ import { ReactComponent as AzSVG } from "./az_logo.svg";
 export const AzIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <AzSVG ref={ref} {...props} />;
-  },
+  }
 );
diff --git a/src/frontend/src/icons/Bing/index.tsx b/src/frontend/src/icons/Bing/index.tsx
index fa2bd5377..abaf31be4 100644
--- a/src/frontend/src/icons/Bing/index.tsx
+++ b/src/frontend/src/icons/Bing/index.tsx
@@ -4,5 +4,5 @@ import { ReactComponent as BingSVG } from "./bing.svg";
 export const BingIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <BingSVG ref={ref} {...props} />;
-  },
+  }
 );
diff --git a/src/frontend/src/icons/FacebookMessenger/index.tsx b/src/frontend/src/icons/FacebookMessenger/index.tsx
index 20246d3f2..4450570aa 100644
--- a/src/frontend/src/icons/FacebookMessenger/index.tsx
+++ b/src/frontend/src/icons/FacebookMessenger/index.tsx
@@ -4,5 +4,5 @@ import { ReactComponent as FacebookMessengerSVG } from "./Facebook_Messenger_log
 export const FBIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <FacebookMessengerSVG ref={ref} {...props} />;
-  },
+  }
 );
diff --git a/src/frontend/src/icons/IFixIt/index.tsx b/src/frontend/src/icons/IFixIt/index.tsx
index b4bf987d4..9124266e4 100644
--- a/src/frontend/src/icons/IFixIt/index.tsx
+++ b/src/frontend/src/icons/IFixIt/index.tsx
@@ -4,5 +4,5 @@ import { ReactComponent as IFixItSVG } from "./ifixit-seeklogo.com.svg";
 export const IFixIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <IFixItSVG ref={ref} {...props} />;
-  },
+  }
 );
diff --git a/src/frontend/src/icons/Meta/index.tsx b/src/frontend/src/icons/Meta/index.tsx
index a08de3ecd..0aabeea74 100644
--- a/src/frontend/src/icons/Meta/index.tsx
+++ b/src/frontend/src/icons/Meta/index.tsx
@@ -4,5 +4,5 @@ import { ReactComponent as MetaSVG } from "./meta-icon.svg";
 export const MetaIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <MetaSVG ref={ref} {...props} />;
-  },
+  }
 );
diff --git a/src/frontend/src/icons/Searx/index.tsx b/src/frontend/src/icons/Searx/index.tsx
index 50f059d33..c1196c68a 100644
--- a/src/frontend/src/icons/Searx/index.tsx
+++ b/src/frontend/src/icons/Searx/index.tsx
@@ -4,5 +4,5 @@ import { ReactComponent as SearxSVG } from "./Searx_logo.svg";
 export const SearxIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <SearxSVG ref={ref} {...props} />;
-  },
+  }
 );
diff --git a/src/frontend/src/icons/Slack/index.tsx b/src/frontend/src/icons/Slack/index.tsx
index 4ffb77521..ec5bdc108 100644
--- a/src/frontend/src/icons/Slack/index.tsx
+++ b/src/frontend/src/icons/Slack/index.tsx
@@ -4,5 +4,5 @@ import { ReactComponent as SlackSVG } from "./slack-icon.svg";
 export const SlackIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <SlackSVG ref={ref} {...props} />;
-  },
+  }
 );
diff --git a/src/frontend/src/icons/Word/index.tsx b/src/frontend/src/icons/Word/index.tsx
index 861bdba49..8c6cf9f31 100644
--- a/src/frontend/src/icons/Word/index.tsx
+++ b/src/frontend/src/icons/Word/index.tsx
@@ -4,5 +4,5 @@ import { ReactComponent as WordSVG } from "./word.svg";
 export const WordIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <WordSVG ref={ref} {...props} />;
-  },
+  }
 );
diff --git a/src/frontend/src/index.tsx b/src/frontend/src/index.tsx
index 585e20009..088db15a8 100644
--- a/src/frontend/src/index.tsx
+++ b/src/frontend/src/index.tsx
@@ -8,13 +8,13 @@ import ContextWrapper from "./contexts";
 import "./index.css";
 
 const root = ReactDOM.createRoot(
-  document.getElementById("root") as HTMLElement,
+  document.getElementById("root") as HTMLElement
 );
 root.render(
   <ContextWrapper>
     <BrowserRouter>
       <App />
     </BrowserRouter>
-  </ContextWrapper>,
+  </ContextWrapper>
 );
 reportWebVitals();
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index ebe58161e..83da2e796 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -158,7 +158,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
               t.data.node.template[n].type === "code" ||
               t.data.node.template[n].type === "prompt" ||
               t.data.node.template[n].type === "file" ||
-              t.data.node.template[n].type === "int"),
+              t.data.node.template[n].type === "int")
         )
         .map((n, i) => {
           arrNodesWithValues.push(t["id"]);
@@ -182,7 +182,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
     }
 
     const existingTweak = tweak.current.find((element) =>
-      element.hasOwnProperty(tw),
+      element.hasOwnProperty(tw)
     );
 
     if (existingTweak) {
@@ -329,7 +329,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                         "h-[60vh] w-full rounded-lg bg-muted",
                         1 == 1
                           ? "overflow-scroll overflow-x-hidden custom-scroll"
-                          : "overflow-hidden",
+                          : "overflow-hidden"
                       )}
                     >
                       {flow["data"]["nodes"].map((t: any, index) => (
@@ -370,7 +370,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                             t.data.node.template[n].type ===
                                               "file" ||
                                             t.data.node.template[n].type ===
-                                              "int"),
+                                              "int")
                                       )
                                       .map((n, i) => {
                                         //console.log(t.data.node.template[n]);
@@ -413,7 +413,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                             t["data"]["id"],
                                                             k,
                                                             t.data.node
-                                                              .template[n],
+                                                              .template[n]
                                                           );
                                                         }}
                                                       />
@@ -424,7 +424,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                         content={buildContent(
                                                           t.data.node.template[
                                                             n
-                                                          ].value,
+                                                          ].value
                                                         )}
                                                       >
                                                         <div>
@@ -437,14 +437,14 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                                 .value,
                                                               t.data,
                                                               t.data.node
-                                                                .template[n],
+                                                                .template[n]
                                                             )}
                                                             onChange={(k) => {
                                                               buildTweakObject(
                                                                 t["data"]["id"],
                                                                 k,
                                                                 t.data.node
-                                                                  .template[n],
+                                                                  .template[n]
                                                               );
                                                             }}
                                                           />
@@ -466,14 +466,14 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           t.data,
                                                           t.data.node.template[
                                                             n
-                                                          ],
+                                                          ]
                                                         )}
                                                         onChange={(k) => {
                                                           buildTweakObject(
                                                             t["data"]["id"],
                                                             k,
                                                             t.data.node
-                                                              .template[n],
+                                                              .template[n]
                                                           );
                                                         }}
                                                       />
@@ -498,7 +498,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           e,
                                                           t.data.node.template[
                                                             n
-                                                          ],
+                                                          ]
                                                         );
                                                       }}
                                                       size="small"
@@ -514,8 +514,8 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                         t.data.node.template[n]
                                                           .value,
                                                         t.data,
-                                                        t.data.node.template[n],
-                                                      ),
+                                                        t.data.node.template[n]
+                                                      )
                                                     )}
                                                   >
                                                     <div className="mx-auto">
@@ -528,7 +528,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           ].value ?? ""
                                                         }
                                                         onChange={(
-                                                          k: any,
+                                                          k: any
                                                         ) => {}}
                                                         fileTypes={
                                                           t.data.node.template[
@@ -541,7 +541,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           ].suffixes
                                                         }
                                                         onFileChange={(
-                                                          k: any,
+                                                          k: any
                                                         ) => {}}
                                                       ></InputFileComponent>
                                                     </div>
@@ -556,7 +556,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                         t.data.node.template[n]
                                                           .value,
                                                         t.data,
-                                                        t.data.node.template[n],
+                                                        t.data.node.template[n]
                                                       )}
                                                       onChange={(k) => {
                                                         buildTweakObject(
@@ -564,7 +564,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           k,
                                                           t.data.node.template[
                                                             n
-                                                          ],
+                                                          ]
                                                         );
                                                       }}
                                                     />
@@ -587,14 +587,14 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           k,
                                                           t.data.node.template[
                                                             n
-                                                          ],
+                                                          ]
                                                         );
                                                       }}
                                                       value={getValue(
                                                         t.data.node.template[n]
                                                           .value,
                                                         t.data,
-                                                        t.data.node.template[n],
+                                                        t.data.node.template[n]
                                                       )}
                                                     ></Dropdown>
                                                   </div>
@@ -608,7 +608,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                         t.data.node.template[n]
                                                           .value,
                                                         t.data,
-                                                        t.data.node.template[n],
+                                                        t.data.node.template[n]
                                                       )}
                                                       onChange={(k) => {
                                                         buildTweakObject(
@@ -616,7 +616,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           k,
                                                           t.data.node.template[
                                                             n
-                                                          ],
+                                                          ]
                                                         );
                                                       }}
                                                     />
@@ -630,8 +630,8 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                         t.data.node.template[n]
                                                           .value,
                                                         t.data,
-                                                        t.data.node.template[n],
-                                                      ),
+                                                        t.data.node.template[n]
+                                                      )
                                                     )}
                                                   >
                                                     <div className="mx-auto">
@@ -645,14 +645,14 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           t.data,
                                                           t.data.node.template[
                                                             n
-                                                          ],
+                                                          ]
                                                         )}
                                                         onChange={(k) => {
                                                           buildTweakObject(
                                                             t["data"]["id"],
                                                             k,
                                                             t.data.node
-                                                              .template[n],
+                                                              .template[n]
                                                           );
                                                         }}
                                                       />
@@ -667,8 +667,8 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                         t.data.node.template[n]
                                                           .value,
                                                         t.data,
-                                                        t.data.node.template[n],
-                                                      ),
+                                                        t.data.node.template[n]
+                                                      )
                                                     )}
                                                   >
                                                     <div className="mx-auto">
@@ -682,14 +682,14 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                           t.data,
                                                           t.data.node.template[
                                                             n
-                                                          ],
+                                                          ]
                                                         )}
                                                         onChange={(k) => {
                                                           buildTweakObject(
                                                             t["data"]["id"],
                                                             k,
                                                             t.data.node
-                                                              .template[n],
+                                                              .template[n]
                                                           );
                                                         }}
                                                       />
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 2cbd3bbb6..b0bd8ce4d 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -47,8 +47,8 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
           data.node.template[t].type === "code" ||
           data.node.template[t].type === "prompt" ||
           data.node.template[t].type === "file" ||
-          data.node.template[t].type === "int"),
-    ).length,
+          data.node.template[t].type === "int")
+    ).length
   );
   const [nodeValue, setNodeValue] = useState(null);
   const { closePopUp } = useContext(PopUpContext);
@@ -91,9 +91,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
             {data.node?.description}
             <div className="flex pt-3">
               <Variable className="edit-node-modal-variable "></Variable>
-              <span className="edit-node-modal-span">
-                Parameters
-              </span>
+              <span className="edit-node-modal-span">Parameters</span>
             </div>
           </DialogDescription>
         </DialogHeader>
@@ -104,7 +102,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
               "edit-node-modal-box",
               nodeLength > limitScrollFieldsModal
                 ? "overflow-scroll overflow-x-hidden custom-scroll"
-                : "overflow-hidden",
+                : "overflow-hidden"
             )}
           >
             {nodeLength > 0 && (
@@ -131,7 +129,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                             data.node.template[t].type === "code" ||
                             data.node.template[t].type === "prompt" ||
                             data.node.template[t].type === "file" ||
-                            data.node.template[t].type === "int"),
+                            data.node.template[t].type === "int")
                       )
                       .map((n, i) => (
                         <TableRow key={i} className="h-10">
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 11626f90a..70344a996 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -21,7 +21,7 @@ export default function ModalField({
   index,
 }) {
   const [enabled, setEnabled] = useState(
-    data.node.template[name]?.value ?? false,
+    data.node.template[name]?.value ?? false
   );
   const display =
     type === "str" ||
@@ -41,12 +41,12 @@ export default function ModalField({
           (t) =>
             t.charAt(0) !== "_" &&
             data.node.template[t].advanced &&
-            data.node.template[t].show,
+            data.node.template[t].show
         ).length -
           1 ===
           index
           ? "pb-4"
-          : "",
+          : ""
       )}
     >
       {display && (
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index d61d25c38..41ca699a9 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -83,10 +83,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
                       }}
                     />
                     <div className="node-modal-title-div">
-                      <Dialog.Title
-                        as="h3"
-                        className="node-modal-title"
-                      >
+                      <Dialog.Title as="h3" className="node-modal-title">
                         {data.type}
                       </Dialog.Title>
                     </div>
@@ -100,10 +97,10 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
                             (t) =>
                               t.charAt(0) !== "_" &&
                               data.node.template[t].advanced &&
-                              data.node.template[t].show,
+                              data.node.template[t].show
                           ).length > limitScrollFieldsModal
                             ? "overflow-scroll overflow-x-hidden custom-scroll"
-                            : "overflow-hidden",
+                            : "overflow-hidden"
                         )}
                       >
                         <div className="node-modal-template-column">
@@ -112,7 +109,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
                               (t) =>
                                 t.charAt(0) !== "_" &&
                                 data.node.template[t].advanced &&
-                                data.node.template[t].show,
+                                data.node.template[t].show
                             )
                             .map((t: string, idx) => {
                               return (
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index d864f691a..6b1aecca2 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -35,11 +35,7 @@ export default function ChatMessage({
         chat.isSend ? "bg-background " : "bg-input"
       )}
     >
-      <div
-        className={classNames(
-          "chat-message-modal-div"
-        )}
-      >
+      <div className={classNames("chat-message-modal-div")}>
         {!chat.isSend && (
           <div className="relative h-8 w-8">
             <img
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 608b7516d..8cae31d8c 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -362,10 +362,7 @@ export default function ChatModal({
                     <X className="h-5 w-5" />
                   </button>
                 </div>
-                <div
-                  ref={messagesRef}
-                  className="chat-modal-dialog-history"
-                >
+                <div ref={messagesRef} className="chat-modal-dialog-history">
                   {chatHistory.length > 0 ? (
                     chatHistory.map((c, i) => (
                       <ChatMessage
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index eadf39c31..bef5b9244 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -37,7 +37,7 @@ export default function ExportModal() {
   const [checked, setChecked] = useState(false);
   const [name, setName] = useState(flows.find((f) => f.id === tabId).name);
   const [description, setDescription] = useState(
-    flows.find((f) => f.id === tabId).description,
+    flows.find((f) => f.id === tabId).description
   );
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
diff --git a/src/frontend/src/modals/flowSettingsModal/index.tsx b/src/frontend/src/modals/flowSettingsModal/index.tsx
index a1df132cd..ce9e474b8 100644
--- a/src/frontend/src/modals/flowSettingsModal/index.tsx
+++ b/src/frontend/src/modals/flowSettingsModal/index.tsx
@@ -27,7 +27,7 @@ export default function FlowSettingsModal() {
   const maxLength = 50;
   const [name, setName] = useState(flows.find((f) => f.id === tabId).name);
   const [description, setDescription] = useState(
-    flows.find((f) => f.id === tabId).description,
+    flows.find((f) => f.id === tabId).description
   );
   function setModalOpen(x: boolean) {
     setOpen(x);
diff --git a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
index 226a422fb..c78974a3c 100644
--- a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
@@ -52,17 +52,11 @@ export const CodeBlock: FC<Props> = memo(({ language, value }) => {
         <span className="code-block-modal-span">{language}</span>
 
         <div className="flex items-center">
-          <button
-            className="code-block-modal-button"
-            onClick={copyToClipboard}
-          >
+          <button className="code-block-modal-button" onClick={copyToClipboard}>
             {isCopied ? <IconCheck size={18} /> : <IconClipboard size={18} />}
             {isCopied ? "Copied!" : "Copy code"}
           </button>
-          <button
-            className="code-block-modal-button"
-            onClick={downloadAsFile}
-          >
+          <button className="code-block-modal-button" onClick={downloadAsFile}>
             <IconDownload size={18} />
           </button>
         </div>
diff --git a/src/frontend/src/modals/formModal/fileComponent/index.tsx b/src/frontend/src/modals/formModal/fileComponent/index.tsx
index 0188b87c4..74f6155b7 100644
--- a/src/frontend/src/modals/formModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/formModal/fileComponent/index.tsx
@@ -36,10 +36,11 @@ export default function FileCard({ fileName, content, fileType }) {
           className="h-full  w-full rounded-lg"
         />
         {isHovered && (
-          <div
-            className={`file-card-modal-image-div `}
-          >
-            <button className="file-card-modal-image-button " onClick={handleDownload}>
+          <div className={`file-card-modal-image-div `}>
+            <button
+              className="file-card-modal-image-button "
+              onClick={handleDownload}
+            >
               <DownloadCloud className="h-5 w-5 text-current hover:scale-110" />
             </button>
           </div>
@@ -49,10 +50,7 @@ export default function FileCard({ fileName, content, fileType }) {
   }
 
   return (
-    <button
-      onClick={handleDownload}
-      className="file-card-modal-button"
-    >
+    <button onClick={handleDownload} className="file-card-modal-button">
       <div className="file-card-modal-div">
         {" "}
         {fileType === "image" ? (
diff --git a/src/frontend/src/modals/importModal/buttonBox/index.tsx b/src/frontend/src/modals/importModal/buttonBox/index.tsx
index 5ce64b15c..ffe79abaa 100644
--- a/src/frontend/src/modals/importModal/buttonBox/index.tsx
+++ b/src/frontend/src/modals/importModal/buttonBox/index.tsx
@@ -81,7 +81,7 @@ export default function ButtonBox({
           bgColor,
           height,
           width,
-          padding,
+          padding
         )}
       >
         <div
@@ -98,7 +98,7 @@ export default function ButtonBox({
             className={classNames(
               "w-full break-words font-semibold text-background truncate-multiline",
               titleFontSize,
-              marginTop,
+              marginTop
             )}
           >
             {title}
diff --git a/src/frontend/src/modals/importModal/index.tsx b/src/frontend/src/modals/importModal/index.tsx
index d9bdcbf39..600192d4c 100644
--- a/src/frontend/src/modals/importModal/index.tsx
+++ b/src/frontend/src/modals/importModal/index.tsx
@@ -113,9 +113,7 @@ export default function ImportModal() {
                 size="big"
                 bgColor="bg-medium-emerald "
                 description="Prebuilt Examples"
-                icon={
-                  <DocumentDuplicateIcon className="document-icon" />
-                }
+                icon={<DocumentDuplicateIcon className="document-icon" />}
                 onClick={() => {
                   setShowExamples(true);
                   handleExamples();
@@ -127,9 +125,7 @@ export default function ImportModal() {
                 size="big"
                 bgColor="bg-almost-dark-blue "
                 description="Import from Local"
-                icon={
-                  <ComputerDesktopIcon className="document-icon" />
-                }
+                icon={<ComputerDesktopIcon className="document-icon" />}
                 onClick={() => {
                   uploadFlow();
                   setModalOpen(false);
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
index 220fdad00..1f575ded9 100644
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ b/src/frontend/src/modals/promptModal/index.tsx
@@ -80,10 +80,7 @@ export default function PromptAreaModal({
                       />
                     </div>
                     <div className="node-modal-title-div ">
-                      <Dialog.Title
-                        as="h3"
-                        className="node-modal-title"
-                      >
+                      <Dialog.Title as="h3" className="node-modal-title">
                         Edit Prompt
                       </Dialog.Title>
                     </div>
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
index c17ae727f..6064b3955 100644
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ b/src/frontend/src/modals/textAreaModal/index.tsx
@@ -79,10 +79,7 @@ export default function TextAreaModal({
                       />
                     </div>
                     <div className="node-modal-title-div">
-                      <Dialog.Title
-                        as="h3"
-                        className="node-modal-title"
-                      >
+                      <Dialog.Title as="h3" className="node-modal-title">
                         Edit text
                       </Dialog.Title>
                     </div>
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 6d5fc64ce..48a3f94ff 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -112,10 +112,10 @@ export default function Page({ flow }: { flow: FlowType }) {
   const { setExtraComponent, setExtraNavigation } = useContext(locationContext);
   const { setErrorData } = useContext(alertContext);
   const [nodes, setNodes, onNodesChange] = useNodesState(
-    flow.data?.nodes ?? [],
+    flow.data?.nodes ?? []
   );
   const [edges, setEdges, onEdgesChange] = useEdgesState(
-    flow.data?.edges ?? [],
+    flow.data?.edges ?? []
   );
   const { setViewport } = useReactFlow();
   const edgeUpdateSuccessful = useRef(true);
@@ -158,7 +158,7 @@ export default function Page({ flow }: { flow: FlowType }) {
         };
       });
     },
-    [onEdgesChange, setNodes, setTabsState, tabId],
+    [onEdgesChange, setNodes, setTabsState, tabId]
   );
 
   const onNodesChangeMod = useCallback(
@@ -174,7 +174,7 @@ export default function Page({ flow }: { flow: FlowType }) {
         };
       });
     },
-    [onNodesChange, setTabsState, tabId],
+    [onNodesChange, setTabsState, tabId]
   );
 
   const onConnect = useCallback(
@@ -191,15 +191,15 @@ export default function Page({ flow }: { flow: FlowType }) {
                 : "stroke-foreground ",
             animated: params.targetHandle.split("|")[0] === "Text",
           },
-          eds,
-        ),
+          eds
+        )
       );
       setNodes((x) => {
         let newX = _.cloneDeep(x);
         return newX;
       });
     },
-    [setEdges, setNodes, takeSnapshot],
+    [setEdges, setNodes, takeSnapshot]
   );
 
   const onNodeDragStart: NodeDragHandler = useCallback(() => {
@@ -288,7 +288,7 @@ export default function Page({ flow }: { flow: FlowType }) {
       }
     },
     // Specify dependencies for useCallback
-    [getNodeId, reactFlowInstance, setErrorData, setNodes, takeSnapshot],
+    [getNodeId, reactFlowInstance, setErrorData, setNodes, takeSnapshot]
   );
 
   useEffect(() => {
@@ -304,12 +304,11 @@ export default function Page({ flow }: { flow: FlowType }) {
       takeSnapshot();
       setEdges(
         edges.filter(
-          (ns) =>
-            !mynodes.some((n) => ns.source === n.id || ns.target === n.id),
-        ),
+          (ns) => !mynodes.some((n) => ns.source === n.id || ns.target === n.id)
+        )
       );
     },
-    [takeSnapshot, edges, setEdges],
+    [takeSnapshot, edges, setEdges]
   );
 
   const onEdgeUpdateStart = useCallback(() => {
@@ -323,7 +322,7 @@ export default function Page({ flow }: { flow: FlowType }) {
         setEdges((els) => updateEdge(oldEdge, newConnection, els));
       }
     },
-    [],
+    []
   );
 
   const onEdgeUpdateEnd = useCallback((_, edge) => {
diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts
index be1e6b33b..33acd1ee7 100644
--- a/src/frontend/src/types/tabs/index.ts
+++ b/src/frontend/src/types/tabs/index.ts
@@ -28,7 +28,7 @@ export type TabsContextType = {
   setTabsState: Dispatch<SetStateAction<TabsState>>;
   paste: (
     selection: { nodes: any; edges: any },
-    position: { x: number; y: number; paneX?: number; paneY?: number },
+    position: { x: number; y: number; paneX?: number; paneY?: number }
   ) => void;
   lastCopiedSelection: { nodes: any; edges: any };
   setLastCopiedSelection: (selection: { nodes: any; edges: any }) => void;
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index ab5e8dae0..7db5628bf 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -492,7 +492,7 @@ export function cn(...inputs: ClassValue[]) {
 export function measureTextHeight(
   text: string,
   width: number,
-  fontSize: number,
+  fontSize: number
 ) {
   const charHeight = fontSize;
   const lineHeight = charHeight * 1.5;
@@ -519,7 +519,7 @@ export function toCamelCase(str: string) {
     .map((word, index) =>
       index === 0
         ? word.toLowerCase()
-        : word[0].toUpperCase() + word.slice(1).toLowerCase(),
+        : word[0].toUpperCase() + word.slice(1).toLowerCase()
     )
     .join("");
 }
@@ -580,7 +580,7 @@ export function getConnectedNodes(edge: Edge, nodes: Array<Node>): Array<Node> {
 
 export function isValidConnection(
   { source, target, sourceHandle, targetHandle }: Connection,
-  reactFlowInstance: ReactFlowInstance,
+  reactFlowInstance: ReactFlowInstance
 ) {
   if (
     targetHandle
@@ -634,7 +634,7 @@ export function removeApiKeys(flow: FlowType): FlowType {
 
 export function updateObject<T extends Record<string, any>>(
   reference: T,
-  objectToUpdate: T,
+  objectToUpdate: T
 ): T {
   let clonedObject = _.cloneDeep(objectToUpdate);
   // Loop through each key in the object to update
@@ -665,7 +665,7 @@ export function debounce(func, wait) {
 
 export function updateTemplate(
   reference: APITemplateType,
-  objectToUpdate: APITemplateType,
+  objectToUpdate: APITemplateType
 ): APITemplateType {
   let clonedObject: APITemplateType = _.cloneDeep(reference);
 
@@ -723,7 +723,7 @@ export function toTitleCase(str: string) {
     .map((word, index) => {
       if (index === 0) {
         return checkUpperWords(
-          word[0].toUpperCase() + word.slice(1).toLowerCase(),
+          word[0].toUpperCase() + word.slice(1).toLowerCase()
         );
       }
       return checkUpperWords(word.toLowerCase());
@@ -735,7 +735,7 @@ export function toTitleCase(str: string) {
     .map((word, index) => {
       if (index === 0) {
         return checkUpperWords(
-          word[0].toUpperCase() + word.slice(1).toLowerCase(),
+          word[0].toUpperCase() + word.slice(1).toLowerCase()
         );
       }
       return checkUpperWords(word.toLowerCase());
@@ -912,7 +912,7 @@ export function buildTweaks(flow) {
 }
 export function validateNode(
   n: NodeType,
-  reactFlowInstance: ReactFlowInstance,
+  reactFlowInstance: ReactFlowInstance
 ): Array<string> {
   if (!n.data?.node?.template || !Object.keys(n.data.node.template)) {
     return [
@@ -938,16 +938,16 @@ export function validateNode(
             .some(
               (e) =>
                 e.targetHandle.split("|")[1] === t &&
-                e.targetHandle.split("|")[2] === n.id,
+                e.targetHandle.split("|")[2] === n.id
             )
           ? [
               `${type} is missing ${
                 template.display_name || toNormalCase(template[t].name)
               }.`,
             ]
-          : [],
+          : []
       ),
-    [] as string[],
+    [] as string[]
   );
 }
 
@@ -972,7 +972,7 @@ export function getRandomDescription(): string {
 export function getRandomName(
   retry: number = 0,
   noSpace: boolean = false,
-  maxRetries: number = 3,
+  maxRetries: number = 3
 ): string {
   const left: string[] = ADJECTIVES;
   const right: string[] = NOUNS;

From a6e44c43e6ff31e1896d1620428f3fb6b09b5466 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 12:27:21 -0300
Subject: [PATCH 217/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(constants.tsx):?=
 =?UTF-8?q?=20add=20support=20for=20tabsState=20parameter=20in=20getPython?=
 =?UTF-8?q?ApiCode,=20getCurlCode,=20and=20getPythonCode=20functions=20to?=
 =?UTF-8?q?=20build=20inputs=20dynamically=20=F0=9F=94=A8=20refactor(modal?=
 =?UTF-8?q?s/ApiModal/index.tsx):=20pass=20tabsState=20parameter=20to=20ge?=
 =?UTF-8?q?tPythonApiCode,=20getCurlCode,=20and=20getPythonCode=20function?=
 =?UTF-8?q?s=20to=20build=20inputs=20dynamically=20=F0=9F=94=A8=20refactor?=
 =?UTF-8?q?(utils.ts):=20add=20buildInputs=20function=20to=20build=20input?=
 =?UTF-8?q?s=20dynamically=20based=20on=20tabsState?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx             | 28 +++++++++++++++++-----
 src/frontend/src/modals/ApiModal/index.tsx |  8 +++----
 src/frontend/src/utils.ts                  | 11 +++++++++
 3 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index 65a164110..19a417cc0 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -1,7 +1,8 @@
 // src/constants.tsx
 
 import { FlowType } from "./types/flow";
-import { buildTweaks } from "./utils";
+import { TabsState } from "./types/tabs";
+import { buildInputs, buildTweaks } from "./utils";
 
 /**
  * The base text for subtitle of Export Dialog (Toolbar)
@@ -70,7 +71,11 @@ export const TEXT_DIALOG_SUBTITLE = "Edit your text.";
  * @param {string} flowId - The id of the flow
  * @returns {string} - The python code
  */
-export const getPythonApiCode = (flow: FlowType, tweak?): string => {
+export const getPythonApiCode = (
+  flow: FlowType,
+  tweak?: any[],
+  tabsState?: TabsState
+): string => {
   const flowId = flow.id;
 
   // create a dictionary of node ids and the values is an empty dictionary
@@ -78,6 +83,7 @@ export const getPythonApiCode = (flow: FlowType, tweak?): string => {
   //   node.data.id
   // }
   const tweaks = buildTweaks(flow);
+  const inputs = buildInputs(tabsState, flow.id);
   return `import requests
 
 BASE_API_URL = "${window.location.protocol}//${
@@ -103,7 +109,7 @@ def run_flow(message: str, flow_id: str, tweaks: dict = None) -> dict:
     """
     api_url = f"{BASE_API_URL}/{flow_id}"
 
-    payload = {"inputs": {"input": message}}
+    payload = {"inputs": ${inputs}}
 
     if tweaks:
         payload["tweaks"] = tweaks
@@ -120,15 +126,20 @@ print(run_flow("Your message", flow_id=FLOW_ID, tweaks=TWEAKS))`;
  * @param {string} flowId - The id of the flow
  * @returns {string} - The curl code
  */
-export const getCurlCode = (flow: FlowType, tweak?): string => {
+export const getCurlCode = (
+  flow: FlowType,
+  tweak?: any[],
+  tabsState?: TabsState
+): string => {
   const flowId = flow.id;
   const tweaks = buildTweaks(flow);
+  const inputs = buildInputs(tabsState, flow.id);
   return `curl -X POST \\
   ${window.location.protocol}//${
     window.location.host
   }/api/v1/process/${flowId} \\
   -H 'Content-Type: application/json' \\
-  -d '{"inputs": {"input": message}, "tweaks": ${
+  -d '{"inputs": ${inputs}, "tweaks": ${
     tweak && tweak.length > 0
       ? buildTweakObject(tweak)
       : JSON.stringify(tweaks, null, 2)
@@ -139,9 +150,14 @@ export const getCurlCode = (flow: FlowType, tweak?): string => {
  * @param {string} flowName - The name of the flow
  * @returns {string} - The python code
  */
-export const getPythonCode = (flow: FlowType, tweak?): string => {
+export const getPythonCode = (
+  flow: FlowType,
+  tweak?: any[],
+  tabsState?: TabsState
+): string => {
   const flowName = flow.name;
   const tweaks = buildTweaks(flow);
+  const inputs = buildInputs(tabsState, flow.id);
   return `from langflow import load_flow_from_json
 TWEAKS = ${
     tweak && tweak.length > 0
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 83da2e796..99fd03941 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -61,7 +61,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
   const [openAccordion, setOpenAccordion] = useState([]);
   const tweak = useRef([]);
   const tweaksList = useRef([]);
-  const { setTweak, getTweak } = useContext(TabsContext);
+  const { setTweak, getTweak, tabsState } = useContext(TabsContext);
   const copyToClipboard = () => {
     if (!navigator.clipboard || !navigator.clipboard.writeText) {
       return;
@@ -75,9 +75,9 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
       }, 2000);
     });
   };
-  const pythonApiCode = getPythonApiCode(flow, tweak.current);
-  const curl_code = getCurlCode(flow, tweak.current);
-  const pythonCode = getPythonCode(flow, tweak.current);
+  const pythonApiCode = getPythonApiCode(flow, tweak.current, tabsState);
+  const curl_code = getCurlCode(flow, tweak.current, tabsState);
+  const pythonCode = getPythonCode(flow, tweak.current, tabsState);
   const tweaksCode = buildTweaks(flow);
   const tabs = [
     {
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 7db5628bf..bbe5a6df4 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -904,6 +904,17 @@ export function groupByFamily(data, baseClasses, left, type) {
   }
 }
 
+export function buildInputs(tabsState, id) {
+  console.log(tabsState, id);
+  return tabsState &&
+    tabsState[id] &&
+    tabsState[id].formKeysData &&
+    tabsState[id].formKeysData.input_keys &&
+    Object.keys(tabsState[id].formKeysData.input_keys).length > 0
+    ? JSON.stringify(tabsState[id].formKeysData.input_keys)
+    : '{"input": message}';
+}
+
 export function buildTweaks(flow) {
   return flow.data.nodes.reduce((acc, node) => {
     acc[node.data.id] = {};

From 9ea667aa64906f7de18f3337a6a595b3163032d3 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 12:27:53 -0300
Subject: [PATCH 218/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(utils.ts):=20re?=
 =?UTF-8?q?move=20console.log=20statement=20in=20buildInputs=20function=20?=
 =?UTF-8?q?to=20improve=20code=20cleanliness=20and=20remove=20unnecessary?=
 =?UTF-8?q?=20logging?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/utils.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index bbe5a6df4..7626a7056 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -905,7 +905,6 @@ export function groupByFamily(data, baseClasses, left, type) {
 }
 
 export function buildInputs(tabsState, id) {
-  console.log(tabsState, id);
   return tabsState &&
     tabsState[id] &&
     tabsState[id].formKeysData &&

From fde865f9ca6dd1cb3e09fe723460cbbf580351a1 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 12:30:20 -0300
Subject: [PATCH 219/367] =?UTF-8?q?=F0=9F=94=80=20chore(constants.tsx):=20?=
 =?UTF-8?q?refactor=20buildFlowScript=20function=20to=20use=20template=20l?=
 =?UTF-8?q?iterals=20for=20better=20readability=20and=20maintainability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index 19a417cc0..a31074a16 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -166,7 +166,7 @@ TWEAKS = ${
   }
 flow = load_flow_from_json("${flowName}.json", tweaks=TWEAKS)
 # Now you can use it like any chain
-flow("Hey, have you heard of Langflow?")`;
+flow(${inputs})`;
 };
 
 function buildTweakObject(tweak) {

From dc415e22f528ca4d380eb57b9c347727f6cd249c Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 12:46:56 -0300
Subject: [PATCH 220/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage/index.ts?=
 =?UTF-8?q?x):=20remove=20unnecessary=20class=20name=20"bg-border"=20to=20?=
 =?UTF-8?q?fix=20styling=20issue=20=E2=9C=A8=20feat(chatMessage/index.tsx)?=
 =?UTF-8?q?:=20add=20labels=20for=20chatbot=20and=20user=20avatars=20to=20?=
 =?UTF-8?q?improve=20accessibility=20and=20user=20experience=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage/index.tsx):=20adjust=20styling?=
 =?UTF-8?q?=20of=20chat=20message=20content=20to=20prevent=20overflow=20an?=
 =?UTF-8?q?d=20improve=20readability=20=F0=9F=90=9B=20fix(chatMessage/inde?=
 =?UTF-8?q?x.tsx):=20adjust=20button=20background=20color=20to=20match=20t?=
 =?UTF-8?q?he=20background=20color=20of=20the=20chat=20message=20container?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modals/formModal/chatMessage/index.tsx    | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 092d33092..deaa4a6ef 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -36,22 +36,28 @@ export default function ChatMessage({
     <div
       className={classNames(
         "flex w-full px-2 py-6 pl-4 pr-9",
-        chat.isSend ? " bg-border" : " "
+        chat.isSend ? "" : " "
       )}
     >
-      <div className={classNames("mb-3 ml-3 mr-6 mt-1 ")}>
+      <div className={classNames("mb-3 mr-3 mt-1 w-20 ")}>
         {!chat.isSend ? (
-          <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
-            🤖
+          <div className="flex flex-col items-center gap-1">
+            <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
+              🤖
+            </div>
+            <span className="text-xs">Chatbot</span>
           </div>
         ) : (
-          <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
-            👨‍💻
+          <div className="flex flex-col items-center gap-1">
+            <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
+              👨‍💻
+            </div>
+            <span className="text-xs">User</span>
           </div>
         )}
       </div>
       {!chat.isSend ? (
-        <div className="flex w-full items-center text-start">
+        <div className="flex w-full flex-1 items-center text-start">
           <div className="relative inline-block w-full text-start text-sm font-normal text-primary">
             {hidden && chat.thought && chat.thought !== "" && (
               <div
@@ -78,7 +84,8 @@ export default function ChatMessage({
                   <ReactMarkdown
                     remarkPlugins={[remarkGfm, remarkMath]}
                     rehypePlugins={[rehypeMathjax]}
-                    className="markdown prose max-w-full text-primary dark:prose-invert"
+                    className="markdown prose inline-block break-words text-primary
+                     dark:prose-invert"
                     components={{
                       code({ node, inline, className, children, ...props }) {
                         if (children.length) {
@@ -138,7 +145,7 @@ export default function ChatMessage({
       ) : (
         <div>
           <button
-            className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-muted px-4 py-3 text-base font-semibold"
+            className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-3 text-base font-semibold"
             onClick={() => {
               setPromptOpen((old) => !old);
             }}

From bb362bd4ff67510ec4bb18f7b6f960141da0a49d Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 12:54:44 -0300
Subject: [PATCH 221/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage/index.ts?=
 =?UTF-8?q?x):=20fix=20CSS=20class=20name=20and=20position=20of=20the=20hi?=
 =?UTF-8?q?dden=20message=20icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index deaa4a6ef..dfd04a585 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -58,11 +58,11 @@ export default function ChatMessage({
       </div>
       {!chat.isSend ? (
         <div className="flex w-full flex-1 items-center text-start">
-          <div className="relative inline-block w-full text-start text-sm font-normal text-primary">
-            {hidden && chat.thought && chat.thought !== "" && (
+          <div className="relative inline-block w-full text-start text-sm font-normal text-muted-foreground">
+            {hidden && (
               <div
                 onClick={() => setHidden((prev) => !prev)}
-                className="absolute -left-2 -top-1 cursor-pointer"
+                className="absolute -left-8 -top-5 cursor-pointer"
               >
                 <MessageSquare className="h-5 w-5 animate-bounce dark:text-white" />
               </div>

From d718b153dab9cfb4d6f23ffc5d315e32804e14fa Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Fri, 7 Jul 2023 13:31:35 -0300
Subject: [PATCH 222/367] refactor(chatTrigger): Add new chatTrigger tailwind
 constants classes

---
 .../components/chatComponent/chatTrigger/index.tsx    |  6 +++---
 src/frontend/src/index.css                            | 11 +++++++++--
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 14fe4f73d..2666e4e92 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -45,7 +45,7 @@ export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
       <button
         onClick={handleClick}
         className={
-          "shadow-round-btn-shadow hover:shadow-round-btn-shadow fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center rounded-full bg-border px-3 py-1 shadow-md transition-all " +
+          "shadow-round-btn-shadow hover:shadow-round-btn-shadow message-button " +
           (!isBuilt || !canOpen ? "cursor-not-allowed" : "cursor-pointer")
         }
       >
@@ -54,8 +54,8 @@ export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
             className={
               "h-6 w-6 transition-all " +
               (isBuilt && canOpen
-                ? "fill-chat-trigger stroke-chat-trigger stroke-1"
-                : "fill-chat-trigger-disabled stroke-chat-trigger-disabled stroke-1")
+                ? "message-button-icon"
+                : "disabled-message-button-icon")
             }
             style={{ color: "white" }}
             strokeWidth={1.5}
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 3ade49902..b95a930da 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -217,6 +217,10 @@ The cursor: default; property value restores the browser's default cursor style
   .input-dialog{
     @apply text-ring cursor-pointer bg-transparent
   }
+  .message-button {
+    @apply message-button-position flex h-12 w-12 items-center justify-center rounded-full bg-border px-3 py-1 shadow-md transition-all
+  }
+  
   .round-button-form {
     @apply flex h-12 w-12 cursor-pointer justify-center rounded-full bg-border px-3 py-1 shadow-md
   }
@@ -230,10 +234,13 @@ The cursor: default; property value restores the browser's default cursor style
     @apply w-6 fill-build-trigger stroke-1 stroke-build-trigger
   }
   .message-button-position {
-    @apply absolute bottom-4 right-3
+    @apply fixed bottom-4 right-4
   }
   .message-button-icon {
-    @apply w-6 fill-chat-trigger stroke-chat-trigger stroke-1
+    @apply fill-chat-trigger stroke-chat-trigger stroke-1
+  }
+  .disabled-message-button-icon {
+    @apply fill-chat-trigger-disabled stroke-chat-trigger-disabled stroke-1
   }
   .components-disclosure-arrangement {
     @apply -mt-px flex w-full select-none items-center justify-between border-y border-y-input bg-muted px-3 py-2

From 512b499915e8b24a9675cf9b0d35e6d5321a7bd3 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 13:51:16 -0300
Subject: [PATCH 223/367] =?UTF-8?q?=E2=9C=A8=20feat(constants.tsx):=20add?=
 =?UTF-8?q?=20support=20for=20dynamic=20inputs=20in=20getPythonApiCode=20a?=
 =?UTF-8?q?nd=20getCurlCode=20functions=20In=20the=20getPythonApiCode=20fu?=
 =?UTF-8?q?nction,=20the=20run=5Fflow=20function=20had=20an=20unnecessary?=
 =?UTF-8?q?=20type=20annotation=20for=20the=20message=20parameter.=20It=20?=
 =?UTF-8?q?was=20removed=20to=20improve=20code=20readability.=20Additional?=
 =?UTF-8?q?ly,=20the=20variable=20name=20in=20the=20run=5Fflow=20function?=
 =?UTF-8?q?=20was=20changed=20from=20inputs=20to=20payload=20to=20better?=
 =?UTF-8?q?=20reflect=20its=20purpose.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In the getCurlCode function, support for dynamic inputs was added. The inputs variable is now passed as an argument to the flow function, allowing for flexibility in providing different inputs when generating the curl code.
🐛 fix(constants.tsx): remove unnecessary type annotation and fix variable name in run_flow function
---
 src/frontend/src/constants.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index a31074a16..8c14f919c 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -85,6 +85,7 @@ export const getPythonApiCode = (
   const tweaks = buildTweaks(flow);
   const inputs = buildInputs(tabsState, flow.id);
   return `import requests
+  from typing import Optional
 
 BASE_API_URL = "${window.location.protocol}//${
     window.location.host
@@ -98,7 +99,7 @@ TWEAKS = ${
       : JSON.stringify(tweaks, null, 2)
   }
 
-def run_flow(message: str, flow_id: str, tweaks: dict = None) -> dict:
+def run_flow(inputs: dict, flow_id: str, tweaks: Optional[dict] = None) -> dict:
     """
     Run a flow with a given message and optional tweaks.
 
@@ -109,7 +110,7 @@ def run_flow(message: str, flow_id: str, tweaks: dict = None) -> dict:
     """
     api_url = f"{BASE_API_URL}/{flow_id}"
 
-    payload = {"inputs": ${inputs}}
+    payload = {"inputs": inputs}
 
     if tweaks:
         payload["tweaks"] = tweaks
@@ -118,8 +119,8 @@ def run_flow(message: str, flow_id: str, tweaks: dict = None) -> dict:
     return response.json()
 
 # Setup any tweaks you want to apply to the flow
-
-print(run_flow("Your message", flow_id=FLOW_ID, tweaks=TWEAKS))`;
+inputs = ${inputs}
+print(run_flow(inputs, flow_id=FLOW_ID, tweaks=TWEAKS))`;
 };
 /**
  * Function to get the curl code for the API
@@ -134,6 +135,7 @@ export const getCurlCode = (
   const flowId = flow.id;
   const tweaks = buildTweaks(flow);
   const inputs = buildInputs(tabsState, flow.id);
+
   return `curl -X POST \\
   ${window.location.protocol}//${
     window.location.host
@@ -166,7 +168,8 @@ TWEAKS = ${
   }
 flow = load_flow_from_json("${flowName}.json", tweaks=TWEAKS)
 # Now you can use it like any chain
-flow(${inputs})`;
+inputs = ${inputs}
+flow(inputs)`;
 };
 
 function buildTweakObject(tweak) {

From e422ed9c78bb590f1abf24fedc54b311eb9589fb Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 13:55:15 -0300
Subject: [PATCH 224/367] =?UTF-8?q?=F0=9F=90=9B=20fix(constants.tsx):=20fi?=
 =?UTF-8?q?x=20indentation=20issue=20in=20getPythonApiCode=20function=20Th?=
 =?UTF-8?q?e=20import=20statement=20for=20the=20'typing'=20module=20was=20?=
 =?UTF-8?q?incorrectly=20indented,=20causing=20a=20syntax=20error.=20The?=
 =?UTF-8?q?=20import=20statement=20has=20been=20fixed=20to=20align=20with?=
 =?UTF-8?q?=20the=20correct=20indentation.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index 8c14f919c..601b2ba23 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -85,7 +85,7 @@ export const getPythonApiCode = (
   const tweaks = buildTweaks(flow);
   const inputs = buildInputs(tabsState, flow.id);
   return `import requests
-  from typing import Optional
+from typing import Optional
 
 BASE_API_URL = "${window.location.protocol}//${
     window.location.host

From 2262e8e0bd1527fb79265d57c088b26b5808dde9 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 14:12:04 -0300
Subject: [PATCH 225/367] =?UTF-8?q?=F0=9F=90=9B=20fix(index.css):=20increa?=
 =?UTF-8?q?se=20right=20padding=20of=20.search-icon=20class=20to=20improve?=
 =?UTF-8?q?=20alignment=20with=20other=20elements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index b95a930da..b4a2d5a91 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -173,7 +173,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply w-full overflow-auto scrollbar-hide
   }
   .search-icon {
-    @apply absolute inset-y-0 right-0 flex items-center py-1.5 pr-3
+    @apply absolute inset-y-0 right-0 flex items-center py-1.5 pr-4
   }
   .extra-side-bar-save-disable {
     @apply text-muted-foreground

From dcb8de533596cb17236230c1c70f8d1a85f9f874 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 14:24:17 -0300
Subject: [PATCH 226/367] =?UTF-8?q?=F0=9F=90=9B=20fix(index.css):=20increa?=
 =?UTF-8?q?se=20right=20padding=20of=20.search-icon=20class=20to=20improve?=
 =?UTF-8?q?=20alignment=20with=20other=20elements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index b4a2d5a91..82c7f027c 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -173,7 +173,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply w-full overflow-auto scrollbar-hide
   }
   .search-icon {
-    @apply absolute inset-y-0 right-0 flex items-center py-1.5 pr-4
+    @apply absolute inset-y-0 right-0 flex items-center py-1.5 pr-5
   }
   .extra-side-bar-save-disable {
     @apply text-muted-foreground

From 54f7cfb8212c03728ee716ad4c08a26312e8abda Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 14:41:48 -0300
Subject: [PATCH 227/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(cardComponent/i?=
 =?UTF-8?q?ndex.tsx):=20remove=20unnecessary=20dialog=20component=20and=20?=
 =?UTF-8?q?simplify=20delete=20button=20implementation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/cardComponent/index.tsx    | 27 +++----------------
 1 file changed, 3 insertions(+), 24 deletions(-)

diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 83228d92d..276f0a7cd 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -47,30 +47,9 @@ export const CardComponent = ({
           ></span>
           <span className="card-component-title-size">{flow.name}</span>
           {onDelete && (
-            <Dialog>
-              <DialogTrigger asChild>
-                <button
-                  className="card-component-delete-button"
-                  onClick={onDelete}
-                >
-                  <Trash2 className="card-component-delete-icon" />
-                </button>
-              </DialogTrigger>
-              <DialogContent>
-                <DialogHeader>
-                  <DialogTitle>Are you sure absolutely sure?</DialogTitle>
-                  <DialogDescription>
-                    This action cannot be undone. Are you sure you want to
-                    permanently delete this file from our servers?
-                  </DialogDescription>
-                </DialogHeader>
-                <DialogFooter>
-                  <Button type="submit" onClick={onDelete}>
-                    Confirm
-                  </Button>
-                </DialogFooter>
-              </DialogContent>
-            </Dialog>
+            <button className="card-component-delete-button" onClick={onDelete}>
+              <Trash2 className="card-component-delete-icon" />
+            </button>
           )}
         </CardTitle>
         <CardDescription className="card-component-desc">

From 257e73059f68ff5dca922cba69a0ddda6ad33e42 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 14:57:21 -0300
Subject: [PATCH 228/367] =?UTF-8?q?=F0=9F=94=A7=20fix(constants.tsx):=20im?=
 =?UTF-8?q?port=20missing=20lucide-react=20icons=20to=20fix=20compilation?=
 =?UTF-8?q?=20errors=20=F0=9F=94=A7=20fix(chatMessage/index.tsx):=20import?=
 =?UTF-8?q?=20missing=20lucide-react=20icons=20to=20fix=20compilation=20er?=
 =?UTF-8?q?rors=20=F0=9F=94=A7=20fix(formModal/index.tsx):=20import=20miss?=
 =?UTF-8?q?ing=20THOUGHTS=5FICON=20constant=20to=20fix=20compilation=20err?=
 =?UTF-8?q?ors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx                |  4 ++++
 .../modals/formModal/chatMessage/index.tsx    | 19 ++++++++++++-------
 src/frontend/src/modals/formModal/index.tsx   |  4 ++--
 3 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index 601b2ba23..c823abc1d 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -1,8 +1,10 @@
 // src/constants.tsx
 
+import { MessageSquareDashed } from "lucide-react";
 import { FlowType } from "./types/flow";
 import { TabsState } from "./types/tabs";
 import { buildInputs, buildTweaks } from "./utils";
+import { MessageSquare } from "lucide-react";
 
 /**
  * The base text for subtitle of Export Dialog (Toolbar)
@@ -57,6 +59,8 @@ export const CHAT_CANNOT_OPEN_DESCRIPTION = "This is not a chat flow.";
 
 export const FLOW_NOT_BUILT_TITLE = "Flow not built";
 
+export const THOUGHTS_ICON = MessageSquare;
+
 export const FLOW_NOT_BUILT_DESCRIPTION =
   "Please build the flow before chatting.";
 
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index dfd04a585..b6d62b900 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -10,7 +10,13 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import { CodeBlock } from "./codeBlock";
 import Convert from "ansi-to-html";
-import { User2, MessageSquare, ChevronDown } from "lucide-react";
+import {
+  User2,
+  MessageSquare,
+  ChevronDown,
+  MessageCircle,
+  MessageSquareDashed,
+} from "lucide-react";
 import {
   Accordion,
   AccordionContent,
@@ -18,6 +24,7 @@ import {
   AccordionTrigger,
 } from "../../../components/ui/accordion";
 import { Badge } from "../../../components/ui/badge";
+import { THOUGHTS_ICON } from "../../../constants";
 
 export default function ChatMessage({
   chat,
@@ -45,26 +52,24 @@ export default function ChatMessage({
             <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
               🤖
             </div>
-            <span className="text-xs">Chatbot</span>
           </div>
         ) : (
           <div className="flex flex-col items-center gap-1">
             <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
               👨‍💻
             </div>
-            <span className="text-xs">User</span>
           </div>
         )}
       </div>
       {!chat.isSend ? (
-        <div className="flex w-full flex-1 items-center text-start">
+        <div className="flex w-full flex-1 text-start">
           <div className="relative inline-block w-full text-start text-sm font-normal text-muted-foreground">
-            {hidden && (
+            {hidden && chat.thought && chat.thought !== "" && (
               <div
                 onClick={() => setHidden((prev) => !prev)}
-                className="absolute -left-8 -top-5 cursor-pointer"
+                className="absolute -left-8 -top-3 cursor-pointer"
               >
-                <MessageSquare className="h-5 w-5 animate-bounce dark:text-white" />
+                <THOUGHTS_ICON className="h-4 w-4 animate-bounce dark:text-white" />
               </div>
             )}
             {chat.thought && chat.thought !== "" && !hidden && (
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index eee866bb0..a6633265b 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -18,7 +18,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { CHAT_FORM_DIALOG_SUBTITLE } from "../../constants";
+import { CHAT_FORM_DIALOG_SUBTITLE, THOUGHTS_ICON } from "../../constants";
 import { TabsContext } from "../../contexts/tabsContext";
 import {
   Accordion,
@@ -535,7 +535,7 @@ export default function FormModal({
                         <span className="text-base text-gray-500">
                           Start a conversation and click the agent's thoughts{" "}
                           <span>
-                            <MessageSquare className="mx-1 inline h-5 w-5 animate-bounce " />
+                            <THOUGHTS_ICON className="mx-1 inline h-5 w-5 animate-bounce " />
                           </span>{" "}
                           to inspect the chaining process.
                         </span>

From 1c6fd14fa5554246bd8190fe4d26b0f851f588ed Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 14:58:03 -0300
Subject: [PATCH 229/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage):=20adju?=
 =?UTF-8?q?st=20styling=20of=20chat=20message=20container=20to=20improve?=
 =?UTF-8?q?=20alignment=20and=20spacing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index b6d62b900..a7a32d49e 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -46,7 +46,7 @@ export default function ChatMessage({
         chat.isSend ? "" : " "
       )}
     >
-      <div className={classNames("mb-3 mr-3 mt-1 w-20 ")}>
+      <div className={classNames("mb-3 ml-3 mr-6 mt-1 ")}>
         {!chat.isSend ? (
           <div className="flex flex-col items-center gap-1">
             <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">

From 0c3517149d86f2e032927148556c1de2dd8e77a9 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 15:07:21 -0300
Subject: [PATCH 230/367] =?UTF-8?q?=F0=9F=8E=A8=20style(chatMessage/index.?=
 =?UTF-8?q?tsx):=20add=20images=20for=20robot=20and=20male=20technologist?=
 =?UTF-8?q?=20icons=20to=20improve=20visual=20representation=20?=
 =?UTF-8?q?=F0=9F=94=A7=20chore(chatMessage/index.tsx):=20update=20image?=
 =?UTF-8?q?=20paths=20for=20robot=20and=20male=20technologist=20icons=20to?=
 =?UTF-8?q?=20match=20new=20file=20locations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/assets/male-technologist.png   | Bin 0 -> 23161 bytes
 src/frontend/src/assets/robot.png               | Bin 0 -> 26806 bytes
 .../src/modals/formModal/chatMessage/index.tsx  |  12 +++++++-----
 3 files changed, 7 insertions(+), 5 deletions(-)
 create mode 100644 src/frontend/src/assets/male-technologist.png
 create mode 100644 src/frontend/src/assets/robot.png

diff --git a/src/frontend/src/assets/male-technologist.png b/src/frontend/src/assets/male-technologist.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b5281237fc9b5d3fd5a3974ec366abbc1e2594b
GIT binary patch
literal 23161
zcmV)=K!m@EP)<h;3K|Lk000e1NJLTq005u>005u}1^@s6i_d2*00004XF*Lt006O%
z3;baP0000WV@Og>004R>004l5008;`004mK004C`008P>0026e000+ooVrmw00007
zbV*G`2jL427Y88gg(qJC000JJOGiWi{{a60|De66lK=o&eMv+?RCwC#y=Sy#*HtF^
z&9!zo;hvl8R*s6LEK71imTers28?ao#v~J(&~#%nV9+$sj~;%5ZjxyR@Va?DXkgG7
zUIQjL0Jde2!7>hVl4WI;N>WLcZ@wq)z1N!W#|nGxbI&cy?JCzPTgRiUd(S!dguTB#
z!#BS<C-B_ux!ZHM=Wfs4p1VDFd+zq!?YY}?x94up-JZLBz1--zL-6I@vVXoJCe|?n
z5`Y+bm;tbcEHYIe0MHlmv$VeP-Y@6;@mK<onV&;da65h1YvfXXu+@^sx6edRKd<2A
z@`96EDmty0dV3-a4gq?KnQH*Y03;X$um(^7$Qh!eI69f@^qB&+#etsKh(*60A$xc!
z-+y0QZCjp+pIRGNP<&MZ_|ykq^>uv!9$(%UPdC-xovkx35}ZG;DbL;%W8-;(^E$w(
zAO?uQh`|&Ahya-aq7I0}+7<$YGl&d;!D;}g9-!KQ>VjEAX@Hsg8c`?5#HZV8+k=3(
zw^Pi0QiGlZkbm6)@PYTg`RfjJwR)Pw+<P9>`s=6SQ{Pk*?ZXlEQ$Y+ZTR^f4sO<vM
z-9WMcM3aD=u%L@Uq5;S{K(Pg!04VT=%m5c)-3N+waJ~vI)`9FSxPKDdKMw96H^1uw
zilZ#&`a>IP$4B~l^1~f9^>F~JUl#!U{CmFZ>jrqOX0pF7mftcH9s8~rYd1tRAeK|$
zbPrHJ1T?M!H4Xx`-3D+J2VowU9+Nrvooy%`{MR{FB6}a%S0I23Kn=k8GPw5?xbrx4
z=P_{i7-(=3MbSsj$?1+>_+VGf{?)pg|7QT}U$X%G%wK=)18~<&_tpk2zr7(&y&*<>
zg2e>5emO9CE2wodP~Qj0CP0zN8(0M(t7dCFl)3SyM@Pi`KF&6O%?^|#&E0wcF52MU
z(@-0afH&?3w;zJ)pGBtY&vf+mzv=1L9|E}dYYu>qyyq2Pv%s5}oVsa3oca$<dHPL)
z`w`OJz|@OCQ!fM>R~Xj{ZSn`!L+}bM+bHsY&yi;G(4CvX$Q5g9Uy~v*5ukJM;55|o
zCsCaF2XOmQ6q<@Y=HJ)VQ@;h^?yngDKK|Ypf6W0eZ#-}J_V|JS)RIsCpyW=>@eW}2
zmB9R~LFpcgpJE6cbPl$H&&_NMy$%mQpR1O!Oq#cNDF7g0LV#=q#mc8qEPe!f^<HQ-
z;2yU9?Rv5O9RNOe>07|RdHL5A_$H@YKQtR1{gs557dV;)W?l}=e-o&F$i`<Xpy%iu
zpkfPD9s((E;bN-*_W#cqZBd6Gs{CC5S`q*vu<k>z-H-hA-$Sq71FexS7YF`(M^FFX
zmvX{FU;OLWd`$pvYI<hAB~Jd2Df#$!00f?VA!x^&LCwSFwCda@1p$COCU^)~R3;b<
zRQY6GQZE>`Y@6e~t&J%M*bROL+t&{NMw?d?F<A9cEPWis$@c)=C(zSVkDku1d^>;-
zU77&=%WuBq!52?oam)Vn?swI2<}jy+fbDMt&D>#V6P*R$)`G&vd+vmDHOuw)>i~Si
z?$-VtRoy99vScbPC-Vqb9wa3eWd3ggtIF<g?dN6@f%|8WpSlxj@gv}3pw{*7|8%T>
z&9CADS6|LM06+F;-+M`eZ|6eooA$;3@~06t=6L31pq<|jq`LqfY>u-+;Dj_v_`6F;
zC<Nh<73A>m++!sLvngWa;5}$mcsS~BX><4p25Sw#Wa$isTD=$f@%I4P8LX<k?_SLI
z{SbimrE>nFx@cdr;G3D>_PTxP-Tzy1r@?dI0^0Qh*6Q_!tQe2@-C8&1G7}yKAyfIh
z3K~>t37NMfWgJLGCnF<VG7pnJRQa3I5-PA(02h$WgP=WcLU!VPnCU<DuadOCa5mrn
zCIE|<1OQ_(xHN;;*5McLOF#H7iC%+eUu`TOC4e3bo!tOvtg82EHT1Xxp$dS>LzXmr
ze5*{Dee6bnDdlM%NzYIvVW|R-!wO4iMOgt_fpr0J4vHrbFT5Q2sSlx<oqj12{;L!H
ztG@kGNKT?$r<WY~istq8!|9#BBe5~b^{YYK-(pBz9{3YqS~FDwk5v%Y>CwOY=Y@cE
zKV#_iF(Pgpjw`nSDYLa`)ntZ1#@;ee5!-N(1ZiubwK62O&OjnTG;<4zrB9++EZ(s_
zjsEm#_m<aV%<IchM@?UH0NgH~`0iAlyhRH@)DHr(VcjkTF`2Sl->|h)fGz?{rmA4%
z5S-3h4#$mZC_8qENbvq#(lTr<s9^~0YdMx@n1}T2581y6GHM@sy3bb_SF8tMm4Rdm
zF?luA+7~fJr(e6b_P}ofc-vS5aBuB_OA35)^3dBBqA&h(-ZQ{RiWNY20!!lJH&p_R
zi_#MM`*rpHiWM9Y6Z&{@RPurmu^{_QmV(5Eg2$NI!j7!*w7?_*Fa;LULN$ClU05I%
zfX=`w19S$G31nk0RQo9A<6}Q@GQ0d<0DmyPE|`-`0(gUom&|TY?)%+s@n^o1SwTsO
zL8c(rAB3EF5U5`Ta8?2f%38g`0<EyW4+F6X02jJpYc0b}cuR|j%_X-=g2I98E?p^c
zkohuIo=O&Y1Tx;%|Gfn!YY=N_T^Np2=U|-!oPlHwl*~Y9i<pm}dFPY;8$JWz3u6hu
zwwfJ(@HL)4b+~rdpH0cfUIoztWDAK}LT8}R-&jH8^m{=&zY~b2EzpW8@ch5PB6=(6
zeh;c7J^@if7H^0X9Ayc&N=P<Y%<?{B4*rDvf61$8gvGtKIM)92kXF#{JL|%NFb73V
z=%Ry2cV~7akG~VZtH%<6JCeu89)LQHetk+j`YMk0faYHXN){lO{~1yD6BrBtT6`4s
z_(PzX+l`EhjYTjZ%S%A&VuS@8iv7GR9(KW7$+1RoeuPaR3xd8OFx!WiZH!3v=@jti
z0;Efl+kh^li%eWg>_BK@Uy=<d&M_fZUUhtM)eivpqp<_vTCp(R;A`FR#>44*f0Uyg
zz_xD(YTE%WKvTCM+ISkhvrnPZA@HgD(9jHOT?s@}_QYg?<;#aa7sh%+v`fX!YE;U0
zj&x?d*~M-}^6^&IFtDQ5@(~OeHB;%1nIHgY%`nE#Q8C)afd+(ZzZYApP6Uuh!AfC1
ze)?yR^{@MDjG4AD>Z++R=K5}FUXlLoFOp2bGcN<hlR&X*D-|)Ksp}w?PoUS$P^@gA
zP!FKdUq(E!8%XCZHB$_^+#+zTf$p!u0b)e5;c&v6T`XfXC9_q0xXFTYP<k^Qps+8?
z>?|UK7!Y7+W{}oktxXmjTsW*X$bk?VL=sFfYNB&^GFtip0KYR<0Gy1L#y8`Qj(*RC
zIC&G-Zvm2dpjfF8$s(PDtnYwYdlJ12==WDK7yyllRn#V?5jAFkxM}$`HKOtnx?UdP
z8hLbL;gu>F!SjtObLbI|a}~Uma-A?SptG{B?Cc({SibUS3aU87+Gf!jAOX!1)6vNv
zf1-cmA7YG3b<xV0x?s_|DZMiOyMKdd$|#nL4KQ+ZkO=@QkRBka&4TGTx}6@f0b_lA
z4KwpVv)4mfTSQWCA+EJRNeT!tB1_d<BnTK$4<0JLjZ8L1fN(1z0tX-`DwR1}2gG#M
zRWq}Bs#eC@X$L|s0SChsvi<BPq?AZS_v(gRdn1599vc8Q<l0yQuogY_il#h!GpAQs
z&$wE;Nf(Rh0fbN>Swp|yLBAhCcNI3;9keE6Oikx#HhZYmSCOPOMD+$_6a$g%U?W0R
zeF7^44UzyN_-;4P7xHE|JJRw6KpvI2&=zqaq4G1?$22p@W+Ma*BIQAbO#rlj^{*?y
zAWTQ6zkjR%I31lHO8~|)ezOn)EGGfAVX|20Apj^44?rRU%O-No$a5fX_p!3vN24BN
zdRAa&HbZNohosg<l%$B07*QNSL=hmRX{oes4=e!@0V1|N8)P370hd=2z*S;fZvjf$
zf*;%}cEsk`6WWv5CYe_DXJhHuxnd7Gl%Ql62uL*L>K%`EUibn4pBf7Q9`9d0cHnDF
z?VG<${==(SwoKfwH#~{V?j(5kn1Qu|RzNn;$W;PnM%M46+s?7FB60eZ#Pqbl%yb_U
zlRY$=G2$da6idiRKt>WWia?PCqjn&y0hC&68JYVa3^0j?w1FWYIUvIGsse{qRRrNg
z2wQ~!94Ksvji`YbLKrKjDi@^&YwM<YM2rf8L>{%Gv)?f`0Bl8P$It!B#_fsd?qZq;
zt6q5$S%F;zK>$Py=nSeTFzDyVbA>2o^fHO8h`=gCzn`Jg5m;V|kR(8BVt|<$ftk4k
zt;rZ^EkYCt2uT)<0#XVHDL_(!WMsfc7L*iQ>lk^tJSZ{16_K%^);fa}pxIDBVOC8p
z&eNl_?M<0+;EIW@4wfMVLrd6-imq5ZZRwn<eI+m?CgtKcKG=S70wBBS0DPu*<=6r6
z+UdoYNh+Wq0o64p((+y=sMa7&U;=cJLlp&zTqBM&rY8reC4?0gXm=zEW!zJi<>>bX
z*4BX&Cvw#5158dz%+E)dnT^qG#Yk%cQA7|zKnQ}2$bykTf*=H$I;|*+Wgt;nM%YAx
zXp1CeL>-w#VD2dRy~2i;wPey>x=+NAj+Utivw4%3cOzI75o)4yeM>GL9*6Q=)RN<+
zTja^xL{mI?D<G}ps0R*PCz*}Q6$Bv(TIDEmg*?}2G=PbgM4D<e>I&^PVP%!DwnoTv
z2E$~FS}``-8fVTb96Oew*%X+X5}2KhF*l!Ja$2HRix8&*QKTWYKom<mq5~jA1}s7Z
zy~KJbkr?g=5q5k>5O0z!{{bUv)J4@Q+N8;V&~_IKf|O+9Kfxg7%6i%uUj|s0AeE9J
zMV8cL_XT4Cz?$ri8UM1rqb63b(HvRQxa8+pGn6thmLvgaf>MmZ08mO}dM3uyv_!wB
zF&HS+YK-Y=fo_Meyuw&qQrOr~$Q477A$SLw##&qB<Y`6{XJ|C~n4S`tn~N|vA7f@V
zMr$fUqY*(iVu-W`L`^{2IWb}akW<Dj`>Tj7trC@Bg9v^`>84d?t2BktGZx*U3QhrF
zV4r8`8nT4AW`-&Xs6s;(3VF`RGmSjg==U}9%*w!skk$ybnlx4%jHX<B5rE&j=m2bv
z84Z(0N3WO2XPBZuBw()iqEOIEn=4sJFbNcSfnHZb5HL3vBT0=#NNWOl&M0z?TAeX9
z!`QP&Vr5m~)TshX%L?5dqsZA;*#-l~M!Uf2GmQ9&0pgf2F(J@u2~1B#n4XC+Jsn|s
zHbrYHMOu%MHXESk0FZO09Uy7~a?-?wlv?*JQTBZ}d6<z;K@9-z8$F}awxuAl3YQL0
z49q{3p%@g%Ge*B(pw}(X-YC%CQ0Vp)x*df<pE1Z7x-h^?6T;-Q#LQfbW;2G21c(R>
zfkw1({ju(qF)p%THCoJejuim6>14m444Pv=D^s9nWBFJa@|7(&$GSi^D9~vam}p5%
zv?4GYH=`7gDh;Isio#e1U1v;AOYGT`pxf10UsG6IEU>twu(G1i8!(hI4M|x};2vXT
zO&MK^$RGs}$Anr+sMQFQlZ4rs7}L{7(QL(NOeCn)>qr|-B()SWsX<6-<H*Qo$HYZh
zn`RAWBd=$zp$d&WR~YmL=yo!+*E6)+8ofTFy`iwaR-n^ibbAUt3pksTK?tCh5@x3*
zcI=2THy>eUF2ck_gd~-ohi3*N%J+5D<Td~&E-C;!YI3XqxSN-*X3fxKES<LGs#XfB
zFkBZA0W6@DMyH*l(=M=UZ-OKhPz8e_5ow0j1g!zB7)7d~3WidEjv2MOz}$R<0|!&&
zg*mxPOA2Ss=2%=Tu(qx+$bh^6lwu#!QJ=B8ZjxJoAw>pBmQEDrzfu~mJC1=!8jCC>
zAO#uv1O%e8Fr#((Z;&yv%!Czr0c4prpP9?Qk<uhYQUXa#$Z|$j05O2s8HrnOYhZRR
zK@<xsNPrDt1elECMk1S=OHLiU=m4BcPK}ofrruu7fM#ujZ4>)xrJ=*d9s;z|=ynvc
zTw`iFf|SB%dlb2oYm$yg3uvXG6#IXy8IXi1X4LBf3)^E{t!v10jc$+8X)CO)X>7C=
z*4GQHuWNLB8tsloUcdmHjpyWoeHBdy`c<OxGZU2+H<!Z*B7c7r0ku>hO$8=egfu49
z>V#TNAV~;mLP+dCVH1ipC9JJ$eCjhj^m~kjg$TR%)<Fcr0O&v+rWp`qi^^Km(7EVh
z(5Qyac;z5ev<%s*YzC*HwMjCZDnvwNV>X5LwH#Ul)6<df6E~EJp;A0ArWslr7pn@5
zqR`NaO{QqygJBZYR7#{ZU}h%5-hDP*P#Sq=ENHK<kqwMxDhftnEvo}|Q7{SxsKU~N
z0+1GY!n$!o_ZSd4%N9k(s>PAvBnfONAPZQdS1>?VR>&g+Ffk#qZ7#!8$1-S}<qKgu
z>oiQrVtGVnqp&6c)MR_x7-YfY(-#~y<|2vqtagnz-aVN((6ly^2UKSx!_s1ov__~m
zq@gB+;qHipadDPcivm8(flw)i*1^w~!Z7cLU_J~%N(osvuhDFcR=;>RP31%b4kUrj
zI-iSgRs~!44qNRopNEL->zOA;kvTSG-G8$wzzp>JjJ#l^H7dIchDF#GjH&EhbS++#
z%HG%jkf<jKMcwp3Sj%OB#|{)^Vn9_CSY6JrvQ*&ms~bpb0!3jOdWejRa%Yu@JSYrz
zCJ@B|APZ$cnQLn)wdr`YXfZrmFvrEZ-ZC7Z3LdrQ(PdtusxUfm#ohxX_O&^r5(A+G
zZzh@3lrS|Vp*5k?VPrjpG<95~Q_z&3k?f3|i1Ow|2Vg|w(>AI(6VNKwfC-iZ%U1%>
zfM(FovACF{P>g;1QcKXfIE%u;q~-74&AXY-230bW=JiwK<_+jA@95%BN9bzp#n4`H
zvPs%UWh_cVQ?tVHG(lXr$ud^BY~kOBXsB11j7y)Niy<YW(^2U4HCkI~9fIQ^sfaE*
z03{V;1VDDsv$0!geY7r*I5VTyQ8;@h$K19U+jgW-%DF8HP8@CGeye~W6O`NMkqsiH
zdt7TDLz-mBf>SB;nUqtZa3%5JA)m*i#|Vye<Kbh3QJ*`+mGP%S0{aiv&}<5Hdm5d#
zGGT;f9~T>boHnb$E;aziZBYo@)e#PaY_m6aQf+LF)s+mZs|B8S>m=etAkP>=h{}l~
zGW`^rj<mBPL{)PmWEB-c`hvcDrVK`Pu;xGjz&_^VplRL3lIPmTP?=lggfT?^b;)MR
zdMJkEptpEtR^Y(?6c0Vz!^*0{UP~SMPGl~-37AJz3NID_#|eB|6Ei{ij8CI<!9loH
z6bfh0=7?j${)07>ZQ882ioOxx1C6fLRzv_a;{H&EZ``-X@uqG$jOYUy@i92GWFwyI
zz&$jI&?jX!T!3c832^XG4G%on!}4;DJky9%8A$rcTTBEA*+mE7I4!DCTCx^Ycndgm
zu-!TC^%PE@8es3<8d{SvlrnS%hFsPrjFG4YUBf}xD4>SF(<mRwn<e}e)AlTquT5QY
zW!D`!paftgc3H8tYGgu`E3T|#YH}UR%L?tb!b~E|nbek!F|jqE$HW9idW?4U6p&go
zWzJW)M8MG^B+PkOU(GS-GcLQb5yX8ok_xHBP@}-N71%~+1EYaT&*pwUN7Irehs!Lh
zYz@%bx>6Skn6#O7IeCkSpp?eUY=SGVs^P)=yI5T<Ff$uhBStr}hMYx|Y777<#|MBM
zX+>gS4v_YzNLvdim{8=5Gp91l&P7<*o_H>-3O=zJPQ&06BGB&9=-#6LBP&5)8mN`Y
z_~Cn%gNr;FNK{(F@Gb1~Ek^wV*I(bnV~_N(yi{QCeul8t(U<*T)HH$_g_iw`4!}Z<
z4*(lDt~5<_nJn+7T&4-1fOI+vYwHEBzGeba3Mf6~ZinJN0s&IEa)gh>Im=O4xl$BM
zP!d^C3Of?!0=fpG;In9;P*D8>S{tdotVKX<!vzgM5uj|VWnj_$qy$G|E5@F^HS9l-
z;^fI3m$wyKEooy#^OlZBWKGDGxaeBEC|6>vvS5;;XA%#B3bJ2kIF=VPOio7Fxw{6X
ztUiuLSS$ia5)eyprqEsKV`(YFiKlz$b_#5)=jith0BbdY)?|!ELt^*726i2ogiO=Y
z3Z3tpU~HUi<H;lISXs)@?J8`nI{*?|lMxyXiP>!_cJ8iYaxz9d5d$nixe6v{Rl``V
zO)PxPwN2dlfn}UJF+k(;Mi2wCog7EdnlVuEMK6Oz0~L=I03$^O6Ibe<mX$!SXM*ef
z2kVfL@H#%S|L2?%5rJYte?7y)4{qR*hdVg_%mDp?;qn9lQ6vyWC3gs9U}i+0TEo@X
ztl?#^*^8)dLAa&L`CM*zL^5J6-?4|z;;s*#!Ros9#JRQ^zt%ue42)R9R0=RP9pSRe
z>bUm$3GCY61PKAoUE>i|23-~k*tb8$+<c7VCvxoArO;>?E2y+7+rfJHUY@L6^z+@z
z$7?)WL`lTbR3A9tt(X}r%Q;$;5oYERXk|pn!V$?RK}a$1@VzVez~3+7)TzP<3=)Af
z5itGf<h`;GVZvf`gpWMZ#Wgo>VAmD3^JfK}nJRKTc;6~kRyER^7^0y{D^_TRRz{w6
z{6vnUPh|M$-RpSX%}spsw=SUGOuX>aTz@4;m?Q#+uc_m+_jIsyHb=TgfP@|OW-B^O
z#C;WQT=etZS7Sv5g7VgJPBfGjp7R0&-EM)6^#c13HH@OjmE3Fz&RHiB3q0}g8vgiQ
zXVC32CK`k|Hh?24dn6Q>#e6Ze?6Sxid8YjSjxRqM;jOc1%^37`MfBkQ>45Kar8*&u
z=1&Mhf57;MkF+ruXuSEmcR>j0>&_typbEx;Lv=j%a35#S7MPle(QHcCZ6lDx(4b-?
zo4EKccq5w_D*y_bf5c38ip&WCFz6{Po-sA+#1`wLE%;<e;L%4rSX*PXS|(603O03#
zn32SUdR?G3A<>*DRl@zgMmAt%1C8DL8rZRC(j+72+NSj7X2c92j&SWw(^y+uGOF#=
z=>4MDxZylwtZyiEy9(W&Mv(*7&_N0yO@N0U?qOp+$JAU@vCv*Iqm43p_ud509LunD
zHisY}txMleo#k@z$l1B$7af2{&d!Y$0Qc`|E-6jE`Z4G$tgaMLijmfY(a)h&byQ1l
zCTl!!ppN;u4fJ}9G$Cx?7UAHb8usj|o36K+8q#`%C@QHLqn0)r!E_>lh+;rpfSQ#i
zTz<oL>^n3Cr8FYnhYSy%Y@pC>XINPp;Pj~ho_ex}W5)(q+c3Q^S6)#=vl&^%4Ec^X
zqkk-~%-OjJON#~8){Hu4%C(hBM!$$oJa}^UqBn&{51t&a38~Yw@~CP`rI}@(G1_e-
zYD-grBo<X!6;<6Y0I*_Qb?p@X?Y~QK_VfT#GcmR;)KHtQnV`|l-K%hMgeY-V)%t18
zTTps@UO<?%8k?#mZb)S<CDf)HnBB{`j2SQNXIMSk!<o|q2m$On&_I;NRv$U!>0M%?
zG$vZo&@cenZH=_1Aq4?3qgTYI-+I$WFS-;edh1Oe9V-Cd*Zro42dZ{DMsHVU8*b_i
ziEN-DBl7jv%Jlf*<dX!p?{8uIp($IZGAG>&Ox?U8_Yyp6so<!UtY0qpcx!T64b6}d
zfrO0hXags}h+@p{iZHu((%hFTu+k%4K8bRmc`Y>)9-2*wUQeUfV?>ccv(7lVR=a;J
zlFpNBwXp)=(;Ka&^{I*bXJuzsQ2=o)5XXdGS0hPHz8jLUTbEUWlPnA$2+b&Z1=?+e
zEHje@niDY^tr$oJkn@PFcdJ1|UkZ%j^Um?y*jx#!TVQ=XGZ&f^Xfz1*W&}#4$(C|$
zzYnV0;HZrKhINHP!n@|yq(r}`kY^0$2uGJ@KRp%zJi0VyE*Kx@Q|rwKW@h-+Mp|#E
zgFM%0kgP1SJXgH$tx7}~tmioL=pxRX=%bf4P)`d;9zbbA&NXPAVPQv#!#B>MK9!o2
z&0p#b=p4YJFY!EvOUs{rYz;>qT1LO0Ad(s}We|}-zo>zAfvL#?2QHt+j=fETrd)4L
z@o-f&<Qkp^8Dnxv8d<B(u|BAsIdY~x9>a-_oT+2nZjI*TomWpi{!>z##vTnI&#Uvl
z5fISfMENq?Bovv#L!Ul_)2A6buYMtJePtb|P8`R5_npMjN`@qoxbE-_4j$ZzV^8&Q
z=ldSS<yY2m?X5ej_1JUOcc0ajF!a1cVC_sF_k8qeK+fapn_mcE8TWnRG@d$B07BsM
z12eesh6N0GH;#Pq^LXToPvP*5b6D6rVMYq^Xe%9-l!Y|cV4f+coD6Tu1@y#K|MH`+
z%$^<#0RHGJv#|o-shOXM^5xIBJH5}GjC60OW`efeW@ZLTs4EB*FyVPm2+OCtxbHK|
zSh(`Vc;%blfRm4W7QguG@53iQcM?a>0_(btGzMDf5xn^DN&MW~ZpZ6>{O9qJzj`;8
zKkyiCfAv8VZ=Sd1rxqEpz{$tg@Tre2;d$TuJ=n2#7Qge`e}?yc@F<>I1Wxr*q=`Ty
zc?{R=c@l4b>rHt55B><2pIO2Kcm63(J#z{-+`7#ugU(?L!?#to9aRX1lt8+0-H`{^
zU%U;#MbCoiJ%9ZdV*|dFPhEa^>R<k78jrqk`NS#oI+@IKhAJ3KOF8x*sAGO10SQ8y
zN+fA)7=CiWH$aiV(y0y}dZ2^rUi*`nzTxG#@7?djTYmg~xZ}13{NgXX6-OU_2tV~J
zcjEDt1d#x`1C1tn_%A>CLj1@(ehK&f@885=@e_E#D-T(hN6(UU{u0lN2+L=>xaXfw
z<E20H8`x+s;d|fmi_k3aTfg#skj(gnU;Ybx<e?l%EHKCc)$8Kled`o{?e~5isO`Z6
z@BMY;OP|9{&)?;f4c{?nJO28;97S$G_u&0qbUF&NGp1)`a$54t!gOB9ne1rqMgJMV
zuU%9C-u>>kj|KSdU%I||$M(Pd;Nh81-QLe6+HH-qr!ou%8hOE3T+DIsU>)0cr4WLU
zq!E%NssNA#q0`QA|GgWy@eMzN+JRSK`E&2WtKab3=;y#E|MBNAaqTYvcoM(!6R*L~
z|G`;IOvDfXas`M%2k-vv*W#r={LA>{@BUltm^+38hZjt8@|6OR0IfCdzVjHa`}Y5g
zxqaL5{jd8T{N+an_{jhF{doR&{sw>n?)=>!!gv4sJ0a>#NSnZS)_VArAKrtv{pRli
zT*HyS|5X&rpU2fVEr1JM0bo&RWc?hu?R$RUz794vG-hWb2+5e6i?Cx?idYut6%G8u
z>9>9tfIqu<S@6cpSO75ZExl?|-G6(3AfX|V)&w*UY@;<$<W~2_=k{`s-oJ!>FZv<W
zcE1GZJ%vC1gTKTVPQ|!pA;;SC1}3l!tUrK9pXh+3@WULZQVk(v{Qm#^0ABjK@50Tm
ze>*<?CqIF`2Nh%_zH<665_sZ^XE1l@g_yhcmH5Zs{Wo~;CkJRY37zFr08RsF<B6ju
zkaL98Ch;}Nn3;|7?!P~VH@)S3*!hAVz~!%eJMMYc&tmy>8?y^dGsP{Kz7Qth=J=UL
zd|`=o8A&LPP@@gB)Wbjeg|(Od`S~F@|4*{u<?Ukuz#5jfvns%FeZA&*WCLv{53nE2
zF*5cMgq1UG$f+x^^ZHi+MUL#)J$Ub3$I)muajX;L$A0=<__6Q!7(V{F6ZrFw_0UL7
z9b7XIfpK6`;ly#qXYc$A-15D@g_(o5<K)wy#h%Nz0mWBveh5HbU};g|hJW?L!1_b@
zoA-YTnW%%Lz|X$(F8uWIH{tARj^F;vrxDfClF|fYPoqG;1Kj<gyYS}czYd6|aQW?T
z!tqc1znEQUY_`c<g0ILmls1-8O7;Ud%>)Mx()o5~P5@k##nEHa6QWsjVas7MlHR47
zaTttjz$nx?ntTMXy3)s<YhMhrPmb`+Q>XCMiWw9X5#jDfa@_rn`=MooT0N>b%!~<h
zbw)=4NALd}Zb1k8uKNZo-us#Jl7MvE8Rm8$KyCZA$RB$b?myB+oHUU}z~d_ke(b*<
z0TUsunYh${E-f&TFlHq1#E~;Vw*y2eW)IwovtQhXemg_09#_GKQbAPY=7LprPE1-8
zR`z8tYSvn7ebLT)bTQw&QW(&xs}-OM4H+3>W*nIrf0}{Zj?XCZ7Y^elaG`)`5)->`
z1ByNnr&v7OMn5YxaJ58$liKKLjR^}AK%0O(%YnR)#?IT&I5G*&6iA4#$O0CF9%c``
z3XoIC`aSe>z-iHA2}I3w<mXZvm}vl$66mexQ2j3C#0(HmqP6EX^gI86S|cv$(IEkE
zUKmSP6lRc796Obfo4JFoQtG1hhC~<fy(>2vC&vrKMUfApC^3{voDd3C4*#i6daC|?
zHqdA^QzZ3<FJ;ZoNwiX6xnN&G8I>j!Oqhxb?3yK<VaC*C4G;n{Zld0*L#Ygr{L11$
z62QdNG{6FBy^g6mpjVxf9sRj90}Y|Edj=2+*uEeklgM(EgqitCv{&_}RVU$pi^9av
zdB&)v0&#3+$f!a?X#g@kar5jaF4}a0=;ql^j0FH6ZQuNOrt2q|*Y~MHLkNkqCQ%gT
z;F;00VS{&7t4B~srgoW8x!TlA4_$KuuHXCDxa%>-L>=fBfMP<}!C5e%bB&i@p>g=i
z1cNX3ap=060crsekj~u-YTpIm*~r$mfRa{-Ym<<(w*q+w(axLkq8ldg$zwTcHGxbC
zWZLNTLh$u7#>*}%@cio&JoHE(S6{miXwCuy1!#e&xdTyJ^NsHmZsRm>i##)<d<O%K
zZ3{7?SonBaYk`~_7j;f_lyhS&09fegR9`iZvDW*PW<<=0Bl1HfOW`K_h8zys{H0_x
zC$|G8e>5|dcixJ(eCy@7`!^oJwj@Ta&Um^TVKp;bgIF^XD16T?j30b`6Hh;rVQ!vq
z<%?er6lOV1Jh=zxe1$n8GvfLrM7kYNeV}zM-uQ-Zz@L2hL#W9V+Zs7e^dc+{B$QoF
zNJ`-w4=McQo9d7Ph>rAe{mWkia0}oK02;EsfM%;<*0XM6h78D@po54J#R5{Ap_f`Q
z3N6u9%?B?k0K2L=769Dccrx42+a3Zxdb_q)Xp#!l>H_UfZsQd@<;j=H%2_caBocKT
zC^}|cs~!MF1K<9A--q|z`HT4Ckqp=FB;2&1aJ(zAG9b(}f$w-piZ_1C6waK@@SzW_
z;#>dq8z6Ul1JLgSB7taL1;i7!BqGki0iFwhIppM3c9*dNvJ^MG_DAu9-~0*u$p_Z4
zbDD7DHia_-iPK$yS`57MW{J0c$2_7K_|yM&0yo`pJ?5`_H8AKIe=bvq{*#Dh24-P#
zZmgZ3(#0lxF>?e7GqaH&*a>Lly4LTinfos?0LOy|1c0?{{SnPZ%ccsmv!m6DaQvCf
zkJ=r&$b%p&0{5Q*9shk`+qVJDs{qA__r4sz`fL9h@AwbDkCVq4+xIeFaV25b&ItPt
zq&Rp*6VIF+;Lg80ix<4+b{zh;{|IEtPPk8i?hylK@oal%Mz~>;K>sPASOek(V+9*G
z;b(sNm!Nt-hkyBW5AzM+`TI3?EeP!07vu7)Cy*<~-@X477WVJLD}Lx_0o^pgV6h4;
zeHgs>Vfg(d2%6fRXht#m12bxFax%u`RD`0i$B{L<YT|Uen7pW}X!_0n`p&Td;Lh67
zSKU7Mo;zcy5yuiT7Fb`)@wrcL;MmhSu0CADEw{G748(~<lA0|?WQP)wAOjZJ08QTp
zOuhhUTn@Ar(0$^=c>nMJcYOSxpM=VQBmt%-fmR)uou9yqUiSuE^)3G%&{Jk|eRdL9
z`A1;s17?~%i6L-38#z`WX5buXTm@`<Bhb7a5KSOSp_l#%cm1z-;?BRj51myr<E1qL
zOtpa4M2uTr@e17Xrk?`EGeG+ZpnX5E@-cAtsJTEOpiN61lxE~vfox#rY4>{y4?oz&
z#zuiFuWDe|o;qN~34#ZBqJ8ZL0KE310`Q(cddb)T@c#ANue@XK&p$U2x0@o0Om|qp
zSUNkv`g(!snHbYEF`|eN#S%#>5y#RDr4(g7*lkOvr~%Y=1I_DznVW%h0^O%RjmI8%
z0>__OLmbCAeEmM`y6z5$)*hg{2J{{?)@tK(Kz7=$TM%EK%N+?uSRhBh#I-=<YM^!q
zXzT@IMse~pc>KP5@zfJ5P)xY&@;My5;TFVm`+=2*fsK2OH6AS5<(G+fyI~zT8x+Vh
zg`&`YZ%C(Im|o*%1Q4Of6-Z~eZ|x=j4ZzzjstaDr$43v?(bLDediseLtzW0Lh7i{3
z5HL9vp<Xvr@S}(-8?T5sSi5V-!c)!E?s~_7-cexrLqIfzMtvu4ysd#7Uod0bSFr({
zdKYl)jImOx51;@<YL*plY1O_=@WFvb0~?<Q)<0vHA;y55Kvds}tFB9M)s1#)Zk_>a
z?*~qw0aT|9Gbq`#d~=wDHa`=zF6Ub7z%3guEwNT?`~1Z|=h0fRZG2pC`dGi6Pd>gq
z<?F(>MJWh*W=e8V>{mBere=*k_hc8v#O6%pt3bXCY=nK7&aK+}L<}GaCS84{O-aMA
zK?aC!hM*n*x)0>1tAGtB35leP@1V9yw0%>PyTeR)HA9TtW++q6)EKB51AO$N1Mni%
zptroW)$C`P@$H~;=#H=)a5=IUeri@V_#QE-%1>joyV)R7F3&iJ#d7nY&t=(YxWQz^
z_VrD!o2yfX{DmNgo})*9mmzF(IT6!m!S2E}iJRT0D9TZH0*s6sr`vkrqW6VFZM`s7
z0Gz_o7jsS_S=m!m#&&K!fz~DH+&~|qa*iH_%@MSPxxiK}ms|zmsOOO|fDwsV%_SO!
zUMbpuw%a|m+U%~GpB;tsEbH^tvKt2zTVZBfYxd3frIiFoFgnHLBlFR*rHc;0`RLeK
z0q|(|hI<b+zOc~{?UvROLU6gRz;6LB_kOs-x*t$EgdajMTxO(Yd=_qV(`*<EY>@)-
zJRoZ&-7@HxJMKnWy=MWwQ2-oi{er4Ta6H`8J$Gs~lP+W-R#?jSe!dp<F1q`RYEf^j
z0NBo3$5yg!UuZ__w=+vmqMCII8qC5hn33dnhzMc!XE-ZZnG4P5uyk%?%d?8z*fgjB
zroWf~M3X?e(`?J++$0pmx>+u$UGZ8Dz5kau=cBY{-lgl{RYD@Z6s2mfd?|sMBvj75
z1fxKV<$U+Y#^HQN%lYoH0^r_>WBT-9-^cb%9Jw9JjA<(;NKv_iBb1^KVJ6&*QJKy?
z$_nDyOg~^iD{zsU4eAU-&m;?mSe7lb{gMPQIBf`L0yr-KDnM~EqKfimx?bMGgL5Fu
z2P%Wo{j3>VJu))_HM+(0a=VziXDk5NE~YSUx4x#o?H9G5l~f4Jv3l!P)`i{LDYLu7
zt!E$%x#BPg!YB~xp@d?DtJE6BV1T?|AgKdVO1slHvlcEvb;PRqkg8B9@&ajtKv7(d
z!5;~5eGX6#B{f_Htarad!;Z}AuyV5iGeblQX9v6Px@O|;@#u=XX5#L#1K@+J&-?h<
z{?3o?X*~I|3{jBPxur1#4dF||o{nKV#5(|5X$`k%v2^Wam28<R0M&Vh_FCWUmt&2F
zAW%v`?+KHPB-;#~(mw_aPMQ58sz5f#(eLFTA&@pjN%ahywD7${7t8_K$viUiEr+<5
z+nk)(R2Aj?2)1KCauwlZch{ec%ejtDc6W^(0B4d@{Mg3zzr7=U>Sb)nRQ3lP(8}yV
zV;Rsgtig~$=w~#5n@L;V9FzIEZM=CBK7g#BW5Z4@DC|kCGehV_6Z26LaC!xFR-oS*
zpwr2b4HTrzkkk`UBu87gQQ#XgcU#SC2)p9Ski^By=2^;$Qd3#rna=)yI=X(@`^N@=
zN7paInBLy=@baPm=TPIpxAof!c}|GZ#L_SZY&zfr%MC?kudo9lBd~(ZmJi$_N#P*N
zwV=pzvncxXsSNYm6!J`?*;lC5Bg9DrA%#8Z3i&{x-!Cv2C~T}1C=??}Bv@&`LUz+`
zui-FZt86&5ex8IclMm;DT^}_w0Xjq0EdV93nAcC-vv&1Qr#Pa=27u|{$hZO!4-F2z
z9ns7uyZQRfy-Yr{Q$6sGnbu%h6%llyp-F%xnRO0I84D<d3H`X7e(!6<z9y^6H3)zu
zumcO^6HL>YE`>so<#^)p4vsxZn4OiFpN}y$W6Fa`D$H25%m@J1*A?1rjZ-Hx?A#S&
zVVeY@09aIIJnUF@z1j7$uEcp{2WyslLrhj-R#_;c-PhWLD20Mn3VAQX)15<q&W-J#
zidA<<ec{I6J3NEO$LSnLhYx)9Hm2{t{pT7)G<A-YkN{{RA}J#RMXJ|r|DA?--ykcn
z{PCZEHR!Xi)o~p<k>Hr1BLO7^ND6Qy{JJjkyF<7-!i}Wi1_^LdCJuMYRg269%(W>@
zZl6Ltxq)NP<XG+#o?arfCL+`uX1}kQzH9V%{XV1J(HLaF{>eH}pMZ)dKq9WZ_Le+h
zSx>XsEd_E!vpa=h7ItgWDA@iZWd?ykLvVp?po`Y6|M3rZU;VOwQhBGA*3!6^q<ivw
z09`KM8|B$u(5#qw6&J8$j*dKj;md(*YwO#Z&Bo6}QS@>l#4Iz*N<L~xQZ_%DHY2tt
zNsvA2BvAC%rm0w&H7i#o2s+q|NkPnKf#hQ=6=cB1s)bXwybH7m2@Uap42CW=vYgTF
zmOJ3cE{w62X;ZZ!Hy(`;Cj#{vtYpl+H<wkL%ICC{iYM&K#K{kx1X<xlU<naO0Bt#v
zVOP!~E@WfJGg1gJTcU=w2uhac8U;oGa;4O1t<;_UEc<T&&ihbv`ob44Y&mdoaVf6X
z()VOp_FBW?N<S={LLDU-WDO$)o3ON7)&~G00#^q6(K#y{PCe}wS(h%2g8jL?75P%W
zhTBRhj5}wP)6>b7X{<7v!Dbz-tvpngUsvA4CP_mI8^6z2+ht`wKD2v9P>mNkcm-4K
z(B77t_^|Mnl!6WNqm(_By~123eo{)LY5F&Lp1&Dp@ZI@y!JYPnol`yN_uqW{nP*<x
z?RAkPDWnvTLi)tO&$fe$)yUU#$*-EHO+2!f<_FxLF_u(0N#QVa^PYCiRXE<)$=Io4
z7yW|hO~A3@RMx?s5*|LM;hNU6mB0bi(IymJ1O@=Y1KB;l0++z*`3;)(y-RV1-Q-E(
zwoWTVu*wdlmHixKAG2P88QTA>jktjs^K)}=n4FyYZUBFLUIEzcUD$0+&m2Ggnloq4
zAc`WSX}W2ps+1C8b7DC4%B)2bK?7V#HoMu#LXcnZLYBjGmcUQZcePN(CCyi%1xvT*
ztgU8U$*56oAt^-w!AM*ONFhW8C~kf;tcNeB+6!;3+!O<6QH}M{sFbleT-U1Y$0hG2
zLaXH#X%h)3rMzWxJ>X?s*nDRWNN^6;&uZ(^bCqLdWd(b7@BX&)4#3l=PhBwZojto8
z_j=u{dc7WMwVGFFfCwT01_f0JA*kYAor@#)vpu;&R5xFG3t|CFf?UK^*(GPnzvQJ$
z(gECsl7gz;cfk^v(6tVS0Of}C09c-nv~jNe><)xd3J(g9+2N+N+Vq;$*C!}ttXBv;
z_gFY+Kx=LFfK*nGLo3O_s@Mt;30fB=$*(n3QQ)MEu20i+4#0U+(L~EDs}~G_8|{rG
z%d%}+GYZ=PPh@736bz8I7S1sew%+T2M=%>Rh1-I}>|LbN8brbh70fG;AdoTvxReqq
ztO@&A4j@hbWR;EX?5!jXRZ*M;RN7QRz~#l@r__6J6wq23%g)sm3fj7U2a<44unv}9
zd+Q!Pm&-&)GoxUx=q=nu;asy)%D1m-tpfI^<PV+a(Av7)V9KiBTCYouVYl1eT@-5X
zc?DpnbK&;Y4F&_jn(I=Ez;%(2so_tG2ogaH1kI*$h4KV@OGV^kC9TUo;c8~c&|nDX
z!?d=|O978YRC#^~JojeKYKNOR9SD7J?^Zq7i_E!U9mJX?khHZ$1Xc<{7%RwJEfo%b
z7c)>unfG?$0)!yceo>=~aXnET<nzX=X@Be;A4-9>)9f;O^Bzv<pp<SZrKZoT3%-z}
zIfy_Iki;U$DB)wN;qt7@cwu8Zw%ix_BUlFMa1_j@x_ue&OA;pT^4o{Bw_F@1A4BfT
zg#@lI#l=N_Ef@(9Iq-{0#^~ZQ73`6%4uGPHOLUeB0gzmLXD%@9KZ~Q9OneK^2Rg6f
zo}+_YUJqr=mA%6zfb=VI3FdWREh55%*@oA4lGgbH;DwxyW#-VEuPsEyjQD0EpUn!l
z7niV!3L{i9=3${hXg$K`v32uRnqo86Ktq-=beko$QMD*s$##P{j~VP}qalEo(PZgv
z9l-skB&YP&{`)Y>xRZnTahZL^Qj+HcJov)INeE#D9k%JqeGa=pbGVtn0~>^*P|!-B
z*UddqHn?zO;mCPH=MHq>UISMJGZoN(Sz}cc$kuE_&{5^!hfo(4>ceD>#>II_HA>Er
zb-C!!fk;XTRTP!ySApPMmEN?aDddP;W@;#xavGJ1?aBk=Lj`SS;e?j7Ov;3>dQ{`d
zpq@-+4D8e~M6L?%XmXdOmlpt4GIk0G^71oir7ex*-~9aYfaiS`Rn-P+BFe*fM%Yc|
zp_MXL0G5A3kWF%s83!XLY+~YR6Z_ooZ_J)*>3wr)^<e+D<O!7uT&<PdxX;AH3Kbff
z$X_9GOPM@*cgaKH2P)RmxlaUqp8>n+Xk$(G!nJznfF=n!NRv2dA2WxUwf_u)DlS=D
z_g{&9?V&MMo{)1Cu%)@dCF6n(ou&s&KxD0%i!Fp}CU*g}jjhZT&pr#RmaQx|7zhb8
zo7za|PTk2BL$m}1*>p%%RI*-C1y0rKmJnj-Qd3X~0jd|9Gf*y`6oP!RQsLt&hSa!y
z5n4JD5FlvRtQF{PJ?F`eurC8=vRSaZIvjn&o)`}R3No&lN-D~SikcBeQICi^=M{jF
zlot?vPyo7GSFbeZE<;6%k7#U$R^{A$nr2)Tf)iX3q`HicJXIqCOEc<XD`Uc-dLpX8
z2*F*tVw;_NN~R=#VJ)W)YPODpb2%`$ES>R?g(eCTny~y9Fa->3uIN-Oahd3lC_RIV
zA-z=%g|6T-Ob8@nWNXkG+!3IS^J@Vwp!tiFSY;Wvp_R|jgplPlPhAG#B#iJtvG!9>
zU6e<j>)Sj5G^~X9%$7Br5vT|^E!XHM5^3F}Ie|KOZs|h9c#V8aXfsbDTdfQDyTD?F
zr8ME_n85mliPJDA=q^(C7;Cnn0(qvui7i})?&3Gi@b|kU&wm%V?3w*{fDM0yrI=h<
zF0|-oK!99Nl4Sk70x(U}3+aLjtyJ4343Y#WbTh67DTJv4ur3K@FQuZg65=eTUsZ49
z`JiyhsN=#oh}Rfes}k%1)dH$=c?hyf46TA470*=)z+O`rs$wc~0aNehFnL17x*Ds>
zr4-9ujKZpV2zFuuSL)-AEOv3<W)~j_C(QNcKUO(&kv$>rt)i_M2|<XYTw~_-ODP5f
zfDL~x-PMH6*(2M>q|eN>uadZ{lfk}H;o?B{<vpYC6C%_Zm761tn{+gZW8+*bWDhdP
zQz%~29}u}=xowz)4wD@xhw^-)uUc?$f#}NjbtSUu0M3v`fqAa0QaEew>c2LVCaVYJ
zK=EQeF8Kt8b$O9jt2694?qC<OxnC*9Aj{SPoLBKc)bC$dF@ltGLn&q3a4n;6OJLG$
zY4!#|knoia2nq`B!iq8(QkL`Z+=+5AQs@qS#*Hwh3ax^M4hctQu%InBy#WRQN^74P
zyZJRBu2eiiU=q<#l4SZ?!jhY(dII-KWG)5{k|Z6<zO*ju+%9YNRST~4=(%7<+vY3(
zdb$)hxbT6j0*I+PWx{OT6zk_3ACdS<roTVCYDl{%Ob>^<Vuc{Da`C(0T!XbI-iLWT
z9T3sw(IqaI7M9?nN+Ka_UD<Jr!%2usW;PMWTqZHF!MPN|M2kVIDA~t{t4hOSg0MVR
zlHBmhYnS=^1Ors6V|?|(DsqH0@fr|VtuhYvTFQVl7eSRI{5(GK85U`?;V}zcfQXR9
z$@vFh5+@fFfQ2en!DVvblaL_Lr$93&y@=FVg{mFmFdp=Qbt#hyl{MZ{+47bY(pnJ%
zIvof~U5x0(5%#r|E(H+Y;tpAcFyPl(kFKn^tlmBDMFau&=_Oa?TxSl13ZB<<iXf-F
zp)%CaK_j(q_A6Dt)zBhHMx0Ppu_}|IK$d0`#q%y6jmn0d3v<i+`62_G#mki`_hs-N
z5-G#2;-0?oSN9O_=aP()%?`+JGH#^|5KC>fvywqF6Y`KmvK)Ug0%&3R&#7QaS}CA<
zoB*OyoegTwtTzjly``lJur=(C6a;Y~4^?HDf~EqlSYGHLSqlnq!V=KV`k9}#6GJSY
zcL07B_Jpi?VmF{%Tnr+FB|Cjx(j7n3y1-6s8f2A1NQC{e6qL<|>%E>+L|MEaT}QTR
z5oKjwE*S}|^XL$xjL)1q4yz!;@_r72{tAB=yoX7WxSE7enQV|{69V?sSB$g@Tq(Ka
ziG1=*93)7(ti4lEl604k6Vtkl%u1=nOAdfZl5Pz8Js)EUS<3Md_I_v=|FEw$81F)r
z%+R?93e2g?YEf~EWh+H!<-%zMdML^8@fZye)q$7+AqQsx<)l&~Acb97k(et&hzj_J
z1QN<;qErEQ=r+S)N+riAz&7(GQPuQ$`xkJTY!jzalUNeb9EKZi>OOm6!rCR5gaEwZ
z#V&BY2%-ed5C{lVImcxW1}cq5e%6V!is_25An3g?6M0IjBPfu%Q&j}&2<>5|OYk}l
zki%s@5dhcKYB?aR{qzEtL~u1L*SaL*{g^c>Yr|TX^Ab5+PXYE6Rxpsx7l<q1w-i{}
zoD_y6TzP$>pu8xIA}5NX^AEr%iY_Sp27|#m5oxx|EPQE7vlk2KV15e)R*Eh4QI^%J
z7mMTks;;!;$U;d@NUj>y4R4}2+_gx-FduJK%LzYKj?Pgjjz>h8Bvk=ig5FUdp@>5H
zz7JpFVYAOo1e~3-yyRoRfPbv~ZrV>vwYG7^Wxc%A0Fr$#*9#+pz7!W<N(m^XHZD0A
z%*-1^Q~*ZED1@}V2jsu3Q#+F|@*g7zFby$UbE%#wl}FVXKS5Q&2@XtIsk9V2h$Xd`
zw+F(3u-C&;Fs>~itfLN3@(3E(t5&+o4Z3OqN_SQPgBLmY_DNUqC`n~U$@of#Z=(;A
zoPeY9LIopsGXjcAykX<sP!Qo<vF4#-5EbXU3i4H}gfNg1BY~v}sA9EBx1mFUrU)o`
zxVowaTcXstOg9;ogM81()k{uMgvI#biBvul3}Y@GC{0{|L_-tYoHZ#6_Mt@#dALxs
z7`pc|F$#J_Txm_Ks&F=R?Us%qVJs_I3rxWU;VT{xo>zo#_0$z-ZnHgv$`G#T85zu6
zxT@Cq)dODOTNFhboaY<NJP~H5VQ(~rt`t0!VY*f}3L4a{u8qnvU1eL)P&_kyk%d9N
z4tP1LVq<7P5PNr6W|(DrIS1o4%K0s2tSJN4QH4ym=_yh9cUtL9P4=!#$kwgGPjN33
zqiR0S6(NDYFow8H-^8SY=rOSBu1k*yeP-Uc1T6vn83E=Xb(y*CI4+k2P*C%z#8ft8
zF)@<#awH0rAMR%{r0E+bi7T97aPq?{fQ!k5ZIKieYNP~+_6m{UHGqo#kBHFk_aTHp
z9LGi=>JuoGoo6n?N4eWg28kBgCUbIa4DN4T%c+AH*^njZb+%qRU<Gs_tEygLp^nj1
zc(kt>+jbH2859GcjY~2H)XX`+ZI_WcGT6sxLrn-K&e1`YBPfyiW+m-=C8SL#!a~23
zXq8!Jm|U=JDhjF>to?-2&~1j3eaX5mtpiIOfKM}{y}pixh3#N4+8Y~);wYeexU75x
zRf@3bDa?RedCm8mSb4ld64`B^!}BgTP0qJpKzl039Utv$=-P>E?G;?MMwGfjTL(Vx
z!hwkB!d61e^&{F^E66}4!a*N`YcyvJNt3kMRPL28K|{4WVt#|B*S)#<ffNWa*|#AI
z+nVV`144M`>!=jX!(}RzN^JOuz`J{`HP$yaaK}q-$II?`3GVsKXL0A9AI4-nRhd5E
zqFo)tj8!hsb?}w4`%;$}PBL(6mTHn!Hsgn5J=l93_Li6f$r>O~cGQ`qMEmn22vA0d
zupy;9?~ARYIF2uL7^t%>+t4WWdF4s92}V^sRT<pq+YoKjlBZ7mY?vWgmUrp8+GHNM
zS8c%{g1I!N^-)0xBbv}|v5R)}Odw%LsTu)*Zl{YEJpVSl><+Vc@7S?ph?B&NE6Qf9
zQtcg5CeF&5iz%>-Ln<0CPb2oP?JgogRv}|UW=HI!Vo9mwA$3)TZ$u6OBTH7*tvz+M
z&dll(i~#|FHe9CYiC$41%;RmEHW_e9&7e{~a~*cVB_QF!B;ltb!2awy-!!X=Twf3>
zd?6#Ot5)O6vZQ7#WR~a1vK+3zIZ0F8cI&MGfDhmG5q$pMFJPkCgi;DJlBOAaxc4N`
z3OZ_~I;fRE&Js~rx-6+A=zvQEOiZYCnb_G$51w)gCMz(i)3PY&1L1INuvh-j`h`Ho
z1$V)gQfRX!lU>~A2Z=lWPn$BGh)fG2+ihB&fDR@a_@P6#Y9OW4>2ZZbr9hk@h8mAB
z)QDq-S_*Ha+;J)6C6lPEuWukpQ(STRWvJCsoH%h3D=Vw`{Jmd*QVOeUYq<TzFUI1^
zGM+y6G-NJNtJQroQ6&#xRICo$_=}bDa|1=tpw6hwt}OXR47XF3uj%!V!QEz~QZRZh
zP|cK75ZmKx!l1!muyH{EIJkg)!DYoltZLiMZ!-<^MRh1DWk0!~?C(HDlS}|eO4H5H
zRreZZsHoIr*^3o`p~+axP^>o77(r{N_R3|6<>h4@Ja`D-^4f30+^pF$nq?WDe&#qf
z+HLIFy&Lm$vmPH$Jn<wx_@O(|>2wjtQAL>(O3=z_R%Nw=eV@i~TR<>z3+4Vi<KnBy
zmY=xgj*Xk<;HfaKs1^tWLBaSA_qiYtMbQNrB6Pt^aTWxNq)N`IjN_`AWJswve$+_T
zO?(zkvI^TBO|#RGUeIT9)vht}r7Ucc)Kf_KS_Z>e)pn<Y9Xod7&2M@mYPB>FTO_#b
z(7{p37xwSli@CWutgo#jvH+xDN|pnVOFpO~+cKSZ759&j%5lx=6iB?-Hx`9}_57-?
z_K*;hch2sDP~pWKaEfspUy!|WUyURLd6ut~Gw-Aigu~_;Y$}75bz%f@qT|kpgl{<n
zS1q5D{fF^gnP|9yAz>RN1=^CJjvEMFl`8PkJ8rLl?@Qf2^x=QRV@DoGv)QZ+fb^%F
z0-7bDn%HKaWas0Qe7r8zLt!g{hR>FjDvTSavU=mcM<6h8VhRq)=V0Sf7<yPJUKjv=
z6*3UyO0_F}!NL3&LFKe2m)vTu&aexs7m9=OkRJ%izEccCa;-3t2wNdtnW;L<4@0wM
z%$pZ^fr(ZNJ9qAQ*5CQe*|WI+fd^1alS*%JSgW-d*(7o;6+O0W7Bmz&=^6qFnvr6a
zLIn=nGC`F=n7;eX{?E;dDQQ&UXBc{!TqKYU1{Y+M?ggC<6DA?$5F()33&fRnOD2LK
z>F1@CV=lrIr8c=3Z5KR~Q}G6c^>W;WE{6>T^OT3{vlSgS`KbVi<g>qCS5{Ur$TCdS
z>;Cg%sGT!hK@;|fP-SpfRlHi!MEXNYm0p%|rgW(V3`Md|mNqQNt@c5e>Oid-6pIU!
zgwO@o0|Jqt4W-@GC<^*FL{QN8#n6Bf(IpX!vWzFB2!?I5SNwWHR~Y>VhhuMD`AeWW
zWh+oAmsW^<RmPFzMWHIwOTW}@Zhj6@2;_xA6h$U>3%cFH{l;$irJFziRF(O@oac`Z
z4;`mqN1VTwbTEIBD(V>152J^&>2l0RxZuZ*NoD}+m#hoc9IXi|a%PU*I13K0u;Ec`
zA=t{`I_TfkZtX#JE}uW(n*2eQe(F?po=P~N+zDhWiWrxa*sQhJ?_qUy4U?_bv--~S
zv$J^qZMWeg|MX9ootdeQ8VMCSLvGnuSHiJr{zA0L3YAO(+rC{#87W;2aSZ9KgRVNN
zOlweFmgKyp^!%W?_@$I8j-w0Xg5&tYWAJld*#2$TUj0NYgk$<kWpX)vw4#HlXr(I?
zpInK_O#yJ_HfPC#3WxCS)(k^eS_k6Ium{6X4Wa7TD@m-JD<5Qd@~Nk=Z||OG{k>oD
z@|S{{anC)UM!iut?_C*0j*1@8j|r}Dlw4_)FDG#6U`}CKLJSv#mSs)hsTJR!;~j__
zhlNUgyA-5q0D4dq>cS);MR8%p2!H#*1HVK<|6f;JCQwgRm5USM3I?(khdoaQ*OurS
zaYX4Bd>?EOx@}TMb9pwHM<gbpbc%x7w5#0)>l>0Z#lw$0iWl5=E1vB*6C%RFg9q@b
zdp_+)p;Z`R;xfCX&^oz<%6SV4r1#-$X)_VaHRSu^yLaalj1vy&?y#~{a)o+m6Q`7B
zt5i{-@xVi~R{=QhTaBXo?w`G2;9Fd3y`$Zw|G&Cx>9Op*s%!7>oO7$I+;Q8MY-8g%
z4>CZGgsdov0U;rWU?Cy~76S$m10EhB_yY(gh{uE(NSPsl#1sh<=D~7!3_!t&ga8SG
z;{+?T)2{BWy7!!KZwB9Medm_l^=cGay6Tqf>Z-nXpZ!{Eul1W64&gpQ^du=nX>&oZ
zw-|ZtAbBBeMZ3771_rq9d5bWsxMZseuoppbA){;Q1%{GfkOS&;KTCVG%(R)N5#Rpy
zckqw@^fkQnnNOeV-ydVd-~Qb{wC_XA8jwmV7h$vg44qifPG_pwUX1Tm=!T>!pYmW~
z%y=}~CrS%MdcUjOu>vQjll;ejZT@u7_$q*}Tx$Tn^{t0ff<?yPc<-M7_8f0u3M1yZ
z@a;k!L<*s_*H>Y}XImPxds4UEhd0{>y3H_J?XdKi5T;v{N6Xjpn#PzEk!963(}=%$
z{dGM1><{3%AAE2re*KNF;@|)6U-8HzH)*vbU^mX*3Idh&5?C;^Y^pU^2@)u(fn44%
zr_;*LsGFAjUM}fczum+ry+cz}foLPXcRW2Y=<%Q5x{03w@U?3kLY9XSd@tX<?|-nw
z8wg<nFe1hz###nCGs`xoefjKgU%H%gx>&16)-`5{BbXhCQWoS@jCNOWjLI@T+#QjF
zS0aLGny@|H;xE7S*ZACLU&hl<J&EJHck!*a-^R(w7LVP!g{Pl>5+MY9{p;Vr8*h9S
zHx3V*y#zfBpj{oWOA?Y1`=coGHgSFcOJ=VMvQBFqG$$sK=4jF&+O475U9!@dK<c4)
zTLI({r*nMf_}+VeG7R=p0IuaoeK^_ft~K}$Hiyq`xBkW5a$}Q>oCml}*v+9T1r#wK
zZn_PYFW`J->0q6E63h0MO4cDBlwg_`OoO7ls&2J4Poi$MfuOC3j0U0feaC6UojZ5%
zS6})v9)0vt+`D%lckkYXnPC`4+<NRo00g&hzni2!c#3uDHjV6Q+}0pYCWvTw?CRl3
z5M+5^LQ~Bra!221x8s2lm~3_faxIXYVatQLTNLmBksCPKZeKjolivsM+O-6rU9)xZ
zve@sQ>~8!JWP_j^I0AqX=9|t7t^^Rv;(`T=azkE)g;-NB2T<MVlN6M&^{Td|Y$wd^
z-r>ot+-l_0%L3jkdohh8=6S|{zw-`M6~i#pRCD|GyATM5pp}VS?}E{$(oVUbg3=2@
z0?uC2QN*}~DC;N=)Jjm$)lpN<yvi(cqWG7zSy|yyXm1B_jDRd~9O87l{neuz^Irh?
z@|6QH==Dv(<8bhEr`zxa_o-TGsf;-Qr>>b!^ee5Cnh@i;B5Q<=CU}TV3Vo&i<aE$3
z?O2HfE?GmS(%x4TE|8#Pxu^guIat<ZQN^Iz_o5;w<c_@nliot2h8qn!tsiMvbfxi=
zHCg%pg$cIS_<hnzZO{S!iV!9p9^D?ysu68P8*oH4$<U=@u|w>3-}{|$z*hiVX+Jo)
zT@N8Ogw4Uc$ZzeI5uyW<KYeB~BfxB=UQSoix3ao_@P?S6dAJFwUR6PJ<_Ch+;_1Mh
zZ+E?^fR?+5Y7KFQeQC$w^A%)8V}-CV(E3(*wQeR{0^%zOj=yK!lPc{&n~){kyNA!r
z_P<ln`eQAfg046(yxVzdIeag{yW1&%5h4a?gjvLPw|P<Z-fIB<@Jay~?RtigY1;ha
z>FM|>$OOoc10+B+z<tDSH#X=DtbElnTq!*zGd8bZ)F-qsoLOP3g8g-qnrny9u8@|w
z^}>xv2O+eKr&RLSVZ@nQ*8kzGKldTr<c7gle$;|75rP;mm4u+u37V6QR2IT)(sq1r
z!dcg1Q%Du}4jm~7P!bJD?ZWAH1Y`uT&6Q(7^c$F$`@gms<DUU|=L#_G)tkU!xOudj
z@$1nBhzu3oP#q9-08Fu)4;rtnPO~8URN?eMWK8MAzH5nP{MM~=Ot0jH?)C$9Iw^9$
zWqo6G)YJL*;&N<pIn$zR6^QV?%Q|0~ZkIu*8@vk9lrR2xkdWq@&S+m9(5wwKMg}(J
zLsO8^Vb)b#;t?Pr<JbZ41;BuL*?cs}{a*&~dsje0uA%pv?A3WUz91NLAOwhv5FG&>
zAg(YQlj+J@c!+63Sp8mzq0%HW>cXF7E*Q5h%hc%kHpHxvR%_1`>!q2IH?ElA?7X)w
zrLtG9FNcx0vdZh9PUYq-LhTv$5v9H1o)0yXTc?H!(n%Cz%}{-=$sroBn}_7<A^{>p
zhV%@MLo9as+BDi1FT0i*^olki<9H~`f?tU?=0MTR_Rw4fQ!ZKJ2uPsjANz0YDtj<x
zs8>Gq&QYkUK4qe7neePaQdvbFJlGUGwD;!~Vntl`UgklEUcTqTj+Job`7$g-pk%Gu
zP8%}BE0WCe+R;b5yY}8k6GQ`(PMcZ~V`$X~i7w|F;5H)K<|7vG{{nzNzRY{27E@1f
z*%x3xxh(n<z?6e7Br|H!l(uswTb7WPobXPO9sINtySFXI+Tt3S{h^)2E!lZ>v!qm6
zVBgDWvS-S-Unc!pvfNdJ^#gvuOl*)&E;yCReIx6}0CGC;q6(q~3kHoyY4b2I14Q$y
zDwHXp6QUg;n*5Rhqvam@A}_tn7x4>@pEn;Q84H#j)tGl(MT|0HyA#X{-DqUhd^h$2
zX1`nXZx%C^DT^t2#ep#5-pZ;$0`4CiR_iJBI)iX+%XOLH<A1v|dBACE=B08`P+<9E
zm$nHf4VfCmtgj;jmN=46OF&i4b^|bCiNmJ^{<-Yyd7;-JS9pVO9vwZt-O1;pg*>U2
z=_BO*U&A9~9Ls!J53dDHy%<%^UaC1>y;&_xUJ+;rNsTmUXT#NC`W4zhna&%t;emlt
zS;y4Szh7f`sX)5u*PJQ2vHy3P^E3;Z_|feTiyA@+WX*a!RTU-c%7_G59H8O=LWVSv
zZhH^_8DQAJZ2rP!7Sn@W!Txo(*vs=0KAe8AkSAb8L(WPXiddqO*iiQAa1xnRsd5<1
zSYfVQSqrnqbWy3|Rh^Jq5bNQs)wj+Ygtc(H?3L+<U2Z$22tsDinc+~-SX0L0udBDs
zg~$q8>XSnf>jat`%mbnw<o;0dXFMeKkO#m79!HqyE8{Rf58yxl&yWx||Ji6`?Wr_R
z!0DDl=-3ZfmJt>wxNd7tqSBCrn(2ffCG=V`!dZ@p3v4l8o9XTY@b^z&4+<Fh;K}!)
zDNFbV1+ecC3eXWR+Tl@MayN=mUB)xp!eOhU_jGG=ItR>i_7QQX#F9SiBql##vElIn
z%jW_7(S?SPi&yRRIy^YK<<QSMCWvm5xwIFdAEkSZ^fb<kV!IP^OP9V;1DX;%`8t%H
zo@j%O%)LLbA=XL}>gnOFUIOmIf#A#%?q3gSGC?~FB~{oJkX8|+49^wurCKpMPr7ED
zUAe4i#*Wx87!U=PB~&-4v_lP0oggyhet!dz4cs?y$EzYHB8Kz62D#)SdN%(|T*7m0
z@X$U}@pYD`#c_;7%Wes5tXp`^bg8DV+}?<WfM6x9D;<$TS{I#}9vx8d|Kpdp;A+oi
z_9re`j|iyU&U8IEQ59G(^1BU$c@Gd)LT;LX9U-r{Mnu^X%vcN`6)qE&W%%)7*uDVZ
z%?tE^e#wW_e>!^U>&n_i;m~$`Be9lZH$k+qVw06@s*=5T4eCnFk@B1;&6v{fG`Ayk
zI(x!wI4{fV<~pP+6;%Iz4M0K9hQSKyptVzzkt4MPi*>D1%dCSeahsJ_{VY4>eqkmE
z%%)swXH<(#K7oJ&u22~fEo_40m5T(R)+zo1uY>6@xZ%glhfKFhFVT=nF^T}Bz+LO_
z%Q8YklU6I`l66rm<B;`MhuJLN->i!CqC9+a(e{SKm?4I-ihTbi#<LdGAa)D;7IPm5
z@?0TB*5W+hEw4GyL1O3(4Aji(nCAg8E*XA9PB;qDF%2V>Dhw0c^_BFQpYJtf_k;`m
zitZnYrk@0c_K(QRNs*zW8@R`u0TsKs9s96Cl>tN&1u1k&HI!Kc|IJrTy8e&qOb71w
zPMQ5)@qH4}ih<zWIp@B2u%8t}<hI00SpCn*$_WA{6FA9mq^~t|nv8u9Kd&SQ(urXK
zq*5&^A)!3ZB-&lYDT88(0p^OJ34%+`uYm-WG&7%OI0B-DPY+@FFo18Ks{}Vgk_%v%
z<}aG-Bdz}nm202;F3M4iC5cy$h?WMCbm>(9bDA*AF3S3~Ls_a8`>Lv)j3ghcWV)=H
zFX!C4#(QsX)?J?w^h6#dES+0jCaX@3^eh$UdlTQ2M63KdQY@_m*?eGBiL3d+E7~^9
zZow*0Yj4QIu@>tx>ChYpNU)Rnj%-$4$QvO~#g1h;AkR6zV_#5YE|L;|fMA5#a0|Nq
z(ennN!XqyF62Xs{rCz~Bv+_Xh9i-9S>+kMxSHw70ZRd(&@WR-<my!^YrY$|6vg>1$
zPtzcEzX&2c71NeZi`l84Dt^5rqgyi#i+NL1X10R3h)}??*F^%vvKyxm$+HHKTNRb8
z-#Z^x0W0|sC-x8xAZ48;-OynxyxsS_=~z{vyth&zxTNK{o5vM2Ss3dH6=8$Pgpv$!
z_m`3z;)AiY0l3%{Jd8(=oB0m|A<eG&ShbK$kx%?8WR$a!n_;)xR6MxALCk_~Y6#wl
zc|_lD+0O~N>&=&yObt_?(Q*NZ{?ypcAl7yJe@nm`S#z~=Ul=rnnWN2TBk#*pl1c%n
zR5{AM2b;i1$G`7_*t|`wg_5tmAx&B6H)>kRq@dHxeid5EZ4oN(;6dsm1cL2O!83C6
z77h^102C&?l@P=jJ_(7>0(k4ebgX!>R(#sTr_I9i=1SC^qOUx*5<`lh>1i??-<uGZ
ztXLXCcM93vXLw6cfo?cJ1WHg=Ds(Pg*|SpnMkQUzno2quvSy3mUG}L%jd01PJ6do3
zDmyD-PobaH2i84l?t|+=d|N%8g)7#BszNiP9<U%pKz|j-7kOHi{%jbIbPihj#w7~w
z-peRR{ybF$F%n-<BE&UUK85)JC_XB%XU-LXa={E}5g#}AXL*MtVpS$ALlZ4+=MOUk
z$9Hc(iaW;}+`4%mF?#jDt)hw68sSP<(4L@aASWPSssVN)R*}@LHIhQn8&nl6MWH}?
zqN|{Z5utjOkcLWiFqbaKxZkTolQDDKdYTz!wk5WOc2I@I*bNJYcA;lggxzWWXvgPO
z0f7YDi!wwp#ZG@`|BzI5GPh1$Uu41Q=@E{PAAw2)R3T-66ovUh>zK5P@jQS=lV?<h
zPXPG)2k!y>Vu$HV#K+y`$x4aWREo5E<+8#6U+_lUJ2}Fe|MD?>;`ukRneL$V{L(fF
zE1BbF7r=r$t;z1adC5GwuPJp8NQ=S_X5(co_f1YjE@lZgRRQZbgdJ>0_0OsPv3L;Z
z9=JOuUrp#e`LsVNWlmoSK$bOjLW<U8)_NR|c4HzMVK(BMZ@++(-2sx-U-KwQdqP<`
zu}kJwDg<&6bUBxZ&JgrslxX*90_5HNkG53)tbTkc`&;hy&>A@;=;f{NJdf|*ehg1N
z@z46ihrThC<tF!n?}vektXF3Jo7}BX<m{CQmwWCbJ72f@7s?8o66zU=`p<T!(%<;j
z@D@M&hoTj_6t)oLZ2a0Cdk_cK24$;7qV(&PUWH=)hxDLq=cnv{-g_w?-~X5kVg=XR
zM9zo)R^qY1pXz{`+rfF_>3;zsRN8G8&V@Gs001R)MObuXVRU6WV{&C-bY%cCFflhR
zF)=MMG*mJ(IxsdmGcqeMFgh?WwiuJU0000bbVXQnWMOn=I&E)cX=Zr<GB7bWEio}I
kF*H;%GdeIfIx{jWFfckWFvmqJ2LJ#707*qoM6N<$g42Mr)&Kwi

literal 0
HcmV?d00001

diff --git a/src/frontend/src/assets/robot.png b/src/frontend/src/assets/robot.png
new file mode 100644
index 0000000000000000000000000000000000000000..81de3118d21522e56dd371a7422df0d87d653635
GIT binary patch
literal 26806
zcmV)RK(oJzP)<h;3K|Lk000e1NJLTq005u>005u}1^@s6i_d2*00004XF*Lt006O%
z3;baP0000WV@Og>004R>004l5008;`004mK004C`008P>0026e000+ooVrmw00007
zbV*G`2j>D64+%M62>~kr000JJOGiWi{{a60|De66lK=o`x=BPqRCwC#y?2xx*L~;v
zx%XC8=boM%kOqk$2<A+R6ir1+R$586EIG+?&|2O-wybqn`#ta5<M+<KUHN$T*|O|i
zSz0SlvZ56z$x0NHm~#S1fFyF5Je|AhhWAHRhZzij0R<{hY@9wbnCa=RTlaf^;rmO%
zImb(nmmWW^hkWT4y!7~SKD^bw@ZWy$Z%+HojkQdS4Y7WF2x|?q3sp*m9NJh8PR%mV
zmuIjqPrVtkP^mL9RKi+IrO~3lkfl;<;G83$%aBQ@NckSNC3x)VJsh5$!S_7gdUlCd
zpH;*~_6!|K4_7&eJ@f-m{Ro+cg{OSis=S`o(YJ|c?n-oR1I`8r2UtLXbD+|*sQiPd
z{7rbp&pW4&&_4lvlgNoHAl(mEpP9>4f`z)~L-$Ve%v2RWmFE2IXR~qr2$lI+j1$ya
zVSFz$K68}@ILM}b8exRi1|*a#4f5GExlD>my-B%JBcILU2Oh!+a$fMfukqi#?agNn
zfIoW=5reU{_%bp3#D63@a)Z#3!o<Hq#<)WQ+Qv8xtAohutMSCE@rv(3^?d|6`432C
zUb>$z0q``iC&0_V?4$2v?uoykIXfx<;RC}U#@E8YS&$zEFM#?yEFOSkyKqwtT+M-A
zyg<ms4>6y+)MW<$4^(jIr5pPq1fUWEq>4dvhEy;rg;?D80gl}ML7Wppff!ea9j}GS
zH$(rWAjg1wA_g14BGjKo9Q`hC=a+H2pT*UInVs*(>h-L@_8p{$W}tb7u2bMChZHXX
z@W-kqo7zBB2jk#OIP^lm%oA_r@E!j*&Iu8KxcCCZCI1fku1!D}f~x@KuDTWivgg32
z9f%EYMr`>E?v9UPkA#T1-LG&@eB!@}?Qi|J=w^sJ0~*<L9GuTnZb{TnF$#aG0q7~o
z!$+!InR%Llpn<bLj8pGo9c!9v+|!@`e~H4h$bq=}dc@^_1Y!j2esDUGda8#+aDV|4
z2Sesz+ixOD<H&FS5A6PVc<z?pART;1tiSd%Ai&ulO8P}n#BF;ml~xfY&dk|+34o{h
z2&Cg+O>*Ci;<ald9NzQa2?0opJM!RfQl8o>Jdo#~3zz>EP>1kA5MBbh#0wE32A?DL
zh6ORO%%ND7k6w=WxnD!x^mo{4jhlM%17hQAzlE2b!$!|vNPAGJ2kdJ`_|l+%nuW+u
zxu1#>j(f{vT$LK4n2ta{Pjw_c(Df0sxbIgmAl7B!yf=WZfO#(dFiQeJmwfs%2?`(*
zKso_>3dVLI&bu6O$DO#jBbT_t_q<*V@AwqD@%+{-<G26j?gHgjfwU)Ryad1>-y@~q
zSVQr(-7Vg=wTh5_0+iFe6KUMsGnY}B+AIPPn|44t1+^!^vmlbEYhx{ue!XB6E|H1?
ztc<m?D8u^m5hIV__SInV@b#>@`ctS3r!TGrNX^4XJ?@)LBe4j6y1kGW1r6f~!+kRu
zb__Z$9Ib$pu>?Auy%7#qIdBb4Eybt@{lidw7GycTOHzYs6VC}4oJ~L^d+;dY&$kkc
z1bq}_0Wms`IIss6_FhRUKS+9D789Nx{Cq*Bs`={P8MHB^l=$i2yB7rjB}5kfc~1(p
z@CfIncjH_J*FnW<RIm^8yEg!kO@p3?#ToEh;2BUlG5=ir>_|V`wF_OMAB_Mjz<LmQ
zU<!~{kOJ43A7kHlMoATCPbVrOWkf?uzI5z-W?EU&UdW3fjQ^q`qEpgRH6EXyx`<yM
z5}ccT7GXS`TdkCEfs4dIys0fH?*d;#N`o@7^pmdZc;Il!_o4%Y#49$*(@KaGL@8*Q
zIARysv<$;xWNX!7IUzJnvV88q2JT%@q<!6E0=xvkpNNM8GSX0^z>V{l^DZps6{o;>
ztCJL-FA<({23#|O`FTVDq>{TNd!9YiU$6gxGhLx*6A*?#RL51o8c57GwOaE)C`Z$z
z`0Sx|+*_R>8-(C2FP0pp7gZ?E0T~feGXbAkxQ1U=_i=viIfV7Gr*cf3Y=ND37EBeq
z1+Xa)K@x&fiI(kUU_=l8Y*#Zom-s6hTnHirTLIGq6}T2rbr#`HDFKD=Xf_o8JbelG
zRVT>GCIZKcDS_@q7YmLhp{A}SHy+(ixN(e&CKO64oIQ!y2{O*r>PLC*IZOjoCDz0)
z0O$2kfU*aOVyQFidZeFi^U_faLQ@0R0J6nJ*1v3qREZV2z_yl`mbseYt2-U{%;m_X
zTQLFjB1_+VQ6?j_)p5h*_~@P-m)9-toSY`@wQ%}GVFLk~f%_54xw;X?0~y4?a~|E`
zhw7mKd!!(?$0sp~gRDVBi6m^qU=+FGN5LMWwZKXtIUyV<!z0H^e0Fz{g@z*=I3zF5
z#NiihHjD#&VTg?8&V2%}74U{Fg8rNUnSjta&^DGTN+O0g|3GB2GgK<W)(2@~#});y
zH~J=)fsbWQu}Qw_7>HJbZGf~OhBn+Gq^D`s6Tij94o(t9X|{ZBKa$~=Lz1Jl7JX@n
zM7>zI>BXOp<w-}%lRU6Ez=2(YH=OOWt|$>!;QNZ)VB!y01w!l<Yw!QAc<7dQk^*bv
z$V0CKA`%<W^#ahXAO-C*b=&}vFB}z_%vap(UW5(7(-<A_<dHo4<~%Y(X%2{f9-J+p
zgeLE|5HI%q;b-6>1$fdh(~x}n{tC^f_E89m^cDMg<u&WsveuDLg@|I-co)3tZ|ttS
z-eT*mjLpV>+bi|jz!NJ-K-bGtCt!4mGa@wvYd3$AOz;$XnkXvq$bpUQJS@5A8BNn@
z@>>S+h706WgmLbtI>!4F0FSruNPB{2Q*(5>N|+0%Hmcn9NW>FQ`HYklLxUBzjE~-3
zyx{V`;?djx6o=o90e6KO%go3&57@?}?8Ro=Nf{ZqzcRS(Z>MJ0FkLB9(Gxs;sKoT_
zA*?$}J`GvlA(T6{$Nmxke|jHE3Q~b0@FnR$;wh-L1bYspd2F}g?qbA%y!t~M!b7ha
zT0C$?$~P2!OW=dAz;EXw$dzqC=b&XFjG!68VyFncLhVU&;RhePb@agC=yr@ACKCi?
z{5jITrXhcJD-(a_Q}UIPC{KYW(4pCIcz^TF_aDi<F&n(+tgL7vbe+Ie2;3qW<|&9p
z3bIa0v{2G^Lc%TUQ@0r^Hc#1>XwrukMIy3TKO4+7#h+%g@@2(-KA%suevtB|s~hpN
ze*1rR0VssP^AyIIe4|mnI;@%3n^3&I&l}r1vMCEHg?18S9ifI$8|HMxl#VbaMC%A^
zV;V(x0;N2Z3h<PV=lKMlN8Xe83Z!uUCZdas4lmNx@I8&td`sl@zgX*TSDxB0rF;p1
zKPwOC96|_iZq3}x!Y|Jrt-eXQ^re0Iq10giFzHMhhrn7*KunKh{3IG8R6-19<3xvc
z7FH)E%Xajza}m}#oO3wqusDPiDC_6LM(b^r%GBHH&GMdVWB!(i)~EAD^?mUY0Dn3N
zK5H%7Sd6iWOWK<aB@#$DtaTV;kqD$nUMD5ZR%_kU&ph*mAShg(P3I{UeGrB)Y{X84
z@(@BGQ3#O)zeI1`Epc~U*Bfyn0bV;%!8xq8@mFWC)?ls0V$dd}(WtSoFt=sCJh!D>
zU3f>|fcpK7>j(Zf)?%#1^jtfL<R3VjfI2x$IDs(+C+tsUl;kH8fNjZPtiw5*{GS34
z2r2qgDL<Xhrc@>!*yR9}%K+$kQg})^-%|*I^YdAqSzEep=l#1b-!Q%vk#j`4MZI1@
zAc%B`lnN;%qVp68BvQs-yDqOtq#X(9EVgsaHU^$C7#lyWHCShebV#FFr5QF5IA*4f
z78;q%Tec7P-6fRg8Kp4J2_fTaS4ttIa3Ths=mnsX!fA(eDiEF$EpRi=VVt94ozuoT
ztc&l3cnN?f0iBI+l7n2}sX<SviwFC17fB)3r2;SQD{oQ=@*?eqcAT{?*lyQIArk_`
ztw0K|K*Jz~69_vxT=2?sGxoXLo|Eh4CQMdiZ2ZimawyM7idgyyA!9Hi5V9?Y#F8pd
z*9Kt+cs7=HJpgnGAR`^pY&EDit3*+YgZuYFzu|T7dE+a$Zaw=p;gBxQb`eXt9ufc^
zUkl*k>|5b^O50}bSSICb>)7vmVm=di3%(RjR2$Lb&e}c3+G&$W=AVRYYVRjQ+M!Z`
zcX2Kg+>rLwtEH41JSEpiDO7TYam2Qi!;(t*NFk0>IX#qJH(V>02JnRtj1Q0T+F$&6
zzBu<;_CB<S^^=>3bcBu~qHIVi$l!TCN~%Qt#ZnNFz;9U%vTNIVIGl~aXIuh08{37k
z*$~nUn=~3#BHd!@*ijbbEWh|$@8q0w&dqs3<=WD%eeE3;&xsSf+m~aE!CE`)D+zF6
z%2yOK0oFk-ovK)C_cy}mj>T%@Yvo$wR&8w6{+RXlj}3saonvL7)a&~PGr#G3@_Nrx
zeQg`dT8B1nMOkKy?Evlh+&(EKYsS~|mfw0CpZISd<=JPRW^!^fMr*W*$folIK^or=
z5<4(a!@W|kHzBkQKDSg2_x>!>Az|2{-m0Uckm>2894hbS?Z5v{F1zYVoOWnyINfe#
z%hOVY5E$3JF4N^d3%>Gpq*MNmQZDnJMikvMvsnFnvl)F>8++_$3V_x+a_Q8|){pkT
zzm(0qSxV^{7aQHnPkQeSUe5cjxB;sGrL`6z1nbvN@~%Jpb#DCYf8y!gJK3~;3(h$r
z9g<1qNTo9PDnKbO0U^tDef()L(C8$Jwk5T74r?@#4rzr=!l;SX5r>cLXF5F0o8R|#
zu6y+>aN2e3-s8-MQ>>K}{D1j<bIzfii}Mx*el`_cvwmdYn*Mz5SLe#r|F041e>T?X
z7c~H_bwpbGV?%v^x^A@Z{h3tIA8CWuIx+NDbb3$MNnSM=opEg4ayGyH=kMdj4}YAU
zcR#|K!AS;(Mli+@MlFIMP2i<a%0tS;F6^-ZT}J};sA6Yh$HPQ~QHwBYp>;&HQfBYL
zJ*XkeufG2`xccSSqr(X6Y{yOzO9LybTI-2`C{FY~4x-2)1Qar<OH298C+92mx9m6i
z&*vBQQ!h#Y8tX`>yp2PBx&KnirQe~Ap%q4nY7;AhCg#v=$G+<RZke2PD+s3LJ0*HI
zD5>QT0;3HR6KnasKmP;1`K7ON+n2u2^zNff46mcqKNw3d<>Pw+p7M~&>v+gZMY8KS
z9>!?2j?gAT8%@1d<;byvEQHgX^|Ece?cKk`rp;Sv)asa?!0(yLbrwCwp%hE)*Ckb@
zfHnqg45fVLZRuciyV3Sfo1y-i=lGGhC}OoX#}CsVaLwodN{H<P#mpx&fqzM;%?WK8
zYhvRaKq`eFq)<|!yjTKBsZc5o#L5J?&JmYYCUl(?vP;+XK(=k*$A))Xby}Qt1VMoG
zB@f<vFE@YnTkQP76S#_Huy2G?X^?a}+mV7ws>C~{L;1wKU(EFxV~BK%YPHPl+!Qre
zWzCLtyzJ+%<N6z3LoS=AUa2KnHL~Mfw<)ByHV|EG6JscLjN2we+re^)%WSPp=pKvF
zu~)C75Un-NCPetMMozt;3_OK^`o3dxe|&7A`gei!$ooI#{Q<3WcuH*_>C4`zl)R`H
zeC@>xk$7;%5Tw!+iY2ny0_k)HKb6Ll3aM10`b0+!B9=!umMWy)6Ks=>vpBRf7-ujp
z-Y9DgI*PEyuyw};WJ~>QzUVO?{lWe0ePj=Z_wFa><tgU-$>$2Bf;7_eP(sDAV3&X{
z3aQttRBB~vjS4m}3~d?XlB=)g{L3z8<L0eo^ZiKAqcoaFdOn_t0j*Fdp->_QVp}VS
z1mJB0rK1TFRJH|3493`bvxzruj6p{styYs}vr47BNTXhj`9se?PK`%e<4Kj>FgEzt
zLP)0PD}Q$~@B2rpf=~A%9H5OwNx6BXl>3yDTogrS32EGZgkeZ3m1bys1Eu~!QmIU5
z1FSI}3dWLjCJ^1*B9>@aaU3<#yNPXe=die>M2$oOwrw}x^XV&;IQRSuSwFdvgV*k7
z&tp5;yK@gyhmUaZ;9i`u_%1;9s9}QvAN;gWZmht@_1oCEV=I$qZDwd_gj_C9;HMIa
zYjI8`pDp6V*CfZVO{PmJdYqD;RrW?fI)D@_)Zq&}&&T%za=9Xi5u(wEYGskx>BE%E
z3n(d(((6(E0&Oi4f^{RMzs3<ZYT-xJ3mB{RPDhfRmLuRGn@*)C#|Qp8@Z`nKP%pE?
z=%}lK!4bwMHjv5W;!~@m)qOx`TLg*!*#TS3<R)rrnQbMJxI|?uDG<USgg^t?T#j@$
zgAOBVwJH-6YuR!B1uV?ZF@5wH#||E1`tUL83sp=a&6TIf7IF-X4KcE2f}yby`uh7R
z6pG|BIkNd2sZ1u>aEa%6C_k2<A_1Hdvco*bQJ~{}e&=k*esxQJ>$*LXdVlKLhoehB
z_4f}^EcP=qbA+RZ_oH=$=X*>3-WrQQ1QSEW5AF-+c4_Ty_muqc0<au~r)B#E%H!qd
zZ+`#8aOq9WR&*SG;+w1)9bd=9+Ku2GVc0r}1QsVW)O&xn{QH&8O}yzUu?KAo1WzCc
z5JIDk#`ArOeI*KoB3f(4$0yjbbsJi18qEf+W;3zH;`j9ZAT}9%AK&*0f*>Zdz1VY>
zQlgZ?^ZnSKMJ5!tOu)DNe7O^xz31<!#0S2GQi`#$b!0L*_C5Dh3_{QEdg3B>8a*ZY
zh6f9OH8op%y>o6>2=U_s;9w!Q>NkzFVW?ENV9jvpPa<tP`J1lCW7Ilge9Z>dOl(A(
z2xH6%z2WCiIiK95P)VyPi;W9^Jc*DJX(TrB4xNoda9-e%wlScK*2a#K>pDI{%5J<^
zc5PKDW$d_ku_L9VT9RO(q&y=bF>#8DVbM+9!CFfgw&?2{VAJMvc=nkm(OTmvwS>0O
z#!<|rE^mbT1Jg70Kl7wG;|AfX0XS4FtWNzpaL%dio5nxjE7{j*>5gsFerO#rI5f)m
z_y)Am9k1@BH*SU7`@=M+XxofRCLnY!PI8tCDFs$}NYf3cwJ9Onwj-C5#>w?dk$_l=
z#KV;d2$TQQ_2Anv<}>j)m1JD$_hHx~U+81qhOO*<c4xc~%j`XEEX7>vcUukfS!dlN
zQiwAu3RVq3-}hIoev7%x^?mv5J0fk7a;a3)T9eHeShH?Zhq^eKygT!K0J@)*uz?->
ztK;OLP|_uiKsPklw!^yFFWoEc5b2$;UH6Fq*;C0bg+#SI`IE(XdEvXigkg*R{vqn4
zYdLykKfY4O36zwtN~L1zy$cJi_c?dw+Hs#20LKSQt0kO8e=+?VLK0~0mT|Q)`8zhg
z9^VUyqOixdJGB})aU|gRH>~JL!UPc3S(5Zo1S)xfLwfWW>h7fPb(~~$UFS#k(nzOZ
z7hV|f9dAu*tr;0xOSQ5<y;jBZm-f?f7E&qi7bEH)iX!vmnY0C04M3$%T^#Kkqyn`i
zn@PPQ_N11w@{x|{9~h>uZ?NO(F6Fph81-|qZCw&TaiFBcx>z1|H$fzoZ|zU&@mNm+
zzV-`ZA=u5T5ic;gcJj=$<L{QW2Hy`D9$mx!=blRJT9Kq|#rqm~YOueMd0nLzJ}G}3
z0Ib&=tB`({QZe^hCB;}|V|t<2@$fv4!J)AgZKxC9vR;+BvZOni1njl3+9WPLR7P73
zL;HGNH>p(|e@)J@!aFQg#VdWj=!wt@;ZCYzmy*sW_Wn<{?&SyLR1S*KnqqN)e6gQu
zc>&M!j?=Z-wEw1N-Fz6%Tvy;#18||%Tt&n~dK1~yt2!GYx?O9dNK@?VC!a53mwCL)
zfpR?j#427VPU#(X(%O%M#L~?Y9Y&Fk-fc&0RwcPsNRVCX;h)O(TN?e~B(BQI?%Qf!
z*Lyg9<<mbfOs%pI+pTRmpI8w=;9V+xE{H;Nw~#+#0G=|%$vLEyYkgl`7S~>go;wl8
zA&aE}q*N;c@MNF7(#><rq~ghL@bcG)6|f?fNyyG?Tsz9(PORTn$dl@Z8O1V0EWK8-
z3Tov<a6Q$!d+GYsc-z)l^7$gEOok{75lSu@MB#fXYn{1hX0d#?Izz<tssT9MS2(rz
zo6nq|^3|xZc4-{e#lil3uCEir?3FdAQb?yd`KP+M;-v4h(tGw?mstMyJq^iMcq7qc
z9f}n{XLSefc-6f+=_gL0f>%eO8B(b<xm<zy)-*z>B@q(m9HnCJVx$sEo|$U;RRb`W
z&7R`)Kqli|;Bbm1C5v%rC!5XV`>76(cD!Bl!VwPcdH%)9M`HDSn^+~t&Lq|J!@QGA
zPFyCNXJLMZ-h!_-0MjY|!c5B)taardDF6$_%qdr{lv~?QrRrRGa!2BHCUwF%@AJuQ
zetzuV^YbWwk{&MvaC`SLozBMHB3x`bb!}P!xCsNp+EG3eB>JiW*ldI+y=W)M<g?xu
zrDT%0&=rAFN`h48v`(%&#ReR2LU!}=R`dQR=MH}~4ZxodfJEnTi{s5v=T@8yuzam2
zTf21@-%sIr0a{1P5^o(!iQMpDU*DNJnyUt&l>SLYx0LitDb{yshVJcAQW5+RiH*yF
zCzh%Br9^hm&Fy3`xzpTy_md~_MA9E!h~wCS<9emLAMRL4sS*I{#EI&XIY3?;z0Nrv
zJQEmPH2_n&)Jg7;KsYA_;WBP4A!3s(kd=6{(>eLQMdv4i%97V4A7xKNBK@RH9_p5r
ziWTM7itgI-wEL4dEGJv1QXZb?cTy&L^DV8l%2(c~r@S+APFGLE=u;F-2{&M+Ey-Tr
zONcm!O)7*`r&Iwe{k#+8UxnoAr7e0DQE%%0sxn5-fW%sPeWx}pI6=b6=>!{lfrvYO
zMK5KX#bd2Qs%|Tg*dw+?+73qc%xH;K128&SlBfeATv7U@o$S)MHpw#fP^>0=(@V%K
zmzJken7xFKJF%c%Qt17omuM%3pg6^Ao>%=dNv|9S?gVqAmPd+QhkHuGkv6HF=~BA1
zOxPDj`ivacRRb`Pr@XxzowND&WTMW3txIe-*|Yg8)HrnPySC))jReKZ@1~)PPTIOB
zB}&B^c5xq+ZeyP=0o%hpt{@HF8SW0?P5_`2B{Ion*Vg?b(Qb8wlCqOgtz?|kWvoNn
zxDehrOWW#jbn9a}og8{93wyKMk2gEwzm-yU%1oCOc3F#u*c>QN^8Cg^K0g53Q~9vY
zRYhFb?De*%b+#KLJz3mR3VI50mN?OgV*yes(t$@NwnpMUE1_ntQIEOCOqR5#$Oaz1
zpCSSp#?ng62eD++yYJgB@_C`9;*umVA>zbTv67mOuS+RK)>otehoRAI(lVCCMjahR
z<a0T4sT3*SL&|^<XlO%Z%<(c#bnQ9WIn142UMn0H5tqzJmSh1r2iCfVQ)i}+@al__
zP7!)>&MB+4pvO~n2|?{vLD-&1-CE+(#lFD9$1uGx%iVhpaL2Ag9GI;#Th|<`#ZA5Y
zQi?ubGSZjgiml^Zw0WFOYsVQ%WvLiTE7D5~$~$0hcOZY^M_`Erd@DI)BDr5uDN4Qq
z7jfXo5q3UzggbT}<k_QT%2qJnG(;Bq(~6Ot&tTr?(#a97IC~wF6JzwHGL(&@6-7wl
zjw@hqOGoQYqTEGnLdhimu?;|LElx<JQtnLjgIhHKL!(hrp2Qh(1)NjDT3ox2ii>%r
zwq3D2c;<Q~CCk$Glkan>fFkhZzP;S|y@$E=nK>RSL(9uUz66;J45Z>Wi9%>J;Mpo4
zfASed)J`rR&+x97Z{szWZl{pWGas2G{r`CTPzc%X&~*YUbG1&z($|Y+-<*gEun3B2
zpER0Bp4!DHzV`^<d3uh0p@&ZOL4Fi+IT%cXr;<k04VbO*v0VpQ|NUpVd?euCT)vst
zU2#6ebcXpzV~p)&r61o|L>y-$OWLIh4wKANX*UOmJAl#eqDaBAM*hwrJr5xz#+Wk;
zK!0YQiV}!o5fO#QkxfDfm-f7*QDe{jc0HB&QXrh{IvdOCdTr0<2q75^Jf`NR`RL6L
z^U=Hav!|7V_1j^`1Pm4-n}WbgW+{kxut#X1(SpS)Q^%&cY5zg~^~T4z;m$q$_A9pY
zii^*qrUDvKnDA=LqB%0Duyd=6hlmwlB9`!RLagAO(hVoa=7nU)_ju;uKK}6=_ww0C
zXE^Fgu>O3Q7=yt+$YtX7dda{N>%iE!8+xVA{;65^A2`Urd~O$Sxo;oueZ@Ikb-{LO
z%BK-UOG0Wc@lwQc-mrHdqXnc}W(x|UD6)}m9k+iX6<}&rOtngoPM={X<j54q?zxAN
z%P&D~KN}lGORikXWZ$godYf`d>3(8YyOkL?(HVk@uM{Jm$K5-h;*URmC-+oRaQ4Np
zWdjTrAm>Ax?j+0JV;uoe2AU<99D{8e(Fcxl)2=<-_P_4sKfGp&fB(j-@l$y!VYsZ~
zL@X~f{^8WEI5lXU1K;x)Qj+gI@Bn}Ose5_6nuqO|z^3&uT!MTGvZA|Q)gyil5T>A&
zhxJ2n)+FZ03}4)}o9}((9^QZLA^za4*AS#~EVf#mnc7P=P}|At?UdlUd)Iz;y*InW
zWOfd+SzNiyGavsXQ8VP?mtPC7K9f#}5VWSI2)_I^(rY%N*R6wcIoUIbF^!bAQQZ2$
zIh=4vE0^}p!}X*WEhk;#pLx=w-&1_?_WStL&ppci{z-Vvc`z{meIDe2OaeZirQ;IX
zgJL4$F{up?`b#iSfbn6<yPo4OzPpRvN508lzUz7l{X;CaT1$J*ynsfa>*+4pPSy97
zM^RZma?|(uPhZ)^?9gVoayzUUg@H5_lJ%y6fTgqQ+ES`L7PcXwF9W4@FgnP>?lt_U
zJ0IrI{I~gwUwS!((jW`X7E&DVRCbB`Zb-A+UM@yldn~B4&U4O5z~I0H0hw}z%>Vub
zwcGB1^Up=JT4z=QA_U~~_)k5>+JE>k>d*cRwf!t;G*MD<Wa{wf(di?kf*@{+gTRVz
z+cDejmv>zHRaX{D5v!q3f9G!g@Uu@)Ip=)1Xgdt&p&uwFo6&pK#>KW!+}tEqPd<<Z
za>RhmD##8(E(?8mK6&56m`~rv-~RS%$oM(xVYp&wZ)NN6MBR^;x$Z02_sbhENg)~V
zB%k^IUA+GbPZ4ds0504H<AX3D<Mn0};C0lZgGk4!*Y{#u&`S<vHd${T$Yvq81^Ns8
zue<K!*hjv{-~aAwDCA0%!{!npu;jXk2P1ZxtIMP@XyTwH*-WFEAjmjeWIT^S;~4v!
z4^e&aAt)A+K>(}lrr@2nPVqd%cfW(X;k9^MH-oS6;vUAb-DbB#`PrnuvyH)Ld*HWJ
z2F5PPND%P-haTrozPOXhxfj7D=fFrB1`_bKqk+{196Str_rvTQep1{N`W}=@uwfmn
zTMK=;7>q&k^fKUW0wwwMgO9T5>-X|UZ@HG1QfO<E%DCmQ>P-oCE9CkuZK&o>NIZ)r
z398P)K;U!x<4^EsU)n{q_566fYX;)=mXgCJfmQ@Zj=^*L;n)<a*~E8_rt+YWi`P22
z4hH*U5T=r6puigk?@GRM`#ns2?oR&8ufK}G^Jqok(s{>A=*MKQl3p{owjd#K;FRZi
zo-#^O@B=1~&5(WMQ5HRK)xdjx08BvWaycA=@Zcfb=m;*A#%kl*{gJV8Qh<~)K1J<*
zCIaknXD<HPKq|#kd-wB)AHR>e4cp-2?J$~#;RJk&*w}u2C*q#_xvbIP`mqr<_4hHB
z%OZtfs@~vWrONF$-^#5>qKhwp3(tdmy2o}3z^;d8$Y0(1IA@JL#+$CXnCX^YBA-{1
zaBf9;=T@dgPXJ?)kjup&!=dS;eBjd$aI~-<E<8I1-*5uHG_jQ1y$|lVhqI=pdDZX$
z+lPl38y+AR_{`KB9I4f~=idAI?k%@dKId$>;?me*Y2Py`fDwo;<{$33o5`==!|%N5
zYNm}?!hJ5+>Mju`QYQ7#t_w(su`QuoU!}@eA)Y9p(`g99(}vUY?~avDq4PPi_uNac
zaU&)b2(1mCife&Qa^l;?+}6dX%JytyTS|D!Lz)(U{pAOEnjyIO92m*KP!ITK7vU@4
z;Iab;`Qytj;F=51XLMq$V~0Ds<9z4l=DG8s$M~Oj-OWvpJ`QjGc~~<N+fx=WY1leR
zbGFRi+`5k|cdR2*=%*frt19tX$$DKm7uj|Xt?T}^l9E6~eDdZ;d90j;Yq!Dp01N_s
z3HTZ<_|C0te()jQzilh8d)pgWJGl<u^U!o@D-WntYdrGUlic{gBmBdoPrw^r2iv#C
zCP-|+Lo|+?-N6TMd5CMz+s~$r8<=g@yK(X!g)E38E5=$dHlfmz$pyxugMfjlV{YRk
zkJ5U>8`0S;{_{*SS+%@Wo`(qnLf;RJ5QA!Vc1+DLj1PR~Goz(1evwwL5LsiA=0eG=
zi{$^tSfb>sHObFy+^tGmOVRWB!K2Ue<=qXqcn6I3b!|Qc9G-%YeTrW_e3&o(+As3<
z*T07B#28b+6fg_S0n@-yKo0ct`d7Z3e}2!e@MqSbKKe;`W`Dd}#YDmk<>Bm2+`pLO
zi+AlI5Eh%1B3ftT4OsGYNlQ1Abi(g$QvCa#mT#T^$MX{64YZvDnDKoc-+O>h-ai9d
zH^bV|uFaPLDs}kWm$~YWyZFMJUdQjf^R0|-*~o(Daja*(Gs$|Re2&Ynx{MF~&ad;~
z^%D$!{L^sXL$SS>OV-=3;H(YI<j45rZF^8ILMYj3P}!MHVr}PVoe>i~`)I5ol0uyI
z_@ie1-FFw=%*=#3c5KXAI~;jlp{Z0dtK|$!z)Gu?EA8I>dpq{+yMDM_UYq^k2Q%vL
z|6T;s(@yT*{o(Y_T^EI^G)ilPu(A4;0+%ePy%@V}6r}I_G@}|Hzj+Uh{xO&whmwdl
z!vhwo@aZq`o@SE||Kaaqb6Jk`oSc>VBDWG?<_7!uf8O^Vg8%sm{;wN92k(71j1I+;
zunCL~z}N&gKCqt~E}fxoV2DOjcN<u`mDF%=Zd?-RPq<GZmbOt7Qs7)~C@hY0NEh*?
zyPn~YE5gP#(4Xo$94!rB|29`W@;IOQgZHv_{aTLoNIbcM(vK2A`hm~yzU%D_6biiO
zpT9^wmxCQ=#UShh>RC8z6Q6thA>O{{FlTLD!)z-&zJg8&td2n_g}@oxxhE~_$QnC0
z{?wjVXYRV|Pq#ky_z2FKaCTOEnate9<?^nlCpY{L;roxCQ3<&7%U}NYSKog7e?52K
zz8gjxjdKgfj&069^UNl%T;42q?)>B6!2ZjkATU;UyM!8J(8i**!DthA?MzOaO(p_m
z1I1I%9pmQxb=a~VN|`S8pdEbcW-i-*kiUH2dvLid3o9@YD~0eRPy@<R@+a?k7r)>f
zeC3<59hpu%<YEA8M%mTyd2-(zDG?9HiJhrfTDQM9$z&$mK1>}+Zj#s8q{*i1tkIb6
zI%6}$;wi~|d6B#J)?sW6hDx#5noBPFfrlBp^-li#yWh$B^=p}0woxa`;f@mN_>MQe
zmj7_}S@8KU$EJ%)JmVs;W`tS4k8eMA7(X!)I%`eVXN-=eqOtM5*{){O&LOO`YR|L3
z&fNUv+5P(`vj+}rF4gPXCTC}_dgt`?Z%jP7>mR4*=ZDTH0Odmu{qk8W4dxI)qdv<1
z18>pJ$&N@jrUN{k0M8~H;Y_>X4|u|G|5H;e`UMytiZ`NN|Mc8GGI!m_fBvPnFh1Dd
z0pDtB=i07L9gwMjzxdT(VBJ%@;mKX`s@pWpU>`bL;_m0l7~M>U%ovPmgV1z<)ZL_B
z^TH&+YrnP&NNd{Dk!+&cEWUK?J}}Rd6$#_RkPqVP@PWB9eCPXo;F`<1;{0=%S_V9K
zir7pWgcacZzw&mj(-GWpcdUw2$$I-TFgn6L`>HHfYbYT)hr`<B;OJOrXszRC&w<kj
z?84$zVs`pfD_uw$n0WS?%cl44edQSiVBg%_hHP7D7l1(@hEgz^1?312914svqSwyT
z+7KlRh&qd~9eYCJs8;LT@zf0T55%-doA)vfesB-hmx^3><)zGXeE0Vgv2$YC_Y1&|
zO_RKB^CaAUcdX`uM9St<Q0n8}gLP&Xsz~SJQ-7TO(>+*AY$9{KjTB489tn~>t+8N2
z?%6#<g)|HlyCky&9(|n6^NYOwHP=%+#hOk8Mv+MVQZCD{U3D4Ub6-~qrh$xr(Lo-b
zH$1g}nv|joE@ON4C<b4A?cH@+A!yCd7oz$39Hjt8GcXiDNp@(mA?FAW9=za;0&u|C
zjD$GwKRyOyYhi3Xtlb3J9AUMJZHsH&D;bi_(7Jo7Ofs4Q$Mjs8XJ#W9C_&nb7omXp
z1=O>9dHWR?laZ2;=l`%t)ch@1T}E+w296$!KO+EA3JQ6Sg@T!K6P%$vI>ID&P%OpG
zQmL@)`>6eW6h9+v&_;LuF78EbX*ENhoo_)d54m(Vq7z2&#4g@?&NkK!4^rd!sNkuB
zG`#?=0<XB@63&(qc0ZHEQxkr$FUNulc=m7w;oAFQI{VVT?&A)bj_u>9-atnYjE%#@
zWQ>LJH85I)RP4-~nc1;3>V#yY$Rj0TXbeiD5CotUWHWGNhL*M66C=89*_^RNQFp_v
zF-Z?Phc%MLYKw~Wl0dtNZxX=aqm)`97jHj{)+#fDPqbNWRlI%6M$T4>d-olH4Qt|!
z_km2BMLgzfErv^)NJqy7>0O81bEnvTx2$NY`@QEJ4P&T;4zlSua^okvFk3+#ImVT*
zx~`iCaDug*sDiNf=M7+Dc#z8n2iW!OUbyO#_;Ui{y-TH;Z)l=0LPxsebU8p;M-*wI
z$Y7o5{?1xVqzSbl3OpE@fNTz0EzlaWMQA=pcB)Q!-@d^!3P1yp@?l^E28QEB_&yZ!
zxcoDOQ5ave)__PFGKv^*ktWm{r8Ul4MB)isW2jU^sv-sX;!^vsR%dPCGuU4uJdNCd
z6Tw3RnM{VYxh(g#8!hFMXCY68G;@^@t0S~FOJ~fvu1DO<0k%1`c9ftObRwCi*_(JE
zfLhpOt_I|jq>6lkv?wAAj1CSg$#Gh3xvE$pkJ1O$4h_U9Y9iU~JTWn!DKgir5QcGg
z+TIDAQcASeM3GK@*6xcK3lpM<Fz{h?ECyhs0Z|0C49w4=r|P7KhSFykfDSw#`bsc3
z2tg_aV1GY0ogqxruQo9Nh3f)PY8?*(^!;wO41&lyLLHKudm6Q?L8>u`=noLSV)o&O
zSd&hX3w%r%A+0?v;2o#FgdiIP4EOh;?th$7k;R1uJ0B7rUBEjsg)kQq#?zc)aJ7dd
zy55;^bjaF8BrO4h*5W06Z#M(ETe~dUU7BosMM3QlxuXZki+zaQX=L7~eBb~B+Aus=
z!fAu-NuCuajyj*v5wi|NI>p-I0fL+FqVJ~L@x1_Bi7?Z3>ihPg2ghjHb!csRV!aL_
zWo%N|2xr;}?=hdLtp=mfQo+!0e2}V@7=Wo1WO8vNMe8#QK<!)%y1xF{VMwQADcC=N
zO{EBXoD7$A1QjA4rmReC6R9YXfJsJhy&00v1*~J5>0Jlun;Ar<a!Ajob!0!)HASK@
zBBLDU6jgaEb(ikl5G4d!2pX-B%$|d+X?mD2#5Af@7Z=F+ibCcR8d2;4b~4G@a?d(?
zv&?3+rGCpTWDXu=-y7b*+TkH&;@K|;U>lTLSaR7E6G4UD&ppL(V?QdL$4h1L%kyYg
zryfQq;}Ff(isQ>xs|l2gqgC^fMjV}G?GGNo6N;!=BdS+en4M!yVT{lS!YJzI2|9<6
zDzRw|E(z>+vSJd4GD1M9KYpfCaTw0`<FqWGF*B1nvl-C<o(ILgIN+a7#~)nkBT|x9
z;(TZm&jPXZ08q!OS!vS&pcH~eqeV8Ircf+$pgK=3oxx=@@c@@Xk^Pk#i}eP50|PXT
zIgJ#(<6o(iq8>#Yo?9TuWr=cGtS2!TT9rEenKXg#(`>e4zH(XSN?XSY0X5~Z@3F`E
zH#dHQ&GYkoOl$VP``xU^bthGJ0J!v8GR7yH&0$nP6lAcOG%l0IlSL|rW;il8$NB5l
zb_a(%-&{l)r_}G8n!yAqTrp2%9a>mgVGA#vWuVkY6oo`l)KRtI5XyC&E0U>GE-894
zCf>uynmD^?a3D@V2wU;jbe1NoFZ5cq7u*0s<;5xC#lHC2SAxD0q4H>1i!}+++`}XF
z(lL?NL{UT(MTA<@3PY5Vl=9hF!dZtiargOLHpfDx!Lw6S_`dp~D%YHY!1tM6Tx8!u
znQS&6XLy)+Xp9ac3fUCtlt(KJ;}dRrJl}+Z(Fy7NT&>R9FMNTsgMjqaFXM`De~Y6}
z?xKpo8r$_Mmp!8>_Be<73SbS+Xs~hVV<t$^u!5(LOd-_|pAG9vMWxYX@3CnL=`2FX
zjvc3?h+N7in+a&NLZal_qQvg&IE|*)+mF`}M@TFUYvYu!Qa|)1cqkMgm7<p9kDgHg
zhCrxPEcMdqB;PCtxg0GeX_;OEvuD%V7ay5~p6CLx6-GqXuyw;2(i%(@;Y>W%A)n1s
zj~rir;1LjU>)anA6_j+!<C_mX#{Rh~eT5><+86{{V<XMh4P*GeqS*|4ctG1jrdzBw
z%nL!|frq&6f%}nL&!Vw$6X)rWbzl7|2U=k_`qT5Z%^^lw(`<!oT0cS|og!?8@p`Sn
z_k8?Jj;}xX80AKj)GC|8uSh#NM<J8uzGt50{^t(SUmA$*S7X2$n)N2@Mh58b%TuW~
z(8k6f)Vf1K>2~C!mk&(V6d6s!65}9Wh_R5(Ksp1;r@`v;dQS_0wRTRRl<`x=gYP0^
z38BNJYioMg^W^_FAv$}4-P#yx^#<EEO)yl<(X7>R*5HgmNsobn5x(}|<Lo|il)h|+
z=QG{gIY%~?Vxd;&i}yTCCSM}(1Dw$~t<kNBlqcD?X@XWOO8C1T&d+v(_10Pr)asn|
z)vvHI8_<~Ch{@*(wx7*4x8Fi#=Ps&J;@aV?wgzZ(qSjKW))^ftv38`NMzszmmW0kZ
zMh1tu``Lrs`uLL+bLmcJ{?nFzN`ZvW{@`BfR#C_m;$#S8u#v`wnhVa}fKq~1D~v(b
zA<}IOyiN$tc7EOtMQZD4+GL`Dr(!G!2~wbO)L$q7maUCXkufpvV+^!f)WeVnk_bo~
zYI8|(c>BW5GGaE;@#4yr2K{|GwyqtaTCPF@3~-DL4son*_^U5{1B)Z=`=_Of9kJxh
zWdc6@&F}KSfoUd2#^MB7t#QUstJD}D>|@R70F_#!BlX%++?Y6oW{qK9DeMCeaqWF~
z;m$iB+gC!Q(=^XMhqH8x4PXB{2P2)_ha`2$bOCLQr5Q%}zQ^`W6GY7>Hi~eO##uul
zS3qTo{MWDiD^m+)iqGTFIp^pvWclj75AZMdKhDJX+PKYziKTtBTBno=*fu#%xl->)
z<~FI`j$D}}^q5Sx@9t%iT30s~*KEbv*=;NsL)E^309-VVY8YW#Eoe5O(S%x!iq^Co
zNsQNZIumpQ__mXjpmjSzAzo}4Y3hv@S6;A{6ws>GW3^}uN_nhZGs&m!d6d7s>0c@4
z(xg@iLgySx2nLEdzIN{eeDIsMGBmn|lpkQV#zqk~Y!NmZTy@b|q*Fe%Ml-qor3a@S
z3qDkBu>GrFVO^kTZrz6TeT4EbgTtt^&*rMzZl<<tH&rRSwqRnKv}3`>SQaZaF28Uq
z!^Ir6as{U&Y!pkuwd3o!@4y`Y=cm7b=Lw3L%&Lm!+xKL+RN&FQ`}mKa{ue}UfWAUs
ztW}~2bVOxgk;`{%q`#D7p;E(GOB5}$SC@oMUHt6C@#AETs&nXi9U66LHgU}+tyYT#
ztvg}FGY-ItG0Zg@%-3pEs#TiR3Z`16W(<*Y$Hh(CVXTg5?=jF#0!W8rW}(dH$x*I6
zXOe~KIh+o$QHZmaLcYMr#3X<DweR!6f4PZl;4zTT#Wl*E3FSTWfL&Z$Qp{%Q&u97U
z?RWC~AO8~R(kMfv!B`E2Aw&_2vx`iQ4RYm$TbNxaCsNxi2}9{bMb1lwd*~5fcF&!#
zV+S^0h%=UrK?q6f>~q*wE3@&N-{7D&9dpDc@!|HyS{nm!pp@sDi?>moTf~MfY#3s-
z#`k?DC%5pK`=8_kAN>@yW}V@_0)bNPDO5{H<95w;E}dqmFVEdOpW-(^{0R<+9&5(e
z#+?kJ2p2_E7s?Ff(!AoTbD1w!diJ8t;VzGX+fD|PZ38jM<*WnsMgv``P^;BgtksyS
z)maR~#0FfQ6S8_95Lh&Z*=m($xq_E!;fEoqOonPgTeJrzce~1qu0&~Ph9o>;?=WU<
z4RecSUU~JoJpA;2%5w`8hX%1y0s%w)g9xek&tJKPrw>o@-q&2mIcwL@pUZZ7qr`pf
z;*nTdYo0xJgpc2P7yod}{bWlcj1LXRvCOcAjao$YI$^EGt6zT=N(rj<CV}#>&UDIO
z+Urn4aHP>>$2Y&uS{Kor+!R+bw(BZ%gemot+BnHIH-CqZz4ivGn>P~Zh~64uhfVls
z$IN`0t1jNgT@OCR-1Ho!aSyBFIU>1CmWlOS`NzATWarczfAoe|amCin3>S0gcCnCk
zaZel}kT{Oa&-1aHALPG(<5m_(Gr4{eiNHi5HViS%Cgtfl-gLuN<Z>zYAD$xceIjkT
zd5o@0+P7oCBw<sR%t~>IFlhpFwHmegd76uhm@uSStuo(g#Wc(+9r@D&U|DNss#R)>
z3wS|*mr9XpHYrCMO;WI8ZI=voT~OMde7bJ&3!R2K^9xnhj1BVES6<3L-E=3ZbgEN>
zgdZ?iDv?d4`TUay`Oedy;My%4xNgT;tnDu{+E+vg$yBAnk%cmM?|zQ&Klu!Y8;0TW
zNs74~RvT>C!ZcgBW{cS)GyL2o+qr1R298Y4fdFl7oM_tV-w~hVT986N_9QR6`v<UP
zGcI35m<Z8Ia!-u`AuwCEvh9hTZ2Z=@IP~7%VV$vYL}Gclql0p_&d6XN?|8$@`0$P2
zrm;{a+b=t#RkP^~n>KIbp{Zm1>PJ4um6PMV`n<E*Ff_nOUy*F!Gh3}ORj%;JzC(Qb
zv0dz*tx+fqGg<173y5@x4V$>I#q{ARF59+&D=*%{;bSwMA>qqocp~YHWfBRFwcTWW
z2hJL-b2O}Frc%b6o1?Y3h>0S?T8)KP^R$MDoHhW1N`+J^jS2!(5D?Vslv}M%I=e}v
zQF~Fglj`j{Dc?OkWqYIp95^z=g*!Iz^Rs2Xa{D6;uOG)x3S?a1lS!x8xOM~OT9t3?
zKFZg3?jz?(Qki&obfeLt6<M?jDCSE{4i%9COcY_l7OoY8Z|cAi&R#ddTW`3WnYjhD
z)+nVgn5E>gb0{e|5=LzM?zh=gUm%=(IZg;%7{-RTNIEhYO><y~+{7qX-SS=j>9se|
zT(<_#=-#*MnPm(|r{>tUd7QVs`f_f(=?;{Vq>4pMyRDt)vwnOn)kd8=4=r%pbGMOI
z5Tt?*WfVq+29kWXz}mGV1ip_oI`MW}G58K1WwO7(JKk^=bBl{KnjxN2SbE20xK3#-
zR(AI)(P-T=mzYazI>)iaMZ9dDs8Ys65xQQd(rnRsApmHAsxioF72gj~zK`?+yuf3z
z)r^aSi~(bpbV;?g%c-^9`sMR*+cu4{mc56L@pD&gr&?=p^FvS5KR!abkjGeqON{<f
zzCfu^?C@5hj?m7L8yKKpsd&l{E=~{AI<_an5Z!1nbLbe8LnVIwt=CbnHz-#d_?{P+
z3W&IB4Z5w)s$M|&^d7Fg^?SIrYpC`O#2jK2#e)`I(s0Nagcl$;ZRXrt?qJRBw{i5B
zeu=f#BvNguPO{b}hi;l{t~i@=rOwxHdx)YoWc&N#&G!v1@X4jq<g*hUk2Tbq$Xe2U
z9tF=M@VrjkU571PV)L0+i<v{mn8>Ah_gk-{5jL5fuf~N<D~!iQ#9GO<^BI$(q$Og~
z#No!KgXx7uR4R?B)v#Kl8%-LmHUPz$2VmV8Os$IV`3TQLdLGL2s74`%II$6HmZk`q
zt|8v>q~N%Q;x=i7*l1}E9Gl_iUwILwLYABEc$8+XL2;-*mN-h`JP)B1N=TINkqP4d
z94_u1hKa(MW@$g8korP}#pyXN+dj!V-t;m;9Wpmx!S_9^v)!SB-4qxUaKsok-h4A#
z=jSP3d>*0aCzM8nH9g&1wLv(C9v)|8pvcR<`z=28^6MBJ8^+VR)BkWu;)H-O((FGn
z#SO2#kbzR3&wcYQ8np(cks(NHg!VC>hg9*JQ%aHcyl$1UbJ&DZYIB=TM>H!n=8sNu
z!Q?o<@W!i%tY&(;jPEHTt2^Uj5#8hpT%1s$tmp^~tW0`&xVWU$#+frMXPGOPk*NSv
zZ{W1Xgdt(8MRXcL>(lBFST}~SR!2z>;VFdj;uxzoNiC^ORB#VHVB3{p@zb<Zv3kax
zw(CvXoL8;U;+ca-x%|>Cj0_g}>dg;ubnij3{YA2cJOn;S)geDSMc|3*ayFL4HVSFg
z8kFZ2C@9HWufLdUuR4eMN`-}Toxt}n)+U8F$7dEdJ)io%16*_a_hGn?>c9}XEg`h%
z_ALa2F>y9^I>X}R1}?n+F}`#6og91fTbM8wBaYA0X;&dPTM^G5IKo92Y-FI6<E!7j
zpMCoelPc!Om5Qjq$0<K<ktb!6=G6tDOKdf#HDRMcWp<IYv%K!|bGZJRbD1fZnP03D
zcpj0C7pjE7%64nKZq2vABAkr(%s8a5|9^X59&E{V*7rN7`*!!;m$%HDMYCu$8jVMm
zEK9a!qgXaxgo$HYfDM=m;6TbGK&n!eO3EZvP$6tZswm=wrPvI_m4G3{6bQTp+43SI
zYu88`Ewk&*%zN|JyY_O<mp{(w?$dqyzGd_@rjqHZS2OS3_j)<~op1epzfa$?CT)@`
z2=W1}_4{Cs12Gx_LMU*DuX4g$O~h<V0DURpk4E6!2D3PrrTz_~2!fObOkh*m3QH+r
z87+T;(&leP`4CfgK=&o6VSzy?@Z#BvnA_FHkAMF=@$_@&@Xe=BVd307nCqZiEu-W)
z$xvt(n>8U21tEt00mLXkwPfMm*B{1P@4Ol9b`|F@FT(dj*tV_Q0a888sch&$tqi!t
z2?xLYW!!rC5|-X{I|A3!FGhkO5*7spfJq5X5*FiFo867QmFIEym%fP4yzL%znho$M
zO8Poj0n{suBwjo_kGbg<{`n8R2Twk88ef0(BraaK2$V{2D`hxk7nWuph?&Qvln`Nv
zQGbZY58yH2O*ies+wQy>txgqZE-hf>2Pj!K0v+)tbNsXq$db-I0%OYmle#A+nR*oy
zj0ypggph#lZ~$i8pde6d9|oW(MD$wtfTRVG{1G^}z${gQVHQ^rCaD`%K10^mkwPS$
zWr+!nTOUp41f5<GaTbXI=jIntDLZ)mtp{++k-a#5>M~BxFXHUQWvs8R13V^L)Pg{S
zic`X&xegBAFpHZG&Y{z(VR^lW7tYM5sTvU};gu{$7^Luufo-FE@e=O;%7d_K4!YB`
z5R4<zLaylKn9;96U{b;YK~!p3y<sozI{7@l@U2I&`0nokYABW0#B?N*2-ifpn7K><
zxNvC+j$6X<<NI;TO?z?b%w?Ruu!wV)u3-7f3Vf{$Vy06Lf?Kk2WTu51=B999-wdW_
z8(13*@WPpSMeA!ZgfW_ksR7+mw~}&=x?x(&aVW&P(39esq)b~>3>FbY7>-6@maTkF
zDM3*PL;}$^U}M|TfDr*Q2*LPBvEExs`#?L|LZeGEe<zH#M6CtMKp7`mfKoP9NvRfP
zjG;g9@j~|^Dis%d56$54k=+>deGEoEd_Tls7(hxwx#FPWxu}#K)aw;QB+wg-@Z#Bd
zUADB8unW>?rxapk8b=GjqFutSzkdX`pFe}8TMi=hDk{~a5hWz^Jbwf(b@RDxV|8{8
zH@tKPZ+h_m;IHqx3k|oVIdT$<mcag#1TzT47>1(&FQ2=Fvgcs;4ISKg;~Yk#0Nw5o
zBR|AoFoKX0uIHfYIdGj4sx=P+66^gTUVh~=hzPc2>EJNsV^krQ8py2&3@ObQdxBg=
z^>H~7RtiN^3PT~<BM`{<0WE+ass0tpGT1vEgpd|M3InAnEK3O=V_-r+5D*CoOUR7)
z3n9S;Ari_&#c7x<)SHq4GZX`d4ICZ;V4R~r@Uh+>f-{b4#ewUUP$`$uoUVa01tXV4
z=!*c07rP)K!8Exy<2p#vKBGcx$CJ@1la!3Oh2`ZHyyKz2gJ%JY)4LE_cEWT(LW1(M
z`iQ_Kfl2i&vev}vt|{Dg;z@kz*%Mg4^G-B^FeN`?=EPy9w14cJ=*jYfk&kX))fHUV
zf#*0VdoJqjGB{_do-QQ@QHU#-y9k9;8jdTxrI0eAI8NA4nQo+KiV2li%Hhr8eilJV
zB@2R^z4mHNrE-}N1|Z)8g^_wsQ2-{lM{~Swl5!Fe5He82)f_R#!S&)vlId>IH1|@o
z87dR3$~h)MHVDZ$hm5kPR5QkcsVL2q0QGx5x-`lNJ5N~lHFLg(a7h`bRa7=V;f1Dg
zygLW5>XuM_`Wd|8<a1b^n}T1dLonzdia;bZgT2v+q@ROn8aiHbusl15-SbO0{?)JI
z8^>OU3drDP9v@0Akv^}ILmg}|U^oiU?~k;F$g|U`XO0JMD}Ja9d1x}XSrSWnRVelW
z4eAC?9AMg|BBVj3p%j>Avqcap#B>xT{vjl7i#mT><U|C31gW$%V~PWWv1CyqDPidw
zB<+t0BMK%dGlZ2eYPcp9Mrxudle{HB?Y>xZm{b@r_;8u-Z7?R2gK;n>Ri00$^^;k_
zEJXuL#<0{M;BDXdI$BcV^7IUXSo=u<2=&~gUu44Ts4E6c*Gf49WWA1l&BYy0d<$Pc
zb02z#4#E|o5-c`8DKus5kA*R{0Hn#yk(>IS3Wglx*EUBqAo)uw1nkD{h%`2nAPJUj
z4OD(%d{0rN42RUrpu!|He~koC<!EKbmyX%+BVC-&<PU{_B}9^jk$J&Nntf7GK}PEt
zk)qk7kqz|I&$-dNW{#|5$rMk@$ZAG-i7+aaKxa?m_|s3IS1F-escHXKHD#-}#r5XP
z;P%zak^(Feu!KZpyI7c>!rn9U*z@>fxVV2mb_>lAR>WmV*-Q;h+LW;-G7IYF*;q=<
z9djOLX2ny=)X$8+<wO8Wp>$DF3pNB$NN^$4B?SRYBiT(Y`C3K6d3$Wua-~kgFzts>
zQn`^?XiuyKjdPKa6O22$k|szprv2nuzsEX3R7A|o{#;~VlG)dmdSR3#lvg5&>8GE<
zRKJVMyQk3Owt{a3s?q>%C8X$-lOCoM;amvtNPrU%RH`U3;KnB(!%O$P9YLd!Zid2E
zs(goYmOj`R>!ZCLN-O{Q(F3|l2u7I=$CwgA7;Psk0g$L?h{40zC|C(#X2yu1Nfe1Y
zEP$Ct+3~By{3lFO`oOxpCMd;}#XewcLgP_TF-f*55{%4-@GMVu=Jn+=$RuOyIN2VU
zW<9BQGlt$;7YCky2A2W!xrJ~zQ0W%m2H6%UM*kXf-6*30RZ^IV2+a3kMG?9-gL~#Q
z*qPJl-u4F63PwSg!(_~jg1nM5wIx&jUgC(5;X5*e-Ah+8c+A62*_@~8L&w8~gm#};
zKC3}8X)m25X|Ih2%&6;v9$X!0#5L744Wlu3Ql}|&l$?&;iWgUA7B@d~wMdo<$?V5T
zk6{!_3bji7;sp`JXo&T}08aymUReNJTmp+(Ah@Nf5lP3IAujP414#*LoT3Qu13&@;
zL=b}^LY>H!8KtFT;rQWMp4=BX7bGzqnKd+7?^%vojuA^&*wlo^RU}kTFq32uEa}t{
zOHFX%<KxwHy4%>HgS6u+C1o~;)aePSNgkz{Ktrzln(Y0oMob5dWXE_V^2Rc<l<}F6
zo4`Z`%;AX>E(s0K!{zsUH`Y%+3lRihB;o4BGXS_!B4nyIZfYwIphQ5#8A8V45D;*V
z$g;pWN4R?r?1P8ki3o!6<eC|6W;~1O#w2MtHm(kf0uME0#-I>R-UmyBkstv|=kq15
ziO%!IsBk9J*$pgiJ0-be)7rOZf;Y%;3sSkhcv4clNU>iiNJYqks6bsCE1dJyGQXqI
zDr~~;i!&?8oPownScZHuo++%quRA3S-*_kdH{O}-em^&~&y-%1!kooqm0%d8lNZ65
z8micq0`Y8vJoikF_EKGsv0^5Kc*7add;IXSXqIv!>@?2!Pk9f95=PiaNH9xkZK_h(
zLJBZ3d5{Xzz!j%n4|Y@lCFig<7{5eNJ|52tp#GWi0rgZz6Oo#v<78$~N+HdVq4%Y!
z4fO(<(|pY6G=5RZPA8W20U0uLbzLdoF$Rh?R4fQ&N_lL%*@U^}=?et`Ohm~T6Cz4R
zsj`fKQ9@#lyo*4l#!WL4W0r%8soT<WWi~DzlWuL2k|0D-lA=+BQrg$uKm!thQnfnV
zQ313zVJ0A*wB(e9S;aq7e99t+mZ4;K$-<X6F?=upY}uqtkqb{Wp4x%=vdqd$KE-3C
zfLNi{MrJgsnH|VL`&q_`&=!S~fPhgP)T9%e80F<KMbQ+!0GbrA7?{h{BasuGYo-Y+
zg^*yj)WUBl6q?-eK~Mx--B(`mch&^kwnPx{Nu)SQtv4532r0m%8hRI_qBEeR%s{!^
z&ybyhZYEDMUZE)+$(&9@Q{>Y+#tR!W<uM%@2xO!;81gKo=2UW>#4d2mnCTGbW~-Tj
z64U9F*m4`OLQ)eqyyI~ZG&2Y^wp}x`np44}v0ICi{gM7+Qfjs@b-#k35KkKfq$2=(
z4;)zAQ2}gOmVX5(I};_Jsh$cUQ-eUd&m!)yinHtaD8dvcW~NyPGH0S<VPiR1zgaNP
zEPY|*o9Yrd_E#*IuV&e(Ja4UXu>s4Cqa;I+lDr*|i&Eq3N<d~g1x=Jrnq4<Td;P3N
zPL^_lmwF8>H3t~$j7YATPB0*FJ!vz3XOR#}XeKaKB(!kN#^oIqz_*sYE1ww-Z*YrT
zamzw|b_SQUAD9r@=y9JGDHMqi%7;kvgyyJFGgvTI6KSG#O#8BY=qn4!8uKPSNs^CC
zXJ*<b4Do0A*Jh@|D2;+l_k(Gvkop<e20;@eQ_st>s6NreWC}XV1v7-AStgmp{-jL_
zC^&SSh)%{&7;rPj5QQP!S{+`ijiA@fJP!x34&X3jcwfnRen$oH-s8u=@HY>A^`9+5
zk*%8(J<E<Wtnb}-LJa&nILJze6C%m~iP*0oGD>7*yjr8KYRr3Og$Yi|?tYoCX%zdB
znIL7Xbg<EYHyZarllzUyDOu7*SA54?>y(Y_w=^NK%W?^LHZdWS4L;1rqp?D8wqZ*7
z><pp)KToPBKoEr}@7i^uv1d1%zi{q#mSG73Er547n@cwzKJ=9x6~F`Uea|oc==t-r
ze{uQpcleR0hMYU`pvKvoZ~pA%-Fr_Do;h)6m6AQL_=I)wS{ix67!jOQD-1P~;l!iy
zs&77pK!*2~mZoxSp#*T-Ldh$`wk_~n@KEefq-l}O#&I!hhQMTn!RA=PNEiEkKY$4R
z6dslHDAV#88A7-TlQb11`7=RU`cpya5FsulIMd))&JcwWhF}+`4<G*0(vy$>hY+l4
zF@_S6r~$)!8;!H?yXQN86$cOQtOkTve)-;;k9_Z4M{hp%(zy$}FU`%>{lK>eQ6%ub
z_dj^1-uy{195Ug$Nvc7{`9Z0WGIrAUK}h3_+{@t@%k$-({lr7e`9CJWfuQG_xh`te
zDoVi!!O|u8y)OLqb%-#41*Aw}{r~*+h^VmqY+IIwKj|`_R22^7jCB$`8RpvJTn+Nk
zW4pi@h;w+gI_z2<<z^ea(L^s$y|!H6KrE1q<)K&;s#9a@N0|&##&jDcWg!WXes2~L
zBr$MC;JV1Qu-2WOFO~oJ?puyNI#aF9+Kook8V-jylU&+8HT{ykckg9HTLb2AT>zs9
z0a4Jb*Ponm-6z9p6_E(B)|$c68}5QUH(wzUL6DQ|BB@O<(<(iVgqg9Rd7lWPU_r;6
zA<Ae+N_vpvTBd{mP;NBf4!T(U%GYrA@yBrG+!@FyQVa+(!f@y(rkPtDwQ5CCe(3D~
zBqyB#=nsYn!%*|?5vtX)>dBQwrjRA+7{-9X(8nkUlmHXKaY}Gp2cd3cuTOQb`{*(3
zd-K~+-G39hy*>~H;G8GtU`BLoW)1T9YkCl5ej~@VFvYpXI0`0$rJ-d+0CDXVOJP4>
zuJ?{NJ72iL0>WAiZN@M|60B506a-rqtnI<Eh!8{(0+JB@9!6dni|_v)h#L-qy?Ba3
zNpRv0H!XyLCY_AC-ei*ZqFfk~ty^ZIz%jqyaJ0!F3fH?_FotTa4sq%vzV?|<<Knrq
zm~J+4<iHK+v|4C3YPh_xgh!q{0o$?=34v;*jJxl;9Tm@2u(Ao3lru$D@$jQh<MNed
zluD|(>9*s?v3u7Hd_6I;uue*VQ?l{ob1&fKv#-E$OBnefcFpa=ZO4vaFdU)R>*JM6
zm+{n>zJTYy`W4*qk3WF9cYGJRj6(!I7*9d9u{<#|{2qgJ<?88Xf_|(9k_IjzNd(#i
zTL3s`up~ny2{H`j+Vr&jwZq47;LJ(1d>_6L@JXBO*R&SQ82E4q->cxv`#*%W+wMSZ
zIDj8TERY08N(fT)umXxlE*<_Cqj^&(6w5_;3bmUJfZ3SSq^cCmFe~xmNl9=UO$?rU
z9AEvt-+%?+z3;pi2lnq(Jt0!UaU2XIg>{RI@3w8D*>0g)DJvWt<!&rS49Ansos#OU
z<*Ke*Yt+%6?qH}VuopV}09?m~=an_hq6Nl6cwQN^bG!5`UWV5lKZcdHb$siwC-Bw(
z^%>l;yo`hQe-wRD0%Vkg&$(>pWcSZVB$G6=h*TIZNl6Gb2OyUOive5$mZmQWgk+Es
zkGE&Qq6k0STS9v{+%g}`)e9hF;G-eP^RV>2KZxk|H=;2dpz1oX?UMARgrgD55h)Gm
zYxqt?DIg(Zn$rA-;moHs$}IHC@ULiG#}EPB^AIi0<Kh4QDO5ZcANlb2VtT5L!EgjA
z6_B!0_E4@?jB_c;uQeK|)oTbfX?F^bO1FxoF-x{%C(TpDB+9ia>g_h{;c(1qn0}e-
zxv*VF`-{q5upJw<Rug^@=qUmW2RbbrJahnm_t4ky$b(;kGc}9pd+&qa>t+xvEK}=F
z(Sj49b7NF*G**A&L<j{T(0x2M7%T#82F1t#PzekbA@SJM97?S=e)7blsE~LK1u%+W
zuPh@vbQq(b`8ek8c{}!ve6VH>^=bv*tk*_CBrwwEH;PA<#>@z$t06EFu{l-23KlG*
z0nOS}k@02>w#9Mki+_XB+6w;ZPy9HJ9=jQ<t7~Xh%Ia?<p<1ip($aETq9QfjvpL;C
zv)Mr42RTPHy`IGtBUQ<Dl@RG$s<j&E%ub`<8)U7a88|Tp&vW5=Zqhv{CBgALbY^BS
z@_qGljmdLe7a#i2`>}jw2`4`H*LchE+kr+0!XFy#2>G=sP=$G9n;B&lRO5JzT9Tv&
z5P`wcfQm>+FvcRsDM=m)lo;@6wS(WAJAhy6E}$c#F~G^r2w<~?=-u~W@t=GMbjMwo
z>i57(Ho$;ptqRw1fH1;P%1o;z%*J!1=2hzaNZK1T!Hf`_U}7j+I%5EL9P}3!aPF~3
z@rFBY!(0B*TQM9AFzvdTaz(9HL;LaqIA=+-6XP81=_zzN9gO@@rtoh<_c^y<SsY&3
zO9nXu49#{6({sDvcDowtZuGmv;7`U-saD{6Zqn8+AyF=uF*P@f(O{@tlo)U!CEBeP
z-t)fq;&*=g_p$KoGnl#Ooe(}UQ2Kl+bF-{armk&PF|~xoRC^!=&yPTe7()of1jdNS
zvMnM_U(ygEzJA~k{&P5opE~m*_Sk&qsX6}Su6q#G>WC^8STCQ>oWIr`V!q!WfI-u*
z8I@B_jxD6nXb{Sh#}(y$$EuT*2g8i{Rzw7g+gQJ{h|#czTlGZs)s@v;@Jwhl8fbOe
zN{dL<%j~!grgzPv-DzVq^fO6b(?7B-8=Ns%wyigs1h+WaGt-#fH3P@<#ta-Y%5=3x
z9j&R3S_vW$Br3HkrgzO^(CcS9-c)p5#j#tDqv1MOK6@6ex2hJ{B<XEdgEG-CE0DT^
zx^%{vP!ilosgch{2{695ZWslxtgK6^d4L!Jf-(F7V|cK&2k(&tZ>f(@?4$tx%%A=R
z7)kJg{0_G)bl2BM-18E$$dsFd5{fp}<_9pQOHD@MmrY2{VzOb$m=4nBJ|4PKt=G}+
zOr?MV{SqVyt#%7urK-TPP%v}1>|uIl2DL^VUfItS>Ql@E!F3$?z7O9I5_T8PfO@@w
zc4rD;R*v#4Td!+2o9N6;L7Gp=8CvZ&N{*Z1Pn1Nc)obYY2e7#XKk(se{%sgFb;dGP
z!xULvln&2#KT#Go7E`cEsT;JV0<J3jm=eec2u6a0l=<X6;iT>1X(CWSJ1c<U+S-P}
zi6vyjB_Ns1ZZ8Qii6kmkjyp?hx0E#)WHt}xpnXM_*lchTQKZHOfMfpL1++Ttlrkjg
zCX;BkTBz1*Mly%MIYX^cN2A%q$Q@-7CkBGXab1*#!vviYYYWG7(P+06hAtnaCL4{R
z(Qd)E?MxhM*)|%jCM?ZY0|WXrJ3E8to_P*y!y#s-XB9hz5C)u{W!yhLhAKh^Q<x-N
zC@+*osgDR02@Pj5PRJP$3A7w9I5;~kqG&rTFt1VocX!$oKjW5#QNJHvKCdS0WSbb2
z36?VT1M@H-npD3;K`=+z#!ND+$AJ%fW)6*mH{t6Keg*UA=W)xe$FQ)lp!iU<$!xV-
zXf*0dh%~&MF@}1xfmWx5!C;7tk8kuwx@8Z8z5~nRFm-*oQbDWTQo^1AZ<zoE<ttjY
zm3bz|b@b0|Mg69Q+I3wt8clruul@!BfZCB;QnmvFBw+S8%M45nxhf8gWfZb-H*LE0
zWXyysMZ@<&078Mf>qPsfrzi-5YbSuaHV{DDw$Zb!5tpj3RHe?1uwPUAQ=C3wV;QV5
z?Un&ovaHaiaCDaS!G(b3ma*$Q@576~|4IDv&;0^E^*=w28}{wT((;vLO1tNk;kuq8
zbu_N)x-Ke}YT_P@8BzkgvZo`}tZDZg7qwa)BR%7795kV-7WGD5H}|K0n&Y^r*Bc6N
zryJZouZ-ELS^VaI`3?N-1E0g}9e2ase<P&tCnd+!1nch%YiS~m(vCT!9AlVV%6YpI
z@n|kh(aX#TB|_OL4Li+7===V)6TtK9y$v*=4Sz7|3yVt#!6D6NW`%K!cQ(bH_c>G@
z8NO0xMjK4{Jj<G08rP6)*hl5&<2d+T_v3Sa`xp554}T0l_bb1Mn~vOsNQQ_+gof9E
z>$+p%V!2X5wN_2gC`Ex>xl&HKm5sx7Jk-59M)gsKdDIN87-Oh=jZ_EmSO6Wg>MfK?
zB``3QoDzopA^zL1eG)(aiGPp!4TmuM-S?}Ftf!F@Lk4}r#xmb5WgsMG^h&4xHP_mC
zEH9{s2_@J;X_Tb6g-d?edvtz5MsdFMS_t6by}LKmfZg@(@YFMw2z{T!E@f1h)B|er
zye3&+PG+($8Ca=IQ7>cw5wbu5mPT*>2<>;?2g@npFCX~dc<S-T@qrJ05O2QwZp`l8
zg+06X;qrxx07-Cd%7pJ@Vg4dy7-BdWW|6TOOhy@NYpVzbBk(w92Ey{<BIf7MV|jIX
zTma)i(2T)v4$xa&OXxfp0KeD6sh3{F(v>AFFD&7?XP?Cv9(Vv>e&`!$9J>ws?*AxQ
zt&V8WPu4|}!HyseU_t`6l}2*k(3VJHaKglQGbBQ(Mp;B@-Yf-B0%3$b(;fdUHy?&S
z8og=(WLup)^s}G+{KU_kQVC1TEBF5HAAb6QZnsxqZYhCAF$qv8apRlbh|cca2z_4z
zHw&U&$|hYBAIoIZVwCtmX1AgmSCFziamxnx%JApUWAU30p?m5@l%oJ;i=$qzA&dmp
z7Oxo92nREJcf+!+v`SH=?HPxV0#{y{N9YG&I+r-TXAb3B6(SN7`(+szxW%!&uz=p`
z8aTH=Qle6?q1J9=(Cc9s1n3b5?@VLYU2jF>);ko*(`X1v$ev729m7S?V{$n&Q8;Eh
zL)HqL%?+_X$t?>)2)y*ozsF#06};r=>;VI_2(;eE{U5&nlOO%S`~FqGKiE)ae&o%!
z@0<pFVR>ys4cPAwy5KB?2o<kz%#a|NqHh%vB56JvhfkWDEWySZzbC0kNXJuJTq8uJ
zh`<ItSiAOM_WqAzs^5dZyo9LVLoWy*r9jhl5)qbCVsSJy%>E?Es`|Y8CJ$AMCm*hl
zMp%xCzw?EDW_G&~yxUxKN~L7;g+gF065u68H`i`;U^QEcxqmcNjAUB)L_U*(Z0`$c
zj3!Tj9q|UGgdHpewlbKMMRAorl2C)kMFen5Tc?<E0$3dQOJ6>9VN(sbqXPKhx7<1L
zGq+U2!rJ=UH$V6Je)rO)Ch1+1`fm|J-yd5jDiAhP0B9W3scMxIG>p`VZf3AQvf)4p
zwPnMZ+XI(dx|@=Xox>}Dbxsn%{NK8m+$&2tU}^r`jv4Mt0*MG>G}8SuX-|mEX*)CB
zoY%TCw{$UZgBuxkZX}+QwdEX96hH=Q2#QSVy95d(Y|FwR@Ry!@`82Mn4|wv_naL-y
zI0j*~;<)ZI7~hk^cGD#p4f+VB)M+J3xbS45CfwL9*mQ1ML1_viN~Th7%SQorhy!4I
zpbt|k<pB-bSqmV`J|T_W&y%VNr6_R#f$u{^ArRA$B#A@`%k|)tN-JVG$Ry2Qa{+wd
ziKjO#F1nr<Sfx@|XEMj?wm~pLXwEnr%a(0k!@OES$&yADgABf12it}qna{!i&^86J
z$YQ`0Of9HE5bEhqJnQU83EQ&7(fxbZTdh`#8oCw&c+<fH8-DJ2<>AsRuUt;E&B*MY
zXyhk5W}GOkfT}bL*4kiiv%(@gU8N?=*P>|~0?#J+rJHN>Jk++B-2fZ70GmHg@p|U_
zoe4lV8mgLU$ubs}0YaiwsSMiF)0aE-I)dmL3gFvccXY$gtJR8FdF8^XCm!TE3Jb+2
z9rk*NhC?{jDnu9}Y5o{PzM!z(ar_;ad@@F!3fboI?0K@?bQyv?qdP47a}?C9jNW0E
zuU;1=p;JI>h7W`lBUQ4SH;3<IJeQ&0K+Kb5JsTHk6ONS$n1Iphs=j583`3?QRGY0u
zVc8eDeuzk3Llb;qX=!5(*z3ZslwY)~6+}S*m?P)81u-1L@Au#}n@KWtY>%@^-{)kn
zV9}5(G8L+(IEPq-7RmSkY`mUYbmk0VCVxhw(H<tD65IF&CtWYU2^kyLW4Qt_8UEzh
z+OYATG0q{v(5U;53wCpA>df+Rv=r<>4sd&wkd=*@7D^=>R=IM{t=C1guwcO{Wz}~i
zFj`$jbML-fHF7e7Z6h<cUGth}S04Xc25jM48=aqxxfa_q$CLAiTX8GcnDDYq&Yx#x
z<+crfbp?LE57<_g`j-gc9J8}CXK$LF_J_mawH3hGMt$QGaSJuqJK5}XF8429+%x8t
zSseXK7ZKff7~HlCwBS}^xnfG&twn+~<^#Pp;YSg?V(U+6>QmbC?_Zt2I|d`<9KA~y
zL8B4idD*i>Ay}n?&Q#}V3PZ3RFu&Upz_wf3blG<`n`dr2cJ$%-6DPhW9h6J4ibSxo
zg7x`%bZ)u{Vi0Z67+&OvvsaZ4Dek}9xhR$8!l#{yjkh1+va3m75y2`s2zq_2pF5}6
zVDkykFvRS^L*3hM-2YI+wGmqE+6v$uyJt4tP4!AyEZ=eKm%s4&FMf|03;@?PoM+_>
zubw`I#=d>99S0%^CK8Ts)l^Lu5PH=@Ta>7oq+Mu-bBXjS?sw}?gTzndP6=x-oJ7>^
zD(#nH?^3wH<42D?vA@%LCJX{di|>d4Zuu;6GxVe{&VVQkaND8%UpaJee-9&nJiK!p
z1S>08eD(yGWr17PM4GRS7M8ZT^8tW%=%v!D6dSgQFMG|il0+zZWvtK7W97w@fL$7o
z{(}IlTE!j5jyzZ`@llBZp2ar(x~2lC;tYY=M)kzI-uC7PU~yGT%&)5BVC|(Bv3T-%
zSe~~nAuM`vR3KbgUYA#Awzl#+Y?I%jEeheQ*(6u>qy*TN3I=N{xcu0+AfpJd?L4<H
zFdX96<3|_oeBI4|W^;~e*+a$K{A))|uvIE;&0KL7e&2oX__c35{H^bP>XAol=(G(`
zqY6e)Dq-ow30Rz?bL0q^u(oWDx5Cc;T9~`7UT-s>k*-o~=&DTmg!WZZs2AJyFj!f_
z#YY}NG#I3&H_gicet=S~hL3&!2mj#phi-Ukz2DzaExmO_^h|rpCp}QDJ^U|z<RgFb
zQ%^qqV`4Z0JU3Hphh+nZu<*na7_F{i_Vu@^1hwy{U3F}7ESuGDY?EcbM&-7+F`Q)?
zU5l?z+t9tmzsa_Iu3T21F_c^n#DJAkFX76GXAt>*Dt!54Wfk{*<b!8^@Ll)*7UvA@
zdSz#I@>YxU^TOZqdvGipQsDT<Kk@T__1QoF%Y&Gk#n=!rrr|v!A8xyi>0`%G+cgKv
zbs@q~nS*Uar)<LOr47v8)dV>Vlgnh2HQ^*7ET(N^n`l_t<o`wAbH>0OM@?v7UB&VX
zC$WC+tYSKK9Hafx(0*&{=(L;ov)}#ofBBB1M}BjCo5I!HNe#%h7_Bk@5ed{R=fsbF
z><51EsT0rr?&(u!kE7EDNMv^;V?f!1zrKc79{vW(Q`2Z3IEdPwJt&pSX+KG%P%K5`
z3pUa#n@7sUXP_}6kRp!g@oQ`kAh0p3-=y=>Hi9D_2YQ@CiU_@h1+1MtgYNu1DDVNt
zRRSn;(*+m<d><9g!hiFxf8uBFK6>PL`ma&$bjt!b+(ri!V+<iAD$V-C@BZL-eeBb}
z^+%r_bbGr|uWAmpOb$TpKq)a?x`N@AMK~|FQJI}ZxzmByYQw2k6^~y0XS$g@o+ljp
zHIrWGxF8m2;{x>)H}eoOREC9N2jzriD}4WxHp!OqlV&N6Gcd*#*%C|pW+LCmV0jtC
zm1PVU7cjVT1r(P_lT?euSSe6SU~vhzy!Rcy@E!NO<(GUdD6fShvt<+f=g*zow&NTM
z0oWEE`P$!q_;-H$Q-81?iE73lELv3}Ku_KVw_sH(@LDZ+^(IQy3QCm<Y}W(#Tv&EV
zv0Le}Sw#~luV&HcHQMc44HLF>-y}iAAW1?-A!HaL@_mH;KBCbGLAQ(H$_m0>S4}e4
z#Q<!Ub&wLQ+rzuwb?>J>`a>W7`0dAz1iR`rSXU81?dI0EM+2IEhXV`meAnAQb9&*5
z{g;3G*<X!<U@uBe@#DmPNU5a0h#-bT^m{$@aX}T<EeqUnVR;TL*Mn`@U?m&8<bah*
zfNjHuYW5~gp9TVmbEVBJ4ko4goO8%{SYq5^me5hCPAJQD^z?Dc%<#>8fn}^08DMvo
zBO1ws4>3<RAu)v{BEYg$sf!527(^5)z^D|erv`xZeTX1{B#B7>U-*GCt!DDywpBsE
zT;rl$z*Xx61|uA~?f8HFxBu>^KXLcIeZdteG~drvY{;DyK#N~p<~xc6f*?S9_uT)e
z?cIHLw7mRVqtWQ~aGatkF1d&eY5{FKiJ%Dt;g2AO1CwpBczN<%wwXB!EIWv!Xu1n1
zF>Bembudg<&Py}~=%n&SMbMgY0U(0{f4n2V`1@oem>we=r^{G=R4v;W-QoM-mKD0Q
zv;T4W@S$I@9f#JT2UNd?*1*QKFf&95g8-cKug@H~;Uj~!?yoE_EPjB9lyGqr@Zn;-
z`zC(5mZgPqjO;l3RyVEYQ!@2(qVQ5~GE-p=|J4HbH^=oEQx&&%O`-|wksIR_Mu3!P
zwVE%?9X#-#7Q6jF4*fvUoLqzBnh0Qg2qEBj-t)D3<NF+^^aG=A@26MR*WZLt0wr6S
zA=;u7M4Mq@*cM6{Y;&h;%eCsA&=G7ak;kh@X&dqvML;CrRmw}{TJ;YP9lr6m>r<T<
zE<JnlT8hNA6~H)x6(R~N&Bh<^+qdWQ=gyq_Sbuf(M+bg*REB{PLd)7<jq{0-jezhh
zYpQaiUkm?^CS?BD7)-mkHZx{E*(MU6B`-<|v5o7R6ERK8Fm|gfi<Hh^QW8|#ETK{@
z_u8%2U(fB^^Xsd<{x>9mD2%SPI9z)HOx8m6&|a=K>c4zo@7$*^T$q2?a5(zFC<yNz
z4u>68F|mw}>q+U^jj~~rSdI#MP-v5L&{o}W+QNNqpv?<MkfHb<XoGu5rnl=~5)$09
zf~j`<Th)5?^EVwn_(i+yeQmwhhg@4v7+e3p5y03t6hfe6+viKJ`>DoM=Z}IYy4~*&
z-z~!M?v=ImTcnhGNQhR-Re}`#5P#2E+AASM!SD<=?n`czieQ^*-wpm>SenQUa@$IY
zWkQNXvzx~g!V!0?!LoGfiYt;P%Ys!Z4N4YYbX@oJ+^*TD`lHd`HtV&A8jVKJ^E^eP
z9EoqI2z+}5FkM#}e@Vvq<FmVF9_O6%;OzPK^i=1-a4<O1?e~vbmUWndaB37r(?Q_Z
zZOiURlI2KBPZ2Rlcnns=U`Gs-wHjSrEKn$<Y;)zC^7U>Yc$=UsI0znNA_SrU061qQ
zn}>|Cp=Vnwfe_th*;^KjE!7+KSER)A)q3?s8+f_zhf6meIXrmz)EPukgeZz2gaC2&
zZGZRwAOtY46%~ydNd_#rp1TwY@mQHLG-|aO8TgIm-k`~bR&}b=nXbA{=iKtzY=3!~
zT+Z?4TaUTt*SejHE31wak-<xqok>vCXjk+(<$Xi8fxJ>K4U?z&HC#GIY12@m9NBo$
zjR;`eLZea+-*V*8%Bl17qZ4P&6Y6!of6uNiCt9#e_LYklFL!tCp6!M~xHh$W*Oe<v
ztAXQru!X?-&_@(Skb36FKcs_gmnq=-asAlIgI`~Q>&JBgynb94!0X5L<GKJ|KduYl
z_2c?+T>!5i*9GwUas9Y1fY*=z=a2sj1!($d*LNAN0000bbVXQnWMOn=I%9HWVRU5x
zGB7eTEif`IGBH#!H99akIx#UTFfckWFfHu9kN^MxC3HntbYx+4WjbwdWNBu305UK#
pGc7POEiy4wF*Q0cIXW>hD=;uRFfd%P1}p#o002ovPDHLkV1g}&>UIDC

literal 0
HcmV?d00001

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index a7a32d49e..19cb40d4d 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -3,6 +3,8 @@ import { ChatMessageType } from "../../../types/chat";
 import { classNames } from "../../../utils";
 import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
 import AiIconStill from "../../../assets/froze-flow.png";
+import Robot from "../../../assets/robot.png";
+import MaleTechnology from "../../../assets/male-technologist.png";
 import FileCard from "../fileComponent";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
@@ -49,14 +51,14 @@ export default function ChatMessage({
       <div className={classNames("mb-3 ml-3 mr-6 mt-1 ")}>
         {!chat.isSend ? (
           <div className="flex flex-col items-center gap-1">
-            <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
-              🤖
+            <div className="relative flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
+              <img src={Robot} className="absolute scale-[60%]" />
             </div>
           </div>
         ) : (
           <div className="flex flex-col items-center gap-1">
-            <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
-              👨‍💻
+            <div className="relative flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
+              <img src={MaleTechnology} className="absolute scale-[60%]" />
             </div>
           </div>
         )}
@@ -150,7 +152,7 @@ export default function ChatMessage({
       ) : (
         <div>
           <button
-            className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-3 text-base font-semibold"
+            className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-2 text-base font-semibold"
             onClick={() => {
               setPromptOpen((old) => !old);
             }}

From 85e27d488cf57827fb514f478384841d9ef7c9a8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 15:10:20 -0300
Subject: [PATCH 231/367] =?UTF-8?q?=F0=9F=90=9B=20fix(utils.ts):=20fix=20a?=
 =?UTF-8?q?=20syntax=20error=20in=20the=20buildInputs=20function=20The=20s?=
 =?UTF-8?q?yntax=20error=20was=20caused=20by=20a=20missing=20quotation=20m?=
 =?UTF-8?q?ark=20in=20the=20default=20value=20of=20the=20JSON=20string.=20?=
 =?UTF-8?q?The=20fix=20adds=20the=20missing=20quotation=20mark=20to=20ensu?=
 =?UTF-8?q?re=20the=20JSON=20string=20is=20valid.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 7626a7056..f74f0d584 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -911,7 +911,7 @@ export function buildInputs(tabsState, id) {
     tabsState[id].formKeysData.input_keys &&
     Object.keys(tabsState[id].formKeysData.input_keys).length > 0
     ? JSON.stringify(tabsState[id].formKeysData.input_keys)
-    : '{"input": message}';
+    : '{"input": "message"}';
 }
 
 export function buildTweaks(flow) {

From 1a83cce2f049c0e28c867f65c61ab1d19a9e9399 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 15:16:57 -0300
Subject: [PATCH 232/367] =?UTF-8?q?=F0=9F=94=A7=20fix(genericModal/index.t?=
 =?UTF-8?q?sx):=20fix=20CSS=20class=20name=20in=20DialogContent=20to=20inc?=
 =?UTF-8?q?lude=20gap-2=20to=20add=20gap=20between=20elements=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(genericModal/index.tsx):=20fix=20CSS=20class?=
 =?UTF-8?q?=20name=20in=20flex=20container=20to=20change=20height=20to=20h?=
 =?UTF-8?q?-[55vh]=20=F0=9F=94=A7=20fix(genericModal/index.tsx):=20fix=20C?=
 =?UTF-8?q?SS=20class=20name=20in=20div=20container=20to=20change=20height?=
 =?UTF-8?q?=20to=20h-[60px]=20and=20adjust=20width=20for=20different=20scr?=
 =?UTF-8?q?een=20sizes=20=F0=9F=94=A7=20fix(genericModal/index.tsx):=20fix?=
 =?UTF-8?q?=20CSS=20class=20name=20in=20Badge=20component=20to=20add=20max?=
 =?UTF-8?q?-width=20and=20truncate=20long=20text=20=F0=9F=94=A7=20fix(gene?=
 =?UTF-8?q?ricModal/index.tsx):=20fix=20logic=20to=20handle=20long=20text?=
 =?UTF-8?q?=20in=20Tooltip=20component=20and=20truncate=20it=20if=20necess?=
 =?UTF-8?q?ary=20=F0=9F=94=A7=20fix(genericModal/index.tsx):=20fix=20logic?=
 =?UTF-8?q?=20to=20handle=20button=20click=20in=20DialogFooter=20component?=
 =?UTF-8?q?=20and=20close=20modal=20if=20input=20value=20is=20empty?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modals/genericModal/index.tsx         | 70 ++++++++++---------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 826ccf310..0c8e9dcba 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -171,7 +171,7 @@ export default function GenericModal({
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger></DialogTrigger>
-      <DialogContent className="min-w-[80vw]">
+      <DialogContent className="min-w-[80vw] gap-2">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">{myModalTitle}</span>
@@ -200,7 +200,7 @@ export default function GenericModal({
         <div
           className={classNames(
             !isEdit ? "rounded-lg border" : "",
-            "flex h-[60vh] w-full"
+            "flex h-[55vh] w-full"
           )}
         >
           {type == TypeModal.PROMPT && isEdit ? (
@@ -238,40 +238,40 @@ export default function GenericModal({
 
         {type == TypeModal.PROMPT && (
           <>
-            <div className="h-[6vh] overflow-y-auto custom-scroll">
-              <div className="flex flex-wrap items-center">
-                <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
-                <span className="text-md font-semibold text-primary">
-                  Input Variables:{" "}
-                  {wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
-                </span>
+          <div className="h-[60px] overflow-y-auto custom-scroll md:w-5/6 sm:6/6 mt-3">
+            <div className="flex flex-wrap items-center">
+              <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
+              <span className="text-md font-semibold text-primary">
+                Input Variables:{" "}
+                {wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
+              </span>
 
-                {wordsHighlight.map((word, index) => (
-                  <ShadTooltip
-                    key={getRandomKeyByssmm() + index}
-                    content={word.replace(/[{}]/g, "")}
-                    asChild={false}
-                    delayDuration={1500}
+              {wordsHighlight.map((word, index) => (
+                <ShadTooltip
+                  key={getRandomKeyByssmm() + index}
+                  content={word.replace(/[{}]/g, "")}
+                  asChild={false}
+                  delayDuration={1500}
+                >
+                  <Badge
+                    key={index}
+                    variant="gray"
+                    size="md"
+                    className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
                   >
-                    <Badge
-                      key={index}
-                      variant="gray"
-                      size="md"
-                      className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
-                    >
-                      <div className="relative bottom-[1px]">
-                        <span>
-                          {word.replace(/[{}]/g, "").length > 59
-                            ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
-                            : word.replace(/[{}]/g, "")}
-                        </span>
-                      </div>
-                    </Badge>
-                  </ShadTooltip>
-                ))}
-              </div>
+                    <div className="relative bottom-[1px]">
+                      <span>
+                        {word.replace(/[{}]/g, "").length > 59
+                          ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
+                          : word.replace(/[{}]/g, "")}
+                      </span>
+                    </div>
+                  </Badge>
+                </ShadTooltip>
+              ))}
             </div>
-          </>
+          </div>
+        </>
         )}
 
         <DialogFooter>
@@ -284,7 +284,9 @@ export default function GenericModal({
                   setModalOpen(false);
                   break;
                 case 2:
-                  validatePrompt(false);
+                  !inputValue || inputValue == ""
+                    ? setModalOpen(false)
+                    : validatePrompt(false);
                   break;
 
                 default:

From 2e5ebabb591bee9d9eaf365b12c036cfc10e3f5a Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 15:18:37 -0300
Subject: [PATCH 233/367] =?UTF-8?q?=F0=9F=90=9B=20fix(genericModal/index.t?=
 =?UTF-8?q?sx):=20adjust=20styling=20of=20the=20modal=20content=20containe?=
 =?UTF-8?q?r=20to=20fix=20layout=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/genericModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 0c8e9dcba..aa3c99774 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -238,7 +238,7 @@ export default function GenericModal({
 
         {type == TypeModal.PROMPT && (
           <>
-          <div className="h-[60px] overflow-y-auto custom-scroll md:w-5/6 sm:6/6 mt-3">
+          <div className="h-[60px] overflow-y-auto custom-scroll sm:6/6 mt-3 mr-28">
             <div className="flex flex-wrap items-center">
               <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
               <span className="text-md font-semibold text-primary">

From c21f7a55453628149c3a6b93b9a766408a42cd9c Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Fri, 7 Jul 2023 15:23:25 -0300
Subject: [PATCH 234/367] refactor(formModal): Add formModal tailwind constants
 classes

---
 src/frontend/src/index.css                    | 133 ++++++++++++++++++
 .../src/modals/formModal/chatInput/index.tsx  |  14 +-
 .../modals/formModal/chatMessage/index.tsx    |  27 ++--
 src/frontend/src/modals/formModal/index.tsx   |  44 +++---
 4 files changed, 175 insertions(+), 43 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index b95a930da..437358e11 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -913,5 +913,138 @@ The cursor: default; property value restores the browser's default cursor style
     @apply ml-3 h-6 w-6
   }
 
+  .form-modal-lock-true {
+    @apply bg-input text-black dark:bg-gray-700 dark:text-gray-300
+  }
+  .form-modal-lock-false {
+    @apply bg-white text-black dark:bg-gray-900 dark:text-gray-300
+  }
+  .form-modal-lockchat {
+    @apply form-input block w-full rounded-md border-gray-300 p-4 pr-16 custom-scroll dark:border-gray-600 sm:text-sm
+  }
+  .form-modal-send-icon-position {
+    @apply absolute bottom-2 right-4
+  }
+  .form-modal-send-button {
+    @apply rounded-md p-2 px-1 transition-all duration-300
+  }
+  .form-modal-lock-icon {
+    @apply ml-1 mr-1 h-5 w-5 animate-pulse
+  }
+  .form-modal-send-icon {
+    @apply mr-2 h-5 w-5 rotate-[44deg]
+  }
+  .form-modal-chat-position {
+    @apply flex-max-width px-2 py-6 pl-4 pr-9
+  }
+  .form-modal-chatbot-icon {
+    @apply mb-3 mr-3 mt-1 w-20
+  }
+  .form-modal-chat-image {
+    @apply flex flex-col items-center gap-1
+  }
+  .form-modal-chat-img-box {
+    @apply flex h-8 w-8 items-center justify-center overflow-hidden rounded-md p-5 text-2xl
+  }
+  .form-modal-chat-bot-icon {
+    @apply form-modal-chat-img-box bg-[#afe6ef]
+  }
+  .form-modal-chat-user-icon {
+    @apply form-modal-chat-img-box bg-[#aface9]
+  }
+  .form-modal-chat-text-position {
+    @apply flex w-full flex-1 items-center text-start
+  }
+  .form-modal-chat-text {
+    @apply relative inline-block w-full text-start text-sm font-normal text-muted-foreground
+  }
+  .form-modal-chat-icon-div {
+    @apply absolute -left-8 -top-5 cursor-pointer
+  }
+  .form-modal-chat-icon {
+    @apply h-5 w-5 animate-bounce dark:text-white
+  }
+  .form-modal-chat-thought-border {
+    @apply rounded-md border border-gray-300
+  }
+  .form-modal-chat-thought-size {
+    @apply inline-block h-full w-[95%]
+  }
+  .form-modal-chat-thought {
+    @apply ml-3 cursor-pointer overflow-scroll  bg-muted px-2 text-start text-primary scrollbar-hide dark:border-gray-500 dark:bg-gray-800 form-modal-chat-thought-border form-modal-chat-thought-size
+  }
+  .form-modal-markdown-span {
+    @apply mt-1 animate-pulse cursor-default
+  }
+  .form-modal-initial-prompt-btn {
+    @apply mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-3 text-base font-semibold
+  }
+  .form-modal-iv-box {
+    @apply mt-2 flex-max-width h-[80vh]
+  }
+  .form-modal-iv-size {
+    @apply mr-6 flex h-full w-2/6 flex-col justify-start overflow-auto scrollbar-hide
+  }
+  .file-component-arrangement {
+    @apply flex items-center py-2
+  }
+  .file-component-variable {
+    @apply -ml-px mr-1 h-4 w-4 text-primary
+  }
+  .file-component-variables-span {
+    @apply font-semibold text-primary
+  }
+  .file-component-variables-title {
+    @apply flex items-center justify-between pt-2
+  }
+  .file-component-variables-div {
+    @apply mr-2.5 flex items-center
+  }
+  .file-component-variables-title-txt {
+    @apply text-sm font-medium text-primary
+  }
+  .file-component-accordion-div {
+    @apply flex items-start gap-3
+  }
+  .file-component-badge-div {
+    @apply flex-max-width items-center justify-between
+  }
+  .file-component-tab-column {
+    @apply flex flex-col gap-2 p-1
+  }
+  .tab-accordion-badge-div {
+    @apply flex flex-1 items-center justify-between py-4 text-sm font-normal text-muted-foreground transition-all
+  }
+  .eraser-column-arrangement {
+    @apply flex-max-width flex-1 flex-col
+  }
+  .eraser-size {
+    @apply relative flex h-full w-full flex-col rounded-md border bg-muted
+  }
+  .eraser-position {
+    @apply absolute right-3 top-3 z-50
+  }
+  .chat-message-div {
+    @apply flex-max-width h-full flex-col items-center overflow-scroll scrollbar-hide
+  }
+  .chat-alert-box {
+    @apply flex-max-width h-full flex-col items-center justify-center text-center align-middle
+  }
+  .langflow-chat-span {
+    @apply text-lg text-gray-600 dark:text-gray-300
+  }
+  .langflow-chat-desc {
+    @apply w-2/4 rounded-md border border-gray-200 bg-muted px-6 py-8 dark:border-gray-700 dark:bg-gray-900
+  }
+  .langflow-chat-desc-span {
+    @apply text-base text-gray-500
+  }
+  .langflow-chat-input-div {
+    @apply flex-max-width flex-col items-center justify-between px-8 pb-6
+  }
+  .langflow-chat-input {
+    @apply relative w-full rounded-md shadow-sm
+  }
+
 
 }
\ No newline at end of file
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index f5eeed885..5bc694fa6 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -50,16 +50,16 @@ export default function ChatInput({
         }}
         className={classNames(
           lockChat
-            ? " bg-input text-black dark:bg-gray-700 dark:text-gray-300"
-            : "  bg-white-200 text-black dark:bg-gray-900 dark:text-gray-300",
-          "form-input block w-full rounded-md border-gray-300 p-4 pr-16 custom-scroll dark:border-gray-600 sm:text-sm"
+            ? " form-modal-lock-true"
+            : " form-modal-lock-false",
+          "form-modal-lockchat"
         )}
         placeholder={"Send a message..."}
       />
-      <div className="absolute bottom-2 right-4">
+      <div className="form-modal-send-icon-position">
         <button
           className={classNames(
-            "rounded-md p-2 px-1 transition-all duration-300",
+            "form-modal-send-button",
             chatValue == "" ? "text-primary" : " bg-indigo-600 text-background"
           )}
           disabled={lockChat}
@@ -67,12 +67,12 @@ export default function ChatInput({
         >
           {lockChat ? (
             <Lock
-              className="ml-1 mr-1 h-5 w-5 animate-pulse"
+              className="form-modal-lock-icon"
               aria-hidden="true"
             />
           ) : (
             <LucideSend
-              className="mr-2 h-5 w-5 rotate-[44deg] "
+              className="form-modal-send-icon "
               aria-hidden="true"
             />
           )}
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index dfd04a585..6b2cb413f 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -35,21 +35,21 @@ export default function ChatMessage({
   return (
     <div
       className={classNames(
-        "flex w-full px-2 py-6 pl-4 pr-9",
+        "form-modal-chat-position",
         chat.isSend ? "" : " "
       )}
     >
-      <div className={classNames("mb-3 mr-3 mt-1 w-20 ")}>
+      <div className={classNames("form-modal-chatbot-icon ")}>
         {!chat.isSend ? (
-          <div className="flex flex-col items-center gap-1">
-            <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
+          <div className="form-modal-chat-image">
+            <div className="form-modal-chat-bot-icon ">
               🤖
             </div>
             <span className="text-xs">Chatbot</span>
           </div>
         ) : (
-          <div className="flex flex-col items-center gap-1">
-            <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
+          <div className="form-modal-chat-image">
+            <div className="form-modal-chat-user-icon ">
               👨‍💻
             </div>
             <span className="text-xs">User</span>
@@ -57,21 +57,20 @@ export default function ChatMessage({
         )}
       </div>
       {!chat.isSend ? (
-        <div className="flex w-full flex-1 items-center text-start">
-          <div className="relative inline-block w-full text-start text-sm font-normal text-muted-foreground">
+        <div className="form-modal-chat-text-position">
+          <div className="form-modal-chat-text">
             {hidden && (
               <div
                 onClick={() => setHidden((prev) => !prev)}
-                className="absolute -left-8 -top-5 cursor-pointer"
+                className="form-modal-chat-icon-div"
               >
-                <MessageSquare className="h-5 w-5 animate-bounce dark:text-white" />
+                <MessageSquare className="form-modal-chat-icon" />
               </div>
             )}
             {chat.thought && chat.thought !== "" && !hidden && (
               <div
                 onClick={() => setHidden((prev) => !prev)}
-                className=" ml-3 inline-block h-full w-[95%] cursor-pointer overflow-scroll rounded-md border
-								border-gray-300 bg-muted px-2 text-start text-primary scrollbar-hide dark:border-gray-500 dark:bg-gray-800"
+                className=" form-modal-chat-thought "
                 dangerouslySetInnerHTML={{
                   __html: convert.toHtml(chat.thought),
                 }}
@@ -91,7 +90,7 @@ export default function ChatMessage({
                         if (children.length) {
                           if (children[0] == "▍") {
                             return (
-                              <span className="mt-1 animate-pulse cursor-default">
+                              <span className="form-modal-markdown-span">
                                 ▍
                               </span>
                             );
@@ -145,7 +144,7 @@ export default function ChatMessage({
       ) : (
         <div>
           <button
-            className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-3 text-base font-semibold"
+            className="form-modal-initial-prompt-btn"
             onClick={() => {
               setPromptOpen((old) => !old);
             }}
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index eee866bb0..f0207e6ba 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -401,19 +401,19 @@ export default function FormModal({
             <DialogDescription>{CHAT_FORM_DIALOG_SUBTITLE}</DialogDescription>
           </DialogHeader>
 
-          <div className="mt-2 flex h-[80vh] w-full ">
-            <div className="mr-6 flex h-full w-2/6 flex-col justify-start overflow-auto scrollbar-hide">
-              <div className="flex items-center py-2">
-                <Variable className=" -ml-px mr-1 h-4 w-4 text-primary"></Variable>
-                <span className="text-md font-semibold text-primary">
+          <div className="form-modal-iv-box ">
+            <div className="form-modal-iv-size">
+              <div className="file-component-arrangement">
+                <Variable className=" file-component-variable"></Variable>
+                <span className="file-component-variables-span text-md">
                   Input Variables
                 </span>
               </div>
-              <div className="flex items-center justify-between pt-2">
-                <div className="mr-2.5 flex items-center">
+              <div className="file-component-variables-title">
+                <div className="file-component-variables-div">
                   <span className="text-sm font-medium text-primary">Name</span>
                 </div>
-                <div className="mr-2.5 flex items-center">
+                <div className="file-component-variables-div">
                   <span className="text-sm font-medium text-primary">
                     Chat Input
                   </span>
@@ -422,10 +422,10 @@ export default function FormModal({
               <Accordion type="multiple" className="w-full">
                 {Object.keys(tabsState[id.current].formKeysData.input_keys).map(
                   (i, k) => (
-                    <div className="flex items-start gap-3" key={k}>
+                    <div className="file-component-accordion-div" key={k}>
                       <AccordionItem className="w-full" key={k} value={i}>
                         <AccordionTrigger className="flex gap-2">
-                          <div className="flex w-full items-center justify-between">
+                          <div className="file-component-badge-div">
                             <Badge variant="gray" size="md">
                               {i}
                             </Badge>
@@ -450,7 +450,7 @@ export default function FormModal({
                           </div>
                         </AccordionTrigger>
                         <AccordionContent>
-                          <div className="flex flex-col gap-2 p-1">
+                          <div className="file-component-tab-column">
                             {tabsState[
                               id.current
                             ].formKeysData.handle_keys.some((t) => t === i) && (
@@ -482,7 +482,7 @@ export default function FormModal({
                 )}
                 {tabsState[id.current].formKeysData.memory_keys.map((i, k) => (
                   <AccordionItem key={k} value={i}>
-                    <div className="group flex flex-1 items-center justify-between py-4 text-sm font-normal text-muted-foreground transition-all">
+                    <div className="tab-accordion-badge-div group">
                       <div className="group-hover:underline">
                         <Badge size="md" variant="gray">
                           {i}
@@ -494,9 +494,9 @@ export default function FormModal({
                 ))}
               </Accordion>
             </div>
-            <div className="flex w-full flex-1 flex-col">
-              <div className="relative flex h-full w-full flex-col rounded-md border bg-muted">
-                <div className="absolute right-3 top-3 z-50">
+            <div className="eraser-column-arrangement">
+              <div className="eraser-size">
+                <div className="eraser-position">
                   <button disabled={lockChat} onClick={() => clearChat()}>
                     <Eraser
                       className={classNames(
@@ -511,7 +511,7 @@ export default function FormModal({
                 </div>
                 <div
                   ref={messagesRef}
-                  className="flex h-full w-full flex-col items-center overflow-scroll scrollbar-hide"
+                  className="chat-message-div"
                 >
                   {chatHistory.length > 0 ? (
                     chatHistory.map((c, i) => (
@@ -523,16 +523,16 @@ export default function FormModal({
                       />
                     ))
                   ) : (
-                    <div className="flex h-full w-full flex-col items-center justify-center text-center align-middle">
+                    <div className="chat-alert-box">
                       <span>
                         👋{" "}
-                        <span className="text-lg text-gray-600 dark:text-gray-300">
+                        <span className="langflow-chat-span">
                           LangFlow Chat
                         </span>
                       </span>
                       <br />
-                      <div className="w-2/4 rounded-md border border-gray-200 bg-muted px-6 py-8 dark:border-gray-700 dark:bg-gray-900">
-                        <span className="text-base text-gray-500">
+                      <div className="langflow-chat-desc">
+                        <span className="langflow-chat-desc-span">
                           Start a conversation and click the agent's thoughts{" "}
                           <span>
                             <MessageSquare className="mx-1 inline h-5 w-5 animate-bounce " />
@@ -544,8 +544,8 @@ export default function FormModal({
                   )}
                   <div ref={ref}></div>
                 </div>
-                <div className="flex w-full flex-col items-center justify-between px-8 pb-6">
-                  <div className="relative w-full rounded-md shadow-sm">
+                <div className="langflow-chat-input-div">
+                  <div className="langflow-chat-input">
                     <ChatInput
                       chatValue={chatValue}
                       lockChat={lockChat}

From 4bc1a843d191d0a7762012c2988db748b5fd7a1e Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 15:33:43 -0300
Subject: [PATCH 235/367] =?UTF-8?q?=F0=9F=94=A7=20chore(frontend):=20add?=
 =?UTF-8?q?=20prettier-plugin-organize-imports=20package=20to=20improve=20?=
 =?UTF-8?q?code=20formatting=20The=20prettier-plugin-organize-imports=20pa?=
 =?UTF-8?q?ckage=20is=20added=20to=20the=20project=20to=20improve=20code?=
 =?UTF-8?q?=20formatting.=20This=20plugin=20helps=20to=20organize=20and=20?=
 =?UTF-8?q?sort=20import=20statements=20in=20a=20consistent=20and=20standa?=
 =?UTF-8?q?rdized=20manner,=20making=20the=20codebase=20more=20readable=20?=
 =?UTF-8?q?and=20maintainable.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/package-lock.json | 21 +++++++++++++++++++++
 src/frontend/package.json      |  1 +
 2 files changed, 22 insertions(+)

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 1bd962f0a..e705b55e4 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -85,6 +85,7 @@
         "daisyui": "^3.1.1",
         "postcss": "^8.4.23",
         "prettier": "^2.8.8",
+        "prettier-plugin-organize-imports": "^3.2.2",
         "prettier-plugin-tailwindcss": "^0.3.0",
         "tailwindcss": "^3.3.2",
         "typescript": "^5.0.2",
@@ -8616,6 +8617,26 @@
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
+    "node_modules/prettier-plugin-organize-imports": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-3.2.2.tgz",
+      "integrity": "sha512-e97lE6odGSiHonHJMTYC0q0iLXQyw0u5z/PJpvP/3vRy6/Zi9kLBwFAbEGjDzIowpjQv8b+J04PDamoUSQbzGA==",
+      "dev": true,
+      "peerDependencies": {
+        "@volar/vue-language-plugin-pug": "^1.0.4",
+        "@volar/vue-typescript": "^1.0.4",
+        "prettier": ">=2.0",
+        "typescript": ">=2.9"
+      },
+      "peerDependenciesMeta": {
+        "@volar/vue-language-plugin-pug": {
+          "optional": true
+        },
+        "@volar/vue-typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/prettier-plugin-tailwindcss": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.3.0.tgz",
diff --git a/src/frontend/package.json b/src/frontend/package.json
index aab383997..323a9a7be 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -106,6 +106,7 @@
     "daisyui": "^3.1.1",
     "postcss": "^8.4.23",
     "prettier": "^2.8.8",
+    "prettier-plugin-organize-imports": "^3.2.2",
     "prettier-plugin-tailwindcss": "^0.3.0",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.0.2",

From 7304b922b99418a140d479ace394f1701f4c6331 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 15:34:22 -0300
Subject: [PATCH 236/367] Formatting

---
 src/frontend/src/App.tsx                      | 15 ++--
 .../components/parameterComponent/index.tsx   | 39 +++++----
 .../src/CustomNodes/GenericNode/index.tsx     | 24 +++---
 .../components/singleAlertComponent/index.tsx |  4 +-
 .../src/alerts/alertDropDown/index.tsx        |  8 +-
 src/frontend/src/alerts/error/index.tsx       |  2 +-
 src/frontend/src/alerts/notice/index.tsx      |  2 +-
 src/frontend/src/alerts/success/index.tsx     |  2 +-
 .../components/AccordionComponent/index.tsx   |  9 +-
 .../EditFlowSettingsComponent/index.tsx       |  6 +-
 .../ExtraSidebarComponent/index.tsx           |  2 +-
 .../LightTooltipComponent/index.tsx           |  2 +-
 .../src/components/LoadingSpinner/index.tsx   |  3 -
 .../src/components/RadialProgress/index.tsx   |  1 -
 .../components/ShadTooltipComponent/index.tsx |  2 +-
 .../src/components/TooltipComponent/index.tsx |  3 +-
 .../src/components/cardComponent/index.tsx    | 17 +---
 .../chatComponent/buildTrigger/index.tsx      | 10 +--
 .../chatComponent/chatTrigger/index.tsx       |  2 +-
 .../src/components/chatComponent/index.tsx    | 10 +--
 .../components/codeAreaComponent/index.tsx    |  1 -
 .../components/dropdownComponent/index.tsx    |  4 +-
 .../src/components/floatComponent/index.tsx   |  4 +-
 .../components/menuBar/index.tsx              | 16 ++--
 .../src/components/headerComponent/index.tsx  | 13 ++-
 .../src/components/inputComponent/index.tsx   |  4 +-
 .../components/inputFileComponent/index.tsx   |  4 +-
 .../components/inputListComponent/index.tsx   |  3 +-
 .../src/components/intComponent/index.tsx     |  5 +-
 .../src/components/promptComponent/index.tsx  |  8 +-
 .../components/textAreaComponent/index.tsx    |  4 +-
 .../src/components/toggleComponent/index.tsx  |  2 +-
 .../components/toggleShadComponent/index.tsx  |  1 -
 src/frontend/src/components/ui/accordion.tsx  |  2 +-
 src/frontend/src/components/ui/badge.tsx      |  2 +-
 src/frontend/src/components/ui/button.tsx     |  2 +-
 src/frontend/src/components/ui/checkbox.tsx   |  2 +-
 src/frontend/src/components/ui/dialog.tsx     |  2 +-
 .../src/components/ui/dropdown-menu.tsx       |  2 +-
 src/frontend/src/components/ui/label.tsx      |  2 +-
 src/frontend/src/components/ui/menubar.tsx    |  2 +-
 src/frontend/src/components/ui/progress.tsx   |  2 +-
 .../src/components/ui/rename-label.tsx        |  2 +-
 src/frontend/src/components/ui/separator.tsx  |  2 +-
 src/frontend/src/components/ui/switch.tsx     |  2 +-
 src/frontend/src/components/ui/tabs.tsx       |  2 +-
 src/frontend/src/components/ui/tooltip.tsx    |  2 +-
 src/frontend/src/constants.tsx                |  3 +-
 src/frontend/src/contexts/SSEContext.tsx      |  8 +-
 src/frontend/src/contexts/index.tsx           |  4 +-
 src/frontend/src/contexts/popUpContext.tsx    |  3 +-
 src/frontend/src/contexts/tabsContext.tsx     | 36 ++++----
 src/frontend/src/contexts/typesContext.tsx    |  2 +-
 src/frontend/src/contexts/undoRedoContext.tsx |  2 +-
 src/frontend/src/controllers/API/index.ts     | 20 ++---
 src/frontend/src/index.tsx                    |  5 +-
 src/frontend/src/modals/ApiModal/index.tsx    | 70 ++++++++--------
 .../src/modals/EditNodeModal/index.tsx        | 48 +++++------
 .../NodeModal/components/ModalField/index.tsx | 18 ++--
 src/frontend/src/modals/NodeModal/index.tsx   |  4 +-
 .../modals/chatModal/chatMessage/index.tsx    | 16 ++--
 src/frontend/src/modals/chatModal/index.tsx   |  8 +-
 .../src/modals/codeAreaModal/index.tsx        | 18 ++--
 src/frontend/src/modals/exportModal/index.tsx | 16 ++--
 .../src/modals/flowSettingsModal/index.tsx    | 13 ++-
 .../src/modals/formModal/chatInput/index.tsx  |  5 +-
 .../modals/formModal/chatMessage/index.tsx    | 33 ++------
 .../modals/formModal/fileComponent/index.tsx  |  2 +-
 src/frontend/src/modals/formModal/index.tsx   | 26 +++---
 .../src/modals/genericModal/index.tsx         | 83 +++++++++----------
 .../modals/importModal/buttonBox/index.tsx    |  2 +-
 src/frontend/src/modals/importModal/index.tsx | 20 ++---
 src/frontend/src/modals/promptModal/index.tsx |  8 +-
 .../src/modals/textAreaModal/index.tsx        |  2 +-
 .../src/pages/CommunityPage/index.tsx         | 10 +--
 .../components/DisclosureComponent/index.tsx  |  2 +-
 .../components/PageComponent/index.tsx        | 30 +++----
 .../extraSidebarComponent/index.tsx           | 25 +++---
 .../components/nodeToolbarComponent/index.tsx |  8 +-
 src/frontend/src/pages/FlowPage/index.tsx     |  4 +-
 src/frontend/src/pages/MainPage/index.tsx     |  6 +-
 src/frontend/src/routes.tsx                   |  4 +-
 src/frontend/src/types/api/index.ts           |  2 +-
 src/frontend/src/types/components/index.ts    |  2 +-
 src/frontend/src/types/flow/index.ts          |  3 +-
 src/frontend/src/utils.ts                     | 58 ++++++-------
 src/frontend/vite.config.ts                   |  2 +-
 87 files changed, 417 insertions(+), 474 deletions(-)

diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 7335da19d..0088081ae 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -1,20 +1,19 @@
-import "reactflow/dist/style.css";
-import { useState, useEffect, useContext } from "react";
-import "./App.css";
-import { useLocation } from "react-router-dom";
 import _ from "lodash";
+import { useContext, useEffect, useState } from "react";
+import { useLocation } from "react-router-dom";
+import "reactflow/dist/style.css";
+import "./App.css";
 
+import { ErrorBoundary } from "react-error-boundary";
 import ErrorAlert from "./alerts/error";
 import NoticeAlert from "./alerts/notice";
 import SuccessAlert from "./alerts/success";
+import CrashErrorComponent from "./components/CrashErrorComponent";
+import Header from "./components/headerComponent";
 import { alertContext } from "./contexts/alertContext";
 import { locationContext } from "./contexts/locationContext";
-import { ErrorBoundary } from "react-error-boundary";
-import CrashErrorComponent from "./components/CrashErrorComponent";
 import { TabsContext } from "./contexts/tabsContext";
-import { getVersion } from "./controllers/API";
 import Router from "./routes";
-import Header from "./components/headerComponent";
 
 export default function App() {
   let { setCurrent, setShowSideBar, setIsStackedOpen } =
diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 8e22eafac..d8208e5f2 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -1,31 +1,30 @@
+import { Info } from "lucide-react";
+import React, { useContext, useEffect, useRef, useState } from "react";
 import { Handle, Position, useUpdateNodeInternals } from "reactflow";
+import ShadTooltip from "../../../../components/ShadTooltipComponent";
+import CodeAreaComponent from "../../../../components/codeAreaComponent";
+import Dropdown from "../../../../components/dropdownComponent";
+import FloatComponent from "../../../../components/floatComponent";
+import InputComponent from "../../../../components/inputComponent";
+import InputFileComponent from "../../../../components/inputFileComponent";
+import InputListComponent from "../../../../components/inputListComponent";
+import IntComponent from "../../../../components/intComponent";
+import PromptAreaComponent from "../../../../components/promptComponent";
+import TextAreaComponent from "../../../../components/textAreaComponent";
+import ToggleShadComponent from "../../../../components/toggleShadComponent";
+import { PopUpContext } from "../../../../contexts/popUpContext";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import { typesContext } from "../../../../contexts/typesContext";
+import { ParameterComponentType } from "../../../../types/components";
 import {
   classNames,
   getRandomKeyByssmm,
   groupByFamily,
   isValidConnection,
+  nodeColors,
   nodeIconsLucide,
+  nodeNames,
 } from "../../../../utils";
-import { useContext, useEffect, useRef, useState } from "react";
-import InputComponent from "../../../../components/inputComponent";
-import InputListComponent from "../../../../components/inputListComponent";
-import TextAreaComponent from "../../../../components/textAreaComponent";
-import { typesContext } from "../../../../contexts/typesContext";
-import { ParameterComponentType } from "../../../../types/components";
-import FloatComponent from "../../../../components/floatComponent";
-import Dropdown from "../../../../components/dropdownComponent";
-import CodeAreaComponent from "../../../../components/codeAreaComponent";
-import InputFileComponent from "../../../../components/inputFileComponent";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import IntComponent from "../../../../components/intComponent";
-import PromptAreaComponent from "../../../../components/promptComponent";
-import { nodeNames } from "../../../../utils";
-import React from "react";
-import { nodeColors } from "../../../../utils";
-import ShadTooltip from "../../../../components/ShadTooltipComponent";
-import { PopUpContext } from "../../../../contexts/popUpContext";
-import ToggleShadComponent from "../../../../components/toggleShadComponent";
-import { Info } from "lucide-react";
 
 export default function ParameterComponent({
   left,
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 313be210c..197132e81 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -1,3 +1,15 @@
+import { Zap } from "lucide-react";
+import { useContext, useEffect, useRef, useState } from "react";
+import { NodeToolbar } from "reactflow";
+import ShadTooltip from "../../components/ShadTooltipComponent";
+import Tooltip from "../../components/TooltipComponent";
+import { useSSE } from "../../contexts/SSEContext";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { typesContext } from "../../contexts/typesContext";
+import NodeModal from "../../modals/NodeModal";
+import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
+import { NodeDataType } from "../../types/flow";
 import {
   classNames,
   nodeColors,
@@ -5,18 +17,6 @@ import {
   toTitleCase,
 } from "../../utils";
 import ParameterComponent from "./components/parameterComponent";
-import { typesContext } from "../../contexts/typesContext";
-import { useContext, useState, useEffect, useRef } from "react";
-import { NodeDataType } from "../../types/flow";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import NodeModal from "../../modals/NodeModal";
-import Tooltip from "../../components/TooltipComponent";
-import { NodeToolbar } from "reactflow";
-import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
-import ShadTooltip from "../../components/ShadTooltipComponent";
-import { useSSE } from "../../contexts/SSEContext";
-import { Zap } from "lucide-react";
 
 export default function GenericNode({
   data,
diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
index 857bf0fb4..18475b039 100644
--- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
@@ -1,8 +1,8 @@
-import { Link } from "react-router-dom";
 import { Transition } from "@headlessui/react";
+import { CheckCircle2, Info, X, XCircle } from "lucide-react";
 import { useState } from "react";
+import { Link } from "react-router-dom";
 import { SingleAlertComponentType } from "../../../../types/alerts";
-import { X, CheckCircle2, Info, XCircle } from "lucide-react";
 
 export default function SingleAlert({
   dropItem,
diff --git a/src/frontend/src/alerts/alertDropDown/index.tsx b/src/frontend/src/alerts/alertDropDown/index.tsx
index ef703f624..cd1ed9137 100644
--- a/src/frontend/src/alerts/alertDropDown/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/index.tsx
@@ -1,10 +1,10 @@
-import { useContext, useEffect, useRef } from "react";
+import { Trash2, X } from "lucide-react";
+import { useContext, useRef } from "react";
 import { alertContext } from "../../contexts/alertContext";
-import SingleAlert from "./components/singleAlertComponent";
-import { AlertDropdownType } from "../../types/alerts";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { AlertDropdownType } from "../../types/alerts";
 import { useOnClickOutside } from "../hooks/useOnClickOutside";
-import { X, Trash2 } from "lucide-react";
+import SingleAlert from "./components/singleAlertComponent";
 
 export default function AlertDropdown({}: AlertDropdownType) {
   const { closePopUp } = useContext(PopUpContext);
diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx
index d71980b7e..ed395018e 100644
--- a/src/frontend/src/alerts/error/index.tsx
+++ b/src/frontend/src/alerts/error/index.tsx
@@ -1,7 +1,7 @@
 import { Transition } from "@headlessui/react";
+import { XCircle } from "lucide-react";
 import { useEffect, useState } from "react";
 import { ErrorAlertType } from "../../types/alerts";
-import { XCircle } from "lucide-react";
 
 export default function ErrorAlert({
   title,
diff --git a/src/frontend/src/alerts/notice/index.tsx b/src/frontend/src/alerts/notice/index.tsx
index eeb00cd42..c77a4bcd6 100644
--- a/src/frontend/src/alerts/notice/index.tsx
+++ b/src/frontend/src/alerts/notice/index.tsx
@@ -1,8 +1,8 @@
 import { Transition } from "@headlessui/react";
+import { Info } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import { NoticeAlertType } from "../../types/alerts";
-import { Info } from "lucide-react";
 
 export default function NoticeAlert({
   title,
diff --git a/src/frontend/src/alerts/success/index.tsx b/src/frontend/src/alerts/success/index.tsx
index 95eaa1ba4..60dba1e93 100644
--- a/src/frontend/src/alerts/success/index.tsx
+++ b/src/frontend/src/alerts/success/index.tsx
@@ -1,7 +1,7 @@
 import { Transition } from "@headlessui/react";
+import { CheckCircle2 } from "lucide-react";
 import { useEffect, useState } from "react";
 import { SuccessAlertType } from "../../types/alerts";
-import { CheckCircle2 } from "lucide-react";
 
 export default function SuccessAlert({
   title,
diff --git a/src/frontend/src/components/AccordionComponent/index.tsx b/src/frontend/src/components/AccordionComponent/index.tsx
index f03a2ad5f..ceeb938a8 100644
--- a/src/frontend/src/components/AccordionComponent/index.tsx
+++ b/src/frontend/src/components/AccordionComponent/index.tsx
@@ -1,16 +1,11 @@
-import { ReactElement, useContext, useEffect, useRef, useState } from "react";
-import {
-  AccordionComponentType,
-  ProgressBarType,
-} from "../../types/components";
-import { Progress } from "../../components/ui/progress";
-import { setInterval } from "timers/promises";
+import { useState } from "react";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
 } from "../../components/ui/accordion";
+import { AccordionComponentType } from "../../types/components";
 
 export default function AccordionComponent({
   trigger,
diff --git a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
index b51722ad8..a0beb11f3 100644
--- a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
+++ b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
@@ -1,7 +1,7 @@
-import React, { useState, ChangeEvent } from "react";
-import { Textarea } from "../../components/ui/textarea";
-import { Label } from "../../components/ui/label";
+import React, { ChangeEvent, useState } from "react";
 import { Input } from "../../components/ui/input";
+import { Label } from "../../components/ui/label";
+import { Textarea } from "../../components/ui/textarea";
 
 type InputProps = {
   name: string | null;
diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
index 2386e29a8..e307e5234 100644
--- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx
+++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
@@ -1,8 +1,8 @@
 import { Disclosure } from "@headlessui/react";
 import { useContext } from "react";
 import { Link } from "react-router-dom";
-import { classNames } from "../../utils";
 import { locationContext } from "../../contexts/locationContext";
+import { classNames } from "../../utils";
 
 export default function ExtraSidebar() {
   const {
diff --git a/src/frontend/src/components/LightTooltipComponent/index.tsx b/src/frontend/src/components/LightTooltipComponent/index.tsx
index 4cdc912d0..08ea76266 100644
--- a/src/frontend/src/components/LightTooltipComponent/index.tsx
+++ b/src/frontend/src/components/LightTooltipComponent/index.tsx
@@ -1,5 +1,5 @@
-import { styled } from "@mui/material/styles";
 import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
+import { styled } from "@mui/material/styles";
 
 export const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
   <Tooltip {...props} classes={{ popper: className }} />
diff --git a/src/frontend/src/components/LoadingSpinner/index.tsx b/src/frontend/src/components/LoadingSpinner/index.tsx
index 642df9e22..ea02a88d6 100644
--- a/src/frontend/src/components/LoadingSpinner/index.tsx
+++ b/src/frontend/src/components/LoadingSpinner/index.tsx
@@ -1,6 +1,3 @@
-import { useContext, useEffect, useRef, useState } from "react";
-import { RadialProgressType } from "../../types/components";
-
 export default function LoadingSpinner({}) {
   return <></>;
 }
diff --git a/src/frontend/src/components/RadialProgress/index.tsx b/src/frontend/src/components/RadialProgress/index.tsx
index b468b12e8..f277a9c80 100644
--- a/src/frontend/src/components/RadialProgress/index.tsx
+++ b/src/frontend/src/components/RadialProgress/index.tsx
@@ -1,4 +1,3 @@
-import { useContext, useEffect, useRef, useState } from "react";
 import { RadialProgressType } from "../../types/components";
 
 export default function RadialProgressComponent({
diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index d643a4d08..e8b4a6398 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -1,4 +1,4 @@
-import { RadialProgressType, ShadToolTipType } from "../../types/components";
+import { ShadToolTipType } from "../../types/components";
 import {
   Tooltip,
   TooltipContent,
diff --git a/src/frontend/src/components/TooltipComponent/index.tsx b/src/frontend/src/components/TooltipComponent/index.tsx
index 0e571b1bc..91fa006ec 100644
--- a/src/frontend/src/components/TooltipComponent/index.tsx
+++ b/src/frontend/src/components/TooltipComponent/index.tsx
@@ -1,6 +1,5 @@
-import { ReactElement } from "react";
-import { LightTooltip } from "../LightTooltipComponent";
 import { TooltipComponentType } from "../../types/components";
+import { LightTooltip } from "../LightTooltipComponent";
 
 export default function Tooltip({
   children,
diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 276f0a7cd..285aa91b7 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -1,26 +1,15 @@
-import { Trash2, ExternalLink } from "lucide-react";
+import { Trash2 } from "lucide-react";
 import { useContext } from "react";
-import { Link } from "react-router-dom";
 import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow";
 import { gradients } from "../../utils";
 import {
-  CardTitle,
+  Card,
   CardDescription,
   CardFooter,
-  Card,
   CardHeader,
+  CardTitle,
 } from "../ui/card";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "../ui/dialog";
-import { Button } from "@mui/material";
 
 export const CardComponent = ({
   flow,
diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 4d47e2e1c..09ab90ff7 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -1,16 +1,16 @@
-import { useContext, useState } from "react";
 import { Transition } from "@headlessui/react";
 import { Zap } from "lucide-react";
-import { validateNodes } from "../../../utils";
-import { FlowType } from "../../../types/flow";
+import { useContext, useState } from "react";
 import Loading from "../../../components/ui/loading";
 import { useSSE } from "../../../contexts/SSEContext";
-import { typesContext } from "../../../contexts/typesContext";
 import { alertContext } from "../../../contexts/alertContext";
+import { typesContext } from "../../../contexts/typesContext";
 import { postBuildInit } from "../../../controllers/API";
+import { FlowType } from "../../../types/flow";
+import { validateNodes } from "../../../utils";
 
-import RadialProgressComponent from "../../RadialProgress";
 import { TabsContext } from "../../../contexts/tabsContext";
+import RadialProgressComponent from "../../RadialProgress";
 
 export default function BuildTrigger({
   open,
diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 2666e4e92..c0cd53550 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -1,7 +1,6 @@
 import { Transition } from "@headlessui/react";
 import { MessagesSquare } from "lucide-react";
 
-import { alertContext } from "../../../contexts/alertContext";
 import { useContext } from "react";
 import {
   CHAT_CANNOT_OPEN_DESCRIPTION,
@@ -9,6 +8,7 @@ import {
   FLOW_NOT_BUILT_DESCRIPTION,
   FLOW_NOT_BUILT_TITLE,
 } from "../../../constants";
+import { alertContext } from "../../../contexts/alertContext";
 
 export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
   const { setErrorData } = useContext(alertContext);
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 9130be694..829dd5b13 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -1,14 +1,14 @@
 import { useContext, useEffect, useRef, useState } from "react";
 import { useNodes } from "reactflow";
 import { ChatType } from "../../types/chat";
-import ChatTrigger from "./chatTrigger";
 import BuildTrigger from "./buildTrigger";
+import ChatTrigger from "./chatTrigger";
 
-import { getBuildStatus } from "../../controllers/API";
-import { NodeType } from "../../types/flow";
-import FormModal from "../../modals/formModal";
-import { TabsContext } from "../../contexts/tabsContext";
 import * as _ from "lodash";
+import { TabsContext } from "../../contexts/tabsContext";
+import { getBuildStatus } from "../../controllers/API";
+import FormModal from "../../modals/formModal";
+import { NodeType } from "../../types/flow";
 
 export default function Chat({ flow }: ChatType) {
   const [open, setOpen] = useState(false);
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 01a1ee9fe..07ceb0593 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -1,7 +1,6 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import CodeAreaModal from "../../modals/codeAreaModal";
-import TextAreaModal from "../../modals/textAreaModal";
 import { TextAreaComponentType } from "../../types/components";
 
 import { ExternalLink } from "lucide-react";
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index 84c036ec4..0461fa4bc 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -1,9 +1,9 @@
 import { Listbox, Transition } from "@headlessui/react";
+import { Check, ChevronsUpDown } from "lucide-react";
 import { Fragment, useContext, useEffect, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
 import { DropDownComponentType } from "../../types/components";
 import { classNames } from "../../utils";
-import { ChevronsUpDown, Check } from "lucide-react";
-import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function Dropdown({
   value,
diff --git a/src/frontend/src/components/floatComponent/index.tsx b/src/frontend/src/components/floatComponent/index.tsx
index 1c72c7c45..548d608a3 100644
--- a/src/frontend/src/components/floatComponent/index.tsx
+++ b/src/frontend/src/components/floatComponent/index.tsx
@@ -1,7 +1,7 @@
 import { useContext, useEffect, useState } from "react";
-import { FloatComponentType } from "../../types/components";
-import { TabsContext } from "../../contexts/tabsContext";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { FloatComponentType } from "../../types/components";
 
 export default function FloatComponent({
   value,
diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index 41cb0bef9..a1536f13d 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -1,27 +1,25 @@
-import { useContext } from "react";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import { PopUpContext } from "../../../../contexts/popUpContext";
 import {
-  Plus,
   ChevronDown,
   ChevronLeft,
-  Undo,
+  Plus,
   Redo,
   Settings2,
+  Undo,
 } from "lucide-react";
+import { useContext } from "react";
+import { PopUpContext } from "../../../../contexts/popUpContext";
+import { TabsContext } from "../../../../contexts/tabsContext";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
+  DropdownMenuTrigger,
 } from "../../../ui/dropdown-menu";
 
-import { alertContext } from "../../../../contexts/alertContext";
 import { Link, useNavigate } from "react-router-dom";
+import { alertContext } from "../../../../contexts/alertContext";
 import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 import FlowSettingsModal from "../../../../modals/flowSettingsModal";
 import { Button } from "../../../ui/button";
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index e03f53518..895f01d79 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -1,19 +1,18 @@
-import { Home, MoonIcon, SunIcon, Users2 } from "lucide-react";
+import { Bell, Home, MoonIcon, SunIcon, Users2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
 import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
-import { Button } from "../ui/button";
-import { TabsContext } from "../../contexts/tabsContext";
+import { Link, useLocation, useParams } from "react-router-dom";
 import AlertDropdown from "../../alerts/alertDropDown";
+import { USER_PROJECTS_HEADER } from "../../constants";
 import { alertContext } from "../../contexts/alertContext";
 import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 import { typesContext } from "../../contexts/typesContext";
-import MenuBar from "./components/menuBar";
-import { Link, useLocation, useParams } from "react-router-dom";
-import { USER_PROJECTS_HEADER } from "../../constants";
 import { getRepoStars } from "../../controllers/API";
+import { Button } from "../ui/button";
 import { Separator } from "../ui/separator";
-import { Bell } from "lucide-react";
+import MenuBar from "./components/menuBar";
 
 export default function Header() {
   const { flows, addFlow, tabId } = useContext(TabsContext);
diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index b5894fe6e..4d6045caf 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 import { InputComponentType } from "../../types/components";
 import { classNames } from "../../utils";
-import { TabsContext } from "../../contexts/tabsContext";
-import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function InputComponent({
   value,
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 505515bf5..59b25a0a7 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -1,9 +1,9 @@
+import { FileSearch2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
 import { alertContext } from "../../contexts/alertContext";
-import { FileComponentType } from "../../types/components";
 import { TabsContext } from "../../contexts/tabsContext";
-import { FileSearch2 } from "lucide-react";
 import { uploadFile } from "../../controllers/API";
+import { FileComponentType } from "../../types/components";
 
 export default function InputFileComponent({
   value,
diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index 7dd6d79c6..d165d58a2 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -1,9 +1,8 @@
 import { useContext, useEffect, useState } from "react";
 import { InputListComponentType } from "../../types/components";
-import { TabsContext } from "../../contexts/tabsContext";
 
 import _ from "lodash";
-import { X, Plus } from "lucide-react";
+import { Plus, X } from "lucide-react";
 import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function InputListComponent({
diff --git a/src/frontend/src/components/intComponent/index.tsx b/src/frontend/src/components/intComponent/index.tsx
index 473febd91..2428d03ee 100644
--- a/src/frontend/src/components/intComponent/index.tsx
+++ b/src/frontend/src/components/intComponent/index.tsx
@@ -1,8 +1,7 @@
 import { useContext, useEffect, useState } from "react";
-import { FloatComponentType } from "../../types/components";
-import { TabsContext } from "../../contexts/tabsContext";
-import { classNames } from "../../utils";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { FloatComponentType } from "../../types/components";
 
 export default function IntComponent({
   value,
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 7e90f323c..7385518c8 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -1,13 +1,13 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
-import { TextAreaComponentType } from "../../types/components";
 import GenericModal from "../../modals/genericModal";
+import { TextAreaComponentType } from "../../types/components";
 import { TypeModal } from "../../utils";
 
-import { ExternalLink } from "lucide-react";
-import { postValidatePrompt } from "../../controllers/API";
-import { typesContext } from "../../contexts/typesContext";
 import * as _ from "lodash";
+import { ExternalLink } from "lucide-react";
+import { typesContext } from "../../contexts/typesContext";
+import { postValidatePrompt } from "../../controllers/API";
 
 export default function PromptAreaComponent({
   field_name,
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 6b41cbe40..a50969cfb 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
-import { TextAreaComponentType } from "../../types/components";
 import GenericModal from "../../modals/genericModal";
-import { TypeModal, classNames } from "../../utils";
+import { TextAreaComponentType } from "../../types/components";
+import { TypeModal } from "../../utils";
 
 import { ExternalLink } from "lucide-react";
 
diff --git a/src/frontend/src/components/toggleComponent/index.tsx b/src/frontend/src/components/toggleComponent/index.tsx
index c7b72a025..81a2b2d8b 100644
--- a/src/frontend/src/components/toggleComponent/index.tsx
+++ b/src/frontend/src/components/toggleComponent/index.tsx
@@ -1,7 +1,7 @@
 import { Switch } from "@headlessui/react";
-import { classNames } from "../../utils";
 import { useEffect } from "react";
 import { ToggleComponentType } from "../../types/components";
+import { classNames } from "../../utils";
 
 export default function ToggleComponent({
   enabled,
diff --git a/src/frontend/src/components/toggleShadComponent/index.tsx b/src/frontend/src/components/toggleShadComponent/index.tsx
index 9b73ee07d..c06d42430 100644
--- a/src/frontend/src/components/toggleShadComponent/index.tsx
+++ b/src/frontend/src/components/toggleShadComponent/index.tsx
@@ -1,4 +1,3 @@
-import { useEffect } from "react";
 import { ToggleComponentType } from "../../types/components";
 import { Switch } from "../ui/switch";
 
diff --git a/src/frontend/src/components/ui/accordion.tsx b/src/frontend/src/components/ui/accordion.tsx
index 5e3e76f33..4b5a12384 100644
--- a/src/frontend/src/components/ui/accordion.tsx
+++ b/src/frontend/src/components/ui/accordion.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDownIcon } from "@radix-ui/react-icons";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Accordion = AccordionPrimitive.Root;
diff --git a/src/frontend/src/components/ui/badge.tsx b/src/frontend/src/components/ui/badge.tsx
index 36c44ac4d..5464f382e 100644
--- a/src/frontend/src/components/ui/badge.tsx
+++ b/src/frontend/src/components/ui/badge.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const badgeVariants = cva(
diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 648ce43c9..170494927 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -1,6 +1,6 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const buttonVariants = cva(
diff --git a/src/frontend/src/components/ui/checkbox.tsx b/src/frontend/src/components/ui/checkbox.tsx
index 4e4905bb9..18332b073 100644
--- a/src/frontend/src/components/ui/checkbox.tsx
+++ b/src/frontend/src/components/ui/checkbox.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Checkbox = React.forwardRef<
diff --git a/src/frontend/src/components/ui/dialog.tsx b/src/frontend/src/components/ui/dialog.tsx
index a02379087..2ad709f48 100644
--- a/src/frontend/src/components/ui/dialog.tsx
+++ b/src/frontend/src/components/ui/dialog.tsx
@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Dialog = DialogPrimitive.Root;
diff --git a/src/frontend/src/components/ui/dropdown-menu.tsx b/src/frontend/src/components/ui/dropdown-menu.tsx
index ee62abc4a..0e5468e6e 100644
--- a/src/frontend/src/components/ui/dropdown-menu.tsx
+++ b/src/frontend/src/components/ui/dropdown-menu.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
diff --git a/src/frontend/src/components/ui/label.tsx b/src/frontend/src/components/ui/label.tsx
index ab5129253..57fbc9d8a 100644
--- a/src/frontend/src/components/ui/label.tsx
+++ b/src/frontend/src/components/ui/label.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const labelVariants = cva(
diff --git a/src/frontend/src/components/ui/menubar.tsx b/src/frontend/src/components/ui/menubar.tsx
index 2eb3a61f4..0a3362ca6 100644
--- a/src/frontend/src/components/ui/menubar.tsx
+++ b/src/frontend/src/components/ui/menubar.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../../utils";
 
diff --git a/src/frontend/src/components/ui/progress.tsx b/src/frontend/src/components/ui/progress.tsx
index 69d1f86fb..a08efeb52 100644
--- a/src/frontend/src/components/ui/progress.tsx
+++ b/src/frontend/src/components/ui/progress.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Progress = React.forwardRef<
diff --git a/src/frontend/src/components/ui/rename-label.tsx b/src/frontend/src/components/ui/rename-label.tsx
index e703020f5..e5fef11bf 100644
--- a/src/frontend/src/components/ui/rename-label.tsx
+++ b/src/frontend/src/components/ui/rename-label.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import { cn } from "../../utils";
 
 export default function RenameLabel(props) {
diff --git a/src/frontend/src/components/ui/separator.tsx b/src/frontend/src/components/ui/separator.tsx
index 84a16676d..a770af987 100644
--- a/src/frontend/src/components/ui/separator.tsx
+++ b/src/frontend/src/components/ui/separator.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Separator = React.forwardRef<
diff --git a/src/frontend/src/components/ui/switch.tsx b/src/frontend/src/components/ui/switch.tsx
index 8f473a0eb..8ec7c3c80 100644
--- a/src/frontend/src/components/ui/switch.tsx
+++ b/src/frontend/src/components/ui/switch.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Switch = React.forwardRef<
diff --git a/src/frontend/src/components/ui/tabs.tsx b/src/frontend/src/components/ui/tabs.tsx
index 39864abed..8c382e35e 100644
--- a/src/frontend/src/components/ui/tabs.tsx
+++ b/src/frontend/src/components/ui/tabs.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Tabs = TabsPrimitive.Root;
diff --git a/src/frontend/src/components/ui/tooltip.tsx b/src/frontend/src/components/ui/tooltip.tsx
index b2ec0f701..dc847052e 100644
--- a/src/frontend/src/components/ui/tooltip.tsx
+++ b/src/frontend/src/components/ui/tooltip.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const TooltipProvider = TooltipPrimitive.Provider;
diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index c823abc1d..bb54427f9 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -1,10 +1,9 @@
 // src/constants.tsx
 
-import { MessageSquareDashed } from "lucide-react";
+import { MessageSquare } from "lucide-react";
 import { FlowType } from "./types/flow";
 import { TabsState } from "./types/tabs";
 import { buildInputs, buildTweaks } from "./utils";
-import { MessageSquare } from "lucide-react";
 
 /**
  * The base text for subtitle of Export Dialog (Toolbar)
diff --git a/src/frontend/src/contexts/SSEContext.tsx b/src/frontend/src/contexts/SSEContext.tsx
index 83b1d4c89..9db32310b 100644
--- a/src/frontend/src/contexts/SSEContext.tsx
+++ b/src/frontend/src/contexts/SSEContext.tsx
@@ -1,10 +1,4 @@
-import {
-  createContext,
-  useContext,
-  useState,
-  useEffect,
-  useCallback,
-} from "react";
+import { createContext, useCallback, useContext, useState } from "react";
 
 const initialValue = {
   updateSSEData: ({}) => {},
diff --git a/src/frontend/src/contexts/index.tsx b/src/frontend/src/contexts/index.tsx
index 750df65d2..13771673c 100644
--- a/src/frontend/src/contexts/index.tsx
+++ b/src/frontend/src/contexts/index.tsx
@@ -1,13 +1,13 @@
 import { ReactNode } from "react";
+import { ReactFlowProvider } from "reactflow";
+import { SSEProvider } from "./SSEContext";
 import { AlertProvider } from "./alertContext";
 import { DarkProvider } from "./darkContext";
 import { LocationProvider } from "./locationContext";
 import PopUpProvider from "./popUpContext";
 import { TabsProvider } from "./tabsContext";
 import { TypesProvider } from "./typesContext";
-import { ReactFlowProvider } from "reactflow";
 import { UndoRedoProvider } from "./undoRedoContext";
-import { SSEProvider } from "./SSEContext";
 
 export default function ContextWrapper({ children }: { children: ReactNode }) {
   //element to wrap all context
diff --git a/src/frontend/src/contexts/popUpContext.tsx b/src/frontend/src/contexts/popUpContext.tsx
index d46f51f00..8da50278c 100644
--- a/src/frontend/src/contexts/popUpContext.tsx
+++ b/src/frontend/src/contexts/popUpContext.tsx
@@ -1,5 +1,4 @@
-import { createContext } from "react";
-import React, { useState } from "react";
+import React, { createContext, useState } from "react";
 
 // context to set JSX element on the DOM
 export const PopUpContext = createContext({
diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index 8105819a0..001152c9c 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -1,33 +1,33 @@
+import _ from "lodash";
 import {
-  createContext,
-  useEffect,
-  useState,
-  useRef,
   ReactNode,
+  createContext,
   useContext,
+  useEffect,
+  useRef,
+  useState,
 } from "react";
+import { addEdge } from "reactflow";
+import ShortUniqueId from "short-unique-id";
+import {
+  deleteFlowFromDatabase,
+  downloadFlowsFromDatabase,
+  readFlowsFromDatabase,
+  saveFlowToDatabase,
+  updateFlowInDatabase,
+  uploadFlowsToDatabase,
+} from "../controllers/API";
+import { APIClassType, APITemplateType } from "../types/api";
 import { FlowType, NodeType } from "../types/flow";
 import { TabsContextType, TabsState } from "../types/tabs";
 import {
-  updateIds,
-  updateTemplate,
   getRandomDescription,
   getRandomName,
+  updateIds,
+  updateTemplate,
 } from "../utils";
 import { alertContext } from "./alertContext";
 import { typesContext } from "./typesContext";
-import { APIClassType, APITemplateType } from "../types/api";
-import ShortUniqueId from "short-unique-id";
-import { addEdge } from "reactflow";
-import {
-  readFlowsFromDatabase,
-  deleteFlowFromDatabase,
-  saveFlowToDatabase,
-  downloadFlowsFromDatabase,
-  uploadFlowsToDatabase,
-  updateFlowInDatabase,
-} from "../controllers/API";
-import _ from "lodash";
 
 const uid = new ShortUniqueId({ length: 5 });
 
diff --git a/src/frontend/src/contexts/typesContext.tsx b/src/frontend/src/contexts/typesContext.tsx
index 3179e582e..ff4cc1c29 100644
--- a/src/frontend/src/contexts/typesContext.tsx
+++ b/src/frontend/src/contexts/typesContext.tsx
@@ -1,8 +1,8 @@
 import { createContext, ReactNode, useEffect, useState } from "react";
 import { Node } from "reactflow";
-import { typesContextType } from "../types/typesContext";
 import { getAll } from "../controllers/API";
 import { APIKindType } from "../types/api";
+import { typesContextType } from "../types/typesContext";
 
 //context to share types adn functions from nodes to flow
 
diff --git a/src/frontend/src/contexts/undoRedoContext.tsx b/src/frontend/src/contexts/undoRedoContext.tsx
index b0f8ca6b9..3df201082 100644
--- a/src/frontend/src/contexts/undoRedoContext.tsx
+++ b/src/frontend/src/contexts/undoRedoContext.tsx
@@ -1,3 +1,4 @@
+import { cloneDeep } from "lodash";
 import {
   createContext,
   useCallback,
@@ -6,7 +7,6 @@ import {
   useState,
 } from "react";
 import { Edge, Node, useReactFlow } from "reactflow";
-import { cloneDeep } from "lodash";
 import { TabsContext } from "./tabsContext";
 
 type undoRedoContextType = {
diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 72204ee68..2d6f951f0 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -1,15 +1,15 @@
-import {
-  BuildStatusTypeAPI,
-  errorsTypeAPI,
-  InitTypeAPI,
-  UploadFileTypeAPI,
-  APIClassType,
-  PromptTypeAPI,
-} from "./../../types/api/index";
-import { APIObjectType, sendAllProps } from "../../types/api/index";
 import axios, { AxiosResponse } from "axios";
-import { FlowStyleType, FlowType } from "../../types/flow";
 import { ReactFlowJsonObject } from "reactflow";
+import { APIObjectType, sendAllProps } from "../../types/api/index";
+import { FlowStyleType, FlowType } from "../../types/flow";
+import {
+  APIClassType,
+  BuildStatusTypeAPI,
+  InitTypeAPI,
+  PromptTypeAPI,
+  UploadFileTypeAPI,
+  errorsTypeAPI,
+} from "./../../types/api/index";
 
 /**
  * Fetches all objects from the API endpoint.
diff --git a/src/frontend/src/index.tsx b/src/frontend/src/index.tsx
index 088db15a8..794fcbf32 100644
--- a/src/frontend/src/index.tsx
+++ b/src/frontend/src/index.tsx
@@ -1,9 +1,8 @@
-import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "./App";
-import reportWebVitals from "./reportWebVitals";
 import { BrowserRouter } from "react-router-dom";
+import App from "./App";
 import ContextWrapper from "./contexts";
+import reportWebVitals from "./reportWebVitals";
 
 import "./index.css";
 
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 99fd03941..3dc9c3f0d 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -1,42 +1,15 @@
-import { useContext, useEffect, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
+import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
-import "ace-builds/src-noconflict/ext-language_tools";
+import { useContext, useEffect, useRef, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
 // import "ace-builds/webpack-resolver";
-import { darkContext } from "../../contexts/darkContext";
+import { Check, Clipboard, Code2 } from "lucide-react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "../../components/ui/dialog";
-import { FlowType } from "../../types/flow/index";
-import { getCurlCode, getPythonApiCode, getPythonCode } from "../../constants";
-import { EXPORT_CODE_DIALOG } from "../../constants";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from "../../components/ui/tabs";
-import { Check, Clipboard, Code2 } from "lucide-react";
-import {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../../components/ui/table";
-import { buildTweaks, classNames, limitScrollFieldsModal } from "../../utils";
 import AccordionComponent from "../../components/AccordionComponent";
+import ShadTooltip from "../../components/ShadTooltipComponent";
 import CodeAreaComponent from "../../components/codeAreaComponent";
 import Dropdown from "../../components/dropdownComponent";
 import FloatComponent from "../../components/floatComponent";
@@ -47,9 +20,38 @@ import IntComponent from "../../components/intComponent";
 import PromptAreaComponent from "../../components/promptComponent";
 import TextAreaComponent from "../../components/textAreaComponent";
 import ToggleShadComponent from "../../components/toggleShadComponent";
-import ShadTooltip from "../../components/ShadTooltipComponent";
-import { cloneDeep, filter } from "lodash";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../components/ui/dialog";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "../../components/ui/table";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../components/ui/tabs";
+import {
+  EXPORT_CODE_DIALOG,
+  getCurlCode,
+  getPythonApiCode,
+  getPythonCode,
+} from "../../constants";
+import { darkContext } from "../../contexts/darkContext";
 import { TabsContext } from "../../contexts/tabsContext";
+import { FlowType } from "../../types/flow/index";
+import { buildTweaks, classNames } from "../../utils";
 
 export default function ApiModal({ flow }: { flow: FlowType }) {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index b0bd8ce4d..4a86fb9c6 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -1,26 +1,17 @@
+import { Variable } from "lucide-react";
 import { useContext, useEffect, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { NodeDataType } from "../../types/flow";
-import { classNames, limitScrollFieldsModal } from "../../utils";
-import { typesContext } from "../../contexts/typesContext";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../../components/ui/table";
-import ToggleShadComponent from "../../components/toggleShadComponent";
-import InputListComponent from "../../components/inputListComponent";
-import TextAreaComponent from "../../components/textAreaComponent";
-import InputComponent from "../../components/inputComponent";
-import FloatComponent from "../../components/floatComponent";
-import Dropdown from "../../components/dropdownComponent";
-import IntComponent from "../../components/intComponent";
-import InputFileComponent from "../../components/inputFileComponent";
-import PromptAreaComponent from "../../components/promptComponent";
 import CodeAreaComponent from "../../components/codeAreaComponent";
+import Dropdown from "../../components/dropdownComponent";
+import FloatComponent from "../../components/floatComponent";
+import InputComponent from "../../components/inputComponent";
+import InputFileComponent from "../../components/inputFileComponent";
+import InputListComponent from "../../components/inputListComponent";
+import IntComponent from "../../components/intComponent";
+import PromptAreaComponent from "../../components/promptComponent";
+import TextAreaComponent from "../../components/textAreaComponent";
+import ToggleShadComponent from "../../components/toggleShadComponent";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -30,9 +21,18 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
-import { Badge } from "../../components/ui/badge";
-import { Variable } from "lucide-react";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "../../components/ui/table";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { typesContext } from "../../contexts/typesContext";
+import { NodeDataType } from "../../types/flow";
+import { classNames, limitScrollFieldsModal } from "../../utils";
 
 export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 70344a996..3208b989b 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -1,14 +1,14 @@
 import { useState } from "react";
-import InputListComponent from "../../../../components/inputListComponent";
-import Dropdown from "../../../../components/dropdownComponent";
-import TextAreaComponent from "../../../../components/textAreaComponent";
-import InputComponent from "../../../../components/inputComponent";
-import ToggleComponent from "../../../../components/toggleComponent";
-import FloatComponent from "../../../../components/floatComponent";
-import IntComponent from "../../../../components/intComponent";
-import InputFileComponent from "../../../../components/inputFileComponent";
-import PromptAreaComponent from "../../../../components/promptComponent";
 import CodeAreaComponent from "../../../../components/codeAreaComponent";
+import Dropdown from "../../../../components/dropdownComponent";
+import FloatComponent from "../../../../components/floatComponent";
+import InputComponent from "../../../../components/inputComponent";
+import InputFileComponent from "../../../../components/inputFileComponent";
+import InputListComponent from "../../../../components/inputListComponent";
+import IntComponent from "../../../../components/intComponent";
+import PromptAreaComponent from "../../../../components/promptComponent";
+import TextAreaComponent from "../../../../components/textAreaComponent";
+import ToggleComponent from "../../../../components/toggleComponent";
 import { classNames } from "../../../../utils";
 
 export default function ModalField({
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 41ca699a9..c61af4ff4 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -1,6 +1,8 @@
 import { Dialog, Transition } from "@headlessui/react";
+import { X } from "lucide-react";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
 import {
   classNames,
@@ -9,9 +11,7 @@ import {
   nodeIconsLucide,
   toTitleCase,
 } from "../../utils";
-import { typesContext } from "../../contexts/typesContext";
 import ModalField from "./components/ModalField";
-import { X } from "lucide-react";
 
 export default function NodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index 6b1aecca2..5e130015a 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -1,17 +1,17 @@
+import Convert from "ansi-to-html";
+import DOMPurify from "dompurify";
+import { MessageCircle, User2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
-import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
-import AiIconStill from "../../../assets/froze-flow.png";
-import FileCard from "../fileComponent";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
+import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
+import AiIconStill from "../../../assets/froze-flow.png";
+import { ChatMessageType } from "../../../types/chat";
+import { classNames } from "../../../utils";
+import FileCard from "../fileComponent";
 import { CodeBlock } from "./codeBlock";
-import Convert from "ansi-to-html";
-import { User2, MessageCircle } from "lucide-react";
-import DOMPurify from "dompurify";
 export default function ChatMessage({
   chat,
   lockChat,
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 8cae31d8c..5cbc2d17b 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -1,14 +1,14 @@
 import { Dialog, Transition } from "@headlessui/react";
+import { Eraser, MessagesSquare, X } from "lucide-react";
 import { Fragment, useContext, useEffect, useRef, useState } from "react";
-import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
-import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
-import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
+import { FlowType } from "../../types/flow";
+import { validateNodes } from "../../utils";
 import ChatInput from "./chatInput";
+import ChatMessage from "./chatMessage";
 
 import _ from "lodash";
 import { getHealth } from "../../controllers/API";
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 8c2ebae86..b05c1b0d3 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -1,14 +1,13 @@
-import { useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import AceEditor from "react-ace";
+import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
-import "ace-builds/src-noconflict/ext-language_tools";
+import { useContext, useRef, useState } from "react";
+import AceEditor from "react-ace";
+import { PopUpContext } from "../../contexts/popUpContext";
 // import "ace-builds/webpack-resolver";
-import { darkContext } from "../../contexts/darkContext";
-import { postValidateCode } from "../../controllers/API";
-import { alertContext } from "../../contexts/alertContext";
+import { TerminalSquare } from "lucide-react";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -18,9 +17,10 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
-import { TerminalSquare } from "lucide-react";
+import { alertContext } from "../../contexts/alertContext";
+import { darkContext } from "../../contexts/darkContext";
+import { postValidateCode } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
 
 export default function CodeAreaModal({
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index bef5b9244..f4a66c7b9 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -1,8 +1,8 @@
+import { Download } from "lucide-react";
 import { useContext, useRef, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
-import { removeApiKeys } from "../../utils";
+import EditFlowSettings from "../../components/EditFlowSettingsComponent";
+import { Button } from "../../components/ui/button";
+import { Checkbox } from "../../components/ui/checkbox";
 import {
   Dialog,
   DialogContent,
@@ -12,11 +12,11 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
-import { Checkbox } from "../../components/ui/checkbox";
 import { EXPORT_DIALOG_SUBTITLE } from "../../constants";
-import { Download } from "lucide-react";
-import EditFlowSettings from "../../components/EditFlowSettingsComponent";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { removeApiKeys } from "../../utils";
 
 export default function ExportModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/flowSettingsModal/index.tsx b/src/frontend/src/modals/flowSettingsModal/index.tsx
index ce9e474b8..44f82e331 100644
--- a/src/frontend/src/modals/flowSettingsModal/index.tsx
+++ b/src/frontend/src/modals/flowSettingsModal/index.tsx
@@ -1,7 +1,7 @@
+import { Settings2 } from "lucide-react";
 import { useContext, useRef, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
+import EditFlowSettings from "../../components/EditFlowSettingsComponent";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -11,11 +11,10 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
 import { SETTINGS_DIALOG_SUBTITLE } from "../../constants";
-import EditFlowSettings from "../../components/EditFlowSettingsComponent";
-import { Settings2 } from "lucide-react";
-import { updateFlowInDatabase } from "../../controllers/API";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 
 export default function FlowSettingsModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index f5eeed885..3b31b0d42 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -1,7 +1,6 @@
+import { Lock, LucideSend } from "lucide-react";
+import { useEffect } from "react";
 import { classNames } from "../../../utils";
-import { useContext, useEffect, useRef, useState } from "react";
-import { TabsContext } from "../../../contexts/tabsContext";
-import { Eraser, Lock, LucideSend } from "lucide-react";
 
 export default function ChatInput({
   lockChat,
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 19cb40d4d..af3388596 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -1,32 +1,17 @@
-import { useEffect, useRef, useState } from "react";
-import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
-import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
-import AiIconStill from "../../../assets/froze-flow.png";
-import Robot from "../../../assets/robot.png";
-import MaleTechnology from "../../../assets/male-technologist.png";
-import FileCard from "../fileComponent";
+import Convert from "ansi-to-html";
+import { ChevronDown } from "lucide-react";
+import { useState } from "react";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
-import { CodeBlock } from "./codeBlock";
-import Convert from "ansi-to-html";
-import {
-  User2,
-  MessageSquare,
-  ChevronDown,
-  MessageCircle,
-  MessageSquareDashed,
-} from "lucide-react";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "../../../components/ui/accordion";
-import { Badge } from "../../../components/ui/badge";
+import MaleTechnology from "../../../assets/male-technologist.png";
+import Robot from "../../../assets/robot.png";
 import { THOUGHTS_ICON } from "../../../constants";
+import { ChatMessageType } from "../../../types/chat";
+import { classNames } from "../../../utils";
+import FileCard from "../fileComponent";
+import { CodeBlock } from "./codeBlock";
 
 export default function ChatMessage({
   chat,
diff --git a/src/frontend/src/modals/formModal/fileComponent/index.tsx b/src/frontend/src/modals/formModal/fileComponent/index.tsx
index 74f6155b7..6ede4e136 100644
--- a/src/frontend/src/modals/formModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/formModal/fileComponent/index.tsx
@@ -1,6 +1,6 @@
 import * as base64js from "base64-js";
-import { useState } from "react";
 import { DownloadCloud, File } from "lucide-react";
+import { useState } from "react";
 
 export default function FileCard({ fileName, content, fileType }) {
   const handleDownload = () => {
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index a6633265b..0168708ec 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -1,15 +1,23 @@
+import { Eraser, TerminalSquare, Variable } from "lucide-react";
 import { useContext, useEffect, useRef, useState } from "react";
-import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
-import { classNames, validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
-import ChatMessage from "./chatMessage";
-import { TerminalSquare, MessageSquare, Variable, Eraser } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
+import { FlowType } from "../../types/flow";
+import { classNames, validateNodes } from "../../utils";
 import ChatInput from "./chatInput";
+import ChatMessage from "./chatMessage";
 
 import _ from "lodash";
+import ToggleShadComponent from "../../components/toggleShadComponent";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "../../components/ui/accordion";
+import { Badge } from "../../components/ui/badge";
 import {
   Dialog,
   DialogContent,
@@ -18,17 +26,9 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
+import { Textarea } from "../../components/ui/textarea";
 import { CHAT_FORM_DIALOG_SUBTITLE, THOUGHTS_ICON } from "../../constants";
 import { TabsContext } from "../../contexts/tabsContext";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "../../components/ui/accordion";
-import { Textarea } from "../../components/ui/textarea";
-import { Badge } from "../../components/ui/badge";
-import ToggleShadComponent from "../../components/toggleShadComponent";
 
 export default function FormModal({
   flow,
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index aa3c99774..9632b8bc8 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -1,8 +1,9 @@
-import { useContext, useRef, useState, useEffect } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { darkContext } from "../../contexts/darkContext";
-import { postValidatePrompt } from "../../controllers/API";
-import { alertContext } from "../../contexts/alertContext";
+import DOMPurify from "dompurify";
+import { FileText, Variable } from "lucide-react";
+import { useContext, useEffect, useRef, useState } from "react";
+import ShadTooltip from "../../components/ShadTooltipComponent";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -12,14 +13,16 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
 import { Textarea } from "../../components/ui/textarea";
 import {
   HIGHLIGH_CSS,
   PROMPT_DIALOG_SUBTITLE,
   TEXT_DIALOG_SUBTITLE,
 } from "../../constants";
-import { FileText } from "lucide-react";
+import { alertContext } from "../../contexts/alertContext";
+import { darkContext } from "../../contexts/darkContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { postValidatePrompt } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
 import {
   INVALID_CHARACTERS,
@@ -29,10 +32,6 @@ import {
   regexHighlight,
   varHighlightHTML,
 } from "../../utils";
-import { Badge } from "../../components/ui/badge";
-import ShadTooltip from "../../components/ShadTooltipComponent";
-import DOMPurify from "dompurify";
-import { Variable } from "lucide-react";
 
 export default function GenericModal({
   field_name = "",
@@ -238,40 +237,40 @@ export default function GenericModal({
 
         {type == TypeModal.PROMPT && (
           <>
-          <div className="h-[60px] overflow-y-auto custom-scroll sm:6/6 mt-3 mr-28">
-            <div className="flex flex-wrap items-center">
-              <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
-              <span className="text-md font-semibold text-primary">
-                Input Variables:{" "}
-                {wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
-              </span>
+            <div className="sm:6/6 mr-28 mt-3 h-[60px] overflow-y-auto custom-scroll">
+              <div className="flex flex-wrap items-center">
+                <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
+                <span className="text-md font-semibold text-primary">
+                  Input Variables:{" "}
+                  {wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
+                </span>
 
-              {wordsHighlight.map((word, index) => (
-                <ShadTooltip
-                  key={getRandomKeyByssmm() + index}
-                  content={word.replace(/[{}]/g, "")}
-                  asChild={false}
-                  delayDuration={1500}
-                >
-                  <Badge
-                    key={index}
-                    variant="gray"
-                    size="md"
-                    className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
+                {wordsHighlight.map((word, index) => (
+                  <ShadTooltip
+                    key={getRandomKeyByssmm() + index}
+                    content={word.replace(/[{}]/g, "")}
+                    asChild={false}
+                    delayDuration={1500}
                   >
-                    <div className="relative bottom-[1px]">
-                      <span>
-                        {word.replace(/[{}]/g, "").length > 59
-                          ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
-                          : word.replace(/[{}]/g, "")}
-                      </span>
-                    </div>
-                  </Badge>
-                </ShadTooltip>
-              ))}
+                    <Badge
+                      key={index}
+                      variant="gray"
+                      size="md"
+                      className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
+                    >
+                      <div className="relative bottom-[1px]">
+                        <span>
+                          {word.replace(/[{}]/g, "").length > 59
+                            ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
+                            : word.replace(/[{}]/g, "")}
+                        </span>
+                      </div>
+                    </Badge>
+                  </ShadTooltip>
+                ))}
+              </div>
             </div>
-          </div>
-        </>
+          </>
         )}
 
         <DialogFooter>
diff --git a/src/frontend/src/modals/importModal/buttonBox/index.tsx b/src/frontend/src/modals/importModal/buttonBox/index.tsx
index ffe79abaa..a1116a8d4 100644
--- a/src/frontend/src/modals/importModal/buttonBox/index.tsx
+++ b/src/frontend/src/modals/importModal/buttonBox/index.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { classNames } from "../../../utils";
 
 export default function ButtonBox({
diff --git a/src/frontend/src/modals/importModal/index.tsx b/src/frontend/src/modals/importModal/index.tsx
index 600192d4c..4302fd9d8 100644
--- a/src/frontend/src/modals/importModal/index.tsx
+++ b/src/frontend/src/modals/importModal/index.tsx
@@ -1,18 +1,11 @@
 import {
-  DocumentDuplicateIcon,
-  ComputerDesktopIcon,
-  ArrowUpTrayIcon,
   ArrowLeftIcon,
+  ArrowUpTrayIcon,
+  ComputerDesktopIcon,
+  DocumentDuplicateIcon,
 } from "@heroicons/react/24/outline";
 import { useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
-import ButtonBox from "./buttonBox";
-import { getExamples } from "../../controllers/API";
-import { alertContext } from "../../contexts/alertContext";
 import LoadingComponent from "../../components/loadingComponent";
-import { FlowType } from "../../types/flow";
-import { classNames } from "../../utils";
 import {
   Dialog,
   DialogContent,
@@ -23,6 +16,13 @@ import {
   DialogTrigger,
 } from "../../components/ui/dialog";
 import { IMPORT_DIALOG_SUBTITLE } from "../../constants";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { getExamples } from "../../controllers/API";
+import { FlowType } from "../../types/flow";
+import { classNames } from "../../utils";
+import ButtonBox from "./buttonBox";
 
 export default function ImportModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
index 1f575ded9..54fd46528 100644
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ b/src/frontend/src/modals/promptModal/index.tsx
@@ -1,10 +1,10 @@
 import { Dialog, Transition } from "@headlessui/react";
-import { XMarkIcon, DocumentTextIcon } from "@heroicons/react/24/outline";
+import { DocumentTextIcon, XMarkIcon } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { darkContext } from "../../contexts/darkContext";
-import { checkPrompt } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
+import { darkContext } from "../../contexts/darkContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { checkPrompt } from "../../controllers/API";
 export default function PromptAreaModal({
   value,
   setValue,
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
index 6064b3955..83186bbea 100644
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ b/src/frontend/src/modals/textAreaModal/index.tsx
@@ -1,7 +1,7 @@
 import { Dialog, Transition } from "@headlessui/react";
 import {
-  XMarkIcon,
   ClipboardDocumentListIcon,
+  XMarkIcon,
 } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
diff --git a/src/frontend/src/pages/CommunityPage/index.tsx b/src/frontend/src/pages/CommunityPage/index.tsx
index b5e197f2c..6d09999cc 100644
--- a/src/frontend/src/pages/CommunityPage/index.tsx
+++ b/src/frontend/src/pages/CommunityPage/index.tsx
@@ -1,13 +1,13 @@
+import { GitFork, GithubIcon, Users2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
-import { GithubIcon, Users2, GitFork } from "lucide-react";
-import { TabsContext } from "../../contexts/tabsContext";
-import { alertContext } from "../../contexts/alertContext";
 import { Button } from "../../components/ui/button";
+import { alertContext } from "../../contexts/alertContext";
+import { TabsContext } from "../../contexts/tabsContext";
 
+import { useNavigate } from "react-router-dom";
+import { CardComponent } from "../../components/cardComponent";
 import { getExamples } from "../../controllers/API";
 import { FlowType } from "../../types/flow";
-import { CardComponent } from "../../components/cardComponent";
-import { useNavigate } from "react-router-dom";
 export default function CommunityPage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow } =
     useContext(TabsContext);
diff --git a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
index 2f3b1d4ff..d49a099a5 100644
--- a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
@@ -1,6 +1,6 @@
 import { Disclosure } from "@headlessui/react";
-import { DisclosureComponentType } from "../../../../types/components";
 import { ChevronRight } from "lucide-react";
+import { DisclosureComponentType } from "../../../../types/components";
 
 export default function DisclosureComponent({
   button: { title, Icon, buttons = [] },
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 48a3f94ff..51c84580e 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -1,21 +1,21 @@
-import _, { set } from "lodash";
-import { useContext, useRef, useState, useEffect, useCallback } from "react";
+import _ from "lodash";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
 import ReactFlow, {
-  OnSelectionChangeParams,
-  useNodesState,
-  useEdgesState,
-  useReactFlow,
-  EdgeChange,
-  Connection,
-  addEdge,
-  NodeDragHandler,
-  SelectionDragHandler,
-  OnEdgesDelete,
-  Edge,
-  updateEdge,
   Background,
+  Connection,
   Controls,
+  Edge,
+  EdgeChange,
   NodeChange,
+  NodeDragHandler,
+  OnEdgesDelete,
+  OnSelectionChangeParams,
+  SelectionDragHandler,
+  addEdge,
+  updateEdge,
+  useEdgesState,
+  useNodesState,
+  useReactFlow,
 } from "reactflow";
 import GenericNode from "../../../../CustomNodes/GenericNode";
 import Chat from "../../../../components/chatComponent";
@@ -23,12 +23,12 @@ import { alertContext } from "../../../../contexts/alertContext";
 import { locationContext } from "../../../../contexts/locationContext";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { typesContext } from "../../../../contexts/typesContext";
+import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 import { APIClassType } from "../../../../types/api";
 import { FlowType, NodeType } from "../../../../types/flow";
 import { isValidConnection } from "../../../../utils";
 import ConnectionLineComponent from "../ConnectionLineComponent";
 import ExtraSidebar from "../extraSidebarComponent";
-import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 
 const nodeTypes = {
   genericNode: GenericNode,
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 591bdf2d6..4a77975d4 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -1,22 +1,21 @@
-import DisclosureComponent from "../DisclosureComponent";
+import { Code2, FileDown, FileUp, Menu, Save, Search } from "lucide-react";
+import { useContext, useState } from "react";
+import ShadTooltip from "../../../../components/ShadTooltipComponent";
+import { Separator } from "../../../../components/ui/separator";
+import { alertContext } from "../../../../contexts/alertContext";
+import { PopUpContext } from "../../../../contexts/popUpContext";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import { typesContext } from "../../../../contexts/typesContext";
+import ApiModal from "../../../../modals/ApiModal";
+import ExportModal from "../../../../modals/exportModal";
+import { APIClassType, APIObjectType } from "../../../../types/api";
 import {
   classNames,
   nodeColors,
   nodeIconsLucide,
   nodeNames,
 } from "../../../../utils";
-import { useContext, useState } from "react";
-import { typesContext } from "../../../../contexts/typesContext";
-import { APIClassType, APIObjectType } from "../../../../types/api";
-import ShadTooltip from "../../../../components/ShadTooltipComponent";
-import { Code2, FileDown, FileUp, Save, Search } from "lucide-react";
-import { PopUpContext } from "../../../../contexts/popUpContext";
-import ExportModal from "../../../../modals/exportModal";
-import ApiModal from "../../../../modals/ApiModal";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import { alertContext } from "../../../../contexts/alertContext";
-import { Separator } from "../../../../components/ui/separator";
-import { Menu } from "lucide-react";
+import DisclosureComponent from "../DisclosureComponent";
 
 export default function ExtraSidebar() {
   const { data } = useContext(typesContext);
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 0087d3759..0183dcb16 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -1,10 +1,10 @@
+import { Copy, FileText, Settings2, Trash2 } from "lucide-react";
 import { useContext, useState } from "react";
-import { Settings2, Copy, Trash2, FileText } from "lucide-react";
-import { classNames } from "../../../../utils";
-import { TabsContext } from "../../../../contexts/tabsContext";
 import { useReactFlow } from "reactflow";
-import EditNodeModal from "../../../../modals/EditNodeModal";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import EditNodeModal from "../../../../modals/EditNodeModal";
+import { classNames } from "../../../../utils";
 
 const NodeToolbarComponent = (props) => {
   const [nodeLength, setNodeLength] = useState(
diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index a13fabd98..f9b170197 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
-import Page from "./components/PageComponent";
-import { TabsContext } from "../../contexts/tabsContext";
 import { useParams } from "react-router-dom";
+import { TabsContext } from "../../contexts/tabsContext";
 import { getVersion } from "../../controllers/API";
+import Page from "./components/PageComponent";
 
 export default function FlowPage() {
   const { flows, tabId, setTabId } = useContext(TabsContext);
diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx
index 99df6a8a8..e2871a313 100644
--- a/src/frontend/src/pages/MainPage/index.tsx
+++ b/src/frontend/src/pages/MainPage/index.tsx
@@ -1,10 +1,10 @@
+import { Download, ExternalLink, Home, Plus, Upload } from "lucide-react";
 import { useContext, useEffect } from "react";
-import { Download, Upload, Plus, Home, ExternalLink } from "lucide-react";
-import { TabsContext } from "../../contexts/tabsContext";
-import { Button } from "../../components/ui/button";
 import { Link, useNavigate } from "react-router-dom";
 import { CardComponent } from "../../components/cardComponent";
+import { Button } from "../../components/ui/button";
 import { USER_PROJECTS_HEADER } from "../../constants";
+import { TabsContext } from "../../contexts/tabsContext";
 export default function HomePage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow, removeFlow } =
     useContext(TabsContext);
diff --git a/src/frontend/src/routes.tsx b/src/frontend/src/routes.tsx
index a208b121a..21b73f70b 100644
--- a/src/frontend/src/routes.tsx
+++ b/src/frontend/src/routes.tsx
@@ -1,7 +1,7 @@
 import { Route, Routes } from "react-router-dom";
-import HomePage from "./pages/MainPage";
-import FlowPage from "./pages/FlowPage";
 import CommunityPage from "./pages/CommunityPage";
+import FlowPage from "./pages/FlowPage";
+import HomePage from "./pages/MainPage";
 
 const Router = () => {
   return (
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index 505aae044..eaf862f29 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -1,4 +1,4 @@
-import { Node, Edge, Viewport } from "reactflow";
+import { Edge, Node, Viewport } from "reactflow";
 //kind and class are just representative names to represent the actual structure of the object received by the API
 
 export type APIObjectType = { kind: APIKindType; [key: string]: APIKindType };
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 984652b9a..40998fe46 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from "react";
+import { APIClassType } from "../api";
 import { NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
-import { APIClassType } from "../api";
 export type InputComponentType = {
   value: string;
   disabled?: boolean;
diff --git a/src/frontend/src/types/flow/index.ts b/src/frontend/src/types/flow/index.ts
index b1f86392b..ccf9933ee 100644
--- a/src/frontend/src/types/flow/index.ts
+++ b/src/frontend/src/types/flow/index.ts
@@ -1,6 +1,5 @@
-import { ChatMessageType } from "./../chat/index";
-import { APIClassType } from "../api/index";
 import { ReactFlowJsonObject, XYPosition } from "reactflow";
+import { APIClassType } from "../api/index";
 
 export type FlowType = {
   name: string;
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index f74f0d584..7fb0cacb1 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -1,34 +1,9 @@
-import { Connection, Edge, Node, ReactFlowInstance } from "reactflow";
-import { FlowType, NodeType } from "./types/flow";
-import { APITemplateType } from "./types/api";
-import _ from "lodash";
-import { ChromaIcon } from "./icons/ChromaIcon";
-import { AnthropicIcon } from "./icons/Anthropic";
-import { AirbyteIcon } from "./icons/Airbyte";
-import { BingIcon } from "./icons/Bing";
-import { CohereIcon } from "./icons/Cohere";
-import { EvernoteIcon } from "./icons/Evernote";
-import { FBIcon } from "./icons/FacebookMessenger";
-import { GitBookIcon } from "./icons/GitBook";
-import { GoogleIcon } from "./icons/Google";
-import { HackerNewsIcon } from "./icons/hackerNews";
-import { HugginFaceIcon } from "./icons/HuggingFace";
-import { IFixIcon } from "./icons/IFixIt";
-import { MetaIcon } from "./icons/Meta";
-import { MidjourneyIcon } from "./icons/Midjorney";
-import { NotionIcon } from "./icons/Notion";
-import { OpenAiIcon } from "./icons/OpenAi";
-import { QDrantIcon } from "./icons/QDrant";
-import { SearxIcon } from "./icons/Searx";
-import { SlackIcon } from "./icons/Slack";
-import { PineconeIcon } from "./icons/Pinecone";
 import clsx, { ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./flow_constants";
-import { ComponentType, SVGProps } from "react";
+import _ from "lodash";
 import {
   Compass,
   Cpu,
+  FileSearch,
   Fingerprint,
   Gift,
   Hammer,
@@ -41,15 +16,40 @@ import {
   Paperclip,
   Rocket,
   Scissors,
-  FileSearch,
   TerminalSquare,
   Wand2,
   Wrench,
 } from "lucide-react";
-import { SupabaseIcon } from "./icons/supabase";
+import { ComponentType, SVGProps } from "react";
+import { Connection, Edge, Node, ReactFlowInstance } from "reactflow";
+import { twMerge } from "tailwind-merge";
+import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./flow_constants";
+import { AirbyteIcon } from "./icons/Airbyte";
+import { AnthropicIcon } from "./icons/Anthropic";
+import { BingIcon } from "./icons/Bing";
+import { ChromaIcon } from "./icons/ChromaIcon";
+import { CohereIcon } from "./icons/Cohere";
+import { EvernoteIcon } from "./icons/Evernote";
+import { FBIcon } from "./icons/FacebookMessenger";
+import { GitBookIcon } from "./icons/GitBook";
+import { GoogleIcon } from "./icons/Google";
+import { HugginFaceIcon } from "./icons/HuggingFace";
+import { IFixIcon } from "./icons/IFixIt";
+import { MetaIcon } from "./icons/Meta";
+import { MidjourneyIcon } from "./icons/Midjorney";
 import { MongoDBIcon } from "./icons/MongoDB";
+import { NotionIcon } from "./icons/Notion";
+import { OpenAiIcon } from "./icons/OpenAi";
+import { PineconeIcon } from "./icons/Pinecone";
+import { QDrantIcon } from "./icons/QDrant";
+import { SearxIcon } from "./icons/Searx";
+import { SlackIcon } from "./icons/Slack";
 import { VertexAIIcon } from "./icons/VertexAI";
+import { HackerNewsIcon } from "./icons/hackerNews";
+import { SupabaseIcon } from "./icons/supabase";
+import { APITemplateType } from "./types/api";
 import { IVarHighlightType } from "./types/components";
+import { FlowType, NodeType } from "./types/flow";
 
 export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");
diff --git a/src/frontend/vite.config.ts b/src/frontend/vite.config.ts
index 860c690ea..f051c2eee 100644
--- a/src/frontend/vite.config.ts
+++ b/src/frontend/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
+import { defineConfig } from "vite";
 import svgr from "vite-plugin-svgr";
 const apiRoutes = ["^/api/v1/", "/health"];
 

From da0cf3005704a3744eefefc40449b0615abe7ea6 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 15:38:36 -0300
Subject: [PATCH 237/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20fix?=
 =?UTF-8?q?=20condition=20to=20remove=20empty=20input=5Fkey=20and=20output?=
 =?UTF-8?q?=5Fkey=20parameters=20The=20condition=20to=20remove=20empty=20i?=
 =?UTF-8?q?nput=5Fkey=20and=20output=5Fkey=20parameters=20has=20been=20fix?=
 =?UTF-8?q?ed=20to=20correctly=20handle=20cases=20where=20the=20parameters?=
 =?UTF-8?q?=20are=20empty=20strings.=20This=20ensures=20that=20the=20param?=
 =?UTF-8?q?eters=20are=20only=20removed=20if=20they=20are=20either=20empty?=
 =?UTF-8?q?=20strings=20or=20not=20present=20in=20the=20params=20dictionar?=
 =?UTF-8?q?y.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 3c3616dd8..d56445f2a 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -115,7 +115,7 @@ def instantiate_memory(node_type, class_object, params):
     # process input_key and output_key to remove them if
     # they are empty strings
     for key in ["input_key", "output_key"]:
-        if key in params and not params[key]:
+        if key in params and (params[key] == "" or not params[key]):
             params.pop(key)
 
     try:

From 4e078d7de5e3a027b9693f57febaed1acabaa259 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 15:53:48 -0300
Subject: [PATCH 238/367] =?UTF-8?q?=F0=9F=90=9B=20fix(agents.py):=20change?=
 =?UTF-8?q?=20field=20type=20name=20from=20'type=5Fname'=20to=20'field=5Ft?=
 =?UTF-8?q?ype'=20for=20consistency=20The=20'type=5Fname'=20attribute=20fo?=
 =?UTF-8?q?r=20the=20'Tools'=20field=20in=20the=20'ZeroShotAgent'=20class?=
 =?UTF-8?q?=20has=20been=20changed=20to=20'field=5Ftype'=20to=20improve=20?=
 =?UTF-8?q?consistency=20with=20the=20naming=20conventions=20used=20in=20t?=
 =?UTF-8?q?he=20codebase.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/agents.py | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/backend/langflow/template/frontend_node/agents.py b/src/backend/langflow/template/frontend_node/agents.py
index 5cae6a346..02aea78b9 100644
--- a/src/backend/langflow/template/frontend_node/agents.py
+++ b/src/backend/langflow/template/frontend_node/agents.py
@@ -19,8 +19,7 @@ class AgentFrontendNode(FrontendNode):
         if field.name in ["suffix", "prefix"]:
             field.show = True
         if field.name == "Tools" and name == "ZeroShotAgent":
-            # field.
-            field.type_name = "BaseTool"
+            field.field_type = "BaseTool"
             field.is_list = True
 
 

From 6f9520d620b62fe88ed85cfecc836616aca96a14 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 15:54:15 -0300
Subject: [PATCH 239/367] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20add=20ty?=
 =?UTF-8?q?pe=20hint=20for=20'template'=20attribute=20in=20FrontendNodeReq?=
 =?UTF-8?q?uest=20class=20=F0=9F=90=9B=20fix(utils.py):=20add=20input=20va?=
 =?UTF-8?q?lidation=20for=20'chat=5Finputs.message'=20to=20prevent=20error?=
 =?UTF-8?q?s=20when=20no=20message=20is=20provided=20=F0=9F=90=9B=20fix(lo?=
 =?UTF-8?q?ading.py):=20add=20type=20hint=20for=20'format=5Fkwargs'=20vari?=
 =?UTF-8?q?able=20in=20instantiate=5Fprompt=20function=20=F0=9F=90=9B=20fi?=
 =?UTF-8?q?x(base.py):=20add=20type=20hint=20for=20'inputs'=20parameter=20?=
 =?UTF-8?q?in=20get=5Fresult=5Fand=5Fsteps=20function=20The=20changes=20in?=
 =?UTF-8?q?=20`base.py`=20and=20`utils.py`=20are=20bug=20fixes=20that=20ad?=
 =?UTF-8?q?dress=20potential=20issues=20in=20the=20code.=20The=20type=20hi?=
 =?UTF-8?q?nt=20for=20the=20'template'=20attribute=20in=20the=20`FrontendN?=
 =?UTF-8?q?odeRequest`=20class=20is=20added=20to=20improve=20code=20clarit?=
 =?UTF-8?q?y=20and=20maintainability.=20The=20input=20validation=20for=20'?=
 =?UTF-8?q?chat=5Finputs.message'=20in=20the=20`process=5Fgraph`=20functio?=
 =?UTF-8?q?n=20ensures=20that=20an=20error=20is=20raised=20when=20no=20mes?=
 =?UTF-8?q?sage=20is=20provided,=20preventing=20potential=20issues=20down?=
 =?UTF-8?q?=20the=20line.=20In=20`loading.py`,=20the=20type=20hint=20for?=
 =?UTF-8?q?=20the=20'format=5Fkwargs'=20variable=20in=20the=20`instantiate?=
 =?UTF-8?q?=5Fprompt`=20function=20improves=20type=20safety.=20Lastly,=20i?=
 =?UTF-8?q?n=20`base.py`,=20the=20type=20hint=20for=20the=20'inputs'=20par?=
 =?UTF-8?q?ameter=20in=20the=20`get=5Fresult=5Fand=5Fsteps`=20function=20e?=
 =?UTF-8?q?nsures=20proper=20type=20checking.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/base.py                  | 2 +-
 src/backend/langflow/chat/utils.py                   | 4 ++++
 src/backend/langflow/interface/initialize/loading.py | 2 +-
 src/backend/langflow/processing/base.py              | 3 ++-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/api/v1/base.py b/src/backend/langflow/api/v1/base.py
index 28be40ae0..420e1645f 100644
--- a/src/backend/langflow/api/v1/base.py
+++ b/src/backend/langflow/api/v1/base.py
@@ -14,7 +14,7 @@ class Code(BaseModel):
 
 
 class FrontendNodeRequest(FrontendNode):
-    template: dict
+    template: dict  # type: ignore
 
 
 class ValidatePromptRequest(BaseModel):
diff --git a/src/backend/langflow/chat/utils.py b/src/backend/langflow/chat/utils.py
index d070a7457..7db65b8e3 100644
--- a/src/backend/langflow/chat/utils.py
+++ b/src/backend/langflow/chat/utils.py
@@ -21,6 +21,10 @@ async def process_graph(
 
     # Generate result and thought
     try:
+        if not chat_inputs.message:
+            logger.debug("No message provided")
+            raise ValueError("No message provided")
+
         logger.debug("Generating result and thought")
         result, intermediate_steps = await get_result_and_steps(
             langchain_object, chat_inputs.message, websocket=websocket
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index d56445f2a..37dbdcda1 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -193,7 +193,7 @@ def instantiate_prompt(node_type, class_object, params: Dict):
 
     prompt = class_object(**params)
 
-    format_kwargs = {}
+    format_kwargs: Dict[str, Any] = {}
     for input_variable in prompt.input_variables:
         if input_variable in params:
             variable = params[input_variable]
diff --git a/src/backend/langflow/processing/base.py b/src/backend/langflow/processing/base.py
index b39ad4af1..478b98816 100644
--- a/src/backend/langflow/processing/base.py
+++ b/src/backend/langflow/processing/base.py
@@ -1,3 +1,4 @@
+from typing import Union
 from langflow.api.v1.callback import (
     AsyncStreamingLLMCallbackHandler,
     StreamingLLMCallbackHandler,
@@ -6,7 +7,7 @@ from langflow.processing.process import fix_memory_inputs, format_actions
 from langflow.utils.logger import logger
 
 
-async def get_result_and_steps(langchain_object, inputs: dict, **kwargs):
+async def get_result_and_steps(langchain_object, inputs: Union[dict, str], **kwargs):
     """Get result and thought from extracted json"""
 
     try:

From 57af6a7b66c7ed4699e633e2140cc891583e4b3c Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 16:44:31 -0300
Subject: [PATCH 240/367] Revert "Formatting"

This reverts commit 7304b922b99418a140d479ace394f1701f4c6331.
---
 src/frontend/src/App.tsx                      | 13 +--
 .../components/parameterComponent/index.tsx   | 39 ++++-----
 .../src/CustomNodes/GenericNode/index.tsx     | 24 +++---
 .../components/singleAlertComponent/index.tsx |  6 +-
 .../src/alerts/alertDropDown/index.tsx        | 10 +--
 src/frontend/src/alerts/error/index.tsx       |  2 +-
 src/frontend/src/alerts/notice/index.tsx      |  2 +-
 src/frontend/src/alerts/success/index.tsx     |  2 +-
 .../components/AccordionComponent/index.tsx   |  9 +-
 .../EditFlowSettingsComponent/index.tsx       |  6 +-
 .../ExtraSidebarComponent/index.tsx           |  2 +-
 .../LightTooltipComponent/index.tsx           |  2 +-
 .../src/components/LoadingSpinner/index.tsx   |  3 +
 .../src/components/RadialProgress/index.tsx   |  1 +
 .../components/ShadTooltipComponent/index.tsx |  2 +-
 .../src/components/TooltipComponent/index.tsx |  3 +-
 .../src/components/cardComponent/index.tsx    | 17 +++-
 .../chatComponent/buildTrigger/index.tsx      | 10 +--
 .../chatComponent/chatTrigger/index.tsx       |  2 +-
 .../src/components/chatComponent/index.tsx    |  8 +-
 .../components/codeAreaComponent/index.tsx    |  1 +
 .../components/dropdownComponent/index.tsx    |  4 +-
 .../src/components/floatComponent/index.tsx   |  4 +-
 .../components/menuBar/index.tsx              | 16 ++--
 .../src/components/headerComponent/index.tsx  | 15 ++--
 .../src/components/inputComponent/index.tsx   |  4 +-
 .../components/inputFileComponent/index.tsx   |  6 +-
 .../components/inputListComponent/index.tsx   |  3 +-
 .../src/components/intComponent/index.tsx     |  5 +-
 .../src/components/promptComponent/index.tsx  |  6 +-
 .../components/textAreaComponent/index.tsx    |  4 +-
 .../src/components/toggleComponent/index.tsx  |  2 +-
 .../components/toggleShadComponent/index.tsx  |  1 +
 src/frontend/src/components/ui/accordion.tsx  |  2 +-
 src/frontend/src/components/ui/badge.tsx      |  2 +-
 src/frontend/src/components/ui/button.tsx     |  2 +-
 src/frontend/src/components/ui/checkbox.tsx   |  2 +-
 src/frontend/src/components/ui/dialog.tsx     |  2 +-
 .../src/components/ui/dropdown-menu.tsx       |  2 +-
 src/frontend/src/components/ui/label.tsx      |  2 +-
 src/frontend/src/components/ui/menubar.tsx    |  2 +-
 src/frontend/src/components/ui/progress.tsx   |  2 +-
 .../src/components/ui/rename-label.tsx        |  2 +-
 src/frontend/src/components/ui/separator.tsx  |  2 +-
 src/frontend/src/components/ui/switch.tsx     |  2 +-
 src/frontend/src/components/ui/tabs.tsx       |  2 +-
 src/frontend/src/components/ui/tooltip.tsx    |  2 +-
 src/frontend/src/constants.tsx                |  3 +-
 src/frontend/src/contexts/SSEContext.tsx      |  8 +-
 src/frontend/src/contexts/index.tsx           |  4 +-
 src/frontend/src/contexts/popUpContext.tsx    |  3 +-
 src/frontend/src/contexts/tabsContext.tsx     | 34 ++++----
 src/frontend/src/contexts/typesContext.tsx    |  2 +-
 src/frontend/src/contexts/undoRedoContext.tsx |  2 +-
 src/frontend/src/controllers/API/index.ts     | 16 ++--
 src/frontend/src/index.tsx                    |  5 +-
 src/frontend/src/modals/ApiModal/index.tsx    | 70 ++++++++--------
 .../src/modals/EditNodeModal/index.tsx        | 48 +++++------
 .../NodeModal/components/ModalField/index.tsx | 14 ++--
 src/frontend/src/modals/NodeModal/index.tsx   |  4 +-
 .../modals/chatModal/chatMessage/index.tsx    | 16 ++--
 src/frontend/src/modals/chatModal/index.tsx   |  8 +-
 .../src/modals/codeAreaModal/index.tsx        | 18 ++--
 src/frontend/src/modals/exportModal/index.tsx | 16 ++--
 .../src/modals/flowSettingsModal/index.tsx    | 13 +--
 .../src/modals/formModal/chatInput/index.tsx  |  5 +-
 .../modals/formModal/chatMessage/index.tsx    | 33 ++++++--
 .../modals/formModal/fileComponent/index.tsx  |  2 +-
 src/frontend/src/modals/formModal/index.tsx   | 26 +++---
 .../src/modals/genericModal/index.tsx         | 83 ++++++++++---------
 .../modals/importModal/buttonBox/index.tsx    |  2 +-
 src/frontend/src/modals/importModal/index.tsx | 20 ++---
 src/frontend/src/modals/promptModal/index.tsx |  6 +-
 .../src/modals/textAreaModal/index.tsx        |  2 +-
 .../src/pages/CommunityPage/index.tsx         | 10 +--
 .../components/DisclosureComponent/index.tsx  |  2 +-
 .../components/PageComponent/index.tsx        | 30 +++----
 .../extraSidebarComponent/index.tsx           | 25 +++---
 .../components/nodeToolbarComponent/index.tsx | 10 +--
 src/frontend/src/pages/FlowPage/index.tsx     |  6 +-
 src/frontend/src/pages/MainPage/index.tsx     |  6 +-
 src/frontend/src/routes.tsx                   |  4 +-
 src/frontend/src/types/api/index.ts           |  2 +-
 src/frontend/src/types/components/index.ts    |  2 +-
 src/frontend/src/types/flow/index.ts          |  3 +-
 src/frontend/src/utils.ts                     | 60 +++++++-------
 src/frontend/vite.config.ts                   |  2 +-
 87 files changed, 472 insertions(+), 415 deletions(-)

diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 0088081ae..7335da19d 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -1,19 +1,20 @@
-import _ from "lodash";
-import { useContext, useEffect, useState } from "react";
-import { useLocation } from "react-router-dom";
 import "reactflow/dist/style.css";
+import { useState, useEffect, useContext } from "react";
 import "./App.css";
+import { useLocation } from "react-router-dom";
+import _ from "lodash";
 
-import { ErrorBoundary } from "react-error-boundary";
 import ErrorAlert from "./alerts/error";
 import NoticeAlert from "./alerts/notice";
 import SuccessAlert from "./alerts/success";
-import CrashErrorComponent from "./components/CrashErrorComponent";
-import Header from "./components/headerComponent";
 import { alertContext } from "./contexts/alertContext";
 import { locationContext } from "./contexts/locationContext";
+import { ErrorBoundary } from "react-error-boundary";
+import CrashErrorComponent from "./components/CrashErrorComponent";
 import { TabsContext } from "./contexts/tabsContext";
+import { getVersion } from "./controllers/API";
 import Router from "./routes";
+import Header from "./components/headerComponent";
 
 export default function App() {
   let { setCurrent, setShowSideBar, setIsStackedOpen } =
diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index d8208e5f2..8e22eafac 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -1,30 +1,31 @@
-import { Info } from "lucide-react";
-import React, { useContext, useEffect, useRef, useState } from "react";
 import { Handle, Position, useUpdateNodeInternals } from "reactflow";
-import ShadTooltip from "../../../../components/ShadTooltipComponent";
-import CodeAreaComponent from "../../../../components/codeAreaComponent";
-import Dropdown from "../../../../components/dropdownComponent";
-import FloatComponent from "../../../../components/floatComponent";
-import InputComponent from "../../../../components/inputComponent";
-import InputFileComponent from "../../../../components/inputFileComponent";
-import InputListComponent from "../../../../components/inputListComponent";
-import IntComponent from "../../../../components/intComponent";
-import PromptAreaComponent from "../../../../components/promptComponent";
-import TextAreaComponent from "../../../../components/textAreaComponent";
-import ToggleShadComponent from "../../../../components/toggleShadComponent";
-import { PopUpContext } from "../../../../contexts/popUpContext";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import { typesContext } from "../../../../contexts/typesContext";
-import { ParameterComponentType } from "../../../../types/components";
 import {
   classNames,
   getRandomKeyByssmm,
   groupByFamily,
   isValidConnection,
-  nodeColors,
   nodeIconsLucide,
-  nodeNames,
 } from "../../../../utils";
+import { useContext, useEffect, useRef, useState } from "react";
+import InputComponent from "../../../../components/inputComponent";
+import InputListComponent from "../../../../components/inputListComponent";
+import TextAreaComponent from "../../../../components/textAreaComponent";
+import { typesContext } from "../../../../contexts/typesContext";
+import { ParameterComponentType } from "../../../../types/components";
+import FloatComponent from "../../../../components/floatComponent";
+import Dropdown from "../../../../components/dropdownComponent";
+import CodeAreaComponent from "../../../../components/codeAreaComponent";
+import InputFileComponent from "../../../../components/inputFileComponent";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import IntComponent from "../../../../components/intComponent";
+import PromptAreaComponent from "../../../../components/promptComponent";
+import { nodeNames } from "../../../../utils";
+import React from "react";
+import { nodeColors } from "../../../../utils";
+import ShadTooltip from "../../../../components/ShadTooltipComponent";
+import { PopUpContext } from "../../../../contexts/popUpContext";
+import ToggleShadComponent from "../../../../components/toggleShadComponent";
+import { Info } from "lucide-react";
 
 export default function ParameterComponent({
   left,
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 197132e81..313be210c 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -1,15 +1,3 @@
-import { Zap } from "lucide-react";
-import { useContext, useEffect, useRef, useState } from "react";
-import { NodeToolbar } from "reactflow";
-import ShadTooltip from "../../components/ShadTooltipComponent";
-import Tooltip from "../../components/TooltipComponent";
-import { useSSE } from "../../contexts/SSEContext";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { typesContext } from "../../contexts/typesContext";
-import NodeModal from "../../modals/NodeModal";
-import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
-import { NodeDataType } from "../../types/flow";
 import {
   classNames,
   nodeColors,
@@ -17,6 +5,18 @@ import {
   toTitleCase,
 } from "../../utils";
 import ParameterComponent from "./components/parameterComponent";
+import { typesContext } from "../../contexts/typesContext";
+import { useContext, useState, useEffect, useRef } from "react";
+import { NodeDataType } from "../../types/flow";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import NodeModal from "../../modals/NodeModal";
+import Tooltip from "../../components/TooltipComponent";
+import { NodeToolbar } from "reactflow";
+import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
+import ShadTooltip from "../../components/ShadTooltipComponent";
+import { useSSE } from "../../contexts/SSEContext";
+import { Zap } from "lucide-react";
 
 export default function GenericNode({
   data,
diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
index 18475b039..857bf0fb4 100644
--- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
@@ -1,8 +1,8 @@
-import { Transition } from "@headlessui/react";
-import { CheckCircle2, Info, X, XCircle } from "lucide-react";
-import { useState } from "react";
 import { Link } from "react-router-dom";
+import { Transition } from "@headlessui/react";
+import { useState } from "react";
 import { SingleAlertComponentType } from "../../../../types/alerts";
+import { X, CheckCircle2, Info, XCircle } from "lucide-react";
 
 export default function SingleAlert({
   dropItem,
diff --git a/src/frontend/src/alerts/alertDropDown/index.tsx b/src/frontend/src/alerts/alertDropDown/index.tsx
index cd1ed9137..ef703f624 100644
--- a/src/frontend/src/alerts/alertDropDown/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/index.tsx
@@ -1,10 +1,10 @@
-import { Trash2, X } from "lucide-react";
-import { useContext, useRef } from "react";
+import { useContext, useEffect, useRef } from "react";
 import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { AlertDropdownType } from "../../types/alerts";
-import { useOnClickOutside } from "../hooks/useOnClickOutside";
 import SingleAlert from "./components/singleAlertComponent";
+import { AlertDropdownType } from "../../types/alerts";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { useOnClickOutside } from "../hooks/useOnClickOutside";
+import { X, Trash2 } from "lucide-react";
 
 export default function AlertDropdown({}: AlertDropdownType) {
   const { closePopUp } = useContext(PopUpContext);
diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx
index ed395018e..d71980b7e 100644
--- a/src/frontend/src/alerts/error/index.tsx
+++ b/src/frontend/src/alerts/error/index.tsx
@@ -1,7 +1,7 @@
 import { Transition } from "@headlessui/react";
-import { XCircle } from "lucide-react";
 import { useEffect, useState } from "react";
 import { ErrorAlertType } from "../../types/alerts";
+import { XCircle } from "lucide-react";
 
 export default function ErrorAlert({
   title,
diff --git a/src/frontend/src/alerts/notice/index.tsx b/src/frontend/src/alerts/notice/index.tsx
index c77a4bcd6..eeb00cd42 100644
--- a/src/frontend/src/alerts/notice/index.tsx
+++ b/src/frontend/src/alerts/notice/index.tsx
@@ -1,8 +1,8 @@
 import { Transition } from "@headlessui/react";
-import { Info } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import { NoticeAlertType } from "../../types/alerts";
+import { Info } from "lucide-react";
 
 export default function NoticeAlert({
   title,
diff --git a/src/frontend/src/alerts/success/index.tsx b/src/frontend/src/alerts/success/index.tsx
index 60dba1e93..95eaa1ba4 100644
--- a/src/frontend/src/alerts/success/index.tsx
+++ b/src/frontend/src/alerts/success/index.tsx
@@ -1,7 +1,7 @@
 import { Transition } from "@headlessui/react";
-import { CheckCircle2 } from "lucide-react";
 import { useEffect, useState } from "react";
 import { SuccessAlertType } from "../../types/alerts";
+import { CheckCircle2 } from "lucide-react";
 
 export default function SuccessAlert({
   title,
diff --git a/src/frontend/src/components/AccordionComponent/index.tsx b/src/frontend/src/components/AccordionComponent/index.tsx
index ceeb938a8..f03a2ad5f 100644
--- a/src/frontend/src/components/AccordionComponent/index.tsx
+++ b/src/frontend/src/components/AccordionComponent/index.tsx
@@ -1,11 +1,16 @@
-import { useState } from "react";
+import { ReactElement, useContext, useEffect, useRef, useState } from "react";
+import {
+  AccordionComponentType,
+  ProgressBarType,
+} from "../../types/components";
+import { Progress } from "../../components/ui/progress";
+import { setInterval } from "timers/promises";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
 } from "../../components/ui/accordion";
-import { AccordionComponentType } from "../../types/components";
 
 export default function AccordionComponent({
   trigger,
diff --git a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
index a0beb11f3..b51722ad8 100644
--- a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
+++ b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
@@ -1,7 +1,7 @@
-import React, { ChangeEvent, useState } from "react";
-import { Input } from "../../components/ui/input";
-import { Label } from "../../components/ui/label";
+import React, { useState, ChangeEvent } from "react";
 import { Textarea } from "../../components/ui/textarea";
+import { Label } from "../../components/ui/label";
+import { Input } from "../../components/ui/input";
 
 type InputProps = {
   name: string | null;
diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
index e307e5234..2386e29a8 100644
--- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx
+++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
@@ -1,8 +1,8 @@
 import { Disclosure } from "@headlessui/react";
 import { useContext } from "react";
 import { Link } from "react-router-dom";
-import { locationContext } from "../../contexts/locationContext";
 import { classNames } from "../../utils";
+import { locationContext } from "../../contexts/locationContext";
 
 export default function ExtraSidebar() {
   const {
diff --git a/src/frontend/src/components/LightTooltipComponent/index.tsx b/src/frontend/src/components/LightTooltipComponent/index.tsx
index 08ea76266..4cdc912d0 100644
--- a/src/frontend/src/components/LightTooltipComponent/index.tsx
+++ b/src/frontend/src/components/LightTooltipComponent/index.tsx
@@ -1,5 +1,5 @@
-import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
 import { styled } from "@mui/material/styles";
+import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
 
 export const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
   <Tooltip {...props} classes={{ popper: className }} />
diff --git a/src/frontend/src/components/LoadingSpinner/index.tsx b/src/frontend/src/components/LoadingSpinner/index.tsx
index ea02a88d6..642df9e22 100644
--- a/src/frontend/src/components/LoadingSpinner/index.tsx
+++ b/src/frontend/src/components/LoadingSpinner/index.tsx
@@ -1,3 +1,6 @@
+import { useContext, useEffect, useRef, useState } from "react";
+import { RadialProgressType } from "../../types/components";
+
 export default function LoadingSpinner({}) {
   return <></>;
 }
diff --git a/src/frontend/src/components/RadialProgress/index.tsx b/src/frontend/src/components/RadialProgress/index.tsx
index f277a9c80..b468b12e8 100644
--- a/src/frontend/src/components/RadialProgress/index.tsx
+++ b/src/frontend/src/components/RadialProgress/index.tsx
@@ -1,3 +1,4 @@
+import { useContext, useEffect, useRef, useState } from "react";
 import { RadialProgressType } from "../../types/components";
 
 export default function RadialProgressComponent({
diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index e8b4a6398..d643a4d08 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -1,4 +1,4 @@
-import { ShadToolTipType } from "../../types/components";
+import { RadialProgressType, ShadToolTipType } from "../../types/components";
 import {
   Tooltip,
   TooltipContent,
diff --git a/src/frontend/src/components/TooltipComponent/index.tsx b/src/frontend/src/components/TooltipComponent/index.tsx
index 91fa006ec..0e571b1bc 100644
--- a/src/frontend/src/components/TooltipComponent/index.tsx
+++ b/src/frontend/src/components/TooltipComponent/index.tsx
@@ -1,5 +1,6 @@
-import { TooltipComponentType } from "../../types/components";
+import { ReactElement } from "react";
 import { LightTooltip } from "../LightTooltipComponent";
+import { TooltipComponentType } from "../../types/components";
 
 export default function Tooltip({
   children,
diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 285aa91b7..276f0a7cd 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -1,15 +1,26 @@
-import { Trash2 } from "lucide-react";
+import { Trash2, ExternalLink } from "lucide-react";
 import { useContext } from "react";
+import { Link } from "react-router-dom";
 import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow";
 import { gradients } from "../../utils";
 import {
-  Card,
+  CardTitle,
   CardDescription,
   CardFooter,
+  Card,
   CardHeader,
-  CardTitle,
 } from "../ui/card";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../ui/dialog";
+import { Button } from "@mui/material";
 
 export const CardComponent = ({
   flow,
diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 09ab90ff7..4d47e2e1c 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -1,16 +1,16 @@
+import { useContext, useState } from "react";
 import { Transition } from "@headlessui/react";
 import { Zap } from "lucide-react";
-import { useContext, useState } from "react";
+import { validateNodes } from "../../../utils";
+import { FlowType } from "../../../types/flow";
 import Loading from "../../../components/ui/loading";
 import { useSSE } from "../../../contexts/SSEContext";
-import { alertContext } from "../../../contexts/alertContext";
 import { typesContext } from "../../../contexts/typesContext";
+import { alertContext } from "../../../contexts/alertContext";
 import { postBuildInit } from "../../../controllers/API";
-import { FlowType } from "../../../types/flow";
-import { validateNodes } from "../../../utils";
 
-import { TabsContext } from "../../../contexts/tabsContext";
 import RadialProgressComponent from "../../RadialProgress";
+import { TabsContext } from "../../../contexts/tabsContext";
 
 export default function BuildTrigger({
   open,
diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index c0cd53550..2666e4e92 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -1,6 +1,7 @@
 import { Transition } from "@headlessui/react";
 import { MessagesSquare } from "lucide-react";
 
+import { alertContext } from "../../../contexts/alertContext";
 import { useContext } from "react";
 import {
   CHAT_CANNOT_OPEN_DESCRIPTION,
@@ -8,7 +9,6 @@ import {
   FLOW_NOT_BUILT_DESCRIPTION,
   FLOW_NOT_BUILT_TITLE,
 } from "../../../constants";
-import { alertContext } from "../../../contexts/alertContext";
 
 export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
   const { setErrorData } = useContext(alertContext);
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 829dd5b13..9130be694 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -1,14 +1,14 @@
 import { useContext, useEffect, useRef, useState } from "react";
 import { useNodes } from "reactflow";
 import { ChatType } from "../../types/chat";
-import BuildTrigger from "./buildTrigger";
 import ChatTrigger from "./chatTrigger";
+import BuildTrigger from "./buildTrigger";
 
-import * as _ from "lodash";
-import { TabsContext } from "../../contexts/tabsContext";
 import { getBuildStatus } from "../../controllers/API";
-import FormModal from "../../modals/formModal";
 import { NodeType } from "../../types/flow";
+import FormModal from "../../modals/formModal";
+import { TabsContext } from "../../contexts/tabsContext";
+import * as _ from "lodash";
 
 export default function Chat({ flow }: ChatType) {
   const [open, setOpen] = useState(false);
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 07ceb0593..01a1ee9fe 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -1,6 +1,7 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import CodeAreaModal from "../../modals/codeAreaModal";
+import TextAreaModal from "../../modals/textAreaModal";
 import { TextAreaComponentType } from "../../types/components";
 
 import { ExternalLink } from "lucide-react";
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index 0461fa4bc..84c036ec4 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -1,9 +1,9 @@
 import { Listbox, Transition } from "@headlessui/react";
-import { Check, ChevronsUpDown } from "lucide-react";
 import { Fragment, useContext, useEffect, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
 import { DropDownComponentType } from "../../types/components";
 import { classNames } from "../../utils";
+import { ChevronsUpDown, Check } from "lucide-react";
+import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function Dropdown({
   value,
diff --git a/src/frontend/src/components/floatComponent/index.tsx b/src/frontend/src/components/floatComponent/index.tsx
index 548d608a3..1c72c7c45 100644
--- a/src/frontend/src/components/floatComponent/index.tsx
+++ b/src/frontend/src/components/floatComponent/index.tsx
@@ -1,7 +1,7 @@
 import { useContext, useEffect, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
 import { FloatComponentType } from "../../types/components";
+import { TabsContext } from "../../contexts/tabsContext";
+import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function FloatComponent({
   value,
diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index a1536f13d..41cb0bef9 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -1,25 +1,27 @@
+import { useContext } from "react";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import { PopUpContext } from "../../../../contexts/popUpContext";
 import {
+  Plus,
   ChevronDown,
   ChevronLeft,
-  Plus,
+  Undo,
   Redo,
   Settings2,
-  Undo,
 } from "lucide-react";
-import { useContext } from "react";
-import { PopUpContext } from "../../../../contexts/popUpContext";
-import { TabsContext } from "../../../../contexts/tabsContext";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
-  DropdownMenuTrigger,
 } from "../../../ui/dropdown-menu";
 
-import { Link, useNavigate } from "react-router-dom";
 import { alertContext } from "../../../../contexts/alertContext";
+import { Link, useNavigate } from "react-router-dom";
 import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 import FlowSettingsModal from "../../../../modals/flowSettingsModal";
 import { Button } from "../../../ui/button";
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 895f01d79..e03f53518 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -1,18 +1,19 @@
-import { Bell, Home, MoonIcon, SunIcon, Users2 } from "lucide-react";
+import { Home, MoonIcon, SunIcon, Users2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
 import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
-import { Link, useLocation, useParams } from "react-router-dom";
+import { Button } from "../ui/button";
+import { TabsContext } from "../../contexts/tabsContext";
 import AlertDropdown from "../../alerts/alertDropDown";
-import { USER_PROJECTS_HEADER } from "../../constants";
 import { alertContext } from "../../contexts/alertContext";
 import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
 import { typesContext } from "../../contexts/typesContext";
-import { getRepoStars } from "../../controllers/API";
-import { Button } from "../ui/button";
-import { Separator } from "../ui/separator";
 import MenuBar from "./components/menuBar";
+import { Link, useLocation, useParams } from "react-router-dom";
+import { USER_PROJECTS_HEADER } from "../../constants";
+import { getRepoStars } from "../../controllers/API";
+import { Separator } from "../ui/separator";
+import { Bell } from "lucide-react";
 
 export default function Header() {
   const { flows, addFlow, tabId } = useContext(TabsContext);
diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index 4d6045caf..b5894fe6e 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
 import { InputComponentType } from "../../types/components";
 import { classNames } from "../../utils";
+import { TabsContext } from "../../contexts/tabsContext";
+import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function InputComponent({
   value,
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 59b25a0a7..505515bf5 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -1,9 +1,9 @@
-import { FileSearch2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
 import { alertContext } from "../../contexts/alertContext";
-import { TabsContext } from "../../contexts/tabsContext";
-import { uploadFile } from "../../controllers/API";
 import { FileComponentType } from "../../types/components";
+import { TabsContext } from "../../contexts/tabsContext";
+import { FileSearch2 } from "lucide-react";
+import { uploadFile } from "../../controllers/API";
 
 export default function InputFileComponent({
   value,
diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index d165d58a2..7dd6d79c6 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -1,8 +1,9 @@
 import { useContext, useEffect, useState } from "react";
 import { InputListComponentType } from "../../types/components";
+import { TabsContext } from "../../contexts/tabsContext";
 
 import _ from "lodash";
-import { Plus, X } from "lucide-react";
+import { X, Plus } from "lucide-react";
 import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function InputListComponent({
diff --git a/src/frontend/src/components/intComponent/index.tsx b/src/frontend/src/components/intComponent/index.tsx
index 2428d03ee..473febd91 100644
--- a/src/frontend/src/components/intComponent/index.tsx
+++ b/src/frontend/src/components/intComponent/index.tsx
@@ -1,7 +1,8 @@
 import { useContext, useEffect, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
 import { FloatComponentType } from "../../types/components";
+import { TabsContext } from "../../contexts/tabsContext";
+import { classNames } from "../../utils";
+import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function IntComponent({
   value,
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 7385518c8..7e90f323c 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -1,13 +1,13 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
-import GenericModal from "../../modals/genericModal";
 import { TextAreaComponentType } from "../../types/components";
+import GenericModal from "../../modals/genericModal";
 import { TypeModal } from "../../utils";
 
-import * as _ from "lodash";
 import { ExternalLink } from "lucide-react";
-import { typesContext } from "../../contexts/typesContext";
 import { postValidatePrompt } from "../../controllers/API";
+import { typesContext } from "../../contexts/typesContext";
+import * as _ from "lodash";
 
 export default function PromptAreaComponent({
   field_name,
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index a50969cfb..6b41cbe40 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
-import GenericModal from "../../modals/genericModal";
 import { TextAreaComponentType } from "../../types/components";
-import { TypeModal } from "../../utils";
+import GenericModal from "../../modals/genericModal";
+import { TypeModal, classNames } from "../../utils";
 
 import { ExternalLink } from "lucide-react";
 
diff --git a/src/frontend/src/components/toggleComponent/index.tsx b/src/frontend/src/components/toggleComponent/index.tsx
index 81a2b2d8b..c7b72a025 100644
--- a/src/frontend/src/components/toggleComponent/index.tsx
+++ b/src/frontend/src/components/toggleComponent/index.tsx
@@ -1,7 +1,7 @@
 import { Switch } from "@headlessui/react";
+import { classNames } from "../../utils";
 import { useEffect } from "react";
 import { ToggleComponentType } from "../../types/components";
-import { classNames } from "../../utils";
 
 export default function ToggleComponent({
   enabled,
diff --git a/src/frontend/src/components/toggleShadComponent/index.tsx b/src/frontend/src/components/toggleShadComponent/index.tsx
index c06d42430..9b73ee07d 100644
--- a/src/frontend/src/components/toggleShadComponent/index.tsx
+++ b/src/frontend/src/components/toggleShadComponent/index.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { ToggleComponentType } from "../../types/components";
 import { Switch } from "../ui/switch";
 
diff --git a/src/frontend/src/components/ui/accordion.tsx b/src/frontend/src/components/ui/accordion.tsx
index 4b5a12384..5e3e76f33 100644
--- a/src/frontend/src/components/ui/accordion.tsx
+++ b/src/frontend/src/components/ui/accordion.tsx
@@ -1,8 +1,8 @@
 "use client";
 
+import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDownIcon } from "@radix-ui/react-icons";
-import * as React from "react";
 import { cn } from "../../utils";
 
 const Accordion = AccordionPrimitive.Root;
diff --git a/src/frontend/src/components/ui/badge.tsx b/src/frontend/src/components/ui/badge.tsx
index 5464f382e..36c44ac4d 100644
--- a/src/frontend/src/components/ui/badge.tsx
+++ b/src/frontend/src/components/ui/badge.tsx
@@ -1,5 +1,5 @@
-import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "../../utils";
 
 const badgeVariants = cva(
diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 170494927..648ce43c9 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -1,6 +1,6 @@
+import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
-import * as React from "react";
 import { cn } from "../../utils";
 
 const buttonVariants = cva(
diff --git a/src/frontend/src/components/ui/checkbox.tsx b/src/frontend/src/components/ui/checkbox.tsx
index 18332b073..4e4905bb9 100644
--- a/src/frontend/src/components/ui/checkbox.tsx
+++ b/src/frontend/src/components/ui/checkbox.tsx
@@ -1,8 +1,8 @@
 "use client";
 
+import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import * as React from "react";
 import { cn } from "../../utils";
 
 const Checkbox = React.forwardRef<
diff --git a/src/frontend/src/components/ui/dialog.tsx b/src/frontend/src/components/ui/dialog.tsx
index 2ad709f48..a02379087 100644
--- a/src/frontend/src/components/ui/dialog.tsx
+++ b/src/frontend/src/components/ui/dialog.tsx
@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import * as React from "react";
 import { cn } from "../../utils";
 
 const Dialog = DialogPrimitive.Root;
diff --git a/src/frontend/src/components/ui/dropdown-menu.tsx b/src/frontend/src/components/ui/dropdown-menu.tsx
index 0e5468e6e..ee62abc4a 100644
--- a/src/frontend/src/components/ui/dropdown-menu.tsx
+++ b/src/frontend/src/components/ui/dropdown-menu.tsx
@@ -1,8 +1,8 @@
 "use client";
 
+import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
-import * as React from "react";
 import { cn } from "../../utils";
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
diff --git a/src/frontend/src/components/ui/label.tsx b/src/frontend/src/components/ui/label.tsx
index 57fbc9d8a..ab5129253 100644
--- a/src/frontend/src/components/ui/label.tsx
+++ b/src/frontend/src/components/ui/label.tsx
@@ -1,8 +1,8 @@
 "use client";
 
+import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva, type VariantProps } from "class-variance-authority";
-import * as React from "react";
 import { cn } from "../../utils";
 
 const labelVariants = cva(
diff --git a/src/frontend/src/components/ui/menubar.tsx b/src/frontend/src/components/ui/menubar.tsx
index 0a3362ca6..2eb3a61f4 100644
--- a/src/frontend/src/components/ui/menubar.tsx
+++ b/src/frontend/src/components/ui/menubar.tsx
@@ -1,8 +1,8 @@
 "use client";
 
+import * as React from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check, ChevronRight, Circle } from "lucide-react";
-import * as React from "react";
 
 import { cn } from "../../utils";
 
diff --git a/src/frontend/src/components/ui/progress.tsx b/src/frontend/src/components/ui/progress.tsx
index a08efeb52..69d1f86fb 100644
--- a/src/frontend/src/components/ui/progress.tsx
+++ b/src/frontend/src/components/ui/progress.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { cn } from "../../utils";
 
 const Progress = React.forwardRef<
diff --git a/src/frontend/src/components/ui/rename-label.tsx b/src/frontend/src/components/ui/rename-label.tsx
index e5fef11bf..e703020f5 100644
--- a/src/frontend/src/components/ui/rename-label.tsx
+++ b/src/frontend/src/components/ui/rename-label.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useState, useEffect, useRef } from "react";
 import { cn } from "../../utils";
 
 export default function RenameLabel(props) {
diff --git a/src/frontend/src/components/ui/separator.tsx b/src/frontend/src/components/ui/separator.tsx
index a770af987..84a16676d 100644
--- a/src/frontend/src/components/ui/separator.tsx
+++ b/src/frontend/src/components/ui/separator.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cn } from "../../utils";
 
 const Separator = React.forwardRef<
diff --git a/src/frontend/src/components/ui/switch.tsx b/src/frontend/src/components/ui/switch.tsx
index 8ec7c3c80..8f473a0eb 100644
--- a/src/frontend/src/components/ui/switch.tsx
+++ b/src/frontend/src/components/ui/switch.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { cn } from "../../utils";
 
 const Switch = React.forwardRef<
diff --git a/src/frontend/src/components/ui/tabs.tsx b/src/frontend/src/components/ui/tabs.tsx
index 8c382e35e..39864abed 100644
--- a/src/frontend/src/components/ui/tabs.tsx
+++ b/src/frontend/src/components/ui/tabs.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { cn } from "../../utils";
 
 const Tabs = TabsPrimitive.Root;
diff --git a/src/frontend/src/components/ui/tooltip.tsx b/src/frontend/src/components/ui/tooltip.tsx
index dc847052e..b2ec0f701 100644
--- a/src/frontend/src/components/ui/tooltip.tsx
+++ b/src/frontend/src/components/ui/tooltip.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { cn } from "../../utils";
 
 const TooltipProvider = TooltipPrimitive.Provider;
diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index bb54427f9..c823abc1d 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -1,9 +1,10 @@
 // src/constants.tsx
 
-import { MessageSquare } from "lucide-react";
+import { MessageSquareDashed } from "lucide-react";
 import { FlowType } from "./types/flow";
 import { TabsState } from "./types/tabs";
 import { buildInputs, buildTweaks } from "./utils";
+import { MessageSquare } from "lucide-react";
 
 /**
  * The base text for subtitle of Export Dialog (Toolbar)
diff --git a/src/frontend/src/contexts/SSEContext.tsx b/src/frontend/src/contexts/SSEContext.tsx
index 9db32310b..83b1d4c89 100644
--- a/src/frontend/src/contexts/SSEContext.tsx
+++ b/src/frontend/src/contexts/SSEContext.tsx
@@ -1,4 +1,10 @@
-import { createContext, useCallback, useContext, useState } from "react";
+import {
+  createContext,
+  useContext,
+  useState,
+  useEffect,
+  useCallback,
+} from "react";
 
 const initialValue = {
   updateSSEData: ({}) => {},
diff --git a/src/frontend/src/contexts/index.tsx b/src/frontend/src/contexts/index.tsx
index 13771673c..750df65d2 100644
--- a/src/frontend/src/contexts/index.tsx
+++ b/src/frontend/src/contexts/index.tsx
@@ -1,13 +1,13 @@
 import { ReactNode } from "react";
-import { ReactFlowProvider } from "reactflow";
-import { SSEProvider } from "./SSEContext";
 import { AlertProvider } from "./alertContext";
 import { DarkProvider } from "./darkContext";
 import { LocationProvider } from "./locationContext";
 import PopUpProvider from "./popUpContext";
 import { TabsProvider } from "./tabsContext";
 import { TypesProvider } from "./typesContext";
+import { ReactFlowProvider } from "reactflow";
 import { UndoRedoProvider } from "./undoRedoContext";
+import { SSEProvider } from "./SSEContext";
 
 export default function ContextWrapper({ children }: { children: ReactNode }) {
   //element to wrap all context
diff --git a/src/frontend/src/contexts/popUpContext.tsx b/src/frontend/src/contexts/popUpContext.tsx
index 8da50278c..d46f51f00 100644
--- a/src/frontend/src/contexts/popUpContext.tsx
+++ b/src/frontend/src/contexts/popUpContext.tsx
@@ -1,4 +1,5 @@
-import React, { createContext, useState } from "react";
+import { createContext } from "react";
+import React, { useState } from "react";
 
 // context to set JSX element on the DOM
 export const PopUpContext = createContext({
diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index 001152c9c..8105819a0 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -1,33 +1,33 @@
-import _ from "lodash";
 import {
-  ReactNode,
   createContext,
-  useContext,
   useEffect,
-  useRef,
   useState,
+  useRef,
+  ReactNode,
+  useContext,
 } from "react";
-import { addEdge } from "reactflow";
-import ShortUniqueId from "short-unique-id";
-import {
-  deleteFlowFromDatabase,
-  downloadFlowsFromDatabase,
-  readFlowsFromDatabase,
-  saveFlowToDatabase,
-  updateFlowInDatabase,
-  uploadFlowsToDatabase,
-} from "../controllers/API";
-import { APIClassType, APITemplateType } from "../types/api";
 import { FlowType, NodeType } from "../types/flow";
 import { TabsContextType, TabsState } from "../types/tabs";
 import {
-  getRandomDescription,
-  getRandomName,
   updateIds,
   updateTemplate,
+  getRandomDescription,
+  getRandomName,
 } from "../utils";
 import { alertContext } from "./alertContext";
 import { typesContext } from "./typesContext";
+import { APIClassType, APITemplateType } from "../types/api";
+import ShortUniqueId from "short-unique-id";
+import { addEdge } from "reactflow";
+import {
+  readFlowsFromDatabase,
+  deleteFlowFromDatabase,
+  saveFlowToDatabase,
+  downloadFlowsFromDatabase,
+  uploadFlowsToDatabase,
+  updateFlowInDatabase,
+} from "../controllers/API";
+import _ from "lodash";
 
 const uid = new ShortUniqueId({ length: 5 });
 
diff --git a/src/frontend/src/contexts/typesContext.tsx b/src/frontend/src/contexts/typesContext.tsx
index ff4cc1c29..3179e582e 100644
--- a/src/frontend/src/contexts/typesContext.tsx
+++ b/src/frontend/src/contexts/typesContext.tsx
@@ -1,8 +1,8 @@
 import { createContext, ReactNode, useEffect, useState } from "react";
 import { Node } from "reactflow";
+import { typesContextType } from "../types/typesContext";
 import { getAll } from "../controllers/API";
 import { APIKindType } from "../types/api";
-import { typesContextType } from "../types/typesContext";
 
 //context to share types adn functions from nodes to flow
 
diff --git a/src/frontend/src/contexts/undoRedoContext.tsx b/src/frontend/src/contexts/undoRedoContext.tsx
index 3df201082..b0f8ca6b9 100644
--- a/src/frontend/src/contexts/undoRedoContext.tsx
+++ b/src/frontend/src/contexts/undoRedoContext.tsx
@@ -1,4 +1,3 @@
-import { cloneDeep } from "lodash";
 import {
   createContext,
   useCallback,
@@ -7,6 +6,7 @@ import {
   useState,
 } from "react";
 import { Edge, Node, useReactFlow } from "reactflow";
+import { cloneDeep } from "lodash";
 import { TabsContext } from "./tabsContext";
 
 type undoRedoContextType = {
diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 2d6f951f0..72204ee68 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -1,15 +1,15 @@
-import axios, { AxiosResponse } from "axios";
-import { ReactFlowJsonObject } from "reactflow";
-import { APIObjectType, sendAllProps } from "../../types/api/index";
-import { FlowStyleType, FlowType } from "../../types/flow";
 import {
-  APIClassType,
   BuildStatusTypeAPI,
-  InitTypeAPI,
-  PromptTypeAPI,
-  UploadFileTypeAPI,
   errorsTypeAPI,
+  InitTypeAPI,
+  UploadFileTypeAPI,
+  APIClassType,
+  PromptTypeAPI,
 } from "./../../types/api/index";
+import { APIObjectType, sendAllProps } from "../../types/api/index";
+import axios, { AxiosResponse } from "axios";
+import { FlowStyleType, FlowType } from "../../types/flow";
+import { ReactFlowJsonObject } from "reactflow";
 
 /**
  * Fetches all objects from the API endpoint.
diff --git a/src/frontend/src/index.tsx b/src/frontend/src/index.tsx
index 794fcbf32..088db15a8 100644
--- a/src/frontend/src/index.tsx
+++ b/src/frontend/src/index.tsx
@@ -1,8 +1,9 @@
+import React from "react";
 import ReactDOM from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
 import App from "./App";
-import ContextWrapper from "./contexts";
 import reportWebVitals from "./reportWebVitals";
+import { BrowserRouter } from "react-router-dom";
+import ContextWrapper from "./contexts";
 
 import "./index.css";
 
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 3dc9c3f0d..99fd03941 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -1,15 +1,42 @@
-import "ace-builds/src-noconflict/ext-language_tools";
+import { useContext, useEffect, useRef, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
 import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
-import { useContext, useEffect, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
+import "ace-builds/src-noconflict/ext-language_tools";
 // import "ace-builds/webpack-resolver";
-import { Check, Clipboard, Code2 } from "lucide-react";
+import { darkContext } from "../../contexts/darkContext";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../components/ui/dialog";
+import { FlowType } from "../../types/flow/index";
+import { getCurlCode, getPythonApiCode, getPythonCode } from "../../constants";
+import { EXPORT_CODE_DIALOG } from "../../constants";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../components/ui/tabs";
+import { Check, Clipboard, Code2 } from "lucide-react";
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "../../components/ui/table";
+import { buildTweaks, classNames, limitScrollFieldsModal } from "../../utils";
 import AccordionComponent from "../../components/AccordionComponent";
-import ShadTooltip from "../../components/ShadTooltipComponent";
 import CodeAreaComponent from "../../components/codeAreaComponent";
 import Dropdown from "../../components/dropdownComponent";
 import FloatComponent from "../../components/floatComponent";
@@ -20,38 +47,9 @@ import IntComponent from "../../components/intComponent";
 import PromptAreaComponent from "../../components/promptComponent";
 import TextAreaComponent from "../../components/textAreaComponent";
 import ToggleShadComponent from "../../components/toggleShadComponent";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "../../components/ui/dialog";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../../components/ui/table";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from "../../components/ui/tabs";
-import {
-  EXPORT_CODE_DIALOG,
-  getCurlCode,
-  getPythonApiCode,
-  getPythonCode,
-} from "../../constants";
-import { darkContext } from "../../contexts/darkContext";
+import ShadTooltip from "../../components/ShadTooltipComponent";
+import { cloneDeep, filter } from "lodash";
 import { TabsContext } from "../../contexts/tabsContext";
-import { FlowType } from "../../types/flow/index";
-import { buildTweaks, classNames } from "../../utils";
 
 export default function ApiModal({ flow }: { flow: FlowType }) {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 4a86fb9c6..b0bd8ce4d 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -1,17 +1,26 @@
-import { Variable } from "lucide-react";
 import { useContext, useEffect, useRef, useState } from "react";
-import CodeAreaComponent from "../../components/codeAreaComponent";
-import Dropdown from "../../components/dropdownComponent";
-import FloatComponent from "../../components/floatComponent";
-import InputComponent from "../../components/inputComponent";
-import InputFileComponent from "../../components/inputFileComponent";
-import InputListComponent from "../../components/inputListComponent";
-import IntComponent from "../../components/intComponent";
-import PromptAreaComponent from "../../components/promptComponent";
-import TextAreaComponent from "../../components/textAreaComponent";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { NodeDataType } from "../../types/flow";
+import { classNames, limitScrollFieldsModal } from "../../utils";
+import { typesContext } from "../../contexts/typesContext";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "../../components/ui/table";
 import ToggleShadComponent from "../../components/toggleShadComponent";
-import { Badge } from "../../components/ui/badge";
-import { Button } from "../../components/ui/button";
+import InputListComponent from "../../components/inputListComponent";
+import TextAreaComponent from "../../components/textAreaComponent";
+import InputComponent from "../../components/inputComponent";
+import FloatComponent from "../../components/floatComponent";
+import Dropdown from "../../components/dropdownComponent";
+import IntComponent from "../../components/intComponent";
+import InputFileComponent from "../../components/inputFileComponent";
+import PromptAreaComponent from "../../components/promptComponent";
+import CodeAreaComponent from "../../components/codeAreaComponent";
 import {
   Dialog,
   DialogContent,
@@ -21,18 +30,9 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../../components/ui/table";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { typesContext } from "../../contexts/typesContext";
-import { NodeDataType } from "../../types/flow";
-import { classNames, limitScrollFieldsModal } from "../../utils";
+import { Button } from "../../components/ui/button";
+import { Badge } from "../../components/ui/badge";
+import { Variable } from "lucide-react";
 
 export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 3208b989b..70344a996 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -1,14 +1,14 @@
 import { useState } from "react";
-import CodeAreaComponent from "../../../../components/codeAreaComponent";
-import Dropdown from "../../../../components/dropdownComponent";
-import FloatComponent from "../../../../components/floatComponent";
-import InputComponent from "../../../../components/inputComponent";
-import InputFileComponent from "../../../../components/inputFileComponent";
 import InputListComponent from "../../../../components/inputListComponent";
-import IntComponent from "../../../../components/intComponent";
-import PromptAreaComponent from "../../../../components/promptComponent";
+import Dropdown from "../../../../components/dropdownComponent";
 import TextAreaComponent from "../../../../components/textAreaComponent";
+import InputComponent from "../../../../components/inputComponent";
 import ToggleComponent from "../../../../components/toggleComponent";
+import FloatComponent from "../../../../components/floatComponent";
+import IntComponent from "../../../../components/intComponent";
+import InputFileComponent from "../../../../components/inputFileComponent";
+import PromptAreaComponent from "../../../../components/promptComponent";
+import CodeAreaComponent from "../../../../components/codeAreaComponent";
 import { classNames } from "../../../../utils";
 
 export default function ModalField({
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index c61af4ff4..41ca699a9 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -1,8 +1,6 @@
 import { Dialog, Transition } from "@headlessui/react";
-import { X } from "lucide-react";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
-import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
 import {
   classNames,
@@ -11,7 +9,9 @@ import {
   nodeIconsLucide,
   toTitleCase,
 } from "../../utils";
+import { typesContext } from "../../contexts/typesContext";
 import ModalField from "./components/ModalField";
+import { X } from "lucide-react";
 
 export default function NodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index 5e130015a..6b1aecca2 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -1,17 +1,17 @@
-import Convert from "ansi-to-html";
-import DOMPurify from "dompurify";
-import { MessageCircle, User2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { ChatMessageType } from "../../../types/chat";
+import { classNames } from "../../../utils";
+import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
+import AiIconStill from "../../../assets/froze-flow.png";
+import FileCard from "../fileComponent";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
-import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
-import AiIconStill from "../../../assets/froze-flow.png";
-import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
-import FileCard from "../fileComponent";
 import { CodeBlock } from "./codeBlock";
+import Convert from "ansi-to-html";
+import { User2, MessageCircle } from "lucide-react";
+import DOMPurify from "dompurify";
 export default function ChatMessage({
   chat,
   lockChat,
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 5cbc2d17b..8cae31d8c 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -1,14 +1,14 @@
 import { Dialog, Transition } from "@headlessui/react";
-import { Eraser, MessagesSquare, X } from "lucide-react";
 import { Fragment, useContext, useEffect, useRef, useState } from "react";
+import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
+import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
+import ChatMessage from "./chatMessage";
+import { X, MessagesSquare, Eraser } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
-import { FlowType } from "../../types/flow";
-import { validateNodes } from "../../utils";
 import ChatInput from "./chatInput";
-import ChatMessage from "./chatMessage";
 
 import _ from "lodash";
 import { getHealth } from "../../controllers/API";
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index b05c1b0d3..8c2ebae86 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -1,13 +1,14 @@
-import "ace-builds/src-noconflict/ext-language_tools";
+import { useContext, useRef, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
+import AceEditor from "react-ace";
 import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
-import { useContext, useRef, useState } from "react";
-import AceEditor from "react-ace";
-import { PopUpContext } from "../../contexts/popUpContext";
+import "ace-builds/src-noconflict/ext-language_tools";
 // import "ace-builds/webpack-resolver";
-import { TerminalSquare } from "lucide-react";
-import { Button } from "../../components/ui/button";
+import { darkContext } from "../../contexts/darkContext";
+import { postValidateCode } from "../../controllers/API";
+import { alertContext } from "../../contexts/alertContext";
 import {
   Dialog,
   DialogContent,
@@ -17,10 +18,9 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
+import { Button } from "../../components/ui/button";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
-import { alertContext } from "../../contexts/alertContext";
-import { darkContext } from "../../contexts/darkContext";
-import { postValidateCode } from "../../controllers/API";
+import { TerminalSquare } from "lucide-react";
 import { APIClassType } from "../../types/api";
 
 export default function CodeAreaModal({
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index f4a66c7b9..bef5b9244 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -1,8 +1,8 @@
-import { Download } from "lucide-react";
 import { useContext, useRef, useState } from "react";
-import EditFlowSettings from "../../components/EditFlowSettingsComponent";
-import { Button } from "../../components/ui/button";
-import { Checkbox } from "../../components/ui/checkbox";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { removeApiKeys } from "../../utils";
 import {
   Dialog,
   DialogContent,
@@ -12,11 +12,11 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
+import { Button } from "../../components/ui/button";
+import { Checkbox } from "../../components/ui/checkbox";
 import { EXPORT_DIALOG_SUBTITLE } from "../../constants";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
-import { removeApiKeys } from "../../utils";
+import { Download } from "lucide-react";
+import EditFlowSettings from "../../components/EditFlowSettingsComponent";
 
 export default function ExportModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/flowSettingsModal/index.tsx b/src/frontend/src/modals/flowSettingsModal/index.tsx
index 44f82e331..ce9e474b8 100644
--- a/src/frontend/src/modals/flowSettingsModal/index.tsx
+++ b/src/frontend/src/modals/flowSettingsModal/index.tsx
@@ -1,7 +1,7 @@
-import { Settings2 } from "lucide-react";
 import { useContext, useRef, useState } from "react";
-import EditFlowSettings from "../../components/EditFlowSettingsComponent";
-import { Button } from "../../components/ui/button";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 import {
   Dialog,
   DialogContent,
@@ -11,10 +11,11 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
+import { Button } from "../../components/ui/button";
 import { SETTINGS_DIALOG_SUBTITLE } from "../../constants";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
+import EditFlowSettings from "../../components/EditFlowSettingsComponent";
+import { Settings2 } from "lucide-react";
+import { updateFlowInDatabase } from "../../controllers/API";
 
 export default function FlowSettingsModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 3b31b0d42..f5eeed885 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -1,6 +1,7 @@
-import { Lock, LucideSend } from "lucide-react";
-import { useEffect } from "react";
 import { classNames } from "../../../utils";
+import { useContext, useEffect, useRef, useState } from "react";
+import { TabsContext } from "../../../contexts/tabsContext";
+import { Eraser, Lock, LucideSend } from "lucide-react";
 
 export default function ChatInput({
   lockChat,
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index af3388596..19cb40d4d 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -1,17 +1,32 @@
-import Convert from "ansi-to-html";
-import { ChevronDown } from "lucide-react";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
+import { ChatMessageType } from "../../../types/chat";
+import { classNames } from "../../../utils";
+import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
+import AiIconStill from "../../../assets/froze-flow.png";
+import Robot from "../../../assets/robot.png";
+import MaleTechnology from "../../../assets/male-technologist.png";
+import FileCard from "../fileComponent";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
-import MaleTechnology from "../../../assets/male-technologist.png";
-import Robot from "../../../assets/robot.png";
-import { THOUGHTS_ICON } from "../../../constants";
-import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
-import FileCard from "../fileComponent";
 import { CodeBlock } from "./codeBlock";
+import Convert from "ansi-to-html";
+import {
+  User2,
+  MessageSquare,
+  ChevronDown,
+  MessageCircle,
+  MessageSquareDashed,
+} from "lucide-react";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "../../../components/ui/accordion";
+import { Badge } from "../../../components/ui/badge";
+import { THOUGHTS_ICON } from "../../../constants";
 
 export default function ChatMessage({
   chat,
diff --git a/src/frontend/src/modals/formModal/fileComponent/index.tsx b/src/frontend/src/modals/formModal/fileComponent/index.tsx
index 6ede4e136..74f6155b7 100644
--- a/src/frontend/src/modals/formModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/formModal/fileComponent/index.tsx
@@ -1,6 +1,6 @@
 import * as base64js from "base64-js";
-import { DownloadCloud, File } from "lucide-react";
 import { useState } from "react";
+import { DownloadCloud, File } from "lucide-react";
 
 export default function FileCard({ fileName, content, fileType }) {
   const handleDownload = () => {
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 0168708ec..a6633265b 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -1,23 +1,15 @@
-import { Eraser, TerminalSquare, Variable } from "lucide-react";
 import { useContext, useEffect, useRef, useState } from "react";
+import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
+import { classNames, validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
+import ChatMessage from "./chatMessage";
+import { TerminalSquare, MessageSquare, Variable, Eraser } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
-import { FlowType } from "../../types/flow";
-import { classNames, validateNodes } from "../../utils";
 import ChatInput from "./chatInput";
-import ChatMessage from "./chatMessage";
 
 import _ from "lodash";
-import ToggleShadComponent from "../../components/toggleShadComponent";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "../../components/ui/accordion";
-import { Badge } from "../../components/ui/badge";
 import {
   Dialog,
   DialogContent,
@@ -26,9 +18,17 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Textarea } from "../../components/ui/textarea";
 import { CHAT_FORM_DIALOG_SUBTITLE, THOUGHTS_ICON } from "../../constants";
 import { TabsContext } from "../../contexts/tabsContext";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "../../components/ui/accordion";
+import { Textarea } from "../../components/ui/textarea";
+import { Badge } from "../../components/ui/badge";
+import ToggleShadComponent from "../../components/toggleShadComponent";
 
 export default function FormModal({
   flow,
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 9632b8bc8..aa3c99774 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -1,9 +1,8 @@
-import DOMPurify from "dompurify";
-import { FileText, Variable } from "lucide-react";
-import { useContext, useEffect, useRef, useState } from "react";
-import ShadTooltip from "../../components/ShadTooltipComponent";
-import { Badge } from "../../components/ui/badge";
-import { Button } from "../../components/ui/button";
+import { useContext, useRef, useState, useEffect } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { darkContext } from "../../contexts/darkContext";
+import { postValidatePrompt } from "../../controllers/API";
+import { alertContext } from "../../contexts/alertContext";
 import {
   Dialog,
   DialogContent,
@@ -13,16 +12,14 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
+import { Button } from "../../components/ui/button";
 import { Textarea } from "../../components/ui/textarea";
 import {
   HIGHLIGH_CSS,
   PROMPT_DIALOG_SUBTITLE,
   TEXT_DIALOG_SUBTITLE,
 } from "../../constants";
-import { alertContext } from "../../contexts/alertContext";
-import { darkContext } from "../../contexts/darkContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { postValidatePrompt } from "../../controllers/API";
+import { FileText } from "lucide-react";
 import { APIClassType } from "../../types/api";
 import {
   INVALID_CHARACTERS,
@@ -32,6 +29,10 @@ import {
   regexHighlight,
   varHighlightHTML,
 } from "../../utils";
+import { Badge } from "../../components/ui/badge";
+import ShadTooltip from "../../components/ShadTooltipComponent";
+import DOMPurify from "dompurify";
+import { Variable } from "lucide-react";
 
 export default function GenericModal({
   field_name = "",
@@ -237,40 +238,40 @@ export default function GenericModal({
 
         {type == TypeModal.PROMPT && (
           <>
-            <div className="sm:6/6 mr-28 mt-3 h-[60px] overflow-y-auto custom-scroll">
-              <div className="flex flex-wrap items-center">
-                <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
-                <span className="text-md font-semibold text-primary">
-                  Input Variables:{" "}
-                  {wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
-                </span>
+          <div className="h-[60px] overflow-y-auto custom-scroll sm:6/6 mt-3 mr-28">
+            <div className="flex flex-wrap items-center">
+              <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
+              <span className="text-md font-semibold text-primary">
+                Input Variables:{" "}
+                {wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
+              </span>
 
-                {wordsHighlight.map((word, index) => (
-                  <ShadTooltip
-                    key={getRandomKeyByssmm() + index}
-                    content={word.replace(/[{}]/g, "")}
-                    asChild={false}
-                    delayDuration={1500}
+              {wordsHighlight.map((word, index) => (
+                <ShadTooltip
+                  key={getRandomKeyByssmm() + index}
+                  content={word.replace(/[{}]/g, "")}
+                  asChild={false}
+                  delayDuration={1500}
+                >
+                  <Badge
+                    key={index}
+                    variant="gray"
+                    size="md"
+                    className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
                   >
-                    <Badge
-                      key={index}
-                      variant="gray"
-                      size="md"
-                      className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
-                    >
-                      <div className="relative bottom-[1px]">
-                        <span>
-                          {word.replace(/[{}]/g, "").length > 59
-                            ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
-                            : word.replace(/[{}]/g, "")}
-                        </span>
-                      </div>
-                    </Badge>
-                  </ShadTooltip>
-                ))}
-              </div>
+                    <div className="relative bottom-[1px]">
+                      <span>
+                        {word.replace(/[{}]/g, "").length > 59
+                          ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
+                          : word.replace(/[{}]/g, "")}
+                      </span>
+                    </div>
+                  </Badge>
+                </ShadTooltip>
+              ))}
             </div>
-          </>
+          </div>
+        </>
         )}
 
         <DialogFooter>
diff --git a/src/frontend/src/modals/importModal/buttonBox/index.tsx b/src/frontend/src/modals/importModal/buttonBox/index.tsx
index a1116a8d4..ffe79abaa 100644
--- a/src/frontend/src/modals/importModal/buttonBox/index.tsx
+++ b/src/frontend/src/modals/importModal/buttonBox/index.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { classNames } from "../../../utils";
 
 export default function ButtonBox({
diff --git a/src/frontend/src/modals/importModal/index.tsx b/src/frontend/src/modals/importModal/index.tsx
index 4302fd9d8..600192d4c 100644
--- a/src/frontend/src/modals/importModal/index.tsx
+++ b/src/frontend/src/modals/importModal/index.tsx
@@ -1,11 +1,18 @@
 import {
-  ArrowLeftIcon,
-  ArrowUpTrayIcon,
-  ComputerDesktopIcon,
   DocumentDuplicateIcon,
+  ComputerDesktopIcon,
+  ArrowUpTrayIcon,
+  ArrowLeftIcon,
 } from "@heroicons/react/24/outline";
 import { useContext, useRef, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import ButtonBox from "./buttonBox";
+import { getExamples } from "../../controllers/API";
+import { alertContext } from "../../contexts/alertContext";
 import LoadingComponent from "../../components/loadingComponent";
+import { FlowType } from "../../types/flow";
+import { classNames } from "../../utils";
 import {
   Dialog,
   DialogContent,
@@ -16,13 +23,6 @@ import {
   DialogTrigger,
 } from "../../components/ui/dialog";
 import { IMPORT_DIALOG_SUBTITLE } from "../../constants";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
-import { getExamples } from "../../controllers/API";
-import { FlowType } from "../../types/flow";
-import { classNames } from "../../utils";
-import ButtonBox from "./buttonBox";
 
 export default function ImportModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
index 54fd46528..1f575ded9 100644
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ b/src/frontend/src/modals/promptModal/index.tsx
@@ -1,10 +1,10 @@
 import { Dialog, Transition } from "@headlessui/react";
-import { DocumentTextIcon, XMarkIcon } from "@heroicons/react/24/outline";
+import { XMarkIcon, DocumentTextIcon } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
-import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { darkContext } from "../../contexts/darkContext";
 import { checkPrompt } from "../../controllers/API";
+import { alertContext } from "../../contexts/alertContext";
 export default function PromptAreaModal({
   value,
   setValue,
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
index 83186bbea..6064b3955 100644
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ b/src/frontend/src/modals/textAreaModal/index.tsx
@@ -1,7 +1,7 @@
 import { Dialog, Transition } from "@headlessui/react";
 import {
-  ClipboardDocumentListIcon,
   XMarkIcon,
+  ClipboardDocumentListIcon,
 } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
diff --git a/src/frontend/src/pages/CommunityPage/index.tsx b/src/frontend/src/pages/CommunityPage/index.tsx
index 6d09999cc..b5e197f2c 100644
--- a/src/frontend/src/pages/CommunityPage/index.tsx
+++ b/src/frontend/src/pages/CommunityPage/index.tsx
@@ -1,13 +1,13 @@
-import { GitFork, GithubIcon, Users2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
-import { Button } from "../../components/ui/button";
-import { alertContext } from "../../contexts/alertContext";
+import { GithubIcon, Users2, GitFork } from "lucide-react";
 import { TabsContext } from "../../contexts/tabsContext";
+import { alertContext } from "../../contexts/alertContext";
+import { Button } from "../../components/ui/button";
 
-import { useNavigate } from "react-router-dom";
-import { CardComponent } from "../../components/cardComponent";
 import { getExamples } from "../../controllers/API";
 import { FlowType } from "../../types/flow";
+import { CardComponent } from "../../components/cardComponent";
+import { useNavigate } from "react-router-dom";
 export default function CommunityPage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow } =
     useContext(TabsContext);
diff --git a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
index d49a099a5..2f3b1d4ff 100644
--- a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
@@ -1,6 +1,6 @@
 import { Disclosure } from "@headlessui/react";
-import { ChevronRight } from "lucide-react";
 import { DisclosureComponentType } from "../../../../types/components";
+import { ChevronRight } from "lucide-react";
 
 export default function DisclosureComponent({
   button: { title, Icon, buttons = [] },
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 51c84580e..48a3f94ff 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -1,21 +1,21 @@
-import _ from "lodash";
-import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import _, { set } from "lodash";
+import { useContext, useRef, useState, useEffect, useCallback } from "react";
 import ReactFlow, {
-  Background,
-  Connection,
-  Controls,
-  Edge,
-  EdgeChange,
-  NodeChange,
-  NodeDragHandler,
-  OnEdgesDelete,
   OnSelectionChangeParams,
-  SelectionDragHandler,
-  addEdge,
-  updateEdge,
-  useEdgesState,
   useNodesState,
+  useEdgesState,
   useReactFlow,
+  EdgeChange,
+  Connection,
+  addEdge,
+  NodeDragHandler,
+  SelectionDragHandler,
+  OnEdgesDelete,
+  Edge,
+  updateEdge,
+  Background,
+  Controls,
+  NodeChange,
 } from "reactflow";
 import GenericNode from "../../../../CustomNodes/GenericNode";
 import Chat from "../../../../components/chatComponent";
@@ -23,12 +23,12 @@ import { alertContext } from "../../../../contexts/alertContext";
 import { locationContext } from "../../../../contexts/locationContext";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { typesContext } from "../../../../contexts/typesContext";
-import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 import { APIClassType } from "../../../../types/api";
 import { FlowType, NodeType } from "../../../../types/flow";
 import { isValidConnection } from "../../../../utils";
 import ConnectionLineComponent from "../ConnectionLineComponent";
 import ExtraSidebar from "../extraSidebarComponent";
+import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 
 const nodeTypes = {
   genericNode: GenericNode,
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 4a77975d4..591bdf2d6 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -1,21 +1,22 @@
-import { Code2, FileDown, FileUp, Menu, Save, Search } from "lucide-react";
-import { useContext, useState } from "react";
-import ShadTooltip from "../../../../components/ShadTooltipComponent";
-import { Separator } from "../../../../components/ui/separator";
-import { alertContext } from "../../../../contexts/alertContext";
-import { PopUpContext } from "../../../../contexts/popUpContext";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import { typesContext } from "../../../../contexts/typesContext";
-import ApiModal from "../../../../modals/ApiModal";
-import ExportModal from "../../../../modals/exportModal";
-import { APIClassType, APIObjectType } from "../../../../types/api";
+import DisclosureComponent from "../DisclosureComponent";
 import {
   classNames,
   nodeColors,
   nodeIconsLucide,
   nodeNames,
 } from "../../../../utils";
-import DisclosureComponent from "../DisclosureComponent";
+import { useContext, useState } from "react";
+import { typesContext } from "../../../../contexts/typesContext";
+import { APIClassType, APIObjectType } from "../../../../types/api";
+import ShadTooltip from "../../../../components/ShadTooltipComponent";
+import { Code2, FileDown, FileUp, Save, Search } from "lucide-react";
+import { PopUpContext } from "../../../../contexts/popUpContext";
+import ExportModal from "../../../../modals/exportModal";
+import ApiModal from "../../../../modals/ApiModal";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import { alertContext } from "../../../../contexts/alertContext";
+import { Separator } from "../../../../components/ui/separator";
+import { Menu } from "lucide-react";
 
 export default function ExtraSidebar() {
   const { data } = useContext(typesContext);
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 0183dcb16..0087d3759 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -1,10 +1,10 @@
-import { Copy, FileText, Settings2, Trash2 } from "lucide-react";
 import { useContext, useState } from "react";
-import { useReactFlow } from "reactflow";
-import ShadTooltip from "../../../../components/ShadTooltipComponent";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import EditNodeModal from "../../../../modals/EditNodeModal";
+import { Settings2, Copy, Trash2, FileText } from "lucide-react";
 import { classNames } from "../../../../utils";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import { useReactFlow } from "reactflow";
+import EditNodeModal from "../../../../modals/EditNodeModal";
+import ShadTooltip from "../../../../components/ShadTooltipComponent";
 
 const NodeToolbarComponent = (props) => {
   const [nodeLength, setNodeLength] = useState(
diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index f9b170197..a13fabd98 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
-import { useParams } from "react-router-dom";
-import { TabsContext } from "../../contexts/tabsContext";
-import { getVersion } from "../../controllers/API";
 import Page from "./components/PageComponent";
+import { TabsContext } from "../../contexts/tabsContext";
+import { useParams } from "react-router-dom";
+import { getVersion } from "../../controllers/API";
 
 export default function FlowPage() {
   const { flows, tabId, setTabId } = useContext(TabsContext);
diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx
index e2871a313..99df6a8a8 100644
--- a/src/frontend/src/pages/MainPage/index.tsx
+++ b/src/frontend/src/pages/MainPage/index.tsx
@@ -1,10 +1,10 @@
-import { Download, ExternalLink, Home, Plus, Upload } from "lucide-react";
 import { useContext, useEffect } from "react";
+import { Download, Upload, Plus, Home, ExternalLink } from "lucide-react";
+import { TabsContext } from "../../contexts/tabsContext";
+import { Button } from "../../components/ui/button";
 import { Link, useNavigate } from "react-router-dom";
 import { CardComponent } from "../../components/cardComponent";
-import { Button } from "../../components/ui/button";
 import { USER_PROJECTS_HEADER } from "../../constants";
-import { TabsContext } from "../../contexts/tabsContext";
 export default function HomePage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow, removeFlow } =
     useContext(TabsContext);
diff --git a/src/frontend/src/routes.tsx b/src/frontend/src/routes.tsx
index 21b73f70b..a208b121a 100644
--- a/src/frontend/src/routes.tsx
+++ b/src/frontend/src/routes.tsx
@@ -1,7 +1,7 @@
 import { Route, Routes } from "react-router-dom";
-import CommunityPage from "./pages/CommunityPage";
-import FlowPage from "./pages/FlowPage";
 import HomePage from "./pages/MainPage";
+import FlowPage from "./pages/FlowPage";
+import CommunityPage from "./pages/CommunityPage";
 
 const Router = () => {
   return (
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index eaf862f29..505aae044 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -1,4 +1,4 @@
-import { Edge, Node, Viewport } from "reactflow";
+import { Node, Edge, Viewport } from "reactflow";
 //kind and class are just representative names to represent the actual structure of the object received by the API
 
 export type APIObjectType = { kind: APIKindType; [key: string]: APIKindType };
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 40998fe46..984652b9a 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from "react";
-import { APIClassType } from "../api";
 import { NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
+import { APIClassType } from "../api";
 export type InputComponentType = {
   value: string;
   disabled?: boolean;
diff --git a/src/frontend/src/types/flow/index.ts b/src/frontend/src/types/flow/index.ts
index ccf9933ee..b1f86392b 100644
--- a/src/frontend/src/types/flow/index.ts
+++ b/src/frontend/src/types/flow/index.ts
@@ -1,5 +1,6 @@
-import { ReactFlowJsonObject, XYPosition } from "reactflow";
+import { ChatMessageType } from "./../chat/index";
 import { APIClassType } from "../api/index";
+import { ReactFlowJsonObject, XYPosition } from "reactflow";
 
 export type FlowType = {
   name: string;
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 7fb0cacb1..f74f0d584 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -1,9 +1,34 @@
-import clsx, { ClassValue } from "clsx";
+import { Connection, Edge, Node, ReactFlowInstance } from "reactflow";
+import { FlowType, NodeType } from "./types/flow";
+import { APITemplateType } from "./types/api";
 import _ from "lodash";
+import { ChromaIcon } from "./icons/ChromaIcon";
+import { AnthropicIcon } from "./icons/Anthropic";
+import { AirbyteIcon } from "./icons/Airbyte";
+import { BingIcon } from "./icons/Bing";
+import { CohereIcon } from "./icons/Cohere";
+import { EvernoteIcon } from "./icons/Evernote";
+import { FBIcon } from "./icons/FacebookMessenger";
+import { GitBookIcon } from "./icons/GitBook";
+import { GoogleIcon } from "./icons/Google";
+import { HackerNewsIcon } from "./icons/hackerNews";
+import { HugginFaceIcon } from "./icons/HuggingFace";
+import { IFixIcon } from "./icons/IFixIt";
+import { MetaIcon } from "./icons/Meta";
+import { MidjourneyIcon } from "./icons/Midjorney";
+import { NotionIcon } from "./icons/Notion";
+import { OpenAiIcon } from "./icons/OpenAi";
+import { QDrantIcon } from "./icons/QDrant";
+import { SearxIcon } from "./icons/Searx";
+import { SlackIcon } from "./icons/Slack";
+import { PineconeIcon } from "./icons/Pinecone";
+import clsx, { ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./flow_constants";
+import { ComponentType, SVGProps } from "react";
 import {
   Compass,
   Cpu,
-  FileSearch,
   Fingerprint,
   Gift,
   Hammer,
@@ -16,40 +41,15 @@ import {
   Paperclip,
   Rocket,
   Scissors,
+  FileSearch,
   TerminalSquare,
   Wand2,
   Wrench,
 } from "lucide-react";
-import { ComponentType, SVGProps } from "react";
-import { Connection, Edge, Node, ReactFlowInstance } from "reactflow";
-import { twMerge } from "tailwind-merge";
-import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./flow_constants";
-import { AirbyteIcon } from "./icons/Airbyte";
-import { AnthropicIcon } from "./icons/Anthropic";
-import { BingIcon } from "./icons/Bing";
-import { ChromaIcon } from "./icons/ChromaIcon";
-import { CohereIcon } from "./icons/Cohere";
-import { EvernoteIcon } from "./icons/Evernote";
-import { FBIcon } from "./icons/FacebookMessenger";
-import { GitBookIcon } from "./icons/GitBook";
-import { GoogleIcon } from "./icons/Google";
-import { HugginFaceIcon } from "./icons/HuggingFace";
-import { IFixIcon } from "./icons/IFixIt";
-import { MetaIcon } from "./icons/Meta";
-import { MidjourneyIcon } from "./icons/Midjorney";
-import { MongoDBIcon } from "./icons/MongoDB";
-import { NotionIcon } from "./icons/Notion";
-import { OpenAiIcon } from "./icons/OpenAi";
-import { PineconeIcon } from "./icons/Pinecone";
-import { QDrantIcon } from "./icons/QDrant";
-import { SearxIcon } from "./icons/Searx";
-import { SlackIcon } from "./icons/Slack";
-import { VertexAIIcon } from "./icons/VertexAI";
-import { HackerNewsIcon } from "./icons/hackerNews";
 import { SupabaseIcon } from "./icons/supabase";
-import { APITemplateType } from "./types/api";
+import { MongoDBIcon } from "./icons/MongoDB";
+import { VertexAIIcon } from "./icons/VertexAI";
 import { IVarHighlightType } from "./types/components";
-import { FlowType, NodeType } from "./types/flow";
 
 export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");
diff --git a/src/frontend/vite.config.ts b/src/frontend/vite.config.ts
index f051c2eee..860c690ea 100644
--- a/src/frontend/vite.config.ts
+++ b/src/frontend/vite.config.ts
@@ -1,5 +1,5 @@
-import react from "@vitejs/plugin-react-swc";
 import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
 import svgr from "vite-plugin-svgr";
 const apiRoutes = ["^/api/v1/", "/health"];
 

From c4ce44c5925d166d7c8223a51f05642b9dc9f746 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 7 Jul 2023 16:45:26 -0300
Subject: [PATCH 241/367] bug fix for ace

---
 src/frontend/index.html        |   1 +
 src/frontend/package-lock.json | 230 +++++++++++++++------------------
 2 files changed, 103 insertions(+), 128 deletions(-)

diff --git a/src/frontend/index.html b/src/frontend/index.html
index 50bdae647..426983565 100644
--- a/src/frontend/index.html
+++ b/src/frontend/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="/favicon.ico" />
+    <script src="node_modules/ace-builds/src-min-noconflict/ace.js" type="text/javascript"></script>
     <title>Langflow</title>
 </head>
 <body id='body' style="width: 100%; height:100%">
diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index e705b55e4..6ac6b625c 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -147,33 +147,33 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.5.tgz",
-      "integrity": "sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==",
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.6.tgz",
+      "integrity": "sha512-29tfsWTq2Ftu7MXmimyC0C5FDZv5DYxOZkh3XD3+QW4V/BYuv/LyEsjj3c0hqedEaDt6DBfDvexMKU8YevdqFg==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz",
-      "integrity": "sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==",
+      "version": "7.22.8",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.8.tgz",
+      "integrity": "sha512-75+KxFB4CZqYRXjx4NlR4J7yGvKumBuZTmV4NV6v09dVXXkuYVYLT68N6HCzLvfJ+fWCxQsntNzKwwIXL4bHnw==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.22.5",
-        "@babel/generator": "^7.22.5",
-        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/generator": "^7.22.7",
+        "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-module-transforms": "^7.22.5",
-        "@babel/helpers": "^7.22.5",
-        "@babel/parser": "^7.22.5",
+        "@babel/helpers": "^7.22.6",
+        "@babel/parser": "^7.22.7",
         "@babel/template": "^7.22.5",
-        "@babel/traverse": "^7.22.5",
+        "@babel/traverse": "^7.22.8",
         "@babel/types": "^7.22.5",
+        "@nicolo-ribaudo/semver-v6": "^6.3.3",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.2",
-        "semver": "^6.3.0"
+        "json5": "^2.2.2"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -195,9 +195,9 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.5.tgz",
-      "integrity": "sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==",
+      "version": "7.22.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.7.tgz",
+      "integrity": "sha512-p+jPjMG+SI8yvIaxGgeW24u7q9+5+TGpZh8/CuB7RhBKd7RCy8FayNEFNNKrNK/eUcY/4ExQqLmyrvBXKsIcwQ==",
       "dependencies": {
         "@babel/types": "^7.22.5",
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -209,15 +209,15 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz",
-      "integrity": "sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==",
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.6.tgz",
+      "integrity": "sha512-534sYEqWD9VfUm3IPn2SLcH4Q3P86XL+QvqdC7ZsFrzyyPF3T4XGiVghF6PTYNdWg6pXuoqXxNQAhbYeEInTzA==",
       "dependencies": {
-        "@babel/compat-data": "^7.22.5",
+        "@babel/compat-data": "^7.22.6",
         "@babel/helper-validator-option": "^7.22.5",
-        "browserslist": "^4.21.3",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.0"
+        "@nicolo-ribaudo/semver-v6": "^6.3.3",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -298,9 +298,9 @@
       }
     },
     "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz",
-      "integrity": "sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==",
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
       "dependencies": {
         "@babel/types": "^7.22.5"
       },
@@ -333,12 +333,12 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.5.tgz",
-      "integrity": "sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==",
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.6.tgz",
+      "integrity": "sha512-YjDs6y/fVOYFV8hAf1rxd1QvR9wJe1pDBZ2AREKq/SDayfPzgk0PBnVuTCE5X1acEpMMNOVUqoe+OwiZGJ+OaA==",
       "dependencies": {
         "@babel/template": "^7.22.5",
-        "@babel/traverse": "^7.22.5",
+        "@babel/traverse": "^7.22.6",
         "@babel/types": "^7.22.5"
       },
       "engines": {
@@ -359,9 +359,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz",
-      "integrity": "sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==",
+      "version": "7.22.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.7.tgz",
+      "integrity": "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -405,17 +405,17 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.5.tgz",
-      "integrity": "sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==",
+      "version": "7.22.8",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.8.tgz",
+      "integrity": "sha512-y6LPR+wpM2I3qJrsheCTwhIinzkETbplIgPBbwvqPKc+uljeA5gP+3nP8irdYt1mjQaDnlIcG+dw8OjAco4GXw==",
       "dependencies": {
         "@babel/code-frame": "^7.22.5",
-        "@babel/generator": "^7.22.5",
+        "@babel/generator": "^7.22.7",
         "@babel/helper-environment-visitor": "^7.22.5",
         "@babel/helper-function-name": "^7.22.5",
         "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.5",
-        "@babel/parser": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.22.7",
         "@babel/types": "^7.22.5",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
@@ -1338,6 +1338,14 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
       "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
     },
+    "node_modules/@nicolo-ribaudo/semver-v6": {
+      "version": "6.3.3",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/semver-v6/-/semver-v6-6.3.3.tgz",
+      "integrity": "sha512-3Yc1fUTs69MG/uZbJlLSI3JISMn2UV2rg+1D/vROUqZyh3l6iYHCs7GMp+M40ZD7yOdDbYjJcU1oTJhrc+dGKg==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -2663,39 +2671,6 @@
         "node": ">= 10"
       }
     },
-    "node_modules/@swc/cli/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/cli/node_modules/semver": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.2.tgz",
-      "integrity": "sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/cli/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/@swc/core": {
       "version": "1.3.62",
       "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.3.62.tgz",
@@ -4125,14 +4100,14 @@
       }
     },
     "node_modules/bin-version-check": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/bin-version-check/-/bin-version-check-5.0.0.tgz",
-      "integrity": "sha512-Q3FMQnS5eZmrBGqmDXLs4dbAn/f+52voP6ykJYmweSA60t6DyH4UTSwZhtbK5UH+LBoWvDljILUQMLRUtsynsA==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/bin-version-check/-/bin-version-check-5.1.0.tgz",
+      "integrity": "sha512-bYsvMqJ8yNGILLz1KP9zKLzQ6YpljV3ln1gqhuLkUtyfGi3qXKGuK2p+U4NAvjVFzDFiBBtOpCOSFNuYYEGZ5g==",
       "dev": true,
       "dependencies": {
         "bin-version": "^6.0.0",
-        "semver": "^7.3.5",
-        "semver-truncate": "^2.0.0"
+        "semver": "^7.5.3",
+        "semver-truncate": "^3.0.0"
       },
       "engines": {
         "node": ">=12"
@@ -4141,39 +4116,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/bin-version-check/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/bin-version-check/node_modules/semver": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.2.tgz",
-      "integrity": "sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/bin-version-check/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/bin-version/node_modules/execa": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
@@ -4307,9 +4249,9 @@
       "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow=="
     },
     "node_modules/browserslist": {
-      "version": "4.21.5",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz",
-      "integrity": "sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==",
+      "version": "4.21.9",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz",
+      "integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
       "funding": [
         {
           "type": "opencollective",
@@ -4318,13 +4260,17 @@
         {
           "type": "tidelift",
           "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001449",
-        "electron-to-chromium": "^1.4.284",
-        "node-releases": "^2.0.8",
-        "update-browserslist-db": "^1.0.10"
+        "caniuse-lite": "^1.0.30001503",
+        "electron-to-chromium": "^1.4.431",
+        "node-releases": "^2.0.12",
+        "update-browserslist-db": "^1.0.11"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -4439,9 +4385,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001486",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001486.tgz",
-      "integrity": "sha512-uv7/gXuHi10Whlj0pp5q/tsK/32J2QSqVRKQhs2j8VsDCjgyruAh/eEXHF822VqO9yT6iZKw3nRwZRSPBE9OQg==",
+      "version": "1.0.30001513",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001513.tgz",
+      "integrity": "sha512-pnjGJo7SOOjAGytZZ203Em95MRM8Cr6jhCXNF/FAXTpCTRTECnqQWLpiTRqrFtdYcth8hf4WECUpkezuYsMVww==",
       "funding": [
         {
           "type": "opencollective",
@@ -9528,11 +9474,18 @@
       }
     },
     "node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.3.tgz",
+      "integrity": "sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
       "bin": {
         "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/semver-regex": {
@@ -9548,17 +9501,38 @@
       }
     },
     "node_modules/semver-truncate": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/semver-truncate/-/semver-truncate-2.0.0.tgz",
-      "integrity": "sha512-Rh266MLDYNeML5h90ttdMwfXe1+Nc4LAWd9X1KdJe8pPHP4kFmvLZALtsMNHNdvTyQygbEC0D59sIz47DIaq8w==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/semver-truncate/-/semver-truncate-3.0.0.tgz",
+      "integrity": "sha512-LJWA9kSvMolR51oDE6PN3kALBNaUdkxzAGcexw8gjMA8xr5zUqK0JiR3CgARSqanYF3Z1YHvsErb1KDgh+v7Rg==",
       "dev": true,
       "dependencies": {
-        "semver": "^6.0.0"
+        "semver": "^7.3.5"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/semver/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
     "node_modules/shadcn-ui": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/shadcn-ui/-/shadcn-ui-0.2.2.tgz",

From fcac473a61b3c7d3064f3ffa6bee9f39be00b5d8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 17:22:44 -0300
Subject: [PATCH 242/367] =?UTF-8?q?=F0=9F=94=80=20chore(config.yaml):=20re?=
 =?UTF-8?q?organize=20the=20order=20of=20sections=20in=20the=20config=20fi?=
 =?UTF-8?q?le=20The=20order=20of=20sections=20in=20the=20config.yaml=20fil?=
 =?UTF-8?q?e=20has=20been=20adjusted=20for=20better=20readability=20and=20?=
 =?UTF-8?q?organization.=20The=20"prompts"=20section=20has=20been=20moved?=
 =?UTF-8?q?=20to=20the=20top,=20followed=20by=20the=20"memories"=20section?=
 =?UTF-8?q?,=20and=20then=20the=20"textsplitters"=20section.=20This=20chan?=
 =?UTF-8?q?ge=20improves=20the=20structure=20and=20consistency=20of=20the?=
 =?UTF-8?q?=20config=20file.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/config.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/config.yaml b/src/backend/langflow/config.yaml
index 032a2f049..ab4db6fd9 100644
--- a/src/backend/langflow/config.yaml
+++ b/src/backend/langflow/config.yaml
@@ -153,6 +153,7 @@ memories:
     documentation: "https://python.langchain.com/docs/modules/memory/how_to/vectorstore_retriever_memory"
   MongoDBChatMessageHistory:
     documentation: "https://python.langchain.com/docs/modules/memory/integrations/mongodb_chat_message_history"
+prompts:
   ChatMessagePromptTemplate:
     documentation: "https://python.langchain.com/docs/modules/model_io/prompts/prompt_templates/msg_prompt_templates"
   HumanMessagePromptTemplate:
@@ -161,7 +162,6 @@ memories:
     documentation: "https://python.langchain.com/docs/modules/model_io/models/chat/how_to/prompts"
   ChatPromptTemplate:
     documentation: "https://python.langchain.com/docs/modules/model_io/models/chat/how_to/prompts"
-prompts:
   PromptTemplate:
     documentation: "https://python.langchain.com/docs/modules/model_io/prompts/prompt_templates/"
 textsplitters:

From 2525ad218c24690355d73f4ff1be67b5958a7f94 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 17:37:23 -0300
Subject: [PATCH 243/367] =?UTF-8?q?=F0=9F=90=9B=20fix(dropdownComponent):?=
 =?UTF-8?q?=20add=20'nowheel'=20class=20to=20options=20when=20editNode=20i?=
 =?UTF-8?q?s=20true=20to=20fix=20styling=20issue=20=F0=9F=90=9B=20fix(inpu?=
 =?UTF-8?q?tFileComponent):=20fix=20class=20order=20in=20className=20to=20?=
 =?UTF-8?q?ensure=20correct=20styling=20when=20editNode=20is=20true=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(genericModal):=20remove=20unnecessary=20cond?=
 =?UTF-8?q?itional=20rendering=20of=20'-'=20in=20Input=20Variables=20label?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/dropdownComponent/index.tsx  | 4 ++--
 src/frontend/src/components/inputFileComponent/index.tsx | 7 +++++--
 src/frontend/src/modals/genericModal/index.tsx           | 3 +--
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index 84c036ec4..f4c2ed607 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -63,8 +63,8 @@ export default function Dropdown({
                 <Listbox.Options
                   className={classNames(
                     editNode
-                      ? "dropdown-component-true-options "
-                      : "dropdown-component-false-options ",
+                      ? "dropdown-component-true-options nowheel"
+                      : "dropdown-component-false-options nowheel",
                     apiModal ? "mb-2 w-[250px]" : "absolute"
                   )}
                 >
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 505515bf5..29a3dd128 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -91,6 +91,7 @@ export default function InputFileComponent({
     input.click();
   };
 
+
   return (
     <div className={disabled ? "input-component-div" : "w-full"}>
       <div className="input-file-component">
@@ -98,8 +99,10 @@ export default function InputFileComponent({
           onClick={handleButtonClick}
           className={
             editNode
-              ? "input-edit-node " + "input-primary "
-              : "input-primary " + (disabled ? "input-disable " : "")
+              ? " input-edit-node " + " input-dialog "
+              : (disabled ? " input-disable " : "") +
+                " input-primary " +
+                " input-dialog "
           }
         >
           {myValue !== "" ? myValue : "No file"}
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index aa3c99774..b0a0ae315 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -242,8 +242,7 @@ export default function GenericModal({
             <div className="flex flex-wrap items-center">
               <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
               <span className="text-md font-semibold text-primary">
-                Input Variables:{" "}
-                {wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
+                Input Variables:
               </span>
 
               {wordsHighlight.map((word, index) => (

From 39daf5e8cff3b42d9d34ad54412365035e08d69f Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 18:14:01 -0300
Subject: [PATCH 244/367] =?UTF-8?q?=F0=9F=94=A7=20fix(ShadTooltipComponent?=
 =?UTF-8?q?):=20add=20style=20prop=20to=20ShadTooltip=20component=20to=20a?=
 =?UTF-8?q?llow=20custom=20styling=20=F0=9F=94=A7=20fix(types):=20add=20st?=
 =?UTF-8?q?yle=20property=20to=20ShadToolTipType=20to=20reflect=20the=20ch?=
 =?UTF-8?q?anges=20in=20ShadTooltipComponent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/ShadTooltipComponent/index.tsx | 3 ++-
 src/frontend/src/types/components/index.ts                 | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index d643a4d08..1a352221e 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -12,13 +12,14 @@ export default function ShadTooltip({
   asChild = true,
   children,
   delayDuration,
+  style
 }: ShadToolTipType) {
   return (
     <TooltipProvider>
       <Tooltip delayDuration={delayDuration}>
         <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
 
-        <TooltipContent side={side} avoidCollisions={false} sticky="always">
+        <TooltipContent className={style} side={side} avoidCollisions={false} sticky="always">
           {content}
         </TooltipContent>
       </Tooltip>
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 984652b9a..ece87a292 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -147,6 +147,7 @@ export type ShadToolTipType = {
   asChild?: boolean;
   children?: ReactElement;
   delayDuration?: number;
+  style?: string;
 };
 
 export type TextHighlightType = {

From c9b5a09c46eb976703821bd34c28b6a7563f23fa Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 18:23:04 -0300
Subject: [PATCH 245/367] =?UTF-8?q?=F0=9F=90=9B=20fix(table.tsx):=20remove?=
 =?UTF-8?q?=20unnecessary=20"overflow-auto"=20class=20from=20table=20conta?=
 =?UTF-8?q?iner=20div=20to=20fix=20styling=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/ui/table.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/components/ui/table.tsx b/src/frontend/src/components/ui/table.tsx
index f08ce3f6b..9b7bdd8ce 100644
--- a/src/frontend/src/components/ui/table.tsx
+++ b/src/frontend/src/components/ui/table.tsx
@@ -5,7 +5,7 @@ const Table = React.forwardRef<
   HTMLTableElement,
   React.HTMLAttributes<HTMLTableElement>
 >(({ className, ...props }, ref) => (
-  <div className="w-full overflow-auto">
+  <div className="">
     <table
       ref={ref}
       className={cn("w-full caption-bottom text-sm", className)}

From 05f30a585fbf3a429e1ddcd3ff47ea4b6eb1545e Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 17:43:57 -0300
Subject: [PATCH 246/367] =?UTF-8?q?=F0=9F=94=A7=20chore(GenericNode):=20op?=
 =?UTF-8?q?timize=20imports=20and=20remove=20duplicate=20imports=20?=
 =?UTF-8?q?=F0=9F=94=A7=20chore(ShadTooltipComponent):=20remove=20unused?=
 =?UTF-8?q?=20import=20and=20set=20default=20value=20for=20delayDuration?=
 =?UTF-8?q?=20prop=20=F0=9F=94=A7=20chore(ApiModal):=20optimize=20imports?=
 =?UTF-8?q?=20and=20remove=20unused=20imports=20=F0=9F=94=A7=20chore(gener?=
 =?UTF-8?q?icModal):=20optimize=20imports=20and=20remove=20unused=20import?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The changes were made to optimize the imports and remove duplicate and unused imports in the respective files. This improves the codebase by reducing unnecessary dependencies and improving maintainability.
---
 .../src/CustomNodes/GenericNode/index.tsx     | 29 +++----
 .../components/ShadTooltipComponent/index.tsx | 13 ++-
 src/frontend/src/modals/ApiModal/index.tsx    | 76 +++++++++---------
 .../src/modals/genericModal/index.tsx         | 80 +++++++++----------
 4 files changed, 98 insertions(+), 100 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 313be210c..5a727106b 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -1,3 +1,15 @@
+import { Zap } from "lucide-react";
+import { useContext, useEffect, useRef, useState } from "react";
+import { NodeToolbar } from "reactflow";
+import ShadTooltip from "../../components/ShadTooltipComponent";
+import Tooltip from "../../components/TooltipComponent";
+import { useSSE } from "../../contexts/SSEContext";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { typesContext } from "../../contexts/typesContext";
+import NodeModal from "../../modals/NodeModal";
+import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
+import { NodeDataType } from "../../types/flow";
 import {
   classNames,
   nodeColors,
@@ -5,18 +17,6 @@ import {
   toTitleCase,
 } from "../../utils";
 import ParameterComponent from "./components/parameterComponent";
-import { typesContext } from "../../contexts/typesContext";
-import { useContext, useState, useEffect, useRef } from "react";
-import { NodeDataType } from "../../types/flow";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import NodeModal from "../../modals/NodeModal";
-import Tooltip from "../../components/TooltipComponent";
-import { NodeToolbar } from "reactflow";
-import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
-import ShadTooltip from "../../components/ShadTooltipComponent";
-import { useSSE } from "../../contexts/SSEContext";
-import { Zap } from "lucide-react";
 
 export default function GenericNode({
   data,
@@ -94,10 +94,7 @@ export default function GenericNode({
               }}
             />
             <div className="generic-node-tooltip-div">
-              <ShadTooltip
-                delayDuration={1500}
-                content={data.node.display_name}
-              >
+              <ShadTooltip content={data.node.display_name}>
                 <div className="generic-node-tooltip-div text-primary">
                   {data.node.display_name}
                 </div>
diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index 1a352221e..3fe82afd7 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -1,4 +1,4 @@
-import { RadialProgressType, ShadToolTipType } from "../../types/components";
+import { ShadToolTipType } from "../../types/components";
 import {
   Tooltip,
   TooltipContent,
@@ -11,15 +11,20 @@ export default function ShadTooltip({
   side,
   asChild = true,
   children,
-  delayDuration,
-  style
+  style,
+  delayDuration = 500,
 }: ShadToolTipType) {
   return (
     <TooltipProvider>
       <Tooltip delayDuration={delayDuration}>
         <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
 
-        <TooltipContent className={style} side={side} avoidCollisions={false} sticky="always">
+        <TooltipContent
+          className={style}
+          side={side}
+          avoidCollisions={false}
+          sticky="always"
+        >
           {content}
         </TooltipContent>
       </Tooltip>
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 99fd03941..ea802cbad 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -1,42 +1,15 @@
-import { useContext, useEffect, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
+import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
-import "ace-builds/src-noconflict/ext-language_tools";
+import { useContext, useEffect, useRef, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
 // import "ace-builds/webpack-resolver";
-import { darkContext } from "../../contexts/darkContext";
+import { Check, Clipboard, Code2 } from "lucide-react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "../../components/ui/dialog";
-import { FlowType } from "../../types/flow/index";
-import { getCurlCode, getPythonApiCode, getPythonCode } from "../../constants";
-import { EXPORT_CODE_DIALOG } from "../../constants";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from "../../components/ui/tabs";
-import { Check, Clipboard, Code2 } from "lucide-react";
-import {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../../components/ui/table";
-import { buildTweaks, classNames, limitScrollFieldsModal } from "../../utils";
 import AccordionComponent from "../../components/AccordionComponent";
+import ShadTooltip from "../../components/ShadTooltipComponent";
 import CodeAreaComponent from "../../components/codeAreaComponent";
 import Dropdown from "../../components/dropdownComponent";
 import FloatComponent from "../../components/floatComponent";
@@ -47,9 +20,38 @@ import IntComponent from "../../components/intComponent";
 import PromptAreaComponent from "../../components/promptComponent";
 import TextAreaComponent from "../../components/textAreaComponent";
 import ToggleShadComponent from "../../components/toggleShadComponent";
-import ShadTooltip from "../../components/ShadTooltipComponent";
-import { cloneDeep, filter } from "lodash";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../components/ui/dialog";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "../../components/ui/table";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../components/ui/tabs";
+import {
+  EXPORT_CODE_DIALOG,
+  getCurlCode,
+  getPythonApiCode,
+  getPythonCode,
+} from "../../constants";
+import { darkContext } from "../../contexts/darkContext";
 import { TabsContext } from "../../contexts/tabsContext";
+import { FlowType } from "../../types/flow/index";
+import { buildTweaks, classNames } from "../../utils";
 
 export default function ApiModal({ flow }: { flow: FlowType }) {
   const [open, setOpen] = useState(true);
@@ -420,7 +422,6 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                     ) : t.data.node.template[n]
                                                         .multiline ? (
                                                       <ShadTooltip
-                                                        delayDuration={1000}
                                                         content={buildContent(
                                                           t.data.node.template[
                                                             n
@@ -508,7 +509,6 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                 ) : t.data.node.template[n]
                                                     .type === "file" ? (
                                                   <ShadTooltip
-                                                    delayDuration={1000}
                                                     content={buildContent(
                                                       getValue(
                                                         t.data.node.template[n]
@@ -624,7 +624,6 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                 ) : t.data.node.template[n]
                                                     .type === "prompt" ? (
                                                   <ShadTooltip
-                                                    delayDuration={1000}
                                                     content={buildContent(
                                                       getValue(
                                                         t.data.node.template[n]
@@ -661,7 +660,6 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                                 ) : t.data.node.template[n]
                                                     .type === "code" ? (
                                                   <ShadTooltip
-                                                    delayDuration={1000}
                                                     content={buildContent(
                                                       getValue(
                                                         t.data.node.template[n]
@@ -722,7 +720,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                         </div>
                       ))}
 
-                      {/* 
+                      {/*
                       <div className="flex flex-col gap-5 bg-muted">
                         <Table className="table-fixed bg-muted outline-1">
                           <TableHeader className="border-gray-200 text-gray-500 text-xs font-medium h-10">
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index b0a0ae315..ba3fb672f 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -1,8 +1,9 @@
-import { useContext, useRef, useState, useEffect } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { darkContext } from "../../contexts/darkContext";
-import { postValidatePrompt } from "../../controllers/API";
-import { alertContext } from "../../contexts/alertContext";
+import DOMPurify from "dompurify";
+import { FileText, Variable } from "lucide-react";
+import { useContext, useEffect, useRef, useState } from "react";
+import ShadTooltip from "../../components/ShadTooltipComponent";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -12,14 +13,16 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
 import { Textarea } from "../../components/ui/textarea";
 import {
   HIGHLIGH_CSS,
   PROMPT_DIALOG_SUBTITLE,
   TEXT_DIALOG_SUBTITLE,
 } from "../../constants";
-import { FileText } from "lucide-react";
+import { alertContext } from "../../contexts/alertContext";
+import { darkContext } from "../../contexts/darkContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { postValidatePrompt } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
 import {
   INVALID_CHARACTERS,
@@ -29,10 +32,6 @@ import {
   regexHighlight,
   varHighlightHTML,
 } from "../../utils";
-import { Badge } from "../../components/ui/badge";
-import ShadTooltip from "../../components/ShadTooltipComponent";
-import DOMPurify from "dompurify";
-import { Variable } from "lucide-react";
 
 export default function GenericModal({
   field_name = "",
@@ -238,39 +237,38 @@ export default function GenericModal({
 
         {type == TypeModal.PROMPT && (
           <>
-          <div className="h-[60px] overflow-y-auto custom-scroll sm:6/6 mt-3 mr-28">
-            <div className="flex flex-wrap items-center">
-              <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
-              <span className="text-md font-semibold text-primary">
-                Input Variables:
-              </span>
+            <div className="sm:6/6 mr-28 mt-3 h-[60px] overflow-y-auto custom-scroll">
+              <div className="flex flex-wrap items-center">
+                <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
+                <span className="text-md font-semibold text-primary">
+                  Input Variables:
+                </span>
 
-              {wordsHighlight.map((word, index) => (
-                <ShadTooltip
-                  key={getRandomKeyByssmm() + index}
-                  content={word.replace(/[{}]/g, "")}
-                  asChild={false}
-                  delayDuration={1500}
-                >
-                  <Badge
-                    key={index}
-                    variant="gray"
-                    size="md"
-                    className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
+                {wordsHighlight.map((word, index) => (
+                  <ShadTooltip
+                    key={getRandomKeyByssmm() + index}
+                    content={word.replace(/[{}]/g, "")}
+                    asChild={false}
                   >
-                    <div className="relative bottom-[1px]">
-                      <span>
-                        {word.replace(/[{}]/g, "").length > 59
-                          ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
-                          : word.replace(/[{}]/g, "")}
-                      </span>
-                    </div>
-                  </Badge>
-                </ShadTooltip>
-              ))}
+                    <Badge
+                      key={index}
+                      variant="gray"
+                      size="md"
+                      className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
+                    >
+                      <div className="relative bottom-[1px]">
+                        <span>
+                          {word.replace(/[{}]/g, "").length > 59
+                            ? word.replace(/[{}]/g, "").slice(0, 56) + "..."
+                            : word.replace(/[{}]/g, "")}
+                        </span>
+                      </div>
+                    </Badge>
+                  </ShadTooltip>
+                ))}
+              </div>
             </div>
-          </div>
-        </>
+          </>
         )}
 
         <DialogFooter>

From fc4dca8a6d6fee1158c04b9e4c253df1871631b5 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 17:48:37 -0300
Subject: [PATCH 247/367] =?UTF-8?q?=F0=9F=94=A7=20fix(customs.py):=20add?=
 =?UTF-8?q?=20MongoDBChatMessageHistory=20to=20CUSTOM=5FNODES=20dictionary?=
 =?UTF-8?q?=20=E2=9C=A8=20feat(memories.py):=20add=20MongoDBChatMessageHis?=
 =?UTF-8?q?toryFrontendNode=20class=20to=20support=20MongoDB=20as=20a=20me?=
 =?UTF-8?q?mory=20store=20The=20CUSTOM=5FNODES=20dictionary=20in=20customs?=
 =?UTF-8?q?.py=20has=20been=20updated=20to=20include=20the=20"MongoDBChatM?=
 =?UTF-8?q?essageHistory"=20memory.=20This=20allows=20the=20application=20?=
 =?UTF-8?q?to=20use=20MongoDB=20as=20a=20memory=20store=20for=20chat=20mes?=
 =?UTF-8?q?sage=20history.=20The=20MongoDBChatMessageHistoryFrontendNode?=
 =?UTF-8?q?=20class=20has=20been=20added=20to=20memories.py,=20providing?=
 =?UTF-8?q?=20the=20necessary=20functionality=20and=20configuration=20opti?=
 =?UTF-8?q?ons=20for=20interacting=20with=20MongoDB=20as=20a=20memory=20st?=
 =?UTF-8?q?ore.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/custom/customs.py        |  1 +
 .../template/frontend_node/memories.py        | 57 +++++++++++++++++++
 2 files changed, 58 insertions(+)

diff --git a/src/backend/langflow/custom/customs.py b/src/backend/langflow/custom/customs.py
index bbafb4526..58ef1b508 100644
--- a/src/backend/langflow/custom/customs.py
+++ b/src/backend/langflow/custom/customs.py
@@ -23,6 +23,7 @@ CUSTOM_NODES = {
     },
     "memories": {
         "PostgresChatMessageHistory": frontend_node.memories.PostgresChatMessageHistoryFrontendNode(),
+        "MongoDBChatMessageHistory": frontend_node.memories.MongoDBChatMessageHistoryFrontendNode(),
     },
     "chains": {
         "SeriesCharacterChain": frontend_node.chains.SeriesCharacterChainNode(),
diff --git a/src/backend/langflow/template/frontend_node/memories.py b/src/backend/langflow/template/frontend_node/memories.py
index 6d490212f..d98a322ff 100644
--- a/src/backend/langflow/template/frontend_node/memories.py
+++ b/src/backend/langflow/template/frontend_node/memories.py
@@ -4,6 +4,10 @@ from langflow.template.field.base import TemplateField
 from langflow.template.frontend_node.base import FrontendNode
 from langflow.template.template.base import Template
 from langchain.memory.chat_message_histories.postgres import DEFAULT_CONNECTION_STRING
+from langchain.memory.chat_message_histories.mongodb import (
+    DEFAULT_COLLECTION_NAME,
+    DEFAULT_DBNAME,
+)
 
 
 class MemoryFrontendNode(FrontendNode):
@@ -120,3 +124,56 @@ class PostgresChatMessageHistoryFrontendNode(MemoryFrontendNode):
     )
     description: str = "Memory store with Postgres"
     base_classes: list[str] = ["PostgresChatMessageHistory", "BaseChatMessageHistory"]
+
+
+class MongoDBChatMessageHistoryFrontendNode(MemoryFrontendNode):
+    name: str = "MongoDBChatMessageHistory"
+    template: Template = Template(
+        # langchain/memory/chat_message_histories/mongodb.py
+        # connection_string: str,
+        #     session_id: str,
+        #     database_name: str = DEFAULT_DBNAME,
+        #     collection_name: str = DEFAULT_COLLECTION_NAME,
+        type_name="MongoDBChatMessageHistory",
+        fields=[
+            TemplateField(
+                field_type="str",
+                required=True,
+                placeholder="",
+                is_list=False,
+                show=True,
+                multiline=False,
+                name="session_id",
+            ),
+            TemplateField(
+                field_type="str",
+                required=True,
+                show=True,
+                name="connection_string",
+                value="",
+                info="MongoDB connection string (e.g mongodb://mongo_user:password123@mongo:27017)",
+            ),
+            TemplateField(
+                field_type="str",
+                required=True,
+                placeholder="",
+                is_list=False,
+                show=True,
+                multiline=False,
+                value=DEFAULT_DBNAME,
+                name="database_name",
+            ),
+            TemplateField(
+                field_type="str",
+                required=True,
+                placeholder="",
+                is_list=False,
+                show=True,
+                multiline=False,
+                value=DEFAULT_COLLECTION_NAME,
+                name="collection_name",
+            ),
+        ],
+    )
+    description: str = "Memory store with MongoDB"
+    base_classes: list[str] = ["MongoDBChatMessageHistory", "BaseChatMessageHistory"]

From 47ab1650158cdd3b6b8a4629e82353202c752a20 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 18:09:30 -0300
Subject: [PATCH 248/367] Formatting

---
 src/frontend/src/App.tsx                      | 15 +++--
 .../components/parameterComponent/index.tsx   | 39 ++++++-------
 .../components/singleAlertComponent/index.tsx |  4 +-
 .../src/alerts/alertDropDown/index.tsx        |  8 +--
 src/frontend/src/alerts/error/index.tsx       |  2 +-
 src/frontend/src/alerts/notice/index.tsx      |  2 +-
 src/frontend/src/alerts/success/index.tsx     |  2 +-
 .../components/AccordionComponent/index.tsx   |  9 +--
 .../EditFlowSettingsComponent/index.tsx       |  6 +-
 .../ExtraSidebarComponent/index.tsx           |  2 +-
 .../LightTooltipComponent/index.tsx           |  2 +-
 .../src/components/LoadingSpinner/index.tsx   |  3 -
 .../src/components/RadialProgress/index.tsx   |  1 -
 .../src/components/TooltipComponent/index.tsx |  3 +-
 .../src/components/cardComponent/index.tsx    | 17 +-----
 .../chatComponent/buildTrigger/index.tsx      | 10 ++--
 .../chatComponent/chatTrigger/index.tsx       |  2 +-
 .../src/components/chatComponent/index.tsx    | 10 ++--
 .../components/codeAreaComponent/index.tsx    |  1 -
 .../components/dropdownComponent/index.tsx    |  4 +-
 .../src/components/floatComponent/index.tsx   |  4 +-
 .../components/menuBar/index.tsx              | 16 +++--
 .../src/components/headerComponent/index.tsx  | 13 ++---
 .../src/components/inputComponent/index.tsx   |  4 +-
 .../components/inputFileComponent/index.tsx   |  4 +-
 .../components/inputListComponent/index.tsx   |  3 +-
 .../src/components/intComponent/index.tsx     |  5 +-
 .../src/components/promptComponent/index.tsx  |  8 +--
 .../components/textAreaComponent/index.tsx    |  4 +-
 .../src/components/toggleComponent/index.tsx  |  2 +-
 .../components/toggleShadComponent/index.tsx  |  1 -
 src/frontend/src/components/ui/accordion.tsx  |  2 +-
 src/frontend/src/components/ui/badge.tsx      |  2 +-
 src/frontend/src/components/ui/button.tsx     |  2 +-
 src/frontend/src/components/ui/checkbox.tsx   |  2 +-
 src/frontend/src/components/ui/dialog.tsx     |  2 +-
 .../src/components/ui/dropdown-menu.tsx       |  2 +-
 src/frontend/src/components/ui/label.tsx      |  2 +-
 src/frontend/src/components/ui/menubar.tsx    |  2 +-
 src/frontend/src/components/ui/progress.tsx   |  2 +-
 .../src/components/ui/rename-label.tsx        |  2 +-
 src/frontend/src/components/ui/separator.tsx  |  2 +-
 src/frontend/src/components/ui/switch.tsx     |  2 +-
 src/frontend/src/components/ui/tabs.tsx       |  2 +-
 src/frontend/src/components/ui/tooltip.tsx    |  2 +-
 src/frontend/src/constants.tsx                |  3 +-
 src/frontend/src/contexts/SSEContext.tsx      |  8 +--
 src/frontend/src/contexts/index.tsx           |  4 +-
 src/frontend/src/contexts/popUpContext.tsx    |  3 +-
 src/frontend/src/contexts/tabsContext.tsx     | 36 ++++++------
 src/frontend/src/contexts/typesContext.tsx    |  2 +-
 src/frontend/src/contexts/undoRedoContext.tsx |  2 +-
 src/frontend/src/controllers/API/index.ts     | 20 +++----
 src/frontend/src/index.tsx                    |  5 +-
 .../src/modals/EditNodeModal/index.tsx        | 48 +++++++--------
 .../NodeModal/components/ModalField/index.tsx | 18 +++---
 src/frontend/src/modals/NodeModal/index.tsx   |  4 +-
 .../modals/chatModal/chatMessage/index.tsx    | 16 ++---
 src/frontend/src/modals/chatModal/index.tsx   |  8 +--
 .../src/modals/codeAreaModal/index.tsx        | 13 +++--
 src/frontend/src/modals/exportModal/index.tsx | 16 ++---
 .../src/modals/flowSettingsModal/index.tsx    | 13 ++---
 .../src/modals/formModal/chatInput/index.tsx  |  5 +-
 .../modals/formModal/chatMessage/index.tsx    | 33 +++--------
 .../modals/formModal/fileComponent/index.tsx  |  2 +-
 src/frontend/src/modals/formModal/index.tsx   | 26 ++++-----
 .../modals/importModal/buttonBox/index.tsx    |  2 +-
 src/frontend/src/modals/importModal/index.tsx | 20 +++----
 src/frontend/src/modals/promptModal/index.tsx |  8 +--
 .../src/modals/textAreaModal/index.tsx        |  2 +-
 .../src/pages/CommunityPage/index.tsx         | 10 ++--
 .../components/DisclosureComponent/index.tsx  |  2 +-
 .../components/PageComponent/index.tsx        | 30 +++++-----
 .../extraSidebarComponent/index.tsx           | 25 ++++----
 .../components/nodeToolbarComponent/index.tsx |  8 +--
 src/frontend/src/pages/FlowPage/index.tsx     |  4 +-
 src/frontend/src/pages/MainPage/index.tsx     |  6 +-
 src/frontend/src/prettierrc.js                |  4 ++
 src/frontend/src/routes.tsx                   |  4 +-
 src/frontend/src/types/api/index.ts           |  2 +-
 src/frontend/src/types/components/index.ts    |  2 +-
 src/frontend/src/types/flow/index.ts          |  3 +-
 src/frontend/src/utils.ts                     | 58 +++++++++----------
 src/frontend/vite.config.ts                   |  2 +-
 84 files changed, 329 insertions(+), 382 deletions(-)
 create mode 100644 src/frontend/src/prettierrc.js

diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 7335da19d..0088081ae 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -1,20 +1,19 @@
-import "reactflow/dist/style.css";
-import { useState, useEffect, useContext } from "react";
-import "./App.css";
-import { useLocation } from "react-router-dom";
 import _ from "lodash";
+import { useContext, useEffect, useState } from "react";
+import { useLocation } from "react-router-dom";
+import "reactflow/dist/style.css";
+import "./App.css";
 
+import { ErrorBoundary } from "react-error-boundary";
 import ErrorAlert from "./alerts/error";
 import NoticeAlert from "./alerts/notice";
 import SuccessAlert from "./alerts/success";
+import CrashErrorComponent from "./components/CrashErrorComponent";
+import Header from "./components/headerComponent";
 import { alertContext } from "./contexts/alertContext";
 import { locationContext } from "./contexts/locationContext";
-import { ErrorBoundary } from "react-error-boundary";
-import CrashErrorComponent from "./components/CrashErrorComponent";
 import { TabsContext } from "./contexts/tabsContext";
-import { getVersion } from "./controllers/API";
 import Router from "./routes";
-import Header from "./components/headerComponent";
 
 export default function App() {
   let { setCurrent, setShowSideBar, setIsStackedOpen } =
diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 8e22eafac..d8208e5f2 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -1,31 +1,30 @@
+import { Info } from "lucide-react";
+import React, { useContext, useEffect, useRef, useState } from "react";
 import { Handle, Position, useUpdateNodeInternals } from "reactflow";
+import ShadTooltip from "../../../../components/ShadTooltipComponent";
+import CodeAreaComponent from "../../../../components/codeAreaComponent";
+import Dropdown from "../../../../components/dropdownComponent";
+import FloatComponent from "../../../../components/floatComponent";
+import InputComponent from "../../../../components/inputComponent";
+import InputFileComponent from "../../../../components/inputFileComponent";
+import InputListComponent from "../../../../components/inputListComponent";
+import IntComponent from "../../../../components/intComponent";
+import PromptAreaComponent from "../../../../components/promptComponent";
+import TextAreaComponent from "../../../../components/textAreaComponent";
+import ToggleShadComponent from "../../../../components/toggleShadComponent";
+import { PopUpContext } from "../../../../contexts/popUpContext";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import { typesContext } from "../../../../contexts/typesContext";
+import { ParameterComponentType } from "../../../../types/components";
 import {
   classNames,
   getRandomKeyByssmm,
   groupByFamily,
   isValidConnection,
+  nodeColors,
   nodeIconsLucide,
+  nodeNames,
 } from "../../../../utils";
-import { useContext, useEffect, useRef, useState } from "react";
-import InputComponent from "../../../../components/inputComponent";
-import InputListComponent from "../../../../components/inputListComponent";
-import TextAreaComponent from "../../../../components/textAreaComponent";
-import { typesContext } from "../../../../contexts/typesContext";
-import { ParameterComponentType } from "../../../../types/components";
-import FloatComponent from "../../../../components/floatComponent";
-import Dropdown from "../../../../components/dropdownComponent";
-import CodeAreaComponent from "../../../../components/codeAreaComponent";
-import InputFileComponent from "../../../../components/inputFileComponent";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import IntComponent from "../../../../components/intComponent";
-import PromptAreaComponent from "../../../../components/promptComponent";
-import { nodeNames } from "../../../../utils";
-import React from "react";
-import { nodeColors } from "../../../../utils";
-import ShadTooltip from "../../../../components/ShadTooltipComponent";
-import { PopUpContext } from "../../../../contexts/popUpContext";
-import ToggleShadComponent from "../../../../components/toggleShadComponent";
-import { Info } from "lucide-react";
 
 export default function ParameterComponent({
   left,
diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
index 857bf0fb4..18475b039 100644
--- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
@@ -1,8 +1,8 @@
-import { Link } from "react-router-dom";
 import { Transition } from "@headlessui/react";
+import { CheckCircle2, Info, X, XCircle } from "lucide-react";
 import { useState } from "react";
+import { Link } from "react-router-dom";
 import { SingleAlertComponentType } from "../../../../types/alerts";
-import { X, CheckCircle2, Info, XCircle } from "lucide-react";
 
 export default function SingleAlert({
   dropItem,
diff --git a/src/frontend/src/alerts/alertDropDown/index.tsx b/src/frontend/src/alerts/alertDropDown/index.tsx
index ef703f624..cd1ed9137 100644
--- a/src/frontend/src/alerts/alertDropDown/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/index.tsx
@@ -1,10 +1,10 @@
-import { useContext, useEffect, useRef } from "react";
+import { Trash2, X } from "lucide-react";
+import { useContext, useRef } from "react";
 import { alertContext } from "../../contexts/alertContext";
-import SingleAlert from "./components/singleAlertComponent";
-import { AlertDropdownType } from "../../types/alerts";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { AlertDropdownType } from "../../types/alerts";
 import { useOnClickOutside } from "../hooks/useOnClickOutside";
-import { X, Trash2 } from "lucide-react";
+import SingleAlert from "./components/singleAlertComponent";
 
 export default function AlertDropdown({}: AlertDropdownType) {
   const { closePopUp } = useContext(PopUpContext);
diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx
index d71980b7e..ed395018e 100644
--- a/src/frontend/src/alerts/error/index.tsx
+++ b/src/frontend/src/alerts/error/index.tsx
@@ -1,7 +1,7 @@
 import { Transition } from "@headlessui/react";
+import { XCircle } from "lucide-react";
 import { useEffect, useState } from "react";
 import { ErrorAlertType } from "../../types/alerts";
-import { XCircle } from "lucide-react";
 
 export default function ErrorAlert({
   title,
diff --git a/src/frontend/src/alerts/notice/index.tsx b/src/frontend/src/alerts/notice/index.tsx
index eeb00cd42..c77a4bcd6 100644
--- a/src/frontend/src/alerts/notice/index.tsx
+++ b/src/frontend/src/alerts/notice/index.tsx
@@ -1,8 +1,8 @@
 import { Transition } from "@headlessui/react";
+import { Info } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import { NoticeAlertType } from "../../types/alerts";
-import { Info } from "lucide-react";
 
 export default function NoticeAlert({
   title,
diff --git a/src/frontend/src/alerts/success/index.tsx b/src/frontend/src/alerts/success/index.tsx
index 95eaa1ba4..60dba1e93 100644
--- a/src/frontend/src/alerts/success/index.tsx
+++ b/src/frontend/src/alerts/success/index.tsx
@@ -1,7 +1,7 @@
 import { Transition } from "@headlessui/react";
+import { CheckCircle2 } from "lucide-react";
 import { useEffect, useState } from "react";
 import { SuccessAlertType } from "../../types/alerts";
-import { CheckCircle2 } from "lucide-react";
 
 export default function SuccessAlert({
   title,
diff --git a/src/frontend/src/components/AccordionComponent/index.tsx b/src/frontend/src/components/AccordionComponent/index.tsx
index f03a2ad5f..ceeb938a8 100644
--- a/src/frontend/src/components/AccordionComponent/index.tsx
+++ b/src/frontend/src/components/AccordionComponent/index.tsx
@@ -1,16 +1,11 @@
-import { ReactElement, useContext, useEffect, useRef, useState } from "react";
-import {
-  AccordionComponentType,
-  ProgressBarType,
-} from "../../types/components";
-import { Progress } from "../../components/ui/progress";
-import { setInterval } from "timers/promises";
+import { useState } from "react";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
 } from "../../components/ui/accordion";
+import { AccordionComponentType } from "../../types/components";
 
 export default function AccordionComponent({
   trigger,
diff --git a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
index b51722ad8..a0beb11f3 100644
--- a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
+++ b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
@@ -1,7 +1,7 @@
-import React, { useState, ChangeEvent } from "react";
-import { Textarea } from "../../components/ui/textarea";
-import { Label } from "../../components/ui/label";
+import React, { ChangeEvent, useState } from "react";
 import { Input } from "../../components/ui/input";
+import { Label } from "../../components/ui/label";
+import { Textarea } from "../../components/ui/textarea";
 
 type InputProps = {
   name: string | null;
diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
index 2386e29a8..e307e5234 100644
--- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx
+++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
@@ -1,8 +1,8 @@
 import { Disclosure } from "@headlessui/react";
 import { useContext } from "react";
 import { Link } from "react-router-dom";
-import { classNames } from "../../utils";
 import { locationContext } from "../../contexts/locationContext";
+import { classNames } from "../../utils";
 
 export default function ExtraSidebar() {
   const {
diff --git a/src/frontend/src/components/LightTooltipComponent/index.tsx b/src/frontend/src/components/LightTooltipComponent/index.tsx
index 4cdc912d0..08ea76266 100644
--- a/src/frontend/src/components/LightTooltipComponent/index.tsx
+++ b/src/frontend/src/components/LightTooltipComponent/index.tsx
@@ -1,5 +1,5 @@
-import { styled } from "@mui/material/styles";
 import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
+import { styled } from "@mui/material/styles";
 
 export const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
   <Tooltip {...props} classes={{ popper: className }} />
diff --git a/src/frontend/src/components/LoadingSpinner/index.tsx b/src/frontend/src/components/LoadingSpinner/index.tsx
index 642df9e22..ea02a88d6 100644
--- a/src/frontend/src/components/LoadingSpinner/index.tsx
+++ b/src/frontend/src/components/LoadingSpinner/index.tsx
@@ -1,6 +1,3 @@
-import { useContext, useEffect, useRef, useState } from "react";
-import { RadialProgressType } from "../../types/components";
-
 export default function LoadingSpinner({}) {
   return <></>;
 }
diff --git a/src/frontend/src/components/RadialProgress/index.tsx b/src/frontend/src/components/RadialProgress/index.tsx
index b468b12e8..f277a9c80 100644
--- a/src/frontend/src/components/RadialProgress/index.tsx
+++ b/src/frontend/src/components/RadialProgress/index.tsx
@@ -1,4 +1,3 @@
-import { useContext, useEffect, useRef, useState } from "react";
 import { RadialProgressType } from "../../types/components";
 
 export default function RadialProgressComponent({
diff --git a/src/frontend/src/components/TooltipComponent/index.tsx b/src/frontend/src/components/TooltipComponent/index.tsx
index 0e571b1bc..91fa006ec 100644
--- a/src/frontend/src/components/TooltipComponent/index.tsx
+++ b/src/frontend/src/components/TooltipComponent/index.tsx
@@ -1,6 +1,5 @@
-import { ReactElement } from "react";
-import { LightTooltip } from "../LightTooltipComponent";
 import { TooltipComponentType } from "../../types/components";
+import { LightTooltip } from "../LightTooltipComponent";
 
 export default function Tooltip({
   children,
diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 276f0a7cd..285aa91b7 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -1,26 +1,15 @@
-import { Trash2, ExternalLink } from "lucide-react";
+import { Trash2 } from "lucide-react";
 import { useContext } from "react";
-import { Link } from "react-router-dom";
 import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow";
 import { gradients } from "../../utils";
 import {
-  CardTitle,
+  Card,
   CardDescription,
   CardFooter,
-  Card,
   CardHeader,
+  CardTitle,
 } from "../ui/card";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "../ui/dialog";
-import { Button } from "@mui/material";
 
 export const CardComponent = ({
   flow,
diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 4d47e2e1c..09ab90ff7 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -1,16 +1,16 @@
-import { useContext, useState } from "react";
 import { Transition } from "@headlessui/react";
 import { Zap } from "lucide-react";
-import { validateNodes } from "../../../utils";
-import { FlowType } from "../../../types/flow";
+import { useContext, useState } from "react";
 import Loading from "../../../components/ui/loading";
 import { useSSE } from "../../../contexts/SSEContext";
-import { typesContext } from "../../../contexts/typesContext";
 import { alertContext } from "../../../contexts/alertContext";
+import { typesContext } from "../../../contexts/typesContext";
 import { postBuildInit } from "../../../controllers/API";
+import { FlowType } from "../../../types/flow";
+import { validateNodes } from "../../../utils";
 
-import RadialProgressComponent from "../../RadialProgress";
 import { TabsContext } from "../../../contexts/tabsContext";
+import RadialProgressComponent from "../../RadialProgress";
 
 export default function BuildTrigger({
   open,
diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 2666e4e92..c0cd53550 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -1,7 +1,6 @@
 import { Transition } from "@headlessui/react";
 import { MessagesSquare } from "lucide-react";
 
-import { alertContext } from "../../../contexts/alertContext";
 import { useContext } from "react";
 import {
   CHAT_CANNOT_OPEN_DESCRIPTION,
@@ -9,6 +8,7 @@ import {
   FLOW_NOT_BUILT_DESCRIPTION,
   FLOW_NOT_BUILT_TITLE,
 } from "../../../constants";
+import { alertContext } from "../../../contexts/alertContext";
 
 export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
   const { setErrorData } = useContext(alertContext);
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 9130be694..829dd5b13 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -1,14 +1,14 @@
 import { useContext, useEffect, useRef, useState } from "react";
 import { useNodes } from "reactflow";
 import { ChatType } from "../../types/chat";
-import ChatTrigger from "./chatTrigger";
 import BuildTrigger from "./buildTrigger";
+import ChatTrigger from "./chatTrigger";
 
-import { getBuildStatus } from "../../controllers/API";
-import { NodeType } from "../../types/flow";
-import FormModal from "../../modals/formModal";
-import { TabsContext } from "../../contexts/tabsContext";
 import * as _ from "lodash";
+import { TabsContext } from "../../contexts/tabsContext";
+import { getBuildStatus } from "../../controllers/API";
+import FormModal from "../../modals/formModal";
+import { NodeType } from "../../types/flow";
 
 export default function Chat({ flow }: ChatType) {
   const [open, setOpen] = useState(false);
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 01a1ee9fe..07ceb0593 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -1,7 +1,6 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import CodeAreaModal from "../../modals/codeAreaModal";
-import TextAreaModal from "../../modals/textAreaModal";
 import { TextAreaComponentType } from "../../types/components";
 
 import { ExternalLink } from "lucide-react";
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index f4c2ed607..312ef2b82 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -1,9 +1,9 @@
 import { Listbox, Transition } from "@headlessui/react";
+import { Check, ChevronsUpDown } from "lucide-react";
 import { Fragment, useContext, useEffect, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
 import { DropDownComponentType } from "../../types/components";
 import { classNames } from "../../utils";
-import { ChevronsUpDown, Check } from "lucide-react";
-import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function Dropdown({
   value,
diff --git a/src/frontend/src/components/floatComponent/index.tsx b/src/frontend/src/components/floatComponent/index.tsx
index 1c72c7c45..548d608a3 100644
--- a/src/frontend/src/components/floatComponent/index.tsx
+++ b/src/frontend/src/components/floatComponent/index.tsx
@@ -1,7 +1,7 @@
 import { useContext, useEffect, useState } from "react";
-import { FloatComponentType } from "../../types/components";
-import { TabsContext } from "../../contexts/tabsContext";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { FloatComponentType } from "../../types/components";
 
 export default function FloatComponent({
   value,
diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index 41cb0bef9..a1536f13d 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -1,27 +1,25 @@
-import { useContext } from "react";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import { PopUpContext } from "../../../../contexts/popUpContext";
 import {
-  Plus,
   ChevronDown,
   ChevronLeft,
-  Undo,
+  Plus,
   Redo,
   Settings2,
+  Undo,
 } from "lucide-react";
+import { useContext } from "react";
+import { PopUpContext } from "../../../../contexts/popUpContext";
+import { TabsContext } from "../../../../contexts/tabsContext";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
+  DropdownMenuTrigger,
 } from "../../../ui/dropdown-menu";
 
-import { alertContext } from "../../../../contexts/alertContext";
 import { Link, useNavigate } from "react-router-dom";
+import { alertContext } from "../../../../contexts/alertContext";
 import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 import FlowSettingsModal from "../../../../modals/flowSettingsModal";
 import { Button } from "../../../ui/button";
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index e03f53518..895f01d79 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -1,19 +1,18 @@
-import { Home, MoonIcon, SunIcon, Users2 } from "lucide-react";
+import { Bell, Home, MoonIcon, SunIcon, Users2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
 import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
-import { Button } from "../ui/button";
-import { TabsContext } from "../../contexts/tabsContext";
+import { Link, useLocation, useParams } from "react-router-dom";
 import AlertDropdown from "../../alerts/alertDropDown";
+import { USER_PROJECTS_HEADER } from "../../constants";
 import { alertContext } from "../../contexts/alertContext";
 import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 import { typesContext } from "../../contexts/typesContext";
-import MenuBar from "./components/menuBar";
-import { Link, useLocation, useParams } from "react-router-dom";
-import { USER_PROJECTS_HEADER } from "../../constants";
 import { getRepoStars } from "../../controllers/API";
+import { Button } from "../ui/button";
 import { Separator } from "../ui/separator";
-import { Bell } from "lucide-react";
+import MenuBar from "./components/menuBar";
 
 export default function Header() {
   const { flows, addFlow, tabId } = useContext(TabsContext);
diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index b5894fe6e..4d6045caf 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 import { InputComponentType } from "../../types/components";
 import { classNames } from "../../utils";
-import { TabsContext } from "../../contexts/tabsContext";
-import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function InputComponent({
   value,
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 29a3dd128..ab8fd3fd1 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -1,9 +1,9 @@
+import { FileSearch2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
 import { alertContext } from "../../contexts/alertContext";
-import { FileComponentType } from "../../types/components";
 import { TabsContext } from "../../contexts/tabsContext";
-import { FileSearch2 } from "lucide-react";
 import { uploadFile } from "../../controllers/API";
+import { FileComponentType } from "../../types/components";
 
 export default function InputFileComponent({
   value,
diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index 7dd6d79c6..d165d58a2 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -1,9 +1,8 @@
 import { useContext, useEffect, useState } from "react";
 import { InputListComponentType } from "../../types/components";
-import { TabsContext } from "../../contexts/tabsContext";
 
 import _ from "lodash";
-import { X, Plus } from "lucide-react";
+import { Plus, X } from "lucide-react";
 import { PopUpContext } from "../../contexts/popUpContext";
 
 export default function InputListComponent({
diff --git a/src/frontend/src/components/intComponent/index.tsx b/src/frontend/src/components/intComponent/index.tsx
index 473febd91..2428d03ee 100644
--- a/src/frontend/src/components/intComponent/index.tsx
+++ b/src/frontend/src/components/intComponent/index.tsx
@@ -1,8 +1,7 @@
 import { useContext, useEffect, useState } from "react";
-import { FloatComponentType } from "../../types/components";
-import { TabsContext } from "../../contexts/tabsContext";
-import { classNames } from "../../utils";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { FloatComponentType } from "../../types/components";
 
 export default function IntComponent({
   value,
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 7e90f323c..7385518c8 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -1,13 +1,13 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
-import { TextAreaComponentType } from "../../types/components";
 import GenericModal from "../../modals/genericModal";
+import { TextAreaComponentType } from "../../types/components";
 import { TypeModal } from "../../utils";
 
-import { ExternalLink } from "lucide-react";
-import { postValidatePrompt } from "../../controllers/API";
-import { typesContext } from "../../contexts/typesContext";
 import * as _ from "lodash";
+import { ExternalLink } from "lucide-react";
+import { typesContext } from "../../contexts/typesContext";
+import { postValidatePrompt } from "../../controllers/API";
 
 export default function PromptAreaComponent({
   field_name,
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 6b41cbe40..a50969cfb 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
-import { TextAreaComponentType } from "../../types/components";
 import GenericModal from "../../modals/genericModal";
-import { TypeModal, classNames } from "../../utils";
+import { TextAreaComponentType } from "../../types/components";
+import { TypeModal } from "../../utils";
 
 import { ExternalLink } from "lucide-react";
 
diff --git a/src/frontend/src/components/toggleComponent/index.tsx b/src/frontend/src/components/toggleComponent/index.tsx
index c7b72a025..81a2b2d8b 100644
--- a/src/frontend/src/components/toggleComponent/index.tsx
+++ b/src/frontend/src/components/toggleComponent/index.tsx
@@ -1,7 +1,7 @@
 import { Switch } from "@headlessui/react";
-import { classNames } from "../../utils";
 import { useEffect } from "react";
 import { ToggleComponentType } from "../../types/components";
+import { classNames } from "../../utils";
 
 export default function ToggleComponent({
   enabled,
diff --git a/src/frontend/src/components/toggleShadComponent/index.tsx b/src/frontend/src/components/toggleShadComponent/index.tsx
index 9b73ee07d..c06d42430 100644
--- a/src/frontend/src/components/toggleShadComponent/index.tsx
+++ b/src/frontend/src/components/toggleShadComponent/index.tsx
@@ -1,4 +1,3 @@
-import { useEffect } from "react";
 import { ToggleComponentType } from "../../types/components";
 import { Switch } from "../ui/switch";
 
diff --git a/src/frontend/src/components/ui/accordion.tsx b/src/frontend/src/components/ui/accordion.tsx
index 5e3e76f33..4b5a12384 100644
--- a/src/frontend/src/components/ui/accordion.tsx
+++ b/src/frontend/src/components/ui/accordion.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDownIcon } from "@radix-ui/react-icons";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Accordion = AccordionPrimitive.Root;
diff --git a/src/frontend/src/components/ui/badge.tsx b/src/frontend/src/components/ui/badge.tsx
index 36c44ac4d..5464f382e 100644
--- a/src/frontend/src/components/ui/badge.tsx
+++ b/src/frontend/src/components/ui/badge.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const badgeVariants = cva(
diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 648ce43c9..170494927 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -1,6 +1,6 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const buttonVariants = cva(
diff --git a/src/frontend/src/components/ui/checkbox.tsx b/src/frontend/src/components/ui/checkbox.tsx
index 4e4905bb9..18332b073 100644
--- a/src/frontend/src/components/ui/checkbox.tsx
+++ b/src/frontend/src/components/ui/checkbox.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Checkbox = React.forwardRef<
diff --git a/src/frontend/src/components/ui/dialog.tsx b/src/frontend/src/components/ui/dialog.tsx
index a02379087..2ad709f48 100644
--- a/src/frontend/src/components/ui/dialog.tsx
+++ b/src/frontend/src/components/ui/dialog.tsx
@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Dialog = DialogPrimitive.Root;
diff --git a/src/frontend/src/components/ui/dropdown-menu.tsx b/src/frontend/src/components/ui/dropdown-menu.tsx
index ee62abc4a..0e5468e6e 100644
--- a/src/frontend/src/components/ui/dropdown-menu.tsx
+++ b/src/frontend/src/components/ui/dropdown-menu.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
diff --git a/src/frontend/src/components/ui/label.tsx b/src/frontend/src/components/ui/label.tsx
index ab5129253..57fbc9d8a 100644
--- a/src/frontend/src/components/ui/label.tsx
+++ b/src/frontend/src/components/ui/label.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const labelVariants = cva(
diff --git a/src/frontend/src/components/ui/menubar.tsx b/src/frontend/src/components/ui/menubar.tsx
index 2eb3a61f4..0a3362ca6 100644
--- a/src/frontend/src/components/ui/menubar.tsx
+++ b/src/frontend/src/components/ui/menubar.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../../utils";
 
diff --git a/src/frontend/src/components/ui/progress.tsx b/src/frontend/src/components/ui/progress.tsx
index 69d1f86fb..a08efeb52 100644
--- a/src/frontend/src/components/ui/progress.tsx
+++ b/src/frontend/src/components/ui/progress.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Progress = React.forwardRef<
diff --git a/src/frontend/src/components/ui/rename-label.tsx b/src/frontend/src/components/ui/rename-label.tsx
index e703020f5..e5fef11bf 100644
--- a/src/frontend/src/components/ui/rename-label.tsx
+++ b/src/frontend/src/components/ui/rename-label.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import { cn } from "../../utils";
 
 export default function RenameLabel(props) {
diff --git a/src/frontend/src/components/ui/separator.tsx b/src/frontend/src/components/ui/separator.tsx
index 84a16676d..a770af987 100644
--- a/src/frontend/src/components/ui/separator.tsx
+++ b/src/frontend/src/components/ui/separator.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Separator = React.forwardRef<
diff --git a/src/frontend/src/components/ui/switch.tsx b/src/frontend/src/components/ui/switch.tsx
index 8f473a0eb..8ec7c3c80 100644
--- a/src/frontend/src/components/ui/switch.tsx
+++ b/src/frontend/src/components/ui/switch.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Switch = React.forwardRef<
diff --git a/src/frontend/src/components/ui/tabs.tsx b/src/frontend/src/components/ui/tabs.tsx
index 39864abed..8c382e35e 100644
--- a/src/frontend/src/components/ui/tabs.tsx
+++ b/src/frontend/src/components/ui/tabs.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const Tabs = TabsPrimitive.Root;
diff --git a/src/frontend/src/components/ui/tooltip.tsx b/src/frontend/src/components/ui/tooltip.tsx
index b2ec0f701..dc847052e 100644
--- a/src/frontend/src/components/ui/tooltip.tsx
+++ b/src/frontend/src/components/ui/tooltip.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
 import { cn } from "../../utils";
 
 const TooltipProvider = TooltipPrimitive.Provider;
diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index c823abc1d..bb54427f9 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -1,10 +1,9 @@
 // src/constants.tsx
 
-import { MessageSquareDashed } from "lucide-react";
+import { MessageSquare } from "lucide-react";
 import { FlowType } from "./types/flow";
 import { TabsState } from "./types/tabs";
 import { buildInputs, buildTweaks } from "./utils";
-import { MessageSquare } from "lucide-react";
 
 /**
  * The base text for subtitle of Export Dialog (Toolbar)
diff --git a/src/frontend/src/contexts/SSEContext.tsx b/src/frontend/src/contexts/SSEContext.tsx
index 83b1d4c89..9db32310b 100644
--- a/src/frontend/src/contexts/SSEContext.tsx
+++ b/src/frontend/src/contexts/SSEContext.tsx
@@ -1,10 +1,4 @@
-import {
-  createContext,
-  useContext,
-  useState,
-  useEffect,
-  useCallback,
-} from "react";
+import { createContext, useCallback, useContext, useState } from "react";
 
 const initialValue = {
   updateSSEData: ({}) => {},
diff --git a/src/frontend/src/contexts/index.tsx b/src/frontend/src/contexts/index.tsx
index 750df65d2..13771673c 100644
--- a/src/frontend/src/contexts/index.tsx
+++ b/src/frontend/src/contexts/index.tsx
@@ -1,13 +1,13 @@
 import { ReactNode } from "react";
+import { ReactFlowProvider } from "reactflow";
+import { SSEProvider } from "./SSEContext";
 import { AlertProvider } from "./alertContext";
 import { DarkProvider } from "./darkContext";
 import { LocationProvider } from "./locationContext";
 import PopUpProvider from "./popUpContext";
 import { TabsProvider } from "./tabsContext";
 import { TypesProvider } from "./typesContext";
-import { ReactFlowProvider } from "reactflow";
 import { UndoRedoProvider } from "./undoRedoContext";
-import { SSEProvider } from "./SSEContext";
 
 export default function ContextWrapper({ children }: { children: ReactNode }) {
   //element to wrap all context
diff --git a/src/frontend/src/contexts/popUpContext.tsx b/src/frontend/src/contexts/popUpContext.tsx
index d46f51f00..8da50278c 100644
--- a/src/frontend/src/contexts/popUpContext.tsx
+++ b/src/frontend/src/contexts/popUpContext.tsx
@@ -1,5 +1,4 @@
-import { createContext } from "react";
-import React, { useState } from "react";
+import React, { createContext, useState } from "react";
 
 // context to set JSX element on the DOM
 export const PopUpContext = createContext({
diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index 8105819a0..001152c9c 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -1,33 +1,33 @@
+import _ from "lodash";
 import {
-  createContext,
-  useEffect,
-  useState,
-  useRef,
   ReactNode,
+  createContext,
   useContext,
+  useEffect,
+  useRef,
+  useState,
 } from "react";
+import { addEdge } from "reactflow";
+import ShortUniqueId from "short-unique-id";
+import {
+  deleteFlowFromDatabase,
+  downloadFlowsFromDatabase,
+  readFlowsFromDatabase,
+  saveFlowToDatabase,
+  updateFlowInDatabase,
+  uploadFlowsToDatabase,
+} from "../controllers/API";
+import { APIClassType, APITemplateType } from "../types/api";
 import { FlowType, NodeType } from "../types/flow";
 import { TabsContextType, TabsState } from "../types/tabs";
 import {
-  updateIds,
-  updateTemplate,
   getRandomDescription,
   getRandomName,
+  updateIds,
+  updateTemplate,
 } from "../utils";
 import { alertContext } from "./alertContext";
 import { typesContext } from "./typesContext";
-import { APIClassType, APITemplateType } from "../types/api";
-import ShortUniqueId from "short-unique-id";
-import { addEdge } from "reactflow";
-import {
-  readFlowsFromDatabase,
-  deleteFlowFromDatabase,
-  saveFlowToDatabase,
-  downloadFlowsFromDatabase,
-  uploadFlowsToDatabase,
-  updateFlowInDatabase,
-} from "../controllers/API";
-import _ from "lodash";
 
 const uid = new ShortUniqueId({ length: 5 });
 
diff --git a/src/frontend/src/contexts/typesContext.tsx b/src/frontend/src/contexts/typesContext.tsx
index 3179e582e..ff4cc1c29 100644
--- a/src/frontend/src/contexts/typesContext.tsx
+++ b/src/frontend/src/contexts/typesContext.tsx
@@ -1,8 +1,8 @@
 import { createContext, ReactNode, useEffect, useState } from "react";
 import { Node } from "reactflow";
-import { typesContextType } from "../types/typesContext";
 import { getAll } from "../controllers/API";
 import { APIKindType } from "../types/api";
+import { typesContextType } from "../types/typesContext";
 
 //context to share types adn functions from nodes to flow
 
diff --git a/src/frontend/src/contexts/undoRedoContext.tsx b/src/frontend/src/contexts/undoRedoContext.tsx
index b0f8ca6b9..3df201082 100644
--- a/src/frontend/src/contexts/undoRedoContext.tsx
+++ b/src/frontend/src/contexts/undoRedoContext.tsx
@@ -1,3 +1,4 @@
+import { cloneDeep } from "lodash";
 import {
   createContext,
   useCallback,
@@ -6,7 +7,6 @@ import {
   useState,
 } from "react";
 import { Edge, Node, useReactFlow } from "reactflow";
-import { cloneDeep } from "lodash";
 import { TabsContext } from "./tabsContext";
 
 type undoRedoContextType = {
diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 72204ee68..2d6f951f0 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -1,15 +1,15 @@
-import {
-  BuildStatusTypeAPI,
-  errorsTypeAPI,
-  InitTypeAPI,
-  UploadFileTypeAPI,
-  APIClassType,
-  PromptTypeAPI,
-} from "./../../types/api/index";
-import { APIObjectType, sendAllProps } from "../../types/api/index";
 import axios, { AxiosResponse } from "axios";
-import { FlowStyleType, FlowType } from "../../types/flow";
 import { ReactFlowJsonObject } from "reactflow";
+import { APIObjectType, sendAllProps } from "../../types/api/index";
+import { FlowStyleType, FlowType } from "../../types/flow";
+import {
+  APIClassType,
+  BuildStatusTypeAPI,
+  InitTypeAPI,
+  PromptTypeAPI,
+  UploadFileTypeAPI,
+  errorsTypeAPI,
+} from "./../../types/api/index";
 
 /**
  * Fetches all objects from the API endpoint.
diff --git a/src/frontend/src/index.tsx b/src/frontend/src/index.tsx
index 088db15a8..794fcbf32 100644
--- a/src/frontend/src/index.tsx
+++ b/src/frontend/src/index.tsx
@@ -1,9 +1,8 @@
-import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "./App";
-import reportWebVitals from "./reportWebVitals";
 import { BrowserRouter } from "react-router-dom";
+import App from "./App";
 import ContextWrapper from "./contexts";
+import reportWebVitals from "./reportWebVitals";
 
 import "./index.css";
 
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index b0bd8ce4d..4a86fb9c6 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -1,26 +1,17 @@
+import { Variable } from "lucide-react";
 import { useContext, useEffect, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { NodeDataType } from "../../types/flow";
-import { classNames, limitScrollFieldsModal } from "../../utils";
-import { typesContext } from "../../contexts/typesContext";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../../components/ui/table";
-import ToggleShadComponent from "../../components/toggleShadComponent";
-import InputListComponent from "../../components/inputListComponent";
-import TextAreaComponent from "../../components/textAreaComponent";
-import InputComponent from "../../components/inputComponent";
-import FloatComponent from "../../components/floatComponent";
-import Dropdown from "../../components/dropdownComponent";
-import IntComponent from "../../components/intComponent";
-import InputFileComponent from "../../components/inputFileComponent";
-import PromptAreaComponent from "../../components/promptComponent";
 import CodeAreaComponent from "../../components/codeAreaComponent";
+import Dropdown from "../../components/dropdownComponent";
+import FloatComponent from "../../components/floatComponent";
+import InputComponent from "../../components/inputComponent";
+import InputFileComponent from "../../components/inputFileComponent";
+import InputListComponent from "../../components/inputListComponent";
+import IntComponent from "../../components/intComponent";
+import PromptAreaComponent from "../../components/promptComponent";
+import TextAreaComponent from "../../components/textAreaComponent";
+import ToggleShadComponent from "../../components/toggleShadComponent";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -30,9 +21,18 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
-import { Badge } from "../../components/ui/badge";
-import { Variable } from "lucide-react";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "../../components/ui/table";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { typesContext } from "../../contexts/typesContext";
+import { NodeDataType } from "../../types/flow";
+import { classNames, limitScrollFieldsModal } from "../../utils";
 
 export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 70344a996..3208b989b 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -1,14 +1,14 @@
 import { useState } from "react";
-import InputListComponent from "../../../../components/inputListComponent";
-import Dropdown from "../../../../components/dropdownComponent";
-import TextAreaComponent from "../../../../components/textAreaComponent";
-import InputComponent from "../../../../components/inputComponent";
-import ToggleComponent from "../../../../components/toggleComponent";
-import FloatComponent from "../../../../components/floatComponent";
-import IntComponent from "../../../../components/intComponent";
-import InputFileComponent from "../../../../components/inputFileComponent";
-import PromptAreaComponent from "../../../../components/promptComponent";
 import CodeAreaComponent from "../../../../components/codeAreaComponent";
+import Dropdown from "../../../../components/dropdownComponent";
+import FloatComponent from "../../../../components/floatComponent";
+import InputComponent from "../../../../components/inputComponent";
+import InputFileComponent from "../../../../components/inputFileComponent";
+import InputListComponent from "../../../../components/inputListComponent";
+import IntComponent from "../../../../components/intComponent";
+import PromptAreaComponent from "../../../../components/promptComponent";
+import TextAreaComponent from "../../../../components/textAreaComponent";
+import ToggleComponent from "../../../../components/toggleComponent";
 import { classNames } from "../../../../utils";
 
 export default function ModalField({
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 41ca699a9..c61af4ff4 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -1,6 +1,8 @@
 import { Dialog, Transition } from "@headlessui/react";
+import { X } from "lucide-react";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
 import {
   classNames,
@@ -9,9 +11,7 @@ import {
   nodeIconsLucide,
   toTitleCase,
 } from "../../utils";
-import { typesContext } from "../../contexts/typesContext";
 import ModalField from "./components/ModalField";
-import { X } from "lucide-react";
 
 export default function NodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index 6b1aecca2..5e130015a 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -1,17 +1,17 @@
+import Convert from "ansi-to-html";
+import DOMPurify from "dompurify";
+import { MessageCircle, User2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
-import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
-import AiIconStill from "../../../assets/froze-flow.png";
-import FileCard from "../fileComponent";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
+import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
+import AiIconStill from "../../../assets/froze-flow.png";
+import { ChatMessageType } from "../../../types/chat";
+import { classNames } from "../../../utils";
+import FileCard from "../fileComponent";
 import { CodeBlock } from "./codeBlock";
-import Convert from "ansi-to-html";
-import { User2, MessageCircle } from "lucide-react";
-import DOMPurify from "dompurify";
 export default function ChatMessage({
   chat,
   lockChat,
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 8cae31d8c..5cbc2d17b 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -1,14 +1,14 @@
 import { Dialog, Transition } from "@headlessui/react";
+import { Eraser, MessagesSquare, X } from "lucide-react";
 import { Fragment, useContext, useEffect, useRef, useState } from "react";
-import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
-import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
-import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
+import { FlowType } from "../../types/flow";
+import { validateNodes } from "../../utils";
 import ChatInput from "./chatInput";
+import ChatMessage from "./chatMessage";
 
 import _ from "lodash";
 import { getHealth } from "../../controllers/API";
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 8c2ebae86..e327bbb1b 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -1,14 +1,14 @@
+// organize-imports-ignore
 import { useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import AceEditor from "react-ace";
+import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
-import "ace-builds/src-noconflict/ext-language_tools";
 // import "ace-builds/webpack-resolver";
-import { darkContext } from "../../contexts/darkContext";
-import { postValidateCode } from "../../controllers/API";
-import { alertContext } from "../../contexts/alertContext";
+import { TerminalSquare } from "lucide-react";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -18,9 +18,10 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
-import { TerminalSquare } from "lucide-react";
+import { alertContext } from "../../contexts/alertContext";
+import { darkContext } from "../../contexts/darkContext";
+import { postValidateCode } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
 
 export default function CodeAreaModal({
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index bef5b9244..f4a66c7b9 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -1,8 +1,8 @@
+import { Download } from "lucide-react";
 import { useContext, useRef, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
-import { removeApiKeys } from "../../utils";
+import EditFlowSettings from "../../components/EditFlowSettingsComponent";
+import { Button } from "../../components/ui/button";
+import { Checkbox } from "../../components/ui/checkbox";
 import {
   Dialog,
   DialogContent,
@@ -12,11 +12,11 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
-import { Checkbox } from "../../components/ui/checkbox";
 import { EXPORT_DIALOG_SUBTITLE } from "../../constants";
-import { Download } from "lucide-react";
-import EditFlowSettings from "../../components/EditFlowSettingsComponent";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { removeApiKeys } from "../../utils";
 
 export default function ExportModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/flowSettingsModal/index.tsx b/src/frontend/src/modals/flowSettingsModal/index.tsx
index ce9e474b8..44f82e331 100644
--- a/src/frontend/src/modals/flowSettingsModal/index.tsx
+++ b/src/frontend/src/modals/flowSettingsModal/index.tsx
@@ -1,7 +1,7 @@
+import { Settings2 } from "lucide-react";
 import { useContext, useRef, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
+import EditFlowSettings from "../../components/EditFlowSettingsComponent";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -11,11 +11,10 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Button } from "../../components/ui/button";
 import { SETTINGS_DIALOG_SUBTITLE } from "../../constants";
-import EditFlowSettings from "../../components/EditFlowSettingsComponent";
-import { Settings2 } from "lucide-react";
-import { updateFlowInDatabase } from "../../controllers/API";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 
 export default function FlowSettingsModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index f5eeed885..3b31b0d42 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -1,7 +1,6 @@
+import { Lock, LucideSend } from "lucide-react";
+import { useEffect } from "react";
 import { classNames } from "../../../utils";
-import { useContext, useEffect, useRef, useState } from "react";
-import { TabsContext } from "../../../contexts/tabsContext";
-import { Eraser, Lock, LucideSend } from "lucide-react";
 
 export default function ChatInput({
   lockChat,
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 19cb40d4d..af3388596 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -1,32 +1,17 @@
-import { useEffect, useRef, useState } from "react";
-import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
-import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
-import AiIconStill from "../../../assets/froze-flow.png";
-import Robot from "../../../assets/robot.png";
-import MaleTechnology from "../../../assets/male-technologist.png";
-import FileCard from "../fileComponent";
+import Convert from "ansi-to-html";
+import { ChevronDown } from "lucide-react";
+import { useState } from "react";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
-import { CodeBlock } from "./codeBlock";
-import Convert from "ansi-to-html";
-import {
-  User2,
-  MessageSquare,
-  ChevronDown,
-  MessageCircle,
-  MessageSquareDashed,
-} from "lucide-react";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "../../../components/ui/accordion";
-import { Badge } from "../../../components/ui/badge";
+import MaleTechnology from "../../../assets/male-technologist.png";
+import Robot from "../../../assets/robot.png";
 import { THOUGHTS_ICON } from "../../../constants";
+import { ChatMessageType } from "../../../types/chat";
+import { classNames } from "../../../utils";
+import FileCard from "../fileComponent";
+import { CodeBlock } from "./codeBlock";
 
 export default function ChatMessage({
   chat,
diff --git a/src/frontend/src/modals/formModal/fileComponent/index.tsx b/src/frontend/src/modals/formModal/fileComponent/index.tsx
index 74f6155b7..6ede4e136 100644
--- a/src/frontend/src/modals/formModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/formModal/fileComponent/index.tsx
@@ -1,6 +1,6 @@
 import * as base64js from "base64-js";
-import { useState } from "react";
 import { DownloadCloud, File } from "lucide-react";
+import { useState } from "react";
 
 export default function FileCard({ fileName, content, fileType }) {
   const handleDownload = () => {
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index a6633265b..0168708ec 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -1,15 +1,23 @@
+import { Eraser, TerminalSquare, Variable } from "lucide-react";
 import { useContext, useEffect, useRef, useState } from "react";
-import { FlowType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
-import { classNames, validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
-import ChatMessage from "./chatMessage";
-import { TerminalSquare, MessageSquare, Variable, Eraser } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
+import { FlowType } from "../../types/flow";
+import { classNames, validateNodes } from "../../utils";
 import ChatInput from "./chatInput";
+import ChatMessage from "./chatMessage";
 
 import _ from "lodash";
+import ToggleShadComponent from "../../components/toggleShadComponent";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "../../components/ui/accordion";
+import { Badge } from "../../components/ui/badge";
 import {
   Dialog,
   DialogContent,
@@ -18,17 +26,9 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
+import { Textarea } from "../../components/ui/textarea";
 import { CHAT_FORM_DIALOG_SUBTITLE, THOUGHTS_ICON } from "../../constants";
 import { TabsContext } from "../../contexts/tabsContext";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "../../components/ui/accordion";
-import { Textarea } from "../../components/ui/textarea";
-import { Badge } from "../../components/ui/badge";
-import ToggleShadComponent from "../../components/toggleShadComponent";
 
 export default function FormModal({
   flow,
diff --git a/src/frontend/src/modals/importModal/buttonBox/index.tsx b/src/frontend/src/modals/importModal/buttonBox/index.tsx
index ffe79abaa..a1116a8d4 100644
--- a/src/frontend/src/modals/importModal/buttonBox/index.tsx
+++ b/src/frontend/src/modals/importModal/buttonBox/index.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { classNames } from "../../../utils";
 
 export default function ButtonBox({
diff --git a/src/frontend/src/modals/importModal/index.tsx b/src/frontend/src/modals/importModal/index.tsx
index 600192d4c..4302fd9d8 100644
--- a/src/frontend/src/modals/importModal/index.tsx
+++ b/src/frontend/src/modals/importModal/index.tsx
@@ -1,18 +1,11 @@
 import {
-  DocumentDuplicateIcon,
-  ComputerDesktopIcon,
-  ArrowUpTrayIcon,
   ArrowLeftIcon,
+  ArrowUpTrayIcon,
+  ComputerDesktopIcon,
+  DocumentDuplicateIcon,
 } from "@heroicons/react/24/outline";
 import { useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { TabsContext } from "../../contexts/tabsContext";
-import ButtonBox from "./buttonBox";
-import { getExamples } from "../../controllers/API";
-import { alertContext } from "../../contexts/alertContext";
 import LoadingComponent from "../../components/loadingComponent";
-import { FlowType } from "../../types/flow";
-import { classNames } from "../../utils";
 import {
   Dialog,
   DialogContent,
@@ -23,6 +16,13 @@ import {
   DialogTrigger,
 } from "../../components/ui/dialog";
 import { IMPORT_DIALOG_SUBTITLE } from "../../constants";
+import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
+import { getExamples } from "../../controllers/API";
+import { FlowType } from "../../types/flow";
+import { classNames } from "../../utils";
+import ButtonBox from "./buttonBox";
 
 export default function ImportModal() {
   const [open, setOpen] = useState(true);
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
index 1f575ded9..54fd46528 100644
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ b/src/frontend/src/modals/promptModal/index.tsx
@@ -1,10 +1,10 @@
 import { Dialog, Transition } from "@headlessui/react";
-import { XMarkIcon, DocumentTextIcon } from "@heroicons/react/24/outline";
+import { DocumentTextIcon, XMarkIcon } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import { darkContext } from "../../contexts/darkContext";
-import { checkPrompt } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
+import { darkContext } from "../../contexts/darkContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { checkPrompt } from "../../controllers/API";
 export default function PromptAreaModal({
   value,
   setValue,
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
index 6064b3955..83186bbea 100644
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ b/src/frontend/src/modals/textAreaModal/index.tsx
@@ -1,7 +1,7 @@
 import { Dialog, Transition } from "@headlessui/react";
 import {
-  XMarkIcon,
   ClipboardDocumentListIcon,
+  XMarkIcon,
 } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
diff --git a/src/frontend/src/pages/CommunityPage/index.tsx b/src/frontend/src/pages/CommunityPage/index.tsx
index b5e197f2c..6d09999cc 100644
--- a/src/frontend/src/pages/CommunityPage/index.tsx
+++ b/src/frontend/src/pages/CommunityPage/index.tsx
@@ -1,13 +1,13 @@
+import { GitFork, GithubIcon, Users2 } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
-import { GithubIcon, Users2, GitFork } from "lucide-react";
-import { TabsContext } from "../../contexts/tabsContext";
-import { alertContext } from "../../contexts/alertContext";
 import { Button } from "../../components/ui/button";
+import { alertContext } from "../../contexts/alertContext";
+import { TabsContext } from "../../contexts/tabsContext";
 
+import { useNavigate } from "react-router-dom";
+import { CardComponent } from "../../components/cardComponent";
 import { getExamples } from "../../controllers/API";
 import { FlowType } from "../../types/flow";
-import { CardComponent } from "../../components/cardComponent";
-import { useNavigate } from "react-router-dom";
 export default function CommunityPage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow } =
     useContext(TabsContext);
diff --git a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
index 2f3b1d4ff..d49a099a5 100644
--- a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
@@ -1,6 +1,6 @@
 import { Disclosure } from "@headlessui/react";
-import { DisclosureComponentType } from "../../../../types/components";
 import { ChevronRight } from "lucide-react";
+import { DisclosureComponentType } from "../../../../types/components";
 
 export default function DisclosureComponent({
   button: { title, Icon, buttons = [] },
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 48a3f94ff..51c84580e 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -1,21 +1,21 @@
-import _, { set } from "lodash";
-import { useContext, useRef, useState, useEffect, useCallback } from "react";
+import _ from "lodash";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
 import ReactFlow, {
-  OnSelectionChangeParams,
-  useNodesState,
-  useEdgesState,
-  useReactFlow,
-  EdgeChange,
-  Connection,
-  addEdge,
-  NodeDragHandler,
-  SelectionDragHandler,
-  OnEdgesDelete,
-  Edge,
-  updateEdge,
   Background,
+  Connection,
   Controls,
+  Edge,
+  EdgeChange,
   NodeChange,
+  NodeDragHandler,
+  OnEdgesDelete,
+  OnSelectionChangeParams,
+  SelectionDragHandler,
+  addEdge,
+  updateEdge,
+  useEdgesState,
+  useNodesState,
+  useReactFlow,
 } from "reactflow";
 import GenericNode from "../../../../CustomNodes/GenericNode";
 import Chat from "../../../../components/chatComponent";
@@ -23,12 +23,12 @@ import { alertContext } from "../../../../contexts/alertContext";
 import { locationContext } from "../../../../contexts/locationContext";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { typesContext } from "../../../../contexts/typesContext";
+import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 import { APIClassType } from "../../../../types/api";
 import { FlowType, NodeType } from "../../../../types/flow";
 import { isValidConnection } from "../../../../utils";
 import ConnectionLineComponent from "../ConnectionLineComponent";
 import ExtraSidebar from "../extraSidebarComponent";
-import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 
 const nodeTypes = {
   genericNode: GenericNode,
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 591bdf2d6..4a77975d4 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -1,22 +1,21 @@
-import DisclosureComponent from "../DisclosureComponent";
+import { Code2, FileDown, FileUp, Menu, Save, Search } from "lucide-react";
+import { useContext, useState } from "react";
+import ShadTooltip from "../../../../components/ShadTooltipComponent";
+import { Separator } from "../../../../components/ui/separator";
+import { alertContext } from "../../../../contexts/alertContext";
+import { PopUpContext } from "../../../../contexts/popUpContext";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import { typesContext } from "../../../../contexts/typesContext";
+import ApiModal from "../../../../modals/ApiModal";
+import ExportModal from "../../../../modals/exportModal";
+import { APIClassType, APIObjectType } from "../../../../types/api";
 import {
   classNames,
   nodeColors,
   nodeIconsLucide,
   nodeNames,
 } from "../../../../utils";
-import { useContext, useState } from "react";
-import { typesContext } from "../../../../contexts/typesContext";
-import { APIClassType, APIObjectType } from "../../../../types/api";
-import ShadTooltip from "../../../../components/ShadTooltipComponent";
-import { Code2, FileDown, FileUp, Save, Search } from "lucide-react";
-import { PopUpContext } from "../../../../contexts/popUpContext";
-import ExportModal from "../../../../modals/exportModal";
-import ApiModal from "../../../../modals/ApiModal";
-import { TabsContext } from "../../../../contexts/tabsContext";
-import { alertContext } from "../../../../contexts/alertContext";
-import { Separator } from "../../../../components/ui/separator";
-import { Menu } from "lucide-react";
+import DisclosureComponent from "../DisclosureComponent";
 
 export default function ExtraSidebar() {
   const { data } = useContext(typesContext);
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 0087d3759..0183dcb16 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -1,10 +1,10 @@
+import { Copy, FileText, Settings2, Trash2 } from "lucide-react";
 import { useContext, useState } from "react";
-import { Settings2, Copy, Trash2, FileText } from "lucide-react";
-import { classNames } from "../../../../utils";
-import { TabsContext } from "../../../../contexts/tabsContext";
 import { useReactFlow } from "reactflow";
-import EditNodeModal from "../../../../modals/EditNodeModal";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import EditNodeModal from "../../../../modals/EditNodeModal";
+import { classNames } from "../../../../utils";
 
 const NodeToolbarComponent = (props) => {
   const [nodeLength, setNodeLength] = useState(
diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index a13fabd98..f9b170197 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -1,8 +1,8 @@
 import { useContext, useEffect, useState } from "react";
-import Page from "./components/PageComponent";
-import { TabsContext } from "../../contexts/tabsContext";
 import { useParams } from "react-router-dom";
+import { TabsContext } from "../../contexts/tabsContext";
 import { getVersion } from "../../controllers/API";
+import Page from "./components/PageComponent";
 
 export default function FlowPage() {
   const { flows, tabId, setTabId } = useContext(TabsContext);
diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx
index 99df6a8a8..e2871a313 100644
--- a/src/frontend/src/pages/MainPage/index.tsx
+++ b/src/frontend/src/pages/MainPage/index.tsx
@@ -1,10 +1,10 @@
+import { Download, ExternalLink, Home, Plus, Upload } from "lucide-react";
 import { useContext, useEffect } from "react";
-import { Download, Upload, Plus, Home, ExternalLink } from "lucide-react";
-import { TabsContext } from "../../contexts/tabsContext";
-import { Button } from "../../components/ui/button";
 import { Link, useNavigate } from "react-router-dom";
 import { CardComponent } from "../../components/cardComponent";
+import { Button } from "../../components/ui/button";
 import { USER_PROJECTS_HEADER } from "../../constants";
+import { TabsContext } from "../../contexts/tabsContext";
 export default function HomePage() {
   const { flows, setTabId, downloadFlows, uploadFlows, addFlow, removeFlow } =
     useContext(TabsContext);
diff --git a/src/frontend/src/prettierrc.js b/src/frontend/src/prettierrc.js
new file mode 100644
index 000000000..0be5884c6
--- /dev/null
+++ b/src/frontend/src/prettierrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  // ...
+  organizeImportsSkipDestructiveCodeActions: true,
+};
diff --git a/src/frontend/src/routes.tsx b/src/frontend/src/routes.tsx
index a208b121a..21b73f70b 100644
--- a/src/frontend/src/routes.tsx
+++ b/src/frontend/src/routes.tsx
@@ -1,7 +1,7 @@
 import { Route, Routes } from "react-router-dom";
-import HomePage from "./pages/MainPage";
-import FlowPage from "./pages/FlowPage";
 import CommunityPage from "./pages/CommunityPage";
+import FlowPage from "./pages/FlowPage";
+import HomePage from "./pages/MainPage";
 
 const Router = () => {
   return (
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index 505aae044..eaf862f29 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -1,4 +1,4 @@
-import { Node, Edge, Viewport } from "reactflow";
+import { Edge, Node, Viewport } from "reactflow";
 //kind and class are just representative names to represent the actual structure of the object received by the API
 
 export type APIObjectType = { kind: APIKindType; [key: string]: APIKindType };
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index ece87a292..56269627e 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from "react";
+import { APIClassType } from "../api";
 import { NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
-import { APIClassType } from "../api";
 export type InputComponentType = {
   value: string;
   disabled?: boolean;
diff --git a/src/frontend/src/types/flow/index.ts b/src/frontend/src/types/flow/index.ts
index b1f86392b..ccf9933ee 100644
--- a/src/frontend/src/types/flow/index.ts
+++ b/src/frontend/src/types/flow/index.ts
@@ -1,6 +1,5 @@
-import { ChatMessageType } from "./../chat/index";
-import { APIClassType } from "../api/index";
 import { ReactFlowJsonObject, XYPosition } from "reactflow";
+import { APIClassType } from "../api/index";
 
 export type FlowType = {
   name: string;
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index f74f0d584..7fb0cacb1 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -1,34 +1,9 @@
-import { Connection, Edge, Node, ReactFlowInstance } from "reactflow";
-import { FlowType, NodeType } from "./types/flow";
-import { APITemplateType } from "./types/api";
-import _ from "lodash";
-import { ChromaIcon } from "./icons/ChromaIcon";
-import { AnthropicIcon } from "./icons/Anthropic";
-import { AirbyteIcon } from "./icons/Airbyte";
-import { BingIcon } from "./icons/Bing";
-import { CohereIcon } from "./icons/Cohere";
-import { EvernoteIcon } from "./icons/Evernote";
-import { FBIcon } from "./icons/FacebookMessenger";
-import { GitBookIcon } from "./icons/GitBook";
-import { GoogleIcon } from "./icons/Google";
-import { HackerNewsIcon } from "./icons/hackerNews";
-import { HugginFaceIcon } from "./icons/HuggingFace";
-import { IFixIcon } from "./icons/IFixIt";
-import { MetaIcon } from "./icons/Meta";
-import { MidjourneyIcon } from "./icons/Midjorney";
-import { NotionIcon } from "./icons/Notion";
-import { OpenAiIcon } from "./icons/OpenAi";
-import { QDrantIcon } from "./icons/QDrant";
-import { SearxIcon } from "./icons/Searx";
-import { SlackIcon } from "./icons/Slack";
-import { PineconeIcon } from "./icons/Pinecone";
 import clsx, { ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./flow_constants";
-import { ComponentType, SVGProps } from "react";
+import _ from "lodash";
 import {
   Compass,
   Cpu,
+  FileSearch,
   Fingerprint,
   Gift,
   Hammer,
@@ -41,15 +16,40 @@ import {
   Paperclip,
   Rocket,
   Scissors,
-  FileSearch,
   TerminalSquare,
   Wand2,
   Wrench,
 } from "lucide-react";
-import { SupabaseIcon } from "./icons/supabase";
+import { ComponentType, SVGProps } from "react";
+import { Connection, Edge, Node, ReactFlowInstance } from "reactflow";
+import { twMerge } from "tailwind-merge";
+import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./flow_constants";
+import { AirbyteIcon } from "./icons/Airbyte";
+import { AnthropicIcon } from "./icons/Anthropic";
+import { BingIcon } from "./icons/Bing";
+import { ChromaIcon } from "./icons/ChromaIcon";
+import { CohereIcon } from "./icons/Cohere";
+import { EvernoteIcon } from "./icons/Evernote";
+import { FBIcon } from "./icons/FacebookMessenger";
+import { GitBookIcon } from "./icons/GitBook";
+import { GoogleIcon } from "./icons/Google";
+import { HugginFaceIcon } from "./icons/HuggingFace";
+import { IFixIcon } from "./icons/IFixIt";
+import { MetaIcon } from "./icons/Meta";
+import { MidjourneyIcon } from "./icons/Midjorney";
 import { MongoDBIcon } from "./icons/MongoDB";
+import { NotionIcon } from "./icons/Notion";
+import { OpenAiIcon } from "./icons/OpenAi";
+import { PineconeIcon } from "./icons/Pinecone";
+import { QDrantIcon } from "./icons/QDrant";
+import { SearxIcon } from "./icons/Searx";
+import { SlackIcon } from "./icons/Slack";
 import { VertexAIIcon } from "./icons/VertexAI";
+import { HackerNewsIcon } from "./icons/hackerNews";
+import { SupabaseIcon } from "./icons/supabase";
+import { APITemplateType } from "./types/api";
 import { IVarHighlightType } from "./types/components";
+import { FlowType, NodeType } from "./types/flow";
 
 export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");
diff --git a/src/frontend/vite.config.ts b/src/frontend/vite.config.ts
index 860c690ea..f051c2eee 100644
--- a/src/frontend/vite.config.ts
+++ b/src/frontend/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
+import { defineConfig } from "vite";
 import svgr from "vite-plugin-svgr";
 const apiRoutes = ["^/api/v1/", "/health"];
 

From 94d598b59c95566b9ed1bb87410840ad40d87bb6 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 18:22:59 -0300
Subject: [PATCH 249/367] =?UTF-8?q?=F0=9F=94=A7=20fix(test=5Fendpoints.py)?=
 =?UTF-8?q?:=20fix=20import=20statement=20for=20TimeTravelGuideChainNode?=
 =?UTF-8?q?=20=F0=9F=94=A7=20fix(test=5Fendpoints.py):=20update=20test=5Fg?=
 =?UTF-8?q?et=5Fall=20to=20assert=20"PromptTemplate"=20instead=20of=20"Zer?=
 =?UTF-8?q?oShotPrompt"=20=F0=9F=94=A7=20fix(test=5Fendpoints.py):=20updat?=
 =?UTF-8?q?e=20test=5Fvalid=5Fprompt=20and=20test=5Finvalid=5Fprompt=20to?=
 =?UTF-8?q?=20use=20PROMPT=5FREQUEST=20variable=20=F0=9F=94=A7=20fix(test?=
 =?UTF-8?q?=5Fendpoints.py):=20update=20test=5Fvarious=5Fprompts=20to=20us?=
 =?UTF-8?q?e=20PROMPT=5FREQUEST=20variable=20=F0=9F=94=A7=20fix(test=5Fpro?=
 =?UTF-8?q?mpts=5Ftemplate.py):=20remove=20test=5Fzero=5Fshot=5Fprompt=20a?=
 =?UTF-8?q?s=20it=20is=20no=20longer=20needed=20The=20import=20statement?=
 =?UTF-8?q?=20for=20TimeTravelGuideChainNode=20is=20fixed=20to=20ensure=20?=
 =?UTF-8?q?the=20correct=20module=20is=20imported.=20The=20test=5Fget=5Fal?=
 =?UTF-8?q?l=20function=20is=20updated=20to=20assert=20the=20presence=20of?=
 =?UTF-8?q?=20"PromptTemplate"=20instead=20of=20"ZeroShotPrompt"=20in=20th?=
 =?UTF-8?q?e=20response.=20The=20test=5Fvalid=5Fprompt,=20test=5Finvalid?=
 =?UTF-8?q?=5Fprompt,=20and=20test=5Fvarious=5Fprompts=20functions=20are?=
 =?UTF-8?q?=20updated=20to=20use=20the=20PROMPT=5FREQUEST=20variable=20for?=
 =?UTF-8?q?=20the=20request=20payload.=20The=20test=5Fzero=5Fshot=5Fprompt?=
 =?UTF-8?q?=20function=20is=20removed=20as=20it=20is=20no=20longer=20neede?=
 =?UTF-8?q?d.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/test_endpoints.py        | 103 ++++++++++++++++++++++++++++++---
 tests/test_prompts_template.py |  48 ---------------
 2 files changed, 94 insertions(+), 57 deletions(-)

diff --git a/tests/test_endpoints.py b/tests/test_endpoints.py
index 9e07dfb24..045af1ba5 100644
--- a/tests/test_endpoints.py
+++ b/tests/test_endpoints.py
@@ -1,6 +1,86 @@
 import pytest
 from fastapi.testclient import TestClient
 from langflow.interface.tools.constants import CUSTOM_TOOLS
+from langflow.template.frontend_node.chains import TimeTravelGuideChainNode
+
+
+PROMPT_REQUEST = {
+    "name": "string",
+    "template": "string",
+    "frontend_node": {
+        "template": {},
+        "description": "string",
+        "base_classes": ["string"],
+        "name": "",
+        "display_name": "",
+        "documentation": "",
+        "custom_fields": {},
+        "output_types": [],
+        "field_formatters": {
+            "formatters": {"openai_api_key": {}},
+            "base_formatters": {
+                "kwargs": {},
+                "optional": {},
+                "list": {},
+                "dict": {},
+                "union": {},
+                "multiline": {},
+                "show": {},
+                "password": {},
+                "default": {},
+                "headers": {},
+                "dict_code_file": {},
+                "model_fields": {
+                    "MODEL_DICT": {
+                        "OpenAI": [
+                            "text-davinci-003",
+                            "text-davinci-002",
+                            "text-curie-001",
+                            "text-babbage-001",
+                            "text-ada-001",
+                        ],
+                        "ChatOpenAI": [
+                            "gpt-3.5-turbo-0613",
+                            "gpt-3.5-turbo",
+                            "gpt-3.5-turbo-16k-0613",
+                            "gpt-3.5-turbo-16k",
+                            "gpt-4-0613",
+                            "gpt-4-32k-0613",
+                            "gpt-4",
+                            "gpt-4-32k",
+                        ],
+                        "Anthropic": [
+                            "claude-v1",
+                            "claude-v1-100k",
+                            "claude-instant-v1",
+                            "claude-instant-v1-100k",
+                            "claude-v1.3",
+                            "claude-v1.3-100k",
+                            "claude-v1.2",
+                            "claude-v1.0",
+                            "claude-instant-v1.1",
+                            "claude-instant-v1.1-100k",
+                            "claude-instant-v1.0",
+                        ],
+                        "ChatAnthropic": [
+                            "claude-v1",
+                            "claude-v1-100k",
+                            "claude-instant-v1",
+                            "claude-instant-v1-100k",
+                            "claude-v1.3",
+                            "claude-v1.3-100k",
+                            "claude-v1.2",
+                            "claude-v1.0",
+                            "claude-instant-v1.1",
+                            "claude-instant-v1.1-100k",
+                            "claude-instant-v1.0",
+                        ],
+                    }
+                },
+            },
+        },
+    },
+}
 
 
 def test_get_all(client: TestClient):
@@ -8,7 +88,7 @@ def test_get_all(client: TestClient):
     assert response.status_code == 200
     json_response = response.json()
     # We need to test the custom nodes
-    assert "ZeroShotPrompt" in json_response["prompts"]
+    assert "PromptTemplate" in json_response["prompts"]
     # All CUSTOM_TOOLS(dict) should be in the response
     assert all(tool in json_response["tools"] for tool in CUSTOM_TOOLS.keys())
 
@@ -95,15 +175,20 @@ INVALID_PROMPT = "This is an invalid prompt without any input variable."
 
 
 def test_valid_prompt(client: TestClient):
-    response = client.post("api/v1/validate/prompt", json={"template": VALID_PROMPT})
+    PROMPT_REQUEST["template"] = VALID_PROMPT
+    response = client.post("api/v1/validate/prompt", json=PROMPT_REQUEST)
     assert response.status_code == 200
-    assert response.json() == {"input_variables": ["product"]}
+    assert response.json()["input_variables"] == ["product"]
 
 
 def test_invalid_prompt(client: TestClient):
-    response = client.post("api/v1/validate/prompt", json={"template": INVALID_PROMPT})
+    PROMPT_REQUEST["template"] = INVALID_PROMPT
+    response = client.post(
+        "api/v1/validate/prompt",
+        json=PROMPT_REQUEST,
+    )
     assert response.status_code == 200
-    assert response.json() == {"input_variables": []}
+    assert response.json()["input_variables"] == []
 
 
 @pytest.mark.parametrize(
@@ -116,8 +201,8 @@ def test_invalid_prompt(client: TestClient):
     ],
 )
 def test_various_prompts(client, prompt, expected_input_variables):
-    response = client.post("api/v1/validate/prompt", json={"template": prompt})
+    TimeTravelGuideChainNode().to_dict()
+    PROMPT_REQUEST["template"] = prompt
+    response = client.post("api/v1/validate/prompt", json=PROMPT_REQUEST)
     assert response.status_code == 200
-    assert response.json() == {
-        "input_variables": expected_input_variables,
-    }
+    assert response.json()["input_variables"] == expected_input_variables
diff --git a/tests/test_prompts_template.py b/tests/test_prompts_template.py
index 4e6030cab..5486f3034 100644
--- a/tests/test_prompts_template.py
+++ b/tests/test_prompts_template.py
@@ -92,51 +92,3 @@ def test_prompt_template(client: TestClient):
         "advanced": False,
         "info": "",
     }
-
-
-def test_zero_shot_prompt(client: TestClient):
-    response = client.get("api/v1/all")
-    assert response.status_code == 200
-    json_response = response.json()
-    prompts = json_response["prompts"]
-    prompt = prompts["ZeroShotPrompt"]
-    template = prompt["template"]
-    assert template["prefix"] == {
-        "required": False,
-        "placeholder": "",
-        "show": True,
-        "multiline": True,
-        "value": "Answer the following questions as best you can. You have access to the following tools:",  # noqa: E501
-        "password": False,
-        "name": "prefix",
-        "type": "prompt",
-        "list": False,
-        "advanced": False,
-        "info": "",
-    }
-    assert template["suffix"] == {
-        "required": True,
-        "placeholder": "",
-        "show": True,
-        "multiline": True,
-        "value": "Begin!\n\nQuestion: {input}\nThought:{agent_scratchpad}",
-        "password": False,
-        "name": "suffix",
-        "type": "prompt",
-        "list": False,
-        "advanced": False,
-        "info": "",
-    }
-    assert template["format_instructions"] == {
-        "required": True,
-        "placeholder": "",
-        "show": True,
-        "multiline": True,
-        "value": "Use the following format:\n\nQuestion: the input question you must answer\nThought: you should always think about what to do\nAction: the action to take, should be one of [{tool_names}]\nAction Input: the input to the action\nObservation: the result of the action\n... (this Thought/Action/Action Input/Observation can repeat N times)\nThought: I now know the final answer\nFinal Answer: the final answer to the original input question",  # noqa: E501
-        "password": False,
-        "name": "format_instructions",
-        "type": "prompt",
-        "list": False,
-        "advanced": False,
-        "info": "",
-    }

From caaabf5023adb4f699ccec54871b4babd466f5d3 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 18:23:50 -0300
Subject: [PATCH 250/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(test=5Fgraph.py?=
 =?UTF-8?q?):=20remove=20unused=20imports=20and=20test=20cases=20related?=
 =?UTF-8?q?=20to=20specific=20vertex=20types=20=F0=9F=94=AC=20test(test=5F?=
 =?UTF-8?q?graph.py):=20remove=20test=20cases=20for=20building=20specific?=
 =?UTF-8?q?=20vertex=20types=20The=20commit=20removes=20unused=20imports?=
 =?UTF-8?q?=20and=20test=20cases=20related=20to=20specific=20vertex=20type?=
 =?UTF-8?q?s=20that=20are=20no=20longer=20used=20in=20the=20codebase.=20Th?=
 =?UTF-8?q?is=20improves=20code=20cleanliness=20and=20reduces=20clutter.?=
 =?UTF-8?q?=20The=20removed=20test=20cases=20were=20for=20building=20speci?=
 =?UTF-8?q?fic=20vertex=20types,=20which=20are=20no=20longer=20necessary?=
 =?UTF-8?q?=20as=20the=20build=20method=20is=20now=20tested=20in=20a=20mor?=
 =?UTF-8?q?e=20general=20way.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/test_graph.py | 35 +----------------------------------
 1 file changed, 1 insertion(+), 34 deletions(-)

diff --git a/tests/test_graph.py b/tests/test_graph.py
index 11f97e044..228bbb4d6 100644
--- a/tests/test_graph.py
+++ b/tests/test_graph.py
@@ -9,13 +9,9 @@ from langchain.chains.base import Chain
 from langchain.llms.fake import FakeListLLM
 from langflow.graph import Graph
 from langflow.graph.vertex.types import (
-    AgentVertex,
-    ChainVertex,
     FileToolVertex,
     LLMVertex,
-    PromptVertex,
     ToolkitVertex,
-    ToolVertex,
     WrapperVertex,
 )
 from langflow.processing.process import get_result_and_thought
@@ -244,10 +240,9 @@ def test_build_params(basic_graph):
     assert "memory" in root.params
 
 
-def test_build(basic_graph, complex_graph):
+def test_build(basic_graph):
     """Test Node's build method"""
     assert_agent_was_built(basic_graph)
-    assert_agent_was_built(complex_graph)
 
 
 def assert_agent_was_built(graph):
@@ -260,34 +255,6 @@ def assert_agent_was_built(graph):
     assert isinstance(result, Chain)
 
 
-def test_agent_node_build(complex_graph):
-    agent_node = get_node_by_type(complex_graph, AgentVertex)
-    assert agent_node is not None
-    built_object = agent_node.build()
-    assert built_object is not None
-
-
-def test_tool_node_build(complex_graph):
-    tool_node = get_node_by_type(complex_graph, ToolVertex)
-    assert tool_node is not None
-    built_object = tool_node.build()
-    assert built_object is not None
-
-
-def test_chain_node_build(complex_graph):
-    chain_node = get_node_by_type(complex_graph, ChainVertex)
-    assert chain_node is not None
-    built_object = chain_node.build()
-    assert built_object is not None
-
-
-def test_prompt_node_build(complex_graph):
-    prompt_node = get_node_by_type(complex_graph, PromptVertex)
-    assert prompt_node is not None
-    built_object = prompt_node.build()
-    assert built_object is not None
-
-
 def test_llm_node_build(basic_graph):
     llm_node = get_node_by_type(basic_graph, LLMVertex)
     assert llm_node is not None

From 68bca25266efbe533ebf274ddef82b547524b0de Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 18:45:01 -0300
Subject: [PATCH 251/367] =?UTF-8?q?=F0=9F=90=9B=20fix(test=5Fagents=5Ftemp?=
 =?UTF-8?q?late.py):=20update=20assertions=20for=20template=20variables=20?=
 =?UTF-8?q?in=20test=5Fzero=5Fshot=5Fagent=20The=20assertions=20for=20the?=
 =?UTF-8?q?=20template=20variables=20in=20the=20`test=5Fzero=5Fshot=5Fagen?=
 =?UTF-8?q?t`=20function=20have=20been=20updated=20to=20reflect=20the=20ch?=
 =?UTF-8?q?anges=20in=20the=20template=20structure.=20This=20ensures=20tha?=
 =?UTF-8?q?t=20the=20tests=20accurately=20check=20the=20expected=20values?=
 =?UTF-8?q?=20of=20the=20template=20variables.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/test_agents_template.py | 78 +++++++++++++++++++++++++++++++----
 1 file changed, 71 insertions(+), 7 deletions(-)

diff --git a/tests/test_agents_template.py b/tests/test_agents_template.py
index bf89f9996..93f4f8b5b 100644
--- a/tests/test_agents_template.py
+++ b/tests/test_agents_template.py
@@ -16,30 +16,94 @@ def test_zero_shot_agent(client: TestClient):
     }
     template = zero_shot_agent["template"]
 
-    assert template["llm_chain"] == {
+    assert template["tools"] == {
         "required": True,
         "placeholder": "",
         "show": True,
         "multiline": False,
         "password": False,
-        "name": "llm_chain",
-        "type": "LLMChain",
+        "name": "tools",
+        "type": "BaseTool",
+        "list": True,
+        "advanced": False,
+        "info": "",
+    }
+
+    # Additional assertions for other template variables
+    assert template["callback_manager"] == {
+        "required": False,
+        "placeholder": "",
+        "show": False,
+        "multiline": False,
+        "password": False,
+        "name": "callback_manager",
+        "type": "BaseCallbackManager",
         "list": False,
         "advanced": False,
         "info": "",
     }
-    assert template["allowed_tools"] == {
-        "required": False,
+    assert template["llm"] == {
+        "required": True,
         "placeholder": "",
         "show": True,
         "multiline": False,
         "password": False,
-        "name": "allowed_tools",
-        "type": "Tool",
+        "name": "llm",
+        "type": "BaseLanguageModel",
+        "list": False,
+        "advanced": False,
+        "info": "",
+    }
+    assert template["output_parser"] == {
+        "required": False,
+        "placeholder": "",
+        "show": False,
+        "multiline": False,
+        "password": False,
+        "name": "output_parser",
+        "type": "AgentOutputParser",
+        "list": False,
+        "advanced": False,
+        "info": "",
+    }
+    assert template["input_variables"] == {
+        "required": False,
+        "placeholder": "",
+        "show": False,
+        "multiline": False,
+        "password": False,
+        "name": "input_variables",
+        "type": "str",
         "list": True,
         "advanced": False,
         "info": "",
     }
+    assert template["prefix"] == {
+        "required": False,
+        "placeholder": "",
+        "show": True,
+        "multiline": True,
+        "value": "Answer the following questions as best you can. You have access to the following tools:",
+        "password": False,
+        "name": "prefix",
+        "type": "str",
+        "list": False,
+        "advanced": False,
+        "info": "",
+    }
+    assert template["suffix"] == {
+        "required": False,
+        "placeholder": "",
+        "show": True,
+        "multiline": True,
+        "value": "Begin!\n\nQuestion: {input}\nThought:{agent_scratchpad}",
+        "password": False,
+        "name": "suffix",
+        "type": "str",
+        "list": False,
+        "advanced": False,
+        "info": "",
+    }
 
 
 def test_json_agent(client: TestClient):

From 86e11bc1cd2f6b2ff0e2403ae1ed9f4e17f1e272 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 18:45:49 -0300
Subject: [PATCH 252/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(inputFileCompon?=
 =?UTF-8?q?ent):=20remove=20unnecessary=20empty=20line=20The=20empty=20lin?=
 =?UTF-8?q?e=20after=20the=20`export=20default=20function=20InputFileCompo?=
 =?UTF-8?q?nent({`=20declaration=20has=20been=20removed=20as=20it=20was=20?=
 =?UTF-8?q?not=20serving=20any=20purpose=20and=20was=20unnecessary.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/inputFileComponent/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index ab8fd3fd1..fc69e5f95 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -91,7 +91,6 @@ export default function InputFileComponent({
     input.click();
   };
 
-
   return (
     <div className={disabled ? "input-component-div" : "w-full"}>
       <div className="input-file-component">

From 92eb45dd42de1320c79e063d724a05377363de4b Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 7 Jul 2023 19:06:19 -0300
Subject: [PATCH 253/367] =?UTF-8?q?=F0=9F=94=A7=20chore(config.yaml):=20ad?=
 =?UTF-8?q?d=20documentation=20for=20SQLDatabase=20wrapper=20=F0=9F=90=9B?=
 =?UTF-8?q?=20fix(utils.py):=20fix=20import=20of=20wrapper=5Fcreator=20fro?=
 =?UTF-8?q?m=20langflow.interface.wrappers.base=20=F0=9F=94=A7=20chore(loa?=
 =?UTF-8?q?ding.py):=20add=20support=20for=20instantiating=20wrappers=20ba?=
 =?UTF-8?q?sed=20on=20node=20type=20=F0=9F=94=A7=20chore(base.py):=20add?=
 =?UTF-8?q?=20support=20for=20creating=20SQLDatabase=20wrapper=20from=20UR?=
 =?UTF-8?q?I=20The=20config.yaml=20file=20was=20modified=20to=20add=20docu?=
 =?UTF-8?q?mentation=20for=20the=20SQLDatabase=20wrapper.=20In=20utils.py,?=
 =?UTF-8?q?=20the=20import=20of=20wrapper=5Fcreator=20from=20langflow.inte?=
 =?UTF-8?q?rface.wrappers.base=20was=20fixed.=20In=20loading.py,=20support?=
 =?UTF-8?q?=20was=20added=20for=20instantiating=20wrappers=20based=20on=20?=
 =?UTF-8?q?the=20node=20type.=20In=20base.py,=20support=20was=20added=20fo?=
 =?UTF-8?q?r=20creating=20the=20SQLDatabase=20wrapper=20from=20a=20URI.=20?=
 =?UTF-8?q?These=20changes=20were=20made=20to=20improve=20the=20functional?=
 =?UTF-8?q?ity=20and=20maintainability=20of=20the=20codebase.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/config.yaml                |  2 ++
 .../langflow/interface/importing/utils.py       |  7 ++++++-
 .../langflow/interface/initialize/loading.py    | 12 ++++++++++++
 src/backend/langflow/interface/wrappers/base.py | 17 ++++++++++++++---
 4 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/backend/langflow/config.yaml b/src/backend/langflow/config.yaml
index ab4db6fd9..f4f83301a 100644
--- a/src/backend/langflow/config.yaml
+++ b/src/backend/langflow/config.yaml
@@ -280,6 +280,8 @@ vectorstores:
 wrappers:
   RequestsWrapper:
     documentation: ""
+  SQLDatabase:
+    documentation: ""
 output_parsers:
   StructuredOutputParser:
     documentation: "https://python.langchain.com/docs/modules/model_io/output_parsers/structured"
diff --git a/src/backend/langflow/interface/importing/utils.py b/src/backend/langflow/interface/importing/utils.py
index 3c7f89b5b..ccfd8d5dd 100644
--- a/src/backend/langflow/interface/importing/utils.py
+++ b/src/backend/langflow/interface/importing/utils.py
@@ -10,6 +10,7 @@ from langchain.chains.base import Chain
 from langchain.chat_models.base import BaseChatModel
 from langchain.tools import BaseTool
 from langflow.utils import validate
+from langflow.interface.wrappers.base import wrapper_creator
 
 
 def import_module(module_path: str) -> Any:
@@ -96,7 +97,11 @@ def import_prompt(prompt: str) -> Type[PromptTemplate]:
 
 def import_wrapper(wrapper: str) -> Any:
     """Import wrapper from wrapper name"""
-    return import_module(f"from langchain.requests import {wrapper}")
+    if (
+        isinstance(wrapper_creator.type_dict, dict)
+        and wrapper in wrapper_creator.type_dict
+    ):
+        return wrapper_creator.type_dict.get(wrapper)
 
 
 def import_toolkit(toolkit: str) -> Any:
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 37dbdcda1..25149cd4b 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -20,6 +20,7 @@ from langflow.interface.toolkits.base import toolkits_creator
 from langflow.interface.chains.base import chain_creator
 from langflow.interface.output_parsers.base import output_parser_creator
 from langflow.interface.retrievers.base import retriever_creator
+from langflow.interface.wrappers.base import wrapper_creator
 from langflow.interface.utils import load_file_into_dict
 from langflow.utils import validate
 from langchain.chains.base import Chain
@@ -89,10 +90,21 @@ def instantiate_based_on_type(class_object, base_type, node_type, params):
         return instantiate_retriever(node_type, class_object, params)
     elif base_type == "memory":
         return instantiate_memory(node_type, class_object, params)
+    elif base_type == "wrappers":
+        return instantiate_wrapper(node_type, class_object, params)
     else:
         return class_object(**params)
 
 
+def instantiate_wrapper(node_type, class_object, params):
+    if node_type in wrapper_creator.from_method_nodes:
+        method = wrapper_creator.from_method_nodes[node_type]
+        if class_method := getattr(class_object, method, None):
+            return class_method(**params)
+        raise ValueError(f"Method {method} not found in {class_object}")
+    return class_object(**params)
+
+
 def instantiate_output_parser(node_type, class_object, params):
     if node_type in output_parser_creator.from_method_nodes:
         method = output_parser_creator.from_method_nodes[node_type]
diff --git a/src/backend/langflow/interface/wrappers/base.py b/src/backend/langflow/interface/wrappers/base.py
index f5773d07a..77e38f921 100644
--- a/src/backend/langflow/interface/wrappers/base.py
+++ b/src/backend/langflow/interface/wrappers/base.py
@@ -1,25 +1,36 @@
 from typing import Dict, List, Optional
 
-from langchain import requests
+from langchain import requests, sql_database
 
 from langflow.interface.base import LangChainTypeCreator
 from langflow.utils.logger import logger
-from langflow.utils.util import build_template_from_class
+from langflow.utils.util import build_template_from_class, build_template_from_method
 
 
 class WrapperCreator(LangChainTypeCreator):
     type_name: str = "wrappers"
 
+    from_method_nodes = {"SQLDatabase": "from_uri"}
+
     @property
     def type_to_loader_dict(self) -> Dict:
         if self.type_dict is None:
             self.type_dict = {
-                wrapper.__name__: wrapper for wrapper in [requests.TextRequestsWrapper]
+                wrapper.__name__: wrapper
+                for wrapper in [requests.TextRequestsWrapper, sql_database.SQLDatabase]
             }
         return self.type_dict
 
     def get_signature(self, name: str) -> Optional[Dict]:
         try:
+            if name in self.from_method_nodes:
+                return build_template_from_method(
+                    name,
+                    type_to_cls_dict=self.type_to_loader_dict,
+                    add_function=True,
+                    method_name=self.from_method_nodes[name],
+                )
+
             return build_template_from_class(name, self.type_to_loader_dict)
         except ValueError as exc:
             raise ValueError("Wrapper not found") from exc

From 24d1157988bd2e9117c4894027c8371d43c3f635 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 19:12:18 -0300
Subject: [PATCH 254/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20remove=20extra=20whitespace=20in=20parameterComponent=20?=
 =?UTF-8?q?=E2=9C=A8=20feat(EditNodeModal):=20add=20support=20for=20handli?=
 =?UTF-8?q?ng=20tab=20state=20and=20saving=20changes=20in=20EditNodeModal?=
 =?UTF-8?q?=20=F0=9F=90=9B=20fix(EditNodeModal):=20fix=20disabled=20condit?=
 =?UTF-8?q?ion=20in=20EditNodeModal=20=F0=9F=90=9B=20fix(EditNodeModal):?=
 =?UTF-8?q?=20remove=20unused=20useEffect=20in=20EditNodeModal=20=E2=9C=A8?=
 =?UTF-8?q?=20feat(EditNodeModal):=20add=20handleOnNewValue=20function=20t?=
 =?UTF-8?q?o=20handle=20changes=20in=20EditNodeModal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx   |  1 +
 .../src/modals/EditNodeModal/index.tsx        | 52 +++++++++++++------
 2 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 8e22eafac..e9ee5f8a4 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -245,6 +245,7 @@ export default function ParameterComponent({
                 handleOnNewValue(t);
                 setEnabled(t);
               }}
+              
               size="large"
             />
           </div>
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index b0bd8ce4d..c6cd65243 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -33,6 +33,7 @@ import {
 import { Button } from "../../components/ui/button";
 import { Badge } from "../../components/ui/badge";
 import { Variable } from "lucide-react";
+import { TabsContext } from "../../contexts/tabsContext";
 
 export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
@@ -55,6 +56,11 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const { types } = useContext(typesContext);
   const ref = useRef();
   const [enabled, setEnabled] = useState(null);
+  const { setTabsState, tabId, save } = useContext(TabsContext);
+  const { reactFlowInstance } = useContext(typesContext);
+
+  let disabled =
+  reactFlowInstance?.getEdges().some((e) => e.targetHandle === data.id) ?? false;
   if (nodeLength == 0) {
     closePopUp();
   }
@@ -66,8 +72,6 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
     }
   }
 
-  useEffect(() => {}, [closePopUp, data.node.template]);
-
   function changeAdvanced(node): void {
     Object.keys(data.node.template).filter((n, i) => {
       if (n === node.name) {
@@ -78,6 +82,20 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
     setNodeValue(!nodeValue);
   }
 
+  const handleOnNewValue = (newValue: any, name) => {
+    data.node.template[name].value = newValue;
+    // Set state to pending
+    setTabsState((prev) => {
+      return {
+        ...prev,
+        [tabId]: {
+          ...prev[tabId],
+          isPending: true,
+        },
+      };
+    });
+  };
+
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger asChild></DialogTrigger>
@@ -153,7 +171,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                         : data.node.template[n].value
                                     }
                                     onChange={(t: string[]) => {
-                                      data.node.template[n].value = t;
+                                      handleOnNewValue(t, n);
                                     }}
                                   />
                                 ) : data.node.template[n].multiline ? (
@@ -162,7 +180,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                     editNode={true}
                                     value={data.node.template[n].value ?? ""}
                                     onChange={(t: string) => {
-                                      data.node.template[n].value = t;
+                                      handleOnNewValue(t, n);
                                     }}
                                   />
                                 ) : (
@@ -174,7 +192,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                     }
                                     value={data.node.template[n].value ?? ""}
                                     onChange={(t) => {
-                                      data.node.template[n].value = t;
+                                      handleOnNewValue(t, n);
                                     }}
                                   />
                                 )}
@@ -183,13 +201,13 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                               <div className="ml-auto">
                                 {" "}
                                 <ToggleShadComponent
-                                  enabled={data.node.template[n].value}
-                                  setEnabled={(e) => {
-                                    data.node.template[n].value = e;
-                                    setEnabled(e);
+                                  disabled={disabled}
+                                  enabled={enabled}
+                                  setEnabled={(t) => {
+                                    handleOnNewValue(t, n);
+                                    setEnabled(t);
                                   }}
                                   size="small"
-                                  disabled={false}
                                 />
                               </div>
                             ) : data.node.template[n].type === "float" ? (
@@ -210,8 +228,8 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   numberOfOptions={nodeLength}
                                   editNode={true}
                                   options={data.node.template[n].options}
-                                  onSelect={(newValue) =>
-                                    (data.node.template[n].value = newValue)
+                                  onSelect={(t) =>
+                                    (handleOnNewValue(t, n))
                                   }
                                   value={
                                     data.node.template[n].value ??
@@ -226,7 +244,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   editNode={true}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t) => {
-                                    data.node.template[n].value = t;
+                                    handleOnNewValue(t, n);
                                   }}
                                 />
                               </div>
@@ -237,12 +255,12 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   disabled={false}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t: string) => {
-                                    data.node.template[n].value = t;
+                                    handleOnNewValue(t, n);
                                   }}
                                   fileTypes={data.node.template[n].fileTypes}
                                   suffixes={data.node.template[n].suffixes}
                                   onFileChange={(t: string) => {
-                                    data.node.template[n].content = t;
+                                    handleOnNewValue(t, n);
                                   }}
                                 ></InputFileComponent>
                               </div>
@@ -254,7 +272,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   disabled={false}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t: string) => {
-                                    data.node.template[n].value = t;
+                                    handleOnNewValue(t, n);
                                   }}
                                 />
                               </div>
@@ -265,7 +283,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   editNode={true}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t: string) => {
-                                    data.node.template[n].value = t;
+                                    handleOnNewValue(t, n);
                                   }}
                                 />
                               </div>

From c749ebc29790df493aa66164654879668eeadfbd Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 19:30:31 -0300
Subject: [PATCH 255/367] =?UTF-8?q?=F0=9F=90=9B=20fix(inputComponent):=20f?=
 =?UTF-8?q?ix=20classNames=20in=20InputComponent=20to=20correctly=20apply?=
 =?UTF-8?q?=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/inputComponent/index.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index 4d6045caf..8fab85c74 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -39,11 +39,10 @@ export default function InputComponent({
           if (disableCopyPaste) setDisableCopyPaste(false);
         }}
         className={classNames(
-          " pr-9 ",
           disabled ? " input-disable " : "",
-          password && !pwdVisible && myValue !== "" ? "password" : "",
+          password && !pwdVisible && myValue !== "" ? " password text-clip " : "",
           editNode ? " input-edit-node " : " input-primary ",
-          password && editNode ? "pr-8" : "pr-3"
+          password && editNode ? "pr-8" : "pr-10"
         )}
         placeholder={password && editNode ? "Key" : "Type something..."}
         onChange={(e) => {

From d13f37fcbe15dbe990d76643dcfd509cbba54cbd Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 7 Jul 2023 19:59:20 -0300
Subject: [PATCH 256/367] feat(modals): add BaseModal component for reusable
 modal functionality fix(codeAreaModal): refactor codeAreaModal to use
 BaseModal component for consistency and reusability

---
 src/frontend/src/modals/baseModal/index.tsx   |  69 +++++++++
 .../src/modals/codeAreaModal/index.tsx        | 131 +++++++++---------
 2 files changed, 136 insertions(+), 64 deletions(-)
 create mode 100644 src/frontend/src/modals/baseModal/index.tsx

diff --git a/src/frontend/src/modals/baseModal/index.tsx b/src/frontend/src/modals/baseModal/index.tsx
new file mode 100644
index 000000000..4b135383c
--- /dev/null
+++ b/src/frontend/src/modals/baseModal/index.tsx
@@ -0,0 +1,69 @@
+import { ReactNode, useContext } from "react";
+
+import React from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../components/ui/dialog";
+import { PopUpContext } from "../../contexts/popUpContext";
+
+type ContentProps = { children: ReactNode };
+type HeaderProps = { children: ReactNode; description: string };
+
+const Content: React.FC<ContentProps> = ({ children }) => {
+  return <div className="h-full w-full">{children}</div>;
+};
+
+const Header: React.FC<{ children: ReactNode; description: string }> = ({
+  children,
+  description,
+}) => {
+  return (
+    <DialogHeader>
+      <DialogTitle className="flex items-center">{children}</DialogTitle>
+      <DialogDescription>{description}</DialogDescription>
+    </DialogHeader>
+  );
+};
+interface BaseModalProps {
+  children: [React.ReactElement<ContentProps>, React.ReactElement<HeaderProps>];
+  open: boolean;
+  setOpen: (open: boolean) => void;
+}
+function BaseModal({ open, setOpen, children }: BaseModalProps) {
+  const { closePopUp, setCloseEdit } = useContext(PopUpContext);
+
+  function setModalOpen(x: boolean) {
+    setOpen(x);
+    if (x === false) {
+      setTimeout(() => {
+        setCloseEdit("editcode");
+        closePopUp();
+      }, 300);
+    }
+  }
+  const headerChild = React.Children.toArray(children).find(
+    (child) => (child as React.ReactElement).type === Header
+  );
+  const ContentChild = React.Children.toArray(children).find(
+    (child) => (child as React.ReactElement).type === Content
+  );
+  //UPDATE COLORS AND STYLE CLASSSES
+  return (
+    <Dialog open={true} onOpenChange={setModalOpen}>
+      <DialogTrigger className="hidden"></DialogTrigger>
+      <DialogContent className="min-w-[80vw]">
+        {headerChild}
+        <div className="mt-2 flex h-[80vh] w-full ">{ContentChild}</div>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+BaseModal.Content = Content;
+BaseModal.Header = Header;
+export default BaseModal;
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index e327bbb1b..4ffcec352 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -1,28 +1,20 @@
-// organize-imports-ignore
-import { useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import AceEditor from "react-ace";
+import { DialogTitle } from "@radix-ui/react-dialog";
+import "ace-builds/src-noconflict/ace";
 import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
-// import "ace-builds/webpack-resolver";
 import { TerminalSquare } from "lucide-react";
+import { useContext, useEffect, useRef, useState } from "react";
+import AceEditor from "react-ace";
 import { Button } from "../../components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "../../components/ui/dialog";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
 import { alertContext } from "../../contexts/alertContext";
 import { darkContext } from "../../contexts/darkContext";
+import { PopUpContext } from "../../contexts/popUpContext";
 import { postValidateCode } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
+import BaseModal from "../baseModal";
 
 export default function CodeAreaModal({
   value,
@@ -39,18 +31,15 @@ export default function CodeAreaModal({
   const [code, setCode] = useState(value);
   const [loading, setLoading] = useState(false);
   const { dark } = useContext(darkContext);
+  const { closePopUp } = useContext(PopUpContext);
   const { setErrorData, setSuccessData } = useContext(alertContext);
-  const { closePopUp, setCloseEdit } = useContext(PopUpContext);
+  const [error, setError] = useState<{
+    detail: { error: string; traceback: string };
+  }>(null);
   const ref = useRef();
-  function setModalOpen(x: boolean) {
-    setOpen(x);
-    if (x === false) {
-      setTimeout(() => {
-        setCloseEdit("editcode");
-        closePopUp();
-      }, 300);
-    }
-  }
+  useEffect(() => {
+    setValue(code);
+  }, [code, setValue]);
 
   function handleClick() {
     setLoading(true);
@@ -65,7 +54,7 @@ export default function CodeAreaModal({
               title: "Code is ready to run",
             });
             setValue(code);
-            setModalOpen(false);
+            setOpen((old) => !old);
           } else {
             if (funcErrors.length !== 0) {
               setErrorData({
@@ -95,46 +84,60 @@ export default function CodeAreaModal({
   }
 
   return (
-    <Dialog open={true} onOpenChange={setModalOpen}>
-      <DialogTrigger></DialogTrigger>
-      <DialogContent className="min-w-[80vw]">
-        <DialogHeader>
-          <DialogTitle className="flex items-center">
-            <span className="pr-2">Edit Code</span>
-            <TerminalSquare
-              strokeWidth={1.5}
-              className="h-6 w-6 pl-1 text-primary "
-              aria-hidden="true"
-            />
-          </DialogTitle>
-          <DialogDescription>{CODE_PROMPT_DIALOG_SUBTITLE}</DialogDescription>
-        </DialogHeader>
-
-        <div className="code-area-modal-editor-div">
-          <AceEditor
-            value={code}
-            mode="python"
-            highlightActiveLine={true}
-            showPrintMargin={false}
-            fontSize={14}
-            showGutter
-            enableLiveAutocompletion
-            theme={dark ? "twilight" : "github"}
-            name="CodeEditor"
-            onChange={(value) => {
-              setCode(value);
-            }}
-            className="h-full w-full rounded-lg border-[1px] border-gray-300 custom-scroll dark:border-gray-600"
+    <BaseModal open={true} setOpen={setOpen}>
+      <BaseModal.Header description={CODE_PROMPT_DIALOG_SUBTITLE}>
+        <DialogTitle className="flex items-center">
+          <span className="pr-2">Edit Code</span>
+          <TerminalSquare
+            strokeWidth={1.5}
+            className="h-6 w-6 pl-1 text-primary "
+            aria-hidden="true"
           />
+        </DialogTitle>
+      </BaseModal.Header>
+      <BaseModal.Content>
+        <div className="flex h-full w-full flex-col transition-all">
+          <div className="h-full w-full">
+            <AceEditor
+              value={code}
+              mode="python"
+              highlightActiveLine={true}
+              showPrintMargin={false}
+              fontSize={14}
+              showGutter
+              enableLiveAutocompletion
+              theme={dark ? "twilight" : "github"}
+              name="CodeEditor"
+              onChange={(value) => {
+                setCode(value);
+              }}
+              className="h-full w-full rounded-lg border-[1px] border-gray-300 custom-scroll dark:border-gray-600"
+            />
+          </div>
+          <div
+            className={
+              "w-full transition-all delay-500 " +
+              (error?.detail.error !== undefined ? "h-2/6" : "h-0")
+            }
+          >
+            <div className="mt-1 h-full w-full overflow-x-clip overflow-y-scroll text-left custom-scroll">
+              <h1 className="text-lg text-destructive">
+                {error?.detail?.error}
+              </h1>
+              <div className="ml-2 w-full break-all text-sm text-status-red">
+                <pre className="w-full whitespace-pre-wrap break-all">
+                  {error?.detail?.traceback}
+                </pre>
+              </div>
+            </div>
+          </div>
+          <div className="flex h-fit w-full justify-end">
+            <Button className="mt-3" onClick={handleClick} type="submit">
+              Check & Save
+            </Button>
+          </div>
         </div>
-
-        <DialogFooter>
-          <Button className="mt-3" onClick={handleClick} type="submit">
-            {/* {loading?(<Loading/>):'Check & Save'} */}
-            Check & Save
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
+      </BaseModal.Content>
+    </BaseModal>
   );
 }

From 1294efc5dbd57cd39f3f944bea4aee035c5cb5a4 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 20:05:29 -0300
Subject: [PATCH 257/367] =?UTF-8?q?=F0=9F=90=9B=20fix(inputComponent):=20f?=
 =?UTF-8?q?ix=20padding=20issue=20in=20password=20input=20field?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The padding issue in the password input field was causing the text to be clipped. The issue was resolved by adjusting the padding classes based on the editNode and password conditions.
---
 src/frontend/src/components/inputComponent/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index 8fab85c74..a925db54b 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -42,7 +42,8 @@ export default function InputComponent({
           disabled ? " input-disable " : "",
           password && !pwdVisible && myValue !== "" ? " password text-clip " : "",
           editNode ? " input-edit-node " : " input-primary ",
-          password && editNode ? "pr-8" : "pr-10"
+          password && editNode ? "pr-8" : "",
+          password && !editNode ? "pr-10" : ""
         )}
         placeholder={password && editNode ? "Key" : "Type something..."}
         onChange={(e) => {

From 4045d233c7006378f8d35495d96e28607fa53123 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 7 Jul 2023 20:55:56 -0300
Subject: [PATCH 258/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent/i?=
 =?UTF-8?q?ndex.tsx):=20remove=20unused=20useState=20and=20useEffect=20dep?=
 =?UTF-8?q?endencies=20to=20improve=20code=20readability=20=F0=9F=90=9B=20?=
 =?UTF-8?q?fix(EditNodeModal/index.tsx):=20remove=20unused=20useState=20an?=
 =?UTF-8?q?d=20useEffect=20dependencies=20to=20improve=20code=20readabilit?=
 =?UTF-8?q?y?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx         | 13 ++++++-------
 src/frontend/src/modals/EditNodeModal/index.tsx     |  4 +---
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 40015024d..2e6d694f7 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -47,6 +47,7 @@ export default function ParameterComponent({
   const { closePopUp } = useContext(PopUpContext);
   const { setTabsState, tabId, save } = useContext(TabsContext);
 
+
   useEffect(() => {
     if (ref.current && ref.current.offsetTop && ref.current.clientHeight) {
       setPosition(ref.current.offsetTop + ref.current.clientHeight / 2);
@@ -58,11 +59,11 @@ export default function ParameterComponent({
     updateNodeInternals(data.id);
   }, [data.id, position, updateNodeInternals]);
 
-  const [enabled, setEnabled] = useState(
-    data.node.template[name]?.value ?? false
-  );
 
-  useEffect(() => {}, [closePopUp, data.node.template]);
+  useEffect(() => {
+    
+  }, [closePopUp, data.node.template]);
+
 
   const { reactFlowInstance } = useContext(typesContext);
   let disabled =
@@ -239,12 +240,10 @@ export default function ParameterComponent({
           <div className="mt-2 w-full">
             <ToggleShadComponent
               disabled={disabled}
-              enabled={enabled}
+              enabled={data.node.template[name].value}
               setEnabled={(t) => {
                 handleOnNewValue(t);
-                setEnabled(t);
               }}
-              
               size="large"
             />
           </div>
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 7bf8f54df..47e0db079 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -55,7 +55,6 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const { closePopUp } = useContext(PopUpContext);
   const { types } = useContext(typesContext);
   const ref = useRef();
-  const [enabled, setEnabled] = useState(null);
   const { setTabsState, tabId, save } = useContext(TabsContext);
   const { reactFlowInstance } = useContext(typesContext);
 
@@ -202,10 +201,9 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                 {" "}
                                 <ToggleShadComponent
                                   disabled={disabled}
-                                  enabled={enabled}
+                                  enabled={data.node.template[n].value}
                                   setEnabled={(t) => {
                                     handleOnNewValue(t, n);
-                                    setEnabled(t);
                                   }}
                                   size="small"
                                 />

From 224fd4fef784f5c3840fdc6677c8fc49531b71bd Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 7 Jul 2023 21:23:49 -0300
Subject: [PATCH 259/367] bug fix text overlay

---
 src/frontend/src/modals/chatModal/chatMessage/index.tsx | 4 ++--
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index 5e130015a..f90396198 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -10,8 +10,8 @@ import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
 import AiIconStill from "../../../assets/froze-flow.png";
 import { ChatMessageType } from "../../../types/chat";
 import { classNames } from "../../../utils";
-import FileCard from "../fileComponent";
-import { CodeBlock } from "./codeBlock";
+import { CodeBlock } from "../../formModal/chatMessage/codeBlock";
+import FileCard from "../../formModal/fileComponent";
 export default function ChatMessage({
   chat,
   lockChat,
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index af3388596..2b0adb1e7 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -50,7 +50,7 @@ export default function ChatMessage({
       </div>
       {!chat.isSend ? (
         <div className="flex w-full flex-1 text-start">
-          <div className="relative inline-block w-full text-start text-sm font-normal text-muted-foreground">
+          <div className="relative inline-block flex w-full flex-col text-start text-sm font-normal text-muted-foreground">
             {hidden && chat.thought && chat.thought !== "" && (
               <div
                 onClick={() => setHidden((prev) => !prev)}

From 8cca9ce495069149d0d67e3afb3127b71dbd2935 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 7 Jul 2023 21:26:14 -0300
Subject: [PATCH 260/367] refactor(parameterComponent): remove unnecessary
 empty line in ParameterComponent refactor(parameterComponent): remove unused
 useEffect dependency in ParameterComponent refactor(inputComponent): reformat
 classNames in InputComponent for better readability refactor(EditNodeModal):
 remove unused imports in EditNodeModal refactor(EditNodeModal): reformat
 disabled variable assignment in EditNodeModal for better readability
 refactor(EditNodeModal): remove unnecessary empty lines in EditNodeModal
 refactor(EditNodeModal): reformat handleOnNewValue function call in
 EditNodeModal for better readability refactor(chatMessage): remove
 unnecessary empty line in ChatMessage component refactor(chatMessage): remove
 unnecessary inline-block class in ChatMessage component

---
 .../components/parameterComponent/index.tsx           |  7 +------
 src/frontend/src/components/inputComponent/index.tsx  |  4 +++-
 src/frontend/src/modals/EditNodeModal/index.tsx       | 11 +++++------
 .../src/modals/formModal/chatMessage/index.tsx        |  2 +-
 4 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 2e6d694f7..caa14975f 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -47,7 +47,6 @@ export default function ParameterComponent({
   const { closePopUp } = useContext(PopUpContext);
   const { setTabsState, tabId, save } = useContext(TabsContext);
 
-
   useEffect(() => {
     if (ref.current && ref.current.offsetTop && ref.current.clientHeight) {
       setPosition(ref.current.offsetTop + ref.current.clientHeight / 2);
@@ -59,11 +58,7 @@ export default function ParameterComponent({
     updateNodeInternals(data.id);
   }, [data.id, position, updateNodeInternals]);
 
-
-  useEffect(() => {
-    
-  }, [closePopUp, data.node.template]);
-
+  useEffect(() => {}, [closePopUp, data.node.template]);
 
   const { reactFlowInstance } = useContext(typesContext);
   let disabled =
diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index a925db54b..8da5c428e 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -40,7 +40,9 @@ export default function InputComponent({
         }}
         className={classNames(
           disabled ? " input-disable " : "",
-          password && !pwdVisible && myValue !== "" ? " password text-clip " : "",
+          password && !pwdVisible && myValue !== ""
+            ? " text-clip password "
+            : "",
           editNode ? " input-edit-node " : " input-primary ",
           password && editNode ? "pr-8" : "",
           password && !editNode ? "pr-10" : ""
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 47e0db079..940196552 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -1,5 +1,5 @@
 import { Variable } from "lucide-react";
-import { useContext, useEffect, useRef, useState } from "react";
+import { useContext, useRef, useState } from "react";
 import CodeAreaComponent from "../../components/codeAreaComponent";
 import Dropdown from "../../components/dropdownComponent";
 import FloatComponent from "../../components/floatComponent";
@@ -21,7 +21,6 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { TabsContext } from "../../contexts/tabsContext";
 import {
   Table,
   TableBody,
@@ -31,6 +30,7 @@ import {
   TableRow,
 } from "../../components/ui/table";
 import { PopUpContext } from "../../contexts/popUpContext";
+import { TabsContext } from "../../contexts/tabsContext";
 import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
 import { classNames, limitScrollFieldsModal } from "../../utils";
@@ -59,7 +59,8 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const { reactFlowInstance } = useContext(typesContext);
 
   let disabled =
-  reactFlowInstance?.getEdges().some((e) => e.targetHandle === data.id) ?? false;
+    reactFlowInstance?.getEdges().some((e) => e.targetHandle === data.id) ??
+    false;
   if (nodeLength == 0) {
     closePopUp();
   }
@@ -226,9 +227,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   numberOfOptions={nodeLength}
                                   editNode={true}
                                   options={data.node.template[n].options}
-                                  onSelect={(t) =>
-                                    (handleOnNewValue(t, n))
-                                  }
+                                  onSelect={(t) => handleOnNewValue(t, n)}
                                   value={
                                     data.node.template[n].value ??
                                     "Choose an option"
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 2b0adb1e7..c02124445 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -50,7 +50,7 @@ export default function ChatMessage({
       </div>
       {!chat.isSend ? (
         <div className="flex w-full flex-1 text-start">
-          <div className="relative inline-block flex w-full flex-col text-start text-sm font-normal text-muted-foreground">
+          <div className="relative flex w-full flex-col text-start text-sm font-normal text-muted-foreground">
             {hidden && chat.thought && chat.thought !== "" && (
               <div
                 onClick={() => setHidden((prev) => !prev)}

From 2a34f725fc0c579ddb2a08baef8036bb0a10dff6 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 7 Jul 2023 23:48:21 -0300
Subject: [PATCH 261/367] Added Tooltip Wrapper inside context wrappers to show
 tooltip on top of every node

---
 .../components/ShadTooltipComponent/index.tsx | 31 ++++++----------
 src/frontend/src/contexts/index.tsx           | 37 ++++++++++---------
 .../modals/formModal/chatMessage/index.tsx    |  2 +-
 3 files changed, 33 insertions(+), 37 deletions(-)

diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index 3fe82afd7..58aec630b 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -1,10 +1,5 @@
 import { ShadToolTipType } from "../../types/components";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "../ui/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 export default function ShadTooltip({
   content,
@@ -15,19 +10,17 @@ export default function ShadTooltip({
   delayDuration = 500,
 }: ShadToolTipType) {
   return (
-    <TooltipProvider>
-      <Tooltip delayDuration={delayDuration}>
-        <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
+    <Tooltip delayDuration={delayDuration}>
+      <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
 
-        <TooltipContent
-          className={style}
-          side={side}
-          avoidCollisions={false}
-          sticky="always"
-        >
-          {content}
-        </TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
+      <TooltipContent
+        className={style}
+        side={side}
+        avoidCollisions={false}
+        sticky="always"
+      >
+        {content}
+      </TooltipContent>
+    </Tooltip>
   );
 }
diff --git a/src/frontend/src/contexts/index.tsx b/src/frontend/src/contexts/index.tsx
index 13771673c..70b7da07c 100644
--- a/src/frontend/src/contexts/index.tsx
+++ b/src/frontend/src/contexts/index.tsx
@@ -1,5 +1,6 @@
 import { ReactNode } from "react";
 import { ReactFlowProvider } from "reactflow";
+import { TooltipProvider } from "../components/ui/tooltip";
 import { SSEProvider } from "./SSEContext";
 import { AlertProvider } from "./alertContext";
 import { DarkProvider } from "./darkContext";
@@ -13,23 +14,25 @@ export default function ContextWrapper({ children }: { children: ReactNode }) {
   //element to wrap all context
   return (
     <>
-      <ReactFlowProvider>
-        <DarkProvider>
-          <TypesProvider>
-            <LocationProvider>
-              <AlertProvider>
-                <SSEProvider>
-                  <TabsProvider>
-                    <UndoRedoProvider>
-                      <PopUpProvider>{children}</PopUpProvider>
-                    </UndoRedoProvider>
-                  </TabsProvider>
-                </SSEProvider>
-              </AlertProvider>
-            </LocationProvider>
-          </TypesProvider>
-        </DarkProvider>
-      </ReactFlowProvider>
+      <TooltipProvider>
+        <ReactFlowProvider>
+          <DarkProvider>
+            <TypesProvider>
+              <LocationProvider>
+                <AlertProvider>
+                  <SSEProvider>
+                    <TabsProvider>
+                      <UndoRedoProvider>
+                        <PopUpProvider>{children}</PopUpProvider>
+                      </UndoRedoProvider>
+                    </TabsProvider>
+                  </SSEProvider>
+                </AlertProvider>
+              </LocationProvider>
+            </TypesProvider>
+          </DarkProvider>
+        </ReactFlowProvider>
+      </TooltipProvider>
     </>
   );
 }
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index c02124445..6cc42cac4 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -54,7 +54,7 @@ export default function ChatMessage({
             {hidden && chat.thought && chat.thought !== "" && (
               <div
                 onClick={() => setHidden((prev) => !prev)}
-                className="absolute -left-8 -top-3 cursor-pointer"
+                className="absolute -left-6 -top-3 cursor-pointer"
               >
                 <THOUGHTS_ICON className="h-4 w-4 animate-bounce dark:text-white" />
               </div>

From eb5a315b078e8c023b4261b8767790f3035a8253 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sat, 8 Jul 2023 00:06:30 -0300
Subject: [PATCH 262/367] Fixed bug of DOM nesting showing on console.log

---
 .../headerComponent/components/menuBar/index.tsx  | 15 ++++++---------
 src/frontend/src/index.css                        |  2 +-
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index a1536f13d..b362307e7 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -14,7 +14,6 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuLabel,
-  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "../../../ui/dropdown-menu";
 
@@ -52,13 +51,11 @@ export const MenuBar = ({ flows, tabId }) => {
       <div className="header-menu-bar">
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button
-              className="header-menu-bar-display"
-              variant="primary"
-              size="sm"
-            >
-              <div className="header-menu-flow-name">{current_flow.name}</div>
-              <ChevronDown className="h-4 w-4" />
+            <Button asChild variant="primary" size="sm">
+              <div className="header-menu-bar-display">
+                <div className="header-menu-flow-name">{current_flow.name}</div>
+                <ChevronDown className="h-4 w-4" />
+              </div>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent className="w-44">
@@ -99,7 +96,7 @@ export const MenuBar = ({ flows, tabId }) => {
               <Redo className="header-menu-options " />
               Redo
             </DropdownMenuItem>
-            <DropdownMenuSeparator />
+            {/* <DropdownMenuSeparator /> */}
             {/* <DropdownMenuLabel>Projects</DropdownMenuLabel> */}
             {/* <DropdownMenuRadioGroup className="max-h-full overflow-scroll"
               value={tabId}
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index c8e79694a..428bd6d7c 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -545,7 +545,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply flex items-center gap-0.5 rounded-md px-1.5 py-1 text-sm font-medium
   }
   .header-menu-bar-display {
-    @apply flex max-w-[200px] items-center gap-2
+    @apply flex max-w-[200px] items-center gap-2 cursor-pointer
   }
   .header-menu-flow-name {
     @apply flex-1 truncate

From 33d6fb80811049f427f60da029af22bbfdf8d0f6 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sat, 8 Jul 2023 00:10:44 -0300
Subject: [PATCH 263/367] Fixed bugfix for ace

---
 src/frontend/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/index.html b/src/frontend/index.html
index 426983565..8c21f0124 100644
--- a/src/frontend/index.html
+++ b/src/frontend/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="/favicon.ico" />
-    <script src="node_modules/ace-builds/src-min-noconflict/ace.js" type="text/javascript"></script>
+    <script src="/node_modules/ace-builds/src-min-noconflict/ace.js" type="text/javascript"></script>
     <title>Langflow</title>
 </head>
 <body id='body' style="width: 100%; height:100%">

From db990f2472d73f19f9e6de80a0ef0d69eeba24f9 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sat, 8 Jul 2023 00:12:04 -0300
Subject: [PATCH 264/367] Assertion on onMove function on reactflow

---
 .../pages/FlowPage/components/PageComponent/index.tsx    | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 51c84580e..65ae72178 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -371,10 +371,11 @@ export default function Page({ flow }: { flow: FlowType }) {
                 <ReactFlow
                   nodes={nodes}
                   onMove={() => {
-                    updateFlow({
-                      ...flow,
-                      data: reactFlowInstance.toObject(),
-                    });
+                    if (reactFlowInstance)
+                      updateFlow({
+                        ...flow,
+                        data: reactFlowInstance.toObject(),
+                      });
                   }}
                   edges={edges}
                   onPaneClick={() => {

From 6a04fabced516f7cd5a57f6d295c08cf9163e9fd Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sat, 8 Jul 2023 00:16:22 -0300
Subject: [PATCH 265/367] Fixed DOM Nesting error on EditNodeModal

---
 src/frontend/src/modals/EditNodeModal/index.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 940196552..2c2191ed4 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -105,11 +105,13 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
             <span className="pr-2">{data.type}</span>
             <Badge variant="secondary">ID: {data.id}</Badge>
           </DialogTitle>
-          <DialogDescription>
-            {data.node?.description}
-            <div className="flex pt-3">
-              <Variable className="edit-node-modal-variable "></Variable>
-              <span className="edit-node-modal-span">Parameters</span>
+          <DialogDescription asChild>
+            <div>
+              {data.node?.description}
+              <div className="flex pt-3">
+                <Variable className="edit-node-modal-variable "></Variable>
+                <span className="edit-node-modal-span">Parameters</span>
+              </div>
             </div>
           </DialogDescription>
         </DialogHeader>

From bdd39a506a2f7e37fddb315c46b9d66d8be56bd7 Mon Sep 17 00:00:00 2001
From: Rodrigo Nader <rodrigosilvanader@gmail.com>
Date: Sat, 8 Jul 2023 01:33:12 -0300
Subject: [PATCH 266/367] feat(css): Update styles for chat thought and initial
 prompt

This commit updates the styles for the chat thought and initial prompt components in the frontend. The changes include modifying the border color to use a custom ring color, adjusting the padding and margin, and updating the text size and color. Additionally, the label for the "Initial Prompt" button has been changed to "Display Prompt" for clarity.
---
 src/frontend/src/index.css                              | 6 +++---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 src/frontend/src/modals/formModal/index.tsx             | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 428bd6d7c..261e783bf 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -968,19 +968,19 @@ The cursor: default; property value restores the browser's default cursor style
     @apply h-4 w-4 animate-bounce dark:text-white
   }
   .form-modal-chat-thought-border {
-    @apply rounded-md border border-gray-300
+    @apply rounded-md border border-ring/60
   }
   .form-modal-chat-thought-size {
     @apply inline-block h-full w-[95%]
   }
   .form-modal-chat-thought {
-    @apply ml-3 cursor-pointer overflow-scroll  bg-muted px-2 text-start text-primary scrollbar-hide dark:border-gray-500 dark:bg-gray-800 form-modal-chat-thought-border form-modal-chat-thought-size
+    @apply cursor-pointer overflow-scroll bg-background text-start text-primary scrollbar-hide form-modal-chat-thought-border form-modal-chat-thought-size py-2 px-2
   }
   .form-modal-markdown-span {
     @apply mt-1 animate-pulse cursor-default
   }
   .form-modal-initial-prompt-btn {
-    @apply mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-2 text-base font-semibold
+    @apply mb-2 flex items-center gap-2 rounded-md border border-border bg-background shadow-sm px-4 py-2 text-sm font-semibold
   }
   .form-modal-iv-box {
     @apply mt-2 flex-max-width h-[80vh]
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index ccaaa2227..091dacfe5 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -138,7 +138,7 @@ export default function ChatMessage({
               setPromptOpen((old) => !old);
             }}
           >
-            Initial Prompt
+            Display Prompt
             <ChevronDown
               className={
                 "h-3 w-3 transition-all " + (promptOpen ? "rotate-180" : "")
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 1b6eae53d..52544b2a5 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -488,7 +488,7 @@ export default function FormModal({
                           {i}
                         </Badge>
                       </div>
-                      Used as Memory Key
+                      Used as memory key
                     </div>
                   </AccordionItem>
                 ))}

From b1a58a76b88c9b7dc1bd3faddfafe2e74c674158 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sat, 8 Jul 2023 06:44:03 -0300
Subject: [PATCH 267/367] Fixed chat thought always showing

---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 091dacfe5..48aaf635b 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -48,7 +48,7 @@ export default function ChatMessage({
       {!chat.isSend ? (
         <div className="form-modal-chat-text-position">
           <div className="form-modal-chat-text">
-            {hidden && (
+            {hidden && chat.thought && chat.thought !== "" && (
               <div
                 onClick={() => setHidden((prev) => !prev)}
                 className="form-modal-chat-icon-div"

From 7dcaf709da90ebde5778511416c8a9225cf81d25 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Sat, 8 Jul 2023 08:38:08 -0300
Subject: [PATCH 268/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage/index.ts?=
 =?UTF-8?q?x):=20add=20optional=20chaining=20to=20template.split()=20to=20?=
 =?UTF-8?q?handle=20cases=20where=20template=20is=20null=20or=20undefined?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 48aaf635b..881395338 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -147,7 +147,7 @@ export default function ChatMessage({
           </button>
           <span className="prose inline-block break-words text-primary dark:prose-invert">
             {promptOpen
-              ? template.split("\n").map((line, index) => {
+              ? template?.split("\n")?.map((line, index) => {
                   const regex = /{([^}]+)}/g;
                   let match;
                   let parts = [];

From 4883064e84c23c0e5cd524cfb66f5fd40cd3d9c3 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Sat, 8 Jul 2023 09:12:24 -0300
Subject: [PATCH 269/367] =?UTF-8?q?=F0=9F=90=9B=20fix(alerts/error):=20rem?=
 =?UTF-8?q?ove=20unnecessary=20line=20break=20in=20ErrorAlert=20component?=
 =?UTF-8?q?=20=E2=9C=A8=20feat(modals/EditNodeModal):=20add=20ability=20to?=
 =?UTF-8?q?=20set=20nodeClass=20in=20EditNodeModal=20component=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(modals/genericModal):=20handle=20optional=20?=
 =?UTF-8?q?chaining=20for=20error=20response=20data=20in=20GenericModal=20?=
 =?UTF-8?q?component=20=F0=9F=94=A5=20chore(modals/promptModal):=20remove?=
 =?UTF-8?q?=20unused=20import=20and=20checkPrompt=20function=20in=20Prompt?=
 =?UTF-8?q?AreaModal=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/alerts/error/index.tsx       |  3 +-
 .../src/modals/EditNodeModal/index.tsx        |  4 +++
 .../src/modals/genericModal/index.tsx         |  2 +-
 src/frontend/src/modals/promptModal/index.tsx | 31 -------------------
 4 files changed, 7 insertions(+), 33 deletions(-)

diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx
index ed395018e..dd3f4bba7 100644
--- a/src/frontend/src/alerts/error/index.tsx
+++ b/src/frontend/src/alerts/error/index.tsx
@@ -20,6 +20,7 @@ export default function ErrorAlert({
       }, 5000);
     }
   }, [id, removeAlert, show]);
+
   return (
     <Transition
       className="relative"
@@ -50,7 +51,7 @@ export default function ErrorAlert({
           </div>
           <div className="ml-3">
             <h3 className="error-build-foreground">{title}</h3>
-            {list.length !== 0 ? (
+            {list?.length !== 0 && list?.some(item => item !== null && item !== undefined) ? (
               <div className="error-build-message-div">
                 <ul className="error-build-message-list">
                   {list.map((item, index) => (
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 2c2191ed4..130241ad2 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -269,6 +269,10 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   field_name={n}
                                   editNode={true}
                                   disabled={false}
+                                  nodeClass={data.node}
+                                  setNodeClass={(nodeClass) => {
+                                    data.node = nodeClass;
+                                  }}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t: string) => {
                                     handleOnNewValue(t, n);
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index ba3fb672f..9eb714c9b 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -162,7 +162,7 @@ export default function GenericModal({
         setIsEdit(true);
         return setErrorData({
           title: "There is something wrong with this prompt, please review it",
-          list: [error.response.data.detail],
+          list: [error?.response?.data?.detail],
         });
       });
   }
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
index 54fd46528..a1b3aa4ba 100644
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ b/src/frontend/src/modals/promptModal/index.tsx
@@ -4,7 +4,6 @@ import { Fragment, useContext, useRef, useState } from "react";
 import { alertContext } from "../../contexts/alertContext";
 import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
-import { checkPrompt } from "../../controllers/API";
 export default function PromptAreaModal({
   value,
   setValue,
@@ -105,36 +104,6 @@ export default function PromptAreaModal({
                       type="button"
                       className="node-modal-button"
                       onClick={() => {
-                        checkPrompt(myValue)
-                          .then((apiReturn) => {
-                            if (apiReturn.data) {
-                              let inputVariables =
-                                apiReturn.data.input_variables;
-                              if (inputVariables.length === 0) {
-                                setErrorData({
-                                  title:
-                                    "The template you are attempting to use does not contain any variables for data entry.",
-                                });
-                              } else {
-                                setSuccessData({
-                                  title: "Prompt is ready",
-                                });
-                                setModalOpen(false);
-                                setValue(myValue);
-                              }
-                            } else {
-                              setErrorData({
-                                title: "Something went wrong, please try again",
-                              });
-                            }
-                          })
-                          .catch((error) => {
-                            return setErrorData({
-                              title:
-                                "There is something wrong with this prompt, please review it",
-                              list: [error.response.data.detail],
-                            });
-                          });
                       }}
                     >
                       Check & Save

From df7b3bb6537bfa65e4e97802064ae819f4cd442b Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Sat, 8 Jul 2023 09:13:35 -0300
Subject: [PATCH 270/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(promptModal):?=
 =?UTF-8?q?=20remove=20unused=20code=20and=20dependencies=20to=20improve?=
 =?UTF-8?q?=20code=20cleanliness=20and=20reduce=20bundle=20size=20?=
 =?UTF-8?q?=F0=9F=94=A5=20refactor(textAreaModal):=20remove=20unused=20cod?=
 =?UTF-8?q?e=20and=20dependencies=20to=20improve=20code=20cleanliness=20an?=
 =?UTF-8?q?d=20reduce=20bundle=20size?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/promptModal/index.tsx | 120 -----------------
 .../src/modals/textAreaModal/index.tsx        | 121 ------------------
 2 files changed, 241 deletions(-)
 delete mode 100644 src/frontend/src/modals/promptModal/index.tsx
 delete mode 100644 src/frontend/src/modals/textAreaModal/index.tsx

diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
deleted file mode 100644
index a1b3aa4ba..000000000
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import { Dialog, Transition } from "@headlessui/react";
-import { DocumentTextIcon, XMarkIcon } from "@heroicons/react/24/outline";
-import { Fragment, useContext, useRef, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
-import { darkContext } from "../../contexts/darkContext";
-import { PopUpContext } from "../../contexts/popUpContext";
-export default function PromptAreaModal({
-  value,
-  setValue,
-}: {
-  setValue: (value: string) => void;
-  value: string;
-}) {
-  const [open, setOpen] = useState(true);
-  const [myValue, setMyValue] = useState(value);
-  const { dark } = useContext(darkContext);
-  const { setErrorData, setSuccessData } = useContext(alertContext);
-  const { closePopUp, setCloseEdit } = useContext(PopUpContext);
-  const ref = useRef();
-  function setModalOpen(x: boolean) {
-    setOpen(x);
-    if (x === false) {
-      setTimeout(() => {
-        setCloseEdit("prompt");
-        closePopUp();
-      }, 300);
-    }
-  }
-  return (
-    <Transition.Root show={open} appear={true} as={Fragment}>
-      <Dialog
-        as="div"
-        className="relative z-10"
-        onClose={setModalOpen}
-        initialFocus={ref}
-      >
-        <Transition.Child
-          as={Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="node-modal-div" />
-        </Transition.Child>
-
-        <div className="node-modal-dialog-arrangement">
-          <div className="node-modal-dialog-div">
-            <Transition.Child
-              as={Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              enterTo="opacity-100 translate-y-0 sm:scale-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            >
-              <Dialog.Panel className="node-modal-dialog-panel">
-                <div className=" node-modal-dialog-panel-div ">
-                  <button
-                    type="button"
-                    className="node-modal-dialog-button"
-                    onClick={() => {
-                      setModalOpen(false);
-                    }}
-                  >
-                    <span className="sr-only">Close</span>
-                    <XMarkIcon className="h-6 w-6" aria-hidden="true" />
-                  </button>
-                </div>
-                <div className="node-modal-dialog-icon-div">
-                  <div className="node-modal-icon-arrangement">
-                    <div className="prompt-modal-icon-box">
-                      <DocumentTextIcon
-                        className="prompt-modal-icon"
-                        aria-hidden="true"
-                      />
-                    </div>
-                    <div className="node-modal-title-div ">
-                      <Dialog.Title as="h3" className="node-modal-title">
-                        Edit Prompt
-                      </Dialog.Title>
-                    </div>
-                  </div>
-                  <div className="prompt-modal-txtarea-arrangement">
-                    <div className="flex-max-width h-full">
-                      <div className="prompt-modal-txtarea-box">
-                        <textarea
-                          ref={ref}
-                          className="prompt-modal-txtarea"
-                          value={myValue}
-                          onChange={(e) => {
-                            setMyValue(e.target.value);
-                            setValue(e.target.value);
-                          }}
-                        />
-                      </div>
-                    </div>
-                  </div>
-                  <div className="node-modal-button-box">
-                    <button
-                      type="button"
-                      className="node-modal-button"
-                      onClick={() => {
-                      }}
-                    >
-                      Check & Save
-                    </button>
-                  </div>
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition.Root>
-  );
-}
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
deleted file mode 100644
index 83186bbea..000000000
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { Dialog, Transition } from "@headlessui/react";
-import {
-  ClipboardDocumentListIcon,
-  XMarkIcon,
-} from "@heroicons/react/24/outline";
-import { Fragment, useContext, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-
-export default function TextAreaModal({
-  value,
-  setValue,
-}: {
-  setValue: (value: string) => void;
-  value: string | string[];
-}) {
-  const [open, setOpen] = useState(true);
-  const [myValue, setMyValue] = useState(value);
-  const { closePopUp, setCloseEdit } = useContext(PopUpContext);
-  const ref = useRef();
-  function setModalOpen(x: boolean) {
-    setOpen(x);
-    if (x === false) {
-      setTimeout(() => {
-        setCloseEdit("textarea");
-        closePopUp();
-      }, 300);
-    }
-  }
-  return (
-    <Transition.Root show={open} appear={true} as={Fragment}>
-      <Dialog
-        as="div"
-        className="relative z-10"
-        onClose={setModalOpen}
-        initialFocus={ref}
-      >
-        <Transition.Child
-          as={Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="node-modal-div" />
-        </Transition.Child>
-
-        <div className="node-modal-dialog-arrangement">
-          <div className="node-modal-dialog-div">
-            <Transition.Child
-              as={Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              enterTo="opacity-100 translate-y-0 sm:scale-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            >
-              <Dialog.Panel className="node-modal-dialog-panel">
-                <div className=" node-modal-dialog-panel-div">
-                  <button
-                    type="button"
-                    className="node-modal-dialog-button"
-                    onClick={() => {
-                      setModalOpen(false);
-                    }}
-                  >
-                    <span className="sr-only">Close</span>
-                    <XMarkIcon className="h-6 w-6" aria-hidden="true" />
-                  </button>
-                </div>
-                <div className="node-modal-dialog-icon-div">
-                  <div className="node-modal-icon-arrangement">
-                    <div className="prompt-modal-icon-box">
-                      <ClipboardDocumentListIcon
-                        className="prompt-modal-icon"
-                        aria-hidden="true"
-                      />
-                    </div>
-                    <div className="node-modal-title-div">
-                      <Dialog.Title as="h3" className="node-modal-title">
-                        Edit text
-                      </Dialog.Title>
-                    </div>
-                  </div>
-                  <div className="txtarea-modal-arrangement">
-                    <div className="flex h-full w-full">
-                      <div className="txtarea-modal-box">
-                        <textarea
-                          ref={ref}
-                          className="txtarea-modal-input"
-                          value={myValue}
-                          onChange={(e) => {
-                            setMyValue(e.target.value);
-                            setValue(e.target.value);
-                          }}
-                        />
-                      </div>
-                    </div>
-                  </div>
-                  <div className="node-modal-button-box">
-                    <button
-                      type="button"
-                      className="node-modal-button"
-                      onClick={() => {
-                        setModalOpen(false);
-                      }}
-                    >
-                      Finish editing
-                    </button>
-                  </div>
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition.Root>
-  );
-}

From 72b4a2d94343e34be31b73e7642d9020bf4407b6 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 11:40:56 -0300
Subject: [PATCH 271/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(chat.py):=20rem?=
 =?UTF-8?q?ove=20unnecessary=20code=20for=20building=20the=20root=20node?=
 =?UTF-8?q?=20in=20the=20graph=20The=20code=20for=20building=20the=20root?=
 =?UTF-8?q?=20node=20in=20the=20graph=20has=20been=20removed=20as=20it=20i?=
 =?UTF-8?q?s=20no=20longer=20necessary.=20Previously,=20the=20root=20node?=
 =?UTF-8?q?=20was=20built=20separately=20due=20to=20certain=20nodes=20requ?=
 =?UTF-8?q?iring=20parameters=20that=20were=20not=20connected=20to=20it.?=
 =?UTF-8?q?=20However,=20this=20approach=20has=20been=20reconsidered=20and?=
 =?UTF-8?q?=20the=20tools=20are=20now=20connected=20to=20the=20ZeroShotPro?=
 =?UTF-8?q?mpt,=20eliminating=20the=20need=20for=20separate=20building=20o?=
 =?UTF-8?q?f=20the=20root=20node.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/chat.py | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index 164dd2dd5..f6f0eceb1 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -115,13 +115,6 @@ async def stream_build(flow_id: str):
 
             number_of_nodes = len(graph.nodes)
             flow_data_store[flow_id]["status"] = BuildStatus.IN_PROGRESS
-            # To deal with the ZeroShotAgent case
-            # we need to build the root node first
-            # and then the rest of the graph
-            # This is a big problem because certain nodes require
-            # params that are not connected to it.
-            # We should consider connecting the tools to the ZeroShotPrompt
-            graph.build()
 
             for i, vertex in enumerate(graph.generator_build(), 1):
                 try:

From ba6cf77fe96c1ec48f074bf169ffaa5f4cde098c Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 11:42:36 -0300
Subject: [PATCH 272/367] =?UTF-8?q?=E2=9C=A8=20feat(base.py):=20add=20supp?=
 =?UTF-8?q?ort=20for=20creating=20SQLDatabaseChain=20from=20LLM=20?=
 =?UTF-8?q?=F0=9F=93=9D=20docs(base.py):=20update=20documentation=20for=20?=
 =?UTF-8?q?ChainCreator=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/chains/base.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/backend/langflow/interface/chains/base.py b/src/backend/langflow/interface/chains/base.py
index ff7e1ee33..67d31308f 100644
--- a/src/backend/langflow/interface/chains/base.py
+++ b/src/backend/langflow/interface/chains/base.py
@@ -23,6 +23,7 @@ class ChainCreator(LangChainTypeCreator):
     from_method_nodes = {
         "ConversationalRetrievalChain": "from_llm",
         "LLMCheckerChain": "from_llm",
+        "SQLDatabaseChain": "from_llm",
     }
 
     @property

From 6c17949d21f1e0c9f28925c2b97cd4a6f13a32e4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 11:43:01 -0300
Subject: [PATCH 273/367] =?UTF-8?q?=F0=9F=94=A7=20fix(base.py):=20add=20ex?=
 =?UTF-8?q?ception=20handling=20when=20formatting=20intermediate=20steps?=
 =?UTF-8?q?=20to=20prevent=20crashes=20and=20log=20the=20exception?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/processing/base.py | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/processing/base.py b/src/backend/langflow/processing/base.py
index 478b98816..e8880c34e 100644
--- a/src/backend/langflow/processing/base.py
+++ b/src/backend/langflow/processing/base.py
@@ -39,7 +39,11 @@ async def get_result_and_steps(langchain_object, inputs: Union[dict, str], **kwa
             if isinstance(output, dict)
             else output
         )
-        thought = format_actions(intermediate_steps) if intermediate_steps else ""
+        try:
+            thought = format_actions(intermediate_steps) if intermediate_steps else ""
+        except Exception as exc:
+            logger.exception(exc)
+            thought = ""
     except Exception as exc:
         logger.exception(exc)
         raise ValueError(f"Error: {str(exc)}") from exc

From 55164fdfa357e9d72cff79c52358ff58883acbb3 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 11:43:27 -0300
Subject: [PATCH 274/367] =?UTF-8?q?=F0=9F=90=9B=20fix(error):=20fix=20form?=
 =?UTF-8?q?atting=20issue=20in=20ErrorAlert=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/alerts/error/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx
index dd3f4bba7..3824c3e87 100644
--- a/src/frontend/src/alerts/error/index.tsx
+++ b/src/frontend/src/alerts/error/index.tsx
@@ -51,7 +51,8 @@ export default function ErrorAlert({
           </div>
           <div className="ml-3">
             <h3 className="error-build-foreground">{title}</h3>
-            {list?.length !== 0 && list?.some(item => item !== null && item !== undefined) ? (
+            {list?.length !== 0 &&
+            list?.some((item) => item !== null && item !== undefined) ? (
               <div className="error-build-message-div">
                 <ul className="error-build-message-list">
                   {list.map((item, index) => (

From 7e712b1be87e24978f8fe2705814fdd6a855f27e Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 13:59:46 -0300
Subject: [PATCH 275/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20conve?=
 =?UTF-8?q?rt=20"max=5Ftokens"=20parameter=20from=20string=20to=20int=20if?=
 =?UTF-8?q?=20it=20is=20a=20string=20and=20can=20be=20converted=20to=20int?=
 =?UTF-8?q?=20=F0=9F=90=9B=20fix(loading.py):=20remove=20"max=5Ftokens"=20?=
 =?UTF-8?q?parameter=20if=20it=20is=20not=20an=20integer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 25149cd4b..df539d12c 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -120,6 +120,15 @@ def instantiate_llm(node_type, class_object, params: Dict):
     # False if condition is True
     if node_type == "VertexAI":
         return initialize_vertexai(class_object=class_object, params=params)
+    # max_tokens sometimes is a string and should be an int
+    if (
+        "max_tokens" in params
+        and isinstance(params["max_tokens"], str)
+        and params["max_tokens"].isdigit()
+    ):
+        params["max_tokens"] = int(params["max_tokens"])
+    elif not isinstance(params["max_tokens"], int):
+        params.pop("max_tokens", None)
     return class_object(**params)
 
 

From fbdde257e0930d61344ed7790b84cba0a1eaff66 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 14:52:59 -0300
Subject: [PATCH 276/367] =?UTF-8?q?=F0=9F=94=A7=20fix(types.py):=20fix=20i?=
 =?UTF-8?q?ndentation=20issue=20in=20the=20repr=20method=20of=20DocumentLo?=
 =?UTF-8?q?aderVertex=20and=20TextSplitterVertex=20classes=20=F0=9F=94=A7?=
 =?UTF-8?q?=20fix(types.py):=20calculate=20average=20document=20length=20i?=
 =?UTF-8?q?n=20the=20repr=20method=20of=20DocumentLoaderVertex=20and=20Tex?=
 =?UTF-8?q?tSplitterVertex=20classes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index a8b38bb3f..9f57ed09b 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -93,7 +93,11 @@ class DocumentLoaderVertex(Vertex):
         # show how many documents are in the list?
 
         if self._built_object:
+            avg_length = sum(len(doc.page_content) for doc in self._built_object) / len(
+                self._built_object
+            )
             return f"""{self.vertex_type}({len(self._built_object)} documents)
+            \nAvg. Document Length (characters): {avg_length}
             Documents: {self._built_object[:3]}..."""
         return f"{self.vertex_type}()"
 
@@ -125,8 +129,13 @@ class TextSplitterVertex(Vertex):
     def _built_object_repr(self):
         # This built_object is a list of documents. Maybe we should
         # show how many documents are in the list?
+
         if self._built_object:
+            avg_length = sum(len(doc.page_content) for doc in self._built_object) / len(
+                self._built_object
+            )
             return f"""{self.vertex_type}({len(self._built_object)} documents)
+            \nAvg. Document Length (characters): {avg_length}
             \nDocuments: {self._built_object[:3]}..."""
         return f"{self.vertex_type}()"
 

From 6aac7e8e80302da478484ab57deedf6532e788f3 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 14:57:22 -0300
Subject: [PATCH 277/367] =?UTF-8?q?=F0=9F=90=9B=20fix(types.py):=20add=20a?=
 =?UTF-8?q?=20check=20for=20None=20before=20checking=20if=20the=20built=20?=
 =?UTF-8?q?object=20has=20a=20"format"=20attribute=20to=20prevent=20potent?=
 =?UTF-8?q?ial=20AttributeError?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index 9f57ed09b..2bebc1383 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -211,7 +211,11 @@ class PromptVertex(Vertex):
         return self._built_object
 
     def _built_object_repr(self):
-        if self.artifacts and hasattr(self._built_object, "format"):
+        if (
+            self.artifacts
+            and self._built_object is not None
+            and hasattr(self._built_object, "format")
+        ):
             # We'll build the prompt with the artifacts
             # to show the user what the prompt looks like
             # with the variables filled in

From 1fbc897cfa68bac7ced4f2546c5c341eda2659b8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 14:57:53 -0300
Subject: [PATCH 278/367] =?UTF-8?q?=F0=9F=90=9B=20fix(GenericNode/index.ts?=
 =?UTF-8?q?x):=20fix=20tooltip=20content=20to=20display=20"Building..."=20?=
 =?UTF-8?q?when=20isBuilding=20flag=20is=20true?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 5a727106b..ee62461bd 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -114,7 +114,9 @@ export default function GenericNode({
             <div>
               <Tooltip
                 title={
-                  !validationStatus ? (
+                  isBuilding ? (
+                    <span>Building...</span>
+                  ) : !validationStatus ? (
                     <span className="flex">
                       Build{" "}
                       <Zap

From 167c9cc2d894af3cb258d2082138346877bc0b30 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 14:58:24 -0300
Subject: [PATCH 279/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chatModal):=20concat?=
 =?UTF-8?q?enate=20message=20and=20thought=20strings=20instead=20of=20over?=
 =?UTF-8?q?writing=20them=20to=20preserve=20previous=20content?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/chatModal/index.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 5cbc2d17b..0d783b36e 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -86,12 +86,15 @@ export default function ChatModal({
         if (end) {
           newChat[newChat.length - 1].message = str;
         } else {
-          newChat[newChat.length - 1].message =
-            newChat[newChat.length - 1].message + str;
+          newChat[newChat.length - 1].message += str;
         }
       }
       if (thought) {
-        newChat[newChat.length - 1].thought = thought;
+        if (end) {
+          newChat[newChat.length - 1].thought = thought;
+        } else {
+          newChat[newChat.length - 1].thought += thought;
+        }
       }
       if (files) {
         newChat[newChat.length - 1].files = files;

From ded0529d5930a6969ca4f62beb055032dc52e9ff Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 14:58:47 -0300
Subject: [PATCH 280/367] =?UTF-8?q?=F0=9F=94=A7=20chore(chatMessage/index.?=
 =?UTF-8?q?tsx):=20import=20DOMPurify=20to=20sanitize=20HTML=20content=20i?=
 =?UTF-8?q?n=20chat=20message=20thought=20=F0=9F=90=9B=20fix(chatMessage/i?=
 =?UTF-8?q?ndex.tsx):=20use=20DOMPurify=20to=20sanitize=20HTML=20content?=
 =?UTF-8?q?=20in=20chat=20message=20thought=20to=20prevent=20XSS=20attacks?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 881395338..3e3cf2dd5 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -1,4 +1,5 @@
 import Convert from "ansi-to-html";
+import DOMPurify from "dompurify";
 import { ChevronDown } from "lucide-react";
 import { useState } from "react";
 import ReactMarkdown from "react-markdown";
@@ -12,7 +13,6 @@ import { ChatMessageType } from "../../../types/chat";
 import { classNames } from "../../../utils";
 import FileCard from "../fileComponent";
 import { CodeBlock } from "./codeBlock";
-
 export default function ChatMessage({
   chat,
   lockChat,
@@ -61,7 +61,7 @@ export default function ChatMessage({
                 onClick={() => setHidden((prev) => !prev)}
                 className=" form-modal-chat-thought "
                 dangerouslySetInnerHTML={{
-                  __html: convert.toHtml(chat.thought),
+                  __html: DOMPurify.sanitize(convert.toHtml(chat.thought)),
                 }}
               ></div>
             )}

From 3896f894ac995f54da5ee5409a9092e086b2dffd Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 15:09:49 -0300
Subject: [PATCH 281/367] =?UTF-8?q?=F0=9F=90=9B=20fix(constants.tsx):=20co?=
 =?UTF-8?q?rrect=20typo=20in=20constant=20name=20from=20HIGHLIGH=5FCSS=20t?=
 =?UTF-8?q?o=20HIGHLIGHT=5FCSS=20for=20consistency=20and=20clarity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index bb54427f9..e6c1dcd1f 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -550,5 +550,5 @@ export const USER_PROJECTS_HEADER = "My Collection";
  * @constant
  *
  */
-export const HIGHLIGH_CSS =
+export const HIGHLIGHT_CSS =
   "block pl-3 pr-14 py-2 w-full h-full text-sm outline-0 border-0 break-all overflow-y-hidden max-w-[75vw]";

From 9a3e0d2891e47ad4c5698907d627bdacedc58b71 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 15:11:59 -0300
Subject: [PATCH 282/367] =?UTF-8?q?=E2=9C=A8=20feat(SanitizedDiv):=20add?=
 =?UTF-8?q?=20a=20new=20component=20to=20sanitize=20and=20render=20HTML=20?=
 =?UTF-8?q?content=20safely=20=F0=9F=94=A8=20refactor(chatMessage):=20repl?=
 =?UTF-8?q?ace=20the=20usage=20of=20DOMPurify=20with=20SanitizedHTMLWrappe?=
 =?UTF-8?q?r=20component=20in=20chatMessage=20component=20=F0=9F=94=A8=20r?=
 =?UTF-8?q?efactor(formModal):=20replace=20the=20usage=20of=20DOMPurify=20?=
 =?UTF-8?q?with=20SanitizedHTMLWrapper=20component=20in=20formModal=20comp?=
 =?UTF-8?q?onent=20=F0=9F=94=A8=20refactor(genericModal):=20replace=20the?=
 =?UTF-8?q?=20usage=20of=20DOMPurify=20with=20SanitizedHTMLWrapper=20compo?=
 =?UTF-8?q?nent=20in=20genericModal=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/SanitizedDiv/index.tsx     | 21 +++++++++++++++++++
 .../modals/chatModal/chatMessage/index.tsx    | 13 ++++++------
 .../modals/formModal/chatMessage/index.tsx    | 12 +++++------
 .../src/modals/genericModal/index.tsx         | 12 +++++------
 4 files changed, 38 insertions(+), 20 deletions(-)
 create mode 100644 src/frontend/src/components/SanitizedDiv/index.tsx

diff --git a/src/frontend/src/components/SanitizedDiv/index.tsx b/src/frontend/src/components/SanitizedDiv/index.tsx
new file mode 100644
index 000000000..e76105c00
--- /dev/null
+++ b/src/frontend/src/components/SanitizedDiv/index.tsx
@@ -0,0 +1,21 @@
+import DOMPurify from "dompurify";
+
+const SanitizedHTMLWrapper = ({
+  className,
+  content,
+  onClick,
+  suppressWarning = false,
+}) => {
+  const sanitizedHTML = DOMPurify.sanitize(content);
+
+  return (
+    <div
+      className={className}
+      dangerouslySetInnerHTML={{ __html: sanitizedHTML }}
+      suppressContentEditableWarning={suppressWarning}
+      onClick={onClick}
+    />
+  );
+};
+
+export default SanitizedHTMLWrapper;
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index f90396198..3a9749b72 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -1,5 +1,4 @@
 import Convert from "ansi-to-html";
-import DOMPurify from "dompurify";
 import { MessageCircle, User2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import ReactMarkdown from "react-markdown";
@@ -8,6 +7,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
 import AiIconStill from "../../../assets/froze-flow.png";
+import SanitizedHTMLWrapper from "../../../components/SanitizedDiv";
 import { ChatMessageType } from "../../../types/chat";
 import { classNames } from "../../../utils";
 import { CodeBlock } from "../../formModal/chatMessage/codeBlock";
@@ -68,13 +68,12 @@ export default function ChatMessage({
               </div>
             )}
             {chat.thought && chat.thought !== "" && !hidden && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
+              <SanitizedHTMLWrapper
                 className=" chat-message-modal-thought"
-                dangerouslySetInnerHTML={{
-                  __html: DOMPurify.sanitize(convert.toHtml(chat.thought)),
-                }}
-              ></div>
+                content={convert.toHtml(chat.thought)}
+                suppressWarning={false}
+                onClick={() => setHidden((prev) => !prev)}
+              />
             )}
             {chat.thought && chat.thought !== "" && !hidden && <br></br>}
             <div className="chat-message-modal-markdown">
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 3e3cf2dd5..66981be5e 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -1,5 +1,4 @@
 import Convert from "ansi-to-html";
-import DOMPurify from "dompurify";
 import { ChevronDown } from "lucide-react";
 import { useState } from "react";
 import ReactMarkdown from "react-markdown";
@@ -8,6 +7,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import MaleTechnology from "../../../assets/male-technologist.png";
 import Robot from "../../../assets/robot.png";
+import SanitizedHTMLWrapper from "../../../components/SanitizedDiv";
 import { THOUGHTS_ICON } from "../../../constants";
 import { ChatMessageType } from "../../../types/chat";
 import { classNames } from "../../../utils";
@@ -57,13 +57,11 @@ export default function ChatMessage({
               </div>
             )}
             {chat.thought && chat.thought !== "" && !hidden && (
-              <div
+              <SanitizedHTMLWrapper
+                className=" form-modal-chat-thought"
+                content={convert.toHtml(chat.thought)}
                 onClick={() => setHidden((prev) => !prev)}
-                className=" form-modal-chat-thought "
-                dangerouslySetInnerHTML={{
-                  __html: DOMPurify.sanitize(convert.toHtml(chat.thought)),
-                }}
-              ></div>
+              />
             )}
             {chat.thought && chat.thought !== "" && !hidden && <br></br>}
             <div className="w-full">
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 9eb714c9b..efd7dcd22 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -1,6 +1,6 @@
-import DOMPurify from "dompurify";
 import { FileText, Variable } from "lucide-react";
 import { useContext, useEffect, useRef, useState } from "react";
+import SanitizedHTMLWrapper from "../../components/SanitizedDiv";
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import { Badge } from "../../components/ui/badge";
 import { Button } from "../../components/ui/button";
@@ -15,7 +15,7 @@ import {
 } from "../../components/ui/dialog";
 import { Textarea } from "../../components/ui/textarea";
 import {
-  HIGHLIGH_CSS,
+  HIGHLIGHT_CSS,
   PROMPT_DIALOG_SUBTITLE,
   TEXT_DIALOG_SUBTITLE,
 } from "../../constants";
@@ -120,13 +120,13 @@ export default function GenericModal({
 
   const TextAreaContentView = () => {
     return (
-      <div
-        className={HIGHLIGH_CSS}
-        dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(coloredContent) }}
-        suppressContentEditableWarning={true}
+      <SanitizedHTMLWrapper
+        className={HIGHLIGHT_CSS}
+        content={coloredContent}
         onClick={() => {
           setIsEdit(true);
         }}
+        suppressWarning={true}
       />
     );
   };

From 79261bf620cb909ea54e7e3b82655791d439eba2 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 15:13:45 -0300
Subject: [PATCH 283/367] =?UTF-8?q?=E2=9C=A8=20feat(SanitizedHTMLWrapper):?=
 =?UTF-8?q?=20add=20new=20component=20to=20safely=20render=20sanitized=20H?=
 =?UTF-8?q?TML=20content=20=F0=9F=90=9B=20fix(chatMessage):=20fix=20import?=
 =?UTF-8?q?=20path=20for=20SanitizedHTMLWrapper=20component=20=F0=9F=90=9B?=
 =?UTF-8?q?=20fix(formModal):=20fix=20import=20path=20for=20SanitizedHTMLW?=
 =?UTF-8?q?rapper=20component=20=F0=9F=90=9B=20fix(genericModal):=20fix=20?=
 =?UTF-8?q?import=20path=20for=20SanitizedHTMLWrapper=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/{SanitizedDiv => SanitizedHTMLWrapper}/index.tsx | 0
 src/frontend/src/modals/chatModal/chatMessage/index.tsx         | 2 +-
 src/frontend/src/modals/formModal/chatMessage/index.tsx         | 2 +-
 src/frontend/src/modals/genericModal/index.tsx                  | 2 +-
 4 files changed, 3 insertions(+), 3 deletions(-)
 rename src/frontend/src/components/{SanitizedDiv => SanitizedHTMLWrapper}/index.tsx (100%)

diff --git a/src/frontend/src/components/SanitizedDiv/index.tsx b/src/frontend/src/components/SanitizedHTMLWrapper/index.tsx
similarity index 100%
rename from src/frontend/src/components/SanitizedDiv/index.tsx
rename to src/frontend/src/components/SanitizedHTMLWrapper/index.tsx
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index 3a9749b72..8889e40a3 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -7,7 +7,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
 import AiIconStill from "../../../assets/froze-flow.png";
-import SanitizedHTMLWrapper from "../../../components/SanitizedDiv";
+import SanitizedHTMLWrapper from "../../../components/SanitizedHTMLWrapper";
 import { ChatMessageType } from "../../../types/chat";
 import { classNames } from "../../../utils";
 import { CodeBlock } from "../../formModal/chatMessage/codeBlock";
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 66981be5e..e12febc07 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -7,7 +7,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import MaleTechnology from "../../../assets/male-technologist.png";
 import Robot from "../../../assets/robot.png";
-import SanitizedHTMLWrapper from "../../../components/SanitizedDiv";
+import SanitizedHTMLWrapper from "../../../components/SanitizedHTMLWrapper";
 import { THOUGHTS_ICON } from "../../../constants";
 import { ChatMessageType } from "../../../types/chat";
 import { classNames } from "../../../utils";
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index efd7dcd22..0ae00ef2a 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -1,6 +1,6 @@
 import { FileText, Variable } from "lucide-react";
 import { useContext, useEffect, useRef, useState } from "react";
-import SanitizedHTMLWrapper from "../../components/SanitizedDiv";
+import SanitizedHTMLWrapper from "../../components/SanitizedHTMLWrapper";
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import { Badge } from "../../components/ui/badge";
 import { Button } from "../../components/ui/button";

From bd9bd13f57221582387d1df719e8a6a4e2a81478 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 15:40:05 -0300
Subject: [PATCH 284/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20handl?=
 =?UTF-8?q?e=20conversion=20of=20max=5Ftokens=20from=20string=20to=20int?=
 =?UTF-8?q?=20if=20necessary?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../langflow/interface/initialize/loading.py        | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index df539d12c..9c900f18a 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -121,14 +121,11 @@ def instantiate_llm(node_type, class_object, params: Dict):
     if node_type == "VertexAI":
         return initialize_vertexai(class_object=class_object, params=params)
     # max_tokens sometimes is a string and should be an int
-    if (
-        "max_tokens" in params
-        and isinstance(params["max_tokens"], str)
-        and params["max_tokens"].isdigit()
-    ):
-        params["max_tokens"] = int(params["max_tokens"])
-    elif not isinstance(params["max_tokens"], int):
-        params.pop("max_tokens", None)
+    if "max_tokens" in params:
+        if isinstance(params["max_tokens"], str) and params["max_tokens"].isdigit():
+            params["max_tokens"] = int(params["max_tokens"])
+        elif not isinstance(params.get("max_tokens"), int):
+            params.pop("max_tokens", None)
     return class_object(**params)
 
 

From f4d9b4b96da9049e9e802aa46d93f43f154766d8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 15:53:12 -0300
Subject: [PATCH 285/367] =?UTF-8?q?=F0=9F=93=9D=20docs(README.md):=20add?=
 =?UTF-8?q?=20instructions=20for=20deploying=20Langflow=20on=20Railway=20a?=
 =?UTF-8?q?nd=20Render=20platforms=20=F0=9F=93=9D=20docs(README.md):=20add?=
 =?UTF-8?q?=20information=20about=20HuggingFace=20Spaces=20and=20provide?=
 =?UTF-8?q?=20a=20link=20to=20the=20Langflow=20project=20on=20HuggingFace?=
 =?UTF-8?q?=20Spaces?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 11d7c42aa..bf022318d 100644
--- a/README.md
+++ b/README.md
@@ -31,13 +31,16 @@
 - [Table of Contents](#table-of-contents)
 - [📦 Installation](#-installation)
     - [Locally](#locally)
+    - [HuggingFace Spaces](#huggingface-spaces)
 - [🖥️ Command Line Interface (CLI)](#️-command-line-interface-cli)
     - [Usage](#usage)
     - [Environment Variables](#environment-variables)
 - [Deployment](#deployment)
-    - [Deploy Langflow on Google Cloud Platform](#deploy-langflow-on-google-cloud-platform)
-    - [Deploy Langflow on Jina AI Cloud](#deploy-langflow-on-jina-ai-cloud)
+  - [Deploy Langflow on Google Cloud Platform](#deploy-langflow-on-google-cloud-platform)
+  - [Deploy Langflow on Jina AI Cloud](#deploy-langflow-on-jina-ai-cloud)
       - [API Usage](#api-usage)
+  - [Deploy on Railway](#deploy-on-railway)
+  - [Deploy on Render](#deploy-on-render)
   - [🎨 Creating Flows](#-creating-flows)
   - [👋 Contributing](#-contributing)
   - [📄 License](#-license)
@@ -61,6 +64,8 @@ or
 langflow # or langflow --help
 ```
 
+### HuggingFace Spaces
+You can also check it out on [HuggingFace Spaces](https://huggingface.co/spaces/Logspace/Langflow) and run it in your browser! You can even clone it and have your own copy of Langflow to play with.
 
 # 🖥️ Command Line Interface (CLI)
 
@@ -103,7 +108,7 @@ A sample `.env` file named `.env.example` is included with the project. Copy thi
 
 # Deployment
 
-### Deploy Langflow on Google Cloud Platform
+## Deploy Langflow on Google Cloud Platform
 
 Follow our step-by-step guide to deploy Langflow on Google Cloud Platform (GCP) using Google Cloud Shell. The guide is available in the [**Langflow in Google Cloud Platform**](GCP_DEPLOYMENT.md) document.
 
@@ -112,7 +117,7 @@ Alternatively, click the **"Open in Cloud Shell"** button below to launch Google
 [![Open in Cloud Shell](https://gstatic.com/cloudssh/images/open-btn.svg)](https://console.cloud.google.com/cloudshell/open?git_repo=https://github.com/logspace-ai/langflow&working_dir=scripts&shellonly=true&tutorial=walkthroughtutorial_spot.md)
 
 
-### Deploy Langflow on [Jina AI Cloud](https://github.com/jina-ai/langchain-serve)
+## Deploy Langflow on [Jina AI Cloud](https://github.com/jina-ai/langchain-serve)
 
 Langflow integrates with langchain-serve to provide a one-command deployment to Jina AI Cloud.
 
@@ -219,6 +224,13 @@ print(run_flow("Your message", flow_id=FLOW_ID, tweaks=TWEAKS))
 
 > Read more about resource customization, cost, and management of Langflow apps on Jina AI Cloud in the **[langchain-serve](https://github.com/jina-ai/langchain-serve)** repository.
 
+## Deploy on Railway
+[![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/template/Emy2sU?referralCode=MnPSdg)
+
+## Deploy on Render
+<a href="https://render.com/deploy?repo=https://github.com/logspace-ai/langflow/tree/main">
+<img src="https://render.com/images/deploy-to-render-button.svg" alt="Deploy to Render" />
+</a>
 
 ## 🎨 Creating Flows
 

From 53e8be272006ea186a42735fd0884d6db3ba6a64 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 16:08:17 -0300
Subject: [PATCH 286/367] =?UTF-8?q?=F0=9F=93=9D=20docs(render.yaml):=20add?=
 =?UTF-8?q?=20render.yaml=20configuration=20file=20for=20langflow=20servic?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔧 chore(render.yaml): configure langflow service in render.yaml for deployment

- Add render.yaml configuration file for langflow service
- Configure langflow service as a Docker web service
- Set the name of the service to "langflow"
- Specify the runtime as Docker
- Set the path to the Dockerfile as "./Dockerfile"
- Set the repository URL to "https://github.com/logspace-ai/langflow"
- Set the branch to "form_io"
- Set the health check path to "/health"
- Disable auto deployment for the service
---
 render.yaml | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 render.yaml

diff --git a/render.yaml b/render.yaml
new file mode 100644
index 000000000..1f9451131
--- /dev/null
+++ b/render.yaml
@@ -0,0 +1,10 @@
+services:
+  # A Docker web service
+  - type: web
+    name: langflow
+    runtime: docker
+    dockerfilePath: ./Dockerfile
+    repo: https://github.com/logspace-ai/langflow
+    branch: form_io
+    healthCheckPath: /health
+    autoDeploy: false

From 75a5ec1160acf42d4bfe7ad4bd6cff93c322aeb0 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 16:11:25 -0300
Subject: [PATCH 287/367] =?UTF-8?q?=F0=9F=94=80=20chore(render.yaml):=20up?=
 =?UTF-8?q?date=20langflow=20service=20branch=20from=20'form=5Fio'=20to=20?=
 =?UTF-8?q?'main'=20for=20consistency=20with=20the=20repository's=20defaul?=
 =?UTF-8?q?t=20branch=20=F0=9F=94=80=20chore(render.yaml):=20add=20'instan?=
 =?UTF-8?q?ceType:=20free'=20to=20langflow=20service=20configuration=20to?=
 =?UTF-8?q?=20specify=20the=20instance=20type=20as=20free?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 render.yaml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/render.yaml b/render.yaml
index 1f9451131..4b575a41f 100644
--- a/render.yaml
+++ b/render.yaml
@@ -3,8 +3,9 @@ services:
   - type: web
     name: langflow
     runtime: docker
+    instanceType: free
     dockerfilePath: ./Dockerfile
     repo: https://github.com/logspace-ai/langflow
-    branch: form_io
+    branch: main
     healthCheckPath: /health
     autoDeploy: false

From 2a61d60aab5523611369ab0ad358f34248192d8f Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 16:12:52 -0300
Subject: [PATCH 288/367] =?UTF-8?q?=F0=9F=94=84=20chore(render.yaml):=20up?=
 =?UTF-8?q?date=20instanceType=20to=20plan=20for=20better=20clarity=20and?=
 =?UTF-8?q?=20consistency?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 render.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/render.yaml b/render.yaml
index 4b575a41f..e67da9334 100644
--- a/render.yaml
+++ b/render.yaml
@@ -3,7 +3,7 @@ services:
   - type: web
     name: langflow
     runtime: docker
-    instanceType: free
+    plan: free
     dockerfilePath: ./Dockerfile
     repo: https://github.com/logspace-ai/langflow
     branch: main

From 3441bb4e5bf43147d56b5551b1554acc6fdd659a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 16:45:33 -0300
Subject: [PATCH 289/367] =?UTF-8?q?=F0=9F=90=9B=20fix(utils.py):=20improve?=
 =?UTF-8?q?=20error=20handling=20and=20file=20type=20detection=20in=20load?=
 =?UTF-8?q?=5Ffile=5Finto=5Fdict=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/utils.py | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/backend/langflow/interface/utils.py b/src/backend/langflow/interface/utils.py
index 1ab2b4ce5..9203915cf 100644
--- a/src/backend/langflow/interface/utils.py
+++ b/src/backend/langflow/interface/utils.py
@@ -16,17 +16,15 @@ def load_file_into_dict(file_path: str) -> dict:
     if not os.path.exists(file_path):
         raise FileNotFoundError(f"File not found: {file_path}")
 
-    file_extension = os.path.splitext(file_path)[1].lower()
-
-    if file_extension == ".json":
-        with open(file_path, "r") as json_file:
-            data = json.load(json_file)
-    elif file_extension in [".yaml", ".yml"]:
-        with open(file_path, "r") as yaml_file:
-            data = yaml.safe_load(yaml_file)
-    else:
-        raise ValueError("Unsupported file type. Please provide a JSON or YAML file.")
-
+    # Files names are UUID, so we can't find the extension
+    with open(file_path, "r") as file:
+        try:
+            data = json.load(file)
+        except json.JSONDecodeError:
+            file.seek(0)
+            data = yaml.safe_load(file)
+        except ValueError as exc:
+            raise ValueError("Invalid file type. Expected .json or .yaml.") from exc
     return data
 
 

From 800f4b0a94d54c8c5832ada99f6ee92b4a40138b Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 16:45:59 -0300
Subject: [PATCH 290/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20handl?=
 =?UTF-8?q?e=20case=20when=20loading=20file=20into=20dict=20fails=20and=20?=
 =?UTF-8?q?raise=20ValueError=20with=20"Invalid=20file"=20message=20?=
 =?UTF-8?q?=E2=9C=A8=20feat(loading.py):=20improve=20code=20readability=20?=
 =?UTF-8?q?by=20using=20walrus=20operator=20to=20assign=20loaded=20file=20?=
 =?UTF-8?q?dict=20to=20params["dict=5F"]=20variable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 9c900f18a..4e04fc8e6 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -254,12 +254,14 @@ def instantiate_prompt(node_type, class_object, params: Dict):
 
 def instantiate_tool(node_type, class_object: Type[BaseTool], params: Dict):
     if node_type == "JsonSpec":
-        params["dict_"] = load_file_into_dict(params.pop("path"))
+        if file_dict := load_file_into_dict(params.pop("path")):
+            params["dict_"] = file_dict
+        else:
+            raise ValueError("Invalid file")
         return class_object(**params)
     elif node_type == "PythonFunctionTool":
         params["func"] = get_function(params.get("code"))
         return class_object(**params)
-    # For backward compatibility
     elif node_type == "PythonFunction":
         function_string = params["code"]
         if isinstance(function_string, str):

From 2d4642fc36cfd93f7e3d79ee9e0ce4a3c8f5a0b4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 8 Jul 2023 16:49:30 -0300
Subject: [PATCH 291/367] =?UTF-8?q?=F0=9F=94=A7=20fix(callback.py):=20add?=
 =?UTF-8?q?=20error=20handling=20when=20sending=20response=20to=20websocke?=
 =?UTF-8?q?t=20to=20prevent=20potential=20errors=20=F0=9F=94=A7=20fix(call?=
 =?UTF-8?q?back.py):=20change=20intermediate=5Fsteps=20assignment=20to=20u?=
 =?UTF-8?q?se=20formatted=20string=20for=20better=20readability=20and=20ma?=
 =?UTF-8?q?intainability=20=E2=9C=A8=20feat(callback.py):=20add=20observat?=
 =?UTF-8?q?ion=5Fprefix=20parameter=20to=20on=5Ftool=5Fend=20method=20to?=
 =?UTF-8?q?=20allow=20customization=20of=20the=20observation=20prefix=20in?=
 =?UTF-8?q?=20the=20response=20message=20=E2=9C=A8=20feat(callback.py):=20?=
 =?UTF-8?q?add=20logger=20to=20handle=20potential=20errors=20when=20sendin?=
 =?UTF-8?q?g=20response=20to=20websocket?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/callback.py | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/api/v1/callback.py b/src/backend/langflow/api/v1/callback.py
index 03f76543e..4b82dc580 100644
--- a/src/backend/langflow/api/v1/callback.py
+++ b/src/backend/langflow/api/v1/callback.py
@@ -4,12 +4,14 @@ from langchain.callbacks.base import AsyncCallbackHandler, BaseCallbackHandler
 
 from langflow.api.v1.schemas import ChatResponse
 
+from typing import Any, Dict
 
 from typing import Any, Dict, List, Union
 from fastapi import WebSocket
 
 
 from langchain.schema import AgentAction, LLMResult, AgentFinish
+from langflow.utils.logger import logger
 
 
 # https://github.com/hwchase17/chat-langchain/blob/master/callback.py
@@ -62,12 +64,23 @@ class AsyncStreamingLLMCallbackHandler(AsyncCallbackHandler):
 
     async def on_tool_end(self, output: str, **kwargs: Any) -> Any:
         """Run when tool ends running."""
+        observation_prefix = kwargs.get("observation_prefix", "Tool output: ")
+
+        # Create a formatted message.
+        intermediate_steps = f"{observation_prefix}{output}"
+
+        # Create a ChatResponse instance.
         resp = ChatResponse(
             message="",
             type="stream",
-            intermediate_steps=f"Tool output: {output}",
+            intermediate_steps=intermediate_steps,
         )
-        await self.websocket.send_json(resp.dict())
+
+        # Try to send the response, handle potential errors.
+        try:
+            await self.websocket.send_json(resp.dict())
+        except Exception as e:
+            logger.error(e)
 
     async def on_tool_error(
         self, error: Union[Exception, KeyboardInterrupt], **kwargs: Any

From 021e0526e88d5272ea09457d876c80f9c9c91124 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 10:18:43 -0300
Subject: [PATCH 292/367] =?UTF-8?q?=E2=AC=86=EF=B8=8F=20chore(pyproject.to?=
 =?UTF-8?q?ml):=20update=20fastapi=20dependency=20to=20version=20^0.100.0?=
 =?UTF-8?q?=20to=20stay=20up-to-date=20with=20the=20latest=20features=20an?=
 =?UTF-8?q?d=20bug=20fixes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 poetry.lock    | 517 ++++++++++++++++++++++++-------------------------
 pyproject.toml |   2 +-
 2 files changed, 257 insertions(+), 262 deletions(-)

diff --git a/poetry.lock b/poetry.lock
index 5977a7d22..fc623ee96 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -535,87 +535,87 @@ files = [
 
 [[package]]
 name = "charset-normalizer"
-version = "3.1.0"
+version = "3.2.0"
 description = "The Real First Universal Charset Detector. Open, modern and actively maintained alternative to Chardet."
 category = "main"
 optional = false
 python-versions = ">=3.7.0"
 files = [
-    {file = "charset-normalizer-3.1.0.tar.gz", hash = "sha256:34e0a2f9c370eb95597aae63bf85eb5e96826d81e3dcf88b8886012906f509b5"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:e0ac8959c929593fee38da1c2b64ee9778733cdf03c482c9ff1d508b6b593b2b"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:d7fc3fca01da18fbabe4625d64bb612b533533ed10045a2ac3dd194bfa656b60"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:04eefcee095f58eaabe6dc3cc2262f3bcd776d2c67005880894f447b3f2cb9c1"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:20064ead0717cf9a73a6d1e779b23d149b53daf971169289ed2ed43a71e8d3b0"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:1435ae15108b1cb6fffbcea2af3d468683b7afed0169ad718451f8db5d1aff6f"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:c84132a54c750fda57729d1e2599bb598f5fa0344085dbde5003ba429a4798c0"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:75f2568b4189dda1c567339b48cba4ac7384accb9c2a7ed655cd86b04055c795"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:11d3bcb7be35e7b1bba2c23beedac81ee893ac9871d0ba79effc7fc01167db6c"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:891cf9b48776b5c61c700b55a598621fdb7b1e301a550365571e9624f270c203"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:5f008525e02908b20e04707a4f704cd286d94718f48bb33edddc7d7b584dddc1"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_ppc64le.whl", hash = "sha256:b06f0d3bf045158d2fb8837c5785fe9ff9b8c93358be64461a1089f5da983137"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_s390x.whl", hash = "sha256:49919f8400b5e49e961f320c735388ee686a62327e773fa5b3ce6721f7e785ce"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:22908891a380d50738e1f978667536f6c6b526a2064156203d418f4856d6e86a"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-win32.whl", hash = "sha256:12d1a39aa6b8c6f6248bb54550efcc1c38ce0d8096a146638fd4738e42284448"},
-    {file = "charset_normalizer-3.1.0-cp310-cp310-win_amd64.whl", hash = "sha256:65ed923f84a6844de5fd29726b888e58c62820e0769b76565480e1fdc3d062f8"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:9a3267620866c9d17b959a84dd0bd2d45719b817245e49371ead79ed4f710d19"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:6734e606355834f13445b6adc38b53c0fd45f1a56a9ba06c2058f86893ae8017"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:f8303414c7b03f794347ad062c0516cee0e15f7a612abd0ce1e25caf6ceb47df"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:aaf53a6cebad0eae578f062c7d462155eada9c172bd8c4d250b8c1d8eb7f916a"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:3dc5b6a8ecfdc5748a7e429782598e4f17ef378e3e272eeb1340ea57c9109f41"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:e1b25e3ad6c909f398df8921780d6a3d120d8c09466720226fc621605b6f92b1"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0ca564606d2caafb0abe6d1b5311c2649e8071eb241b2d64e75a0d0065107e62"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:b82fab78e0b1329e183a65260581de4375f619167478dddab510c6c6fb04d9b6"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:bd7163182133c0c7701b25e604cf1611c0d87712e56e88e7ee5d72deab3e76b5"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:11d117e6c63e8f495412d37e7dc2e2fff09c34b2d09dbe2bee3c6229577818be"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_ppc64le.whl", hash = "sha256:cf6511efa4801b9b38dc5546d7547d5b5c6ef4b081c60b23e4d941d0eba9cbeb"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_s390x.whl", hash = "sha256:abc1185d79f47c0a7aaf7e2412a0eb2c03b724581139193d2d82b3ad8cbb00ac"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:cb7b2ab0188829593b9de646545175547a70d9a6e2b63bf2cd87a0a391599324"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-win32.whl", hash = "sha256:c36bcbc0d5174a80d6cccf43a0ecaca44e81d25be4b7f90f0ed7bcfbb5a00909"},
-    {file = "charset_normalizer-3.1.0-cp311-cp311-win_amd64.whl", hash = "sha256:cca4def576f47a09a943666b8f829606bcb17e2bc2d5911a46c8f8da45f56755"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:0c95f12b74681e9ae127728f7e5409cbbef9cd914d5896ef238cc779b8152373"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:fca62a8301b605b954ad2e9c3666f9d97f63872aa4efcae5492baca2056b74ab"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:ac0aa6cd53ab9a31d397f8303f92c42f534693528fafbdb997c82bae6e477ad9"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:c3af8e0f07399d3176b179f2e2634c3ce9c1301379a6b8c9c9aeecd481da494f"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:3a5fc78f9e3f501a1614a98f7c54d3969f3ad9bba8ba3d9b438c3bc5d047dd28"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:628c985afb2c7d27a4800bfb609e03985aaecb42f955049957814e0491d4006d"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:74db0052d985cf37fa111828d0dd230776ac99c740e1a758ad99094be4f1803d"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:1e8fcdd8f672a1c4fc8d0bd3a2b576b152d2a349782d1eb0f6b8e52e9954731d"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_ppc64le.whl", hash = "sha256:04afa6387e2b282cf78ff3dbce20f0cc071c12dc8f685bd40960cc68644cfea6"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_s390x.whl", hash = "sha256:dd5653e67b149503c68c4018bf07e42eeed6b4e956b24c00ccdf93ac79cdff84"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:d2686f91611f9e17f4548dbf050e75b079bbc2a82be565832bc8ea9047b61c8c"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-win32.whl", hash = "sha256:4155b51ae05ed47199dc5b2a4e62abccb274cee6b01da5b895099b61b1982974"},
-    {file = "charset_normalizer-3.1.0-cp37-cp37m-win_amd64.whl", hash = "sha256:322102cdf1ab682ecc7d9b1c5eed4ec59657a65e1c146a0da342b78f4112db23"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:e633940f28c1e913615fd624fcdd72fdba807bf53ea6925d6a588e84e1151531"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:3a06f32c9634a8705f4ca9946d667609f52cf130d5548881401f1eb2c39b1e2c"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:7381c66e0561c5757ffe616af869b916c8b4e42b367ab29fedc98481d1e74e14"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3573d376454d956553c356df45bb824262c397c6e26ce43e8203c4c540ee0acb"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:e89df2958e5159b811af9ff0f92614dabf4ff617c03a4c1c6ff53bf1c399e0e1"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:78cacd03e79d009d95635e7d6ff12c21eb89b894c354bd2b2ed0b4763373693b"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:de5695a6f1d8340b12a5d6d4484290ee74d61e467c39ff03b39e30df62cf83a0"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:1c60b9c202d00052183c9be85e5eaf18a4ada0a47d188a83c8f5c5b23252f649"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:f645caaf0008bacf349875a974220f1f1da349c5dbe7c4ec93048cdc785a3326"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:ea9f9c6034ea2d93d9147818f17c2a0860d41b71c38b9ce4d55f21b6f9165a11"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_ppc64le.whl", hash = "sha256:80d1543d58bd3d6c271b66abf454d437a438dff01c3e62fdbcd68f2a11310d4b"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_s390x.whl", hash = "sha256:73dc03a6a7e30b7edc5b01b601e53e7fc924b04e1835e8e407c12c037e81adbd"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:6f5c2e7bc8a4bf7c426599765b1bd33217ec84023033672c1e9a8b35eaeaaaf8"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-win32.whl", hash = "sha256:12a2b561af122e3d94cdb97fe6fb2bb2b82cef0cdca131646fdb940a1eda04f0"},
-    {file = "charset_normalizer-3.1.0-cp38-cp38-win_amd64.whl", hash = "sha256:3160a0fd9754aab7d47f95a6b63ab355388d890163eb03b2d2b87ab0a30cfa59"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:38e812a197bf8e71a59fe55b757a84c1f946d0ac114acafaafaf21667a7e169e"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:6baf0baf0d5d265fa7944feb9f7451cc316bfe30e8df1a61b1bb08577c554f31"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:8f25e17ab3039b05f762b0a55ae0b3632b2e073d9c8fc88e89aca31a6198e88f"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3747443b6a904001473370d7810aa19c3a180ccd52a7157aacc264a5ac79265e"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:b116502087ce8a6b7a5f1814568ccbd0e9f6cfd99948aa59b0e241dc57cf739f"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:d16fd5252f883eb074ca55cb622bc0bee49b979ae4e8639fff6ca3ff44f9f854"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:21fa558996782fc226b529fdd2ed7866c2c6ec91cee82735c98a197fae39f706"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:6f6c7a8a57e9405cad7485f4c9d3172ae486cfef1344b5ddd8e5239582d7355e"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:ac3775e3311661d4adace3697a52ac0bab17edd166087d493b52d4f4f553f9f0"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:10c93628d7497c81686e8e5e557aafa78f230cd9e77dd0c40032ef90c18f2230"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_ppc64le.whl", hash = "sha256:6f4f4668e1831850ebcc2fd0b1cd11721947b6dc7c00bf1c6bd3c929ae14f2c7"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_s390x.whl", hash = "sha256:0be65ccf618c1e7ac9b849c315cc2e8a8751d9cfdaa43027d4f6624bd587ab7e"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:53d0a3fa5f8af98a1e261de6a3943ca631c526635eb5817a87a59d9a57ebf48f"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-win32.whl", hash = "sha256:a04f86f41a8916fe45ac5024ec477f41f886b3c435da2d4e3d2709b22ab02af1"},
-    {file = "charset_normalizer-3.1.0-cp39-cp39-win_amd64.whl", hash = "sha256:830d2948a5ec37c386d3170c483063798d7879037492540f10a475e3fd6f244b"},
-    {file = "charset_normalizer-3.1.0-py3-none-any.whl", hash = "sha256:3d9098b479e78c85080c98e1e35ff40b4a31d8953102bb0fd7d1b6f8a2111a3d"},
+    {file = "charset-normalizer-3.2.0.tar.gz", hash = "sha256:3bb3d25a8e6c0aedd251753a79ae98a093c7e7b471faa3aa9a93a81431987ace"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:0b87549028f680ca955556e3bd57013ab47474c3124dc069faa0b6545b6c9710"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:7c70087bfee18a42b4040bb9ec1ca15a08242cf5867c58726530bdf3945672ed"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:a103b3a7069b62f5d4890ae1b8f0597618f628b286b03d4bc9195230b154bfa9"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:94aea8eff76ee6d1cdacb07dd2123a68283cb5569e0250feab1240058f53b623"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:db901e2ac34c931d73054d9797383d0f8009991e723dab15109740a63e7f902a"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:b0dac0ff919ba34d4df1b6131f59ce95b08b9065233446be7e459f95554c0dc8"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:193cbc708ea3aca45e7221ae58f0fd63f933753a9bfb498a3b474878f12caaad"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:09393e1b2a9461950b1c9a45d5fd251dc7c6f228acab64da1c9c0165d9c7765c"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:baacc6aee0b2ef6f3d308e197b5d7a81c0e70b06beae1f1fcacffdbd124fe0e3"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:bf420121d4c8dce6b889f0e8e4ec0ca34b7f40186203f06a946fa0276ba54029"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-musllinux_1_1_ppc64le.whl", hash = "sha256:c04a46716adde8d927adb9457bbe39cf473e1e2c2f5d0a16ceb837e5d841ad4f"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-musllinux_1_1_s390x.whl", hash = "sha256:aaf63899c94de41fe3cf934601b0f7ccb6b428c6e4eeb80da72c58eab077b19a"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:d62e51710986674142526ab9f78663ca2b0726066ae26b78b22e0f5e571238dd"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-win32.whl", hash = "sha256:04e57ab9fbf9607b77f7d057974694b4f6b142da9ed4a199859d9d4d5c63fe96"},
+    {file = "charset_normalizer-3.2.0-cp310-cp310-win_amd64.whl", hash = "sha256:48021783bdf96e3d6de03a6e39a1171ed5bd7e8bb93fc84cc649d11490f87cea"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:4957669ef390f0e6719db3613ab3a7631e68424604a7b448f079bee145da6e09"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:46fb8c61d794b78ec7134a715a3e564aafc8f6b5e338417cb19fe9f57a5a9bf2"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:f779d3ad205f108d14e99bb3859aa7dd8e9c68874617c72354d7ecaec2a054ac"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:f25c229a6ba38a35ae6e25ca1264621cc25d4d38dca2942a7fce0b67a4efe918"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:2efb1bd13885392adfda4614c33d3b68dee4921fd0ac1d3988f8cbb7d589e72a"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:1f30b48dd7fa1474554b0b0f3fdfdd4c13b5c737a3c6284d3cdc424ec0ffff3a"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:246de67b99b6851627d945db38147d1b209a899311b1305dd84916f2b88526c6"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:9bd9b3b31adcb054116447ea22caa61a285d92e94d710aa5ec97992ff5eb7cf3"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:8c2f5e83493748286002f9369f3e6607c565a6a90425a3a1fef5ae32a36d749d"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:3170c9399da12c9dc66366e9d14da8bf7147e1e9d9ea566067bbce7bb74bd9c2"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-musllinux_1_1_ppc64le.whl", hash = "sha256:7a4826ad2bd6b07ca615c74ab91f32f6c96d08f6fcc3902ceeedaec8cdc3bcd6"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-musllinux_1_1_s390x.whl", hash = "sha256:3b1613dd5aee995ec6d4c69f00378bbd07614702a315a2cf6c1d21461fe17c23"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:9e608aafdb55eb9f255034709e20d5a83b6d60c054df0802fa9c9883d0a937aa"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-win32.whl", hash = "sha256:f2a1d0fd4242bd8643ce6f98927cf9c04540af6efa92323e9d3124f57727bfc1"},
+    {file = "charset_normalizer-3.2.0-cp311-cp311-win_amd64.whl", hash = "sha256:681eb3d7e02e3c3655d1b16059fbfb605ac464c834a0c629048a30fad2b27489"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:c57921cda3a80d0f2b8aec7e25c8aa14479ea92b5b51b6876d975d925a2ea346"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:41b25eaa7d15909cf3ac4c96088c1f266a9a93ec44f87f1d13d4a0e86c81b982"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:f058f6963fd82eb143c692cecdc89e075fa0828db2e5b291070485390b2f1c9c"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:a7647ebdfb9682b7bb97e2a5e7cb6ae735b1c25008a70b906aecca294ee96cf4"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:eef9df1eefada2c09a5e7a40991b9fc6ac6ef20b1372abd48d2794a316dc0449"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:e03b8895a6990c9ab2cdcd0f2fe44088ca1c65ae592b8f795c3294af00a461c3"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:ee4006268ed33370957f55bf2e6f4d263eaf4dc3cfc473d1d90baff6ed36ce4a"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:c4983bf937209c57240cff65906b18bb35e64ae872da6a0db937d7b4af845dd7"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-musllinux_1_1_ppc64le.whl", hash = "sha256:3bb7fda7260735efe66d5107fb7e6af6a7c04c7fce9b2514e04b7a74b06bf5dd"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-musllinux_1_1_s390x.whl", hash = "sha256:72814c01533f51d68702802d74f77ea026b5ec52793c791e2da806a3844a46c3"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:70c610f6cbe4b9fce272c407dd9d07e33e6bf7b4aa1b7ffb6f6ded8e634e3592"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-win32.whl", hash = "sha256:a401b4598e5d3f4a9a811f3daf42ee2291790c7f9d74b18d75d6e21dda98a1a1"},
+    {file = "charset_normalizer-3.2.0-cp37-cp37m-win_amd64.whl", hash = "sha256:c0b21078a4b56965e2b12f247467b234734491897e99c1d51cee628da9786959"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:95eb302ff792e12aba9a8b8f8474ab229a83c103d74a750ec0bd1c1eea32e669"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:1a100c6d595a7f316f1b6f01d20815d916e75ff98c27a01ae817439ea7726329"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:6339d047dab2780cc6220f46306628e04d9750f02f983ddb37439ca47ced7149"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:e4b749b9cc6ee664a3300bb3a273c1ca8068c46be705b6c31cf5d276f8628a94"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:a38856a971c602f98472050165cea2cdc97709240373041b69030be15047691f"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:f87f746ee241d30d6ed93969de31e5ffd09a2961a051e60ae6bddde9ec3583aa"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:89f1b185a01fe560bc8ae5f619e924407efca2191b56ce749ec84982fc59a32a"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:e1c8a2f4c69e08e89632defbfabec2feb8a8d99edc9f89ce33c4b9e36ab63037"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:2f4ac36d8e2b4cc1aa71df3dd84ff8efbe3bfb97ac41242fbcfc053c67434f46"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:a386ebe437176aab38c041de1260cd3ea459c6ce5263594399880bbc398225b2"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-musllinux_1_1_ppc64le.whl", hash = "sha256:ccd16eb18a849fd8dcb23e23380e2f0a354e8daa0c984b8a732d9cfaba3a776d"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-musllinux_1_1_s390x.whl", hash = "sha256:e6a5bf2cba5ae1bb80b154ed68a3cfa2fa00fde979a7f50d6598d3e17d9ac20c"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:45de3f87179c1823e6d9e32156fb14c1927fcc9aba21433f088fdfb555b77c10"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-win32.whl", hash = "sha256:1000fba1057b92a65daec275aec30586c3de2401ccdcd41f8a5c1e2c87078706"},
+    {file = "charset_normalizer-3.2.0-cp38-cp38-win_amd64.whl", hash = "sha256:8b2c760cfc7042b27ebdb4a43a4453bd829a5742503599144d54a032c5dc7e9e"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:855eafa5d5a2034b4621c74925d89c5efef61418570e5ef9b37717d9c796419c"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:203f0c8871d5a7987be20c72442488a0b8cfd0f43b7973771640fc593f56321f"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:e857a2232ba53ae940d3456f7533ce6ca98b81917d47adc3c7fd55dad8fab858"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:5e86d77b090dbddbe78867a0275cb4df08ea195e660f1f7f13435a4649e954e5"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:c4fb39a81950ec280984b3a44f5bd12819953dc5fa3a7e6fa7a80db5ee853952"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:2dee8e57f052ef5353cf608e0b4c871aee320dd1b87d351c28764fc0ca55f9f4"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:8700f06d0ce6f128de3ccdbc1acaea1ee264d2caa9ca05daaf492fde7c2a7200"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:1920d4ff15ce893210c1f0c0e9d19bfbecb7983c76b33f046c13a8ffbd570252"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:c1c76a1743432b4b60ab3358c937a3fe1341c828ae6194108a94c69028247f22"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:f7560358a6811e52e9c4d142d497f1a6e10103d3a6881f18d04dbce3729c0e2c"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-musllinux_1_1_ppc64le.whl", hash = "sha256:c8063cf17b19661471ecbdb3df1c84f24ad2e389e326ccaf89e3fb2484d8dd7e"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-musllinux_1_1_s390x.whl", hash = "sha256:cd6dbe0238f7743d0efe563ab46294f54f9bc8f4b9bcf57c3c666cc5bc9d1299"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:1249cbbf3d3b04902ff081ffbb33ce3377fa6e4c7356f759f3cd076cc138d020"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-win32.whl", hash = "sha256:6c409c0deba34f147f77efaa67b8e4bb83d2f11c8806405f76397ae5b8c0d1c9"},
+    {file = "charset_normalizer-3.2.0-cp39-cp39-win_amd64.whl", hash = "sha256:7095f6fbfaa55defb6b733cfeb14efaae7a29f0b59d8cf213be4e7ca0b857b80"},
+    {file = "charset_normalizer-3.2.0-py3-none-any.whl", hash = "sha256:8e098148dd37b4ce3baca71fb394c81dc5d9c7728c95df695d2dca218edf40e6"},
 ]
 
 [[package]]
@@ -650,14 +650,14 @@ uvicorn = {version = ">=0.18.3", extras = ["standard"]}
 
 [[package]]
 name = "click"
-version = "8.1.3"
+version = "8.1.4"
 description = "Composable command line interface toolkit"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "click-8.1.3-py3-none-any.whl", hash = "sha256:bb4d8133cb15a609f44e8213d9b391b0809795062913b383c62be0ee95b1db48"},
-    {file = "click-8.1.3.tar.gz", hash = "sha256:7682dc8afb30297001674575ea00d1814d808d6a36af415a82bd481d37ba7b8e"},
+    {file = "click-8.1.4-py3-none-any.whl", hash = "sha256:2739815aaa5d2c986a88f1e9230c55e17f0caad3d958a5e13ad0797c166db9e3"},
+    {file = "click-8.1.4.tar.gz", hash = "sha256:b97d0c74955da062a7d4ef92fadb583806a585b2ea81958a81bd72726cbb8e37"},
 ]
 
 [package.dependencies]
@@ -680,81 +680,82 @@ click = "*"
 
 [[package]]
 name = "clickhouse-connect"
-version = "0.6.4"
+version = "0.6.6"
 description = "ClickHouse Database Core Driver for Python, Pandas, and Superset"
 category = "main"
 optional = false
 python-versions = "~=3.7"
 files = [
-    {file = "clickhouse-connect-0.6.4.tar.gz", hash = "sha256:0afe555e7a20df2e06341d00935b4298b6a5a1eabee3db43a897719a9bf7f047"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:387f4c3bc4a988ba6b233de642bc849718fc6e142130f3ff62529b7b093e4242"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:3483a9945ecfbab9d498422d7a0e7e600c3c7e2e7a6178852e355fbda9871ac6"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:db39119dc1905487a80be8b9a8505b45dae98f39d8f2ebfa355f9489d6a9958d"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:025438e7420d8f610d34e5743c17c273fda74a72741c561767896632f896709a"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:29ffc92bea0c8ed2eb9e45a79bb708816f9bb5041c23fca0a44b4c73a79d9d53"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:040602c1be63c6bdbd9c5b03218c3aca60ce33ee22871b56f810671665e31d27"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:50b037c41453dcb7a47160dca8f3c05f4817e49d5d4ed01aace2c619c0109cfd"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:ca5da538f50771004e931508f0d84680299df35576a05665edd39400b6d1d486"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-win32.whl", hash = "sha256:2286687bcff686c68df349686694557f3142e2792506ef0ca41664ee54b48122"},
-    {file = "clickhouse_connect-0.6.4-cp310-cp310-win_amd64.whl", hash = "sha256:49fd9b6fa03025b3e04d6ddc3c3443e4383f44b63dcf551d8fddd8a149c06993"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:82fb4120968fb007408e41b6e799a389e1e5f94144362dd25640c89633424295"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:3b6a4e0f5c84b516142353feb315a7c93fee2fe732536cc1f0e3f994001d6771"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:04c77676f0afcb45f8443e051849d9d34d88d7925adcb2d14a5320188e3d9ad3"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:cbc27ca039da6260f749b81740e3ecff4f6d251f39f3c507510a4bd06455b49a"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ec2f5ab36dea0037d9cc783b80c4994f176b38aed419c32f6ac7168be76e7667"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:167f87309d0384ca290bb5891293e9be1f89fa2557b7642a9d3cbeeb423271cc"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:9e3b422e64661820d47f98eebe7e27d26082c6eba82a83d82e1682d33e6b92b0"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:fbc6b3a39dd0d55e0723f0394b8a6608ebd864c0e4775e40a65acbd13fbb07cc"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-win32.whl", hash = "sha256:744bb4e40834b026f7422b990f5e1c9dc0cb3c9b6da9d79e9479edd53dd873fb"},
-    {file = "clickhouse_connect-0.6.4-cp311-cp311-win_amd64.whl", hash = "sha256:cde51f67054fd465925928fa3eb40a23ee691057c55ae58ccf8fae6903abcbe7"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:76d4e4c388f6ca1bc310f6d40791ee84f7ddba8e06d8f737d21669a6e4f58f0f"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:785b6386ed1a43912db2badd2f1f480fe4817e87f8b88296c335243288aa1077"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:66a4baa63a073c843a86fbff64b4c500f636bf8978beddf3c0181491d57d5c8a"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:896d9c812e7429581ee99e920bd0064c004b2cce258a3548c124ad95b2ac46d8"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:c236b8db0a382f4998a564b47504727c815d276c9527f6ea43128c323742f6f5"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:8dfa63f063a3c75236e499ea8582b1d3d4d56180dad316cc3644967c03db4f36"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:aa46ca9c76bef313e67b9eae0774517b76d2e22bfe4df7e092bad3838b82dee8"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-win32.whl", hash = "sha256:c20f83955356302250e1830408654cf665ca9101794621dd67301529540715e1"},
-    {file = "clickhouse_connect-0.6.4-cp37-cp37m-win_amd64.whl", hash = "sha256:10193393835a28a7211bb16daeb1a3d98e4dd9eba649279faad68de328d79136"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:b3ec2ea59da24177f8128ce75421cf498d8d647006c2134f388f4437f9171149"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:ddf71c7014b5dc2ec08e5301892b8025eb254a063f5a339ec9c3f956a3e11135"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d1d00b581608440f8356a3f51a25dbc00526108126811f79b9271f4e0cacc5db"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9b7fbb81d1b68ddff43cc1b117884030cf28ad8b0668e96703a63c4b1780f26d"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:f9eb0ea6af4a44f6a9b264ba6416ced81de6e250fd1fc6b6903ce0c20b457520"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:626d9fbc9cc787afe3c234f2db762571756e0114829e5c36ff0dd2f949720827"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:59a947df5301175432ad436022ef74fc8864de7201f438de96772250fd8fb749"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:adc0c122a38fae3cd02f76a81be0a7feb2d12d290003a7c3c314525c910bbb04"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-win32.whl", hash = "sha256:5391a21e7d3c44c49d05fff06384d84f85db64be3a399bb07d8acf043e8caad9"},
-    {file = "clickhouse_connect-0.6.4-cp38-cp38-win_amd64.whl", hash = "sha256:abeca87c81965a3e18e62608c98f8436615409c5a3669203b266f2f6f23ee16f"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:097bfc3da261c9a33df1a0dcb74351b150cb0fed5c570f0dbdf9fb010e820897"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:44cf2ac9ee2b996ef3c2946ad1321d8536fe97b4ddbeeaf2d36f6a1f9d5a53ba"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:86c5edb9c6f2e8d2093420747d4f1e5f2d4f901a9cf47c276d400b75e5e07b0e"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:4eae52f4167beb961c11f462abba49c3d06037cba126c1febc414ee42aab0b23"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:73999d748089f4cb28917d63446b80ebffb8939dc3728ede86e3a580494ee7a1"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:e8ad1765c78b5e4e8936b8e6044b3da4f31cd24cf15b6e6f1adca542072abc50"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:dfca12b0eb0c4f2e60815abae3f15e38ff5d22c48d89ed8b8914d83dc23f6404"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:203e9fc0315373996c32e4f9be3012ee0caed6b92b404653bf7c432318c3107a"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-win32.whl", hash = "sha256:fac7c375b4644f9866310a11bb13299e0070f38c5a975222b7eb5bc330ef753a"},
-    {file = "clickhouse_connect-0.6.4-cp39-cp39-win_amd64.whl", hash = "sha256:2efece8266091df991bb343c5ab1d29ec4e164791b60d4c62f508b1f46086c9a"},
-    {file = "clickhouse_connect-0.6.4-pp37-pypy37_pp73-macosx_10_9_x86_64.whl", hash = "sha256:9de809b027e2b1451e117478933e023ee56c48fbc049aef28ef09ab570e0e203"},
-    {file = "clickhouse_connect-0.6.4-pp37-pypy37_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:1b69fb748f4c5fa60eca91f9782be8506d5d2d197ec324a9586f693ae0c1cc94"},
-    {file = "clickhouse_connect-0.6.4-pp37-pypy37_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:1edadb0e68fa5d834ab2e4a778f99e803261cd1f0ebc513f60d0f8f5044f7b1a"},
-    {file = "clickhouse_connect-0.6.4-pp37-pypy37_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:3e26d2fa4a86c98a69d0dee057b5d5e0317208971da6ee8ff0765f50b1b267db"},
-    {file = "clickhouse_connect-0.6.4-pp37-pypy37_pp73-win_amd64.whl", hash = "sha256:76f63eedbec2e603f93f25022cc821d147339be482221213949ea0f0b5915eb5"},
-    {file = "clickhouse_connect-0.6.4-pp38-pypy38_pp73-macosx_10_9_x86_64.whl", hash = "sha256:6a9e6710a7b61e08c8ce64091624af9e37f23804211eebfb647623f33804ccdd"},
-    {file = "clickhouse_connect-0.6.4-pp38-pypy38_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ab7266c8019e6fede18cd69161934ffba4a1c1910175300492b6ee1da47785b5"},
-    {file = "clickhouse_connect-0.6.4-pp38-pypy38_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:bf7df49434c4330dc58d749c8685a76ee441bf1c5776230dbf57952af0409194"},
-    {file = "clickhouse_connect-0.6.4-pp38-pypy38_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:549691452128eb3035021b9b7be4f3bdc6c4b9192213b167de2ea3dfae87d01c"},
-    {file = "clickhouse_connect-0.6.4-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:387b82f38b1977c2a38545172838504591ad123d87c09a82758d87e76453beb0"},
-    {file = "clickhouse_connect-0.6.4-pp39-pypy39_pp73-macosx_10_9_x86_64.whl", hash = "sha256:f1ea1a89e6696a9905157b1a65884dd33dc88d7d50e74434c5bd650f8cfe1701"},
-    {file = "clickhouse_connect-0.6.4-pp39-pypy39_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:b697e0e97f3e3404cf5b7d515adb8c025ba21083ed6c1dd4b7b1c789a10343bc"},
-    {file = "clickhouse_connect-0.6.4-pp39-pypy39_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:22bdad905a6fe6cea576f03cc948b719f44b94bcdc5a00728621d0d3082c724c"},
-    {file = "clickhouse_connect-0.6.4-pp39-pypy39_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:52fb56fcc82825b3e4760878ca447b5ffbde0fef60c9048ac8c04b3f40fd773a"},
-    {file = "clickhouse_connect-0.6.4-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:2577ab779607839570472f889957ad85e71c27afba975d47f3906665865113c9"},
+    {file = "clickhouse-connect-0.6.6.tar.gz", hash = "sha256:28d261b95fe9818f4d8bc4ad48087cbff3c9f0b6574ff04d234ed5bca6619474"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:31187a9947f5771c9e2a4c5d5c33d8c42f1c0f83b1223277c8faf47da0fcd1dc"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:1e1713d1f9f294c0cf05ded6f7eff227dde2b19f0d19423fbbeb05fbf5d7c484"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:961c463de6f0de93fc11f1c1f81efc1ec5b5895481cfdf79b3f832e0e242e7e1"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:18900f1a13b3b120252fc3583ca1e0fc4d3a33ea98fcf63d33d168a469561056"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:f4cbbea1a943e742ea649c82f85109b9a9928e61b038923de2813977966acd76"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:2714ab61f063a65419278b97f8785ce2440fdb1ef46d9a6703cef9cd38517521"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:823756569f6bea58ff9286cf494abaca5db8652e33ee4a6e7ecb40efbf945088"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:11aff145aacfae92b941b95ec5943fb62ea241ec2225b8ecefc4cadadf699893"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-win32.whl", hash = "sha256:4f5f9e3dcece211dc711088a5b264e66e8198b878bdf99619a3a7c54976c118d"},
+    {file = "clickhouse_connect-0.6.6-cp310-cp310-win_amd64.whl", hash = "sha256:8268927ef8d476ef4c81d9562d049f38bc534c4d1d441e072cf8428f08ff6eaa"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:5f9cb2ebe0deaa78c942888aad32fa42beb4e75c2377e8784baf3d737c23e5f1"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:d502b7f35008facf2774f411eed6b35010923acaac254a8c5683fdf8a11abd62"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:87e0f2afe464be0947947d98482eb12b25be8857ae1a31c1aaa17a67f616174d"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:69f2c517943eeb7663a9d42bd9b737b8ec5513ddcf58f2372f8b2074a315bae2"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:aa6c2b488cf9558c2b71a2599d812fe4368d5199edaa011731a8bc7bfe019751"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:df9e80d0b3f5614d38026e7e2e7e7412dec942df8d765c082177879b37e678e2"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:a20351fb2ae47aac1ae9b1de0585949616baedd6dbdee5272f466a2aea6ec4dd"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:af40eaa20998d96198563748a6fd9796843b6f22e9e95b2136aabd917db33fff"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-win32.whl", hash = "sha256:9591a9bfa58ace467544227f83226b22a1554e2db4cfcf658f25f43c9d94e960"},
+    {file = "clickhouse_connect-0.6.6-cp311-cp311-win_amd64.whl", hash = "sha256:3b6f6159f8eddb0cad4d7e0cbad5944e97e0146ee9f416fc663f7bd3d4e9ea46"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:8b941c85fe9ddd5e5edf6fc7458563d9e51ad900d95fe0b87b0458be166693a1"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c642696a758fa726c86ca624dd40acded100d79a9f4bd9f5b56ba0ea4dc44099"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:57b6b36b316451c1bdc4450f9418c017af84af57d52d03cd4deb85480819a934"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:17cfb1d103b47350c3ba824641fb5ba730e6e29274077a6f8975a3394a1abadb"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:d52c7e7560666b93c078bf082e4ed87689fd283e6295a6d8d1dd491d4d7b6072"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:0a6d498b689aa09e9d1b0051480a04ecc3509002f54bfb82998d030b4675bb24"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:28c876f7a4713662af2ded7350a0262756ec4da9262bb76cc85cfe2e88015b74"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-win32.whl", hash = "sha256:74bf0a95c7c5644948be0ba9c0abcad7615b806fd2545501862526dbe684db71"},
+    {file = "clickhouse_connect-0.6.6-cp37-cp37m-win_amd64.whl", hash = "sha256:0aaa4194d11cb7513de69b791911ff60b3ad8b86f125446a37347208e9b9ae6d"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:3b873d138dfedbe761f2d66ad1257ea253394c4f8dcffd6ff34dfb990f13a18b"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:7140705d05a05ac39eecf86727ab55985e5dba9d1734df8921cc417853a18b7f"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:69085fa0f4e5da5cef4ae5249e19f10d91e57ae78628e49e8853b71b6003dbae"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7e6ec081d87cc37be3ecf60b88002c58add76a72b4124525cb5cd28539e7d488"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:1afe04eb239b72bc9fa4f1999cd292f82af507cbe1f07546f26a3332c50a294b"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:244bbf7ad92f1f030378412358c47cd377aa6d469b548dba2406a7894c8da2ab"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:69e91bdb25166b6fa4eb55601d86fa57dee82070bce9b97a858c8973615ab8b8"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:d2627c8a9625e1c9058cfb5b231a0d0180ed9215d901b601d367de598f27a90d"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-win32.whl", hash = "sha256:87fb937b34b561703eaba5781404736120bab691f4525096d5dfb4b99d4890a6"},
+    {file = "clickhouse_connect-0.6.6-cp38-cp38-win_amd64.whl", hash = "sha256:366c5765e6b7863b3a8d565d5a3b27f9f8731f6f4b016048fa172c6ad6485594"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:0c1b0d8bee6399f5b68bb0832fae51fd0f5e4bcb539bae2df36d8433b6e38a0b"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:f3f7e3ead1429ec82b9cd0cf7b807bacf69d895042f75276f63d732378344376"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:36df02ebfbfa4dbe3667bf5b3402ff0193d0f682b9aa09d71469c15745473d8e"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:aa636b0cbbff52c9fafe287d1d818fc9947feaa840c951b8bfd8f8d4d1ee45a0"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:af4968b6b48baae43d62c241bee9e1c8f680ee3d054254e3959c2d2fb7d370ee"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:a4156de52fe1f9b19f8c3a820d57c012a55644c56a87c8d31ecff89115959d60"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:fccbe34878e6202ff5715284cbe57e748d36f4c8ad6217f9c80f84a086013fb9"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:70bfe48c0e4340ccf234b691fbd52f32db74649cb84ca28b98a211cc3e30b30c"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-win32.whl", hash = "sha256:9f80b64e2268293a918721e1c122c54e2a1592bb74824fdd70e9add9fbcea31a"},
+    {file = "clickhouse_connect-0.6.6-cp39-cp39-win_amd64.whl", hash = "sha256:04a5030b76ee930b18eb3aeb7847146c2fa29da0feb0ec7dd3a0564a3de944f1"},
+    {file = "clickhouse_connect-0.6.6-pp37-pypy37_pp73-macosx_10_9_x86_64.whl", hash = "sha256:75e84c827c8180d5dc66b0e99dba422a3ffd2c7d8ee5ba80e00b9c942dff8a36"},
+    {file = "clickhouse_connect-0.6.6-pp37-pypy37_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:6e627061336142d02e9c900a96bcd87372e88f05755bf19b158e68472b99a921"},
+    {file = "clickhouse_connect-0.6.6-pp37-pypy37_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:194f72e8f3f24c207aa87113b8d11674dab12b35232fd8b7b19b97257796be45"},
+    {file = "clickhouse_connect-0.6.6-pp37-pypy37_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:bf755b46089ee6a7f1ab3e24fc6fbacefc54cfefceb0ed81ebf198abf6937dac"},
+    {file = "clickhouse_connect-0.6.6-pp37-pypy37_pp73-win_amd64.whl", hash = "sha256:39e58756a13872a24304b1987fafb7d5112ea88469eb55303b1183ebdd7a0be5"},
+    {file = "clickhouse_connect-0.6.6-pp38-pypy38_pp73-macosx_10_9_x86_64.whl", hash = "sha256:1e29de1264ffa26eb822e57c5715974c9818ae8e16bb114e54352d66947cdf7f"},
+    {file = "clickhouse_connect-0.6.6-pp38-pypy38_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:a74ed74427aaf10d2e8f7697b8ec53479f6068287ea695a5f3d3927db40be3c3"},
+    {file = "clickhouse_connect-0.6.6-pp38-pypy38_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:abc910b0f6c93d0d703809fd92cf19b71dcaf8c6d5f328deddae1709061a0aa2"},
+    {file = "clickhouse_connect-0.6.6-pp38-pypy38_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:23b17236e08da8b5d737ccd983db56a2d2222955a49c4b312b12e4a2b4a06c9b"},
+    {file = "clickhouse_connect-0.6.6-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:d4d76560d0ce84d0ba550918433dd1f8da6983edabe2685cd84679cd7a90c179"},
+    {file = "clickhouse_connect-0.6.6-pp39-pypy39_pp73-macosx_10_9_x86_64.whl", hash = "sha256:815bd0d5f40174716ffdf1adab066cd0e36c82c81b227224fb7281bdf8734eb6"},
+    {file = "clickhouse_connect-0.6.6-pp39-pypy39_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:82abd319ba51e0c5c2d123e2cf30b1604b0d46f4de694096aa911ddd63701f60"},
+    {file = "clickhouse_connect-0.6.6-pp39-pypy39_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:aa3eea5dac3a7cd52523b556ecd05940c4710c96b6e39ec5a05ed7859bddc7f6"},
+    {file = "clickhouse_connect-0.6.6-pp39-pypy39_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:0bbc28cdf903b4b2805199ce7d4580814a8b9bb4766ddd835cab46a81e6fcd63"},
+    {file = "clickhouse_connect-0.6.6-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:5fc4deda5a97e672135b4330d81109b443266aa948b09a24a02db58c0fc96bc1"},
 ]
 
 [package.dependencies]
 certifi = "*"
+importlib-metadata = "*"
 lz4 = "*"
 pytz = "*"
 urllib3 = ">=1.26"
@@ -1374,23 +1375,23 @@ importlib-resources = {version = ">=5.0", markers = "python_version < \"3.10\""}
 
 [[package]]
 name = "fastapi"
-version = "0.99.1"
+version = "0.100.0"
 description = "FastAPI framework, high performance, easy to learn, fast to code, ready for production"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "fastapi-0.99.1-py3-none-any.whl", hash = "sha256:976df7bab51ac7beda9f68c4513b8c4490b5c1135c72aafd0a5ee4023ec5282e"},
-    {file = "fastapi-0.99.1.tar.gz", hash = "sha256:ac78f717cd80d657bd183f94d33b9bda84aa376a46a9dab513586b8eef1dc6fc"},
+    {file = "fastapi-0.100.0-py3-none-any.whl", hash = "sha256:271662daf986da8fa98dc2b7c7f61c4abdfdccfb4786d79ed8b2878f172c6d5f"},
+    {file = "fastapi-0.100.0.tar.gz", hash = "sha256:acb5f941ea8215663283c10018323ba7ea737c571b67fc7e88e9469c7eb1d12e"},
 ]
 
 [package.dependencies]
-pydantic = ">=1.7.4,<1.8 || >1.8,<1.8.1 || >1.8.1,<2.0.0"
+pydantic = ">=1.7.4,<1.8 || >1.8,<1.8.1 || >1.8.1,<2.0.0 || >2.0.0,<2.0.1 || >2.0.1,<3.0.0"
 starlette = ">=0.27.0,<0.28.0"
 typing-extensions = ">=4.5.0"
 
 [package.extras]
-all = ["email-validator (>=1.1.1)", "httpx (>=0.23.0)", "itsdangerous (>=1.1.0)", "jinja2 (>=2.11.2)", "orjson (>=3.2.1)", "python-multipart (>=0.0.5)", "pyyaml (>=5.3.1)", "ujson (>=4.0.1,!=4.0.2,!=4.1.0,!=4.2.0,!=4.3.0,!=5.0.0,!=5.1.0)", "uvicorn[standard] (>=0.12.0)"]
+all = ["email-validator (>=2.0.0)", "httpx (>=0.23.0)", "itsdangerous (>=1.1.0)", "jinja2 (>=2.11.2)", "orjson (>=3.2.1)", "pydantic-extra-types (>=2.0.0)", "pydantic-settings (>=2.0.0)", "python-multipart (>=0.0.5)", "pyyaml (>=5.3.1)", "ujson (>=4.0.1,!=4.0.2,!=4.1.0,!=4.2.0,!=4.3.0,!=5.0.0,!=5.1.0)", "uvicorn[standard] (>=0.12.0)"]
 
 [[package]]
 name = "filelock"
@@ -1671,14 +1672,14 @@ six = "*"
 
 [[package]]
 name = "google-cloud-aiplatform"
-version = "1.27.0"
+version = "1.27.1"
 description = "Vertex AI API client library"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "google-cloud-aiplatform-1.27.0.tar.gz", hash = "sha256:ba9724e51eefddd284547ed632afcf23573b9040ea8ca5fd668a9ea093d5dcec"},
-    {file = "google_cloud_aiplatform-1.27.0-py2.py3-none-any.whl", hash = "sha256:501a1dd8ad0012d73da3f3938140113f163d7c75b442bfc2e5f9a8889aca4119"},
+    {file = "google-cloud-aiplatform-1.27.1.tar.gz", hash = "sha256:0af02c921681d12a6769f29a15d6c2decefcf783ad9e64424a18c91c6b615acb"},
+    {file = "google_cloud_aiplatform-1.27.1-py2.py3-none-any.whl", hash = "sha256:0a80caf50174b06e56c0a3a491f376f8a1a34daa8792abb3479a551b69085f04"},
 ]
 
 [package.dependencies]
@@ -1742,14 +1743,14 @@ tqdm = ["tqdm (>=4.7.4,<5.0.0dev)"]
 
 [[package]]
 name = "google-cloud-core"
-version = "2.3.2"
+version = "2.3.3"
 description = "Google Cloud API client core library"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "google-cloud-core-2.3.2.tar.gz", hash = "sha256:b9529ee7047fd8d4bf4a2182de619154240df17fbe60ead399078c1ae152af9a"},
-    {file = "google_cloud_core-2.3.2-py2.py3-none-any.whl", hash = "sha256:8417acf6466be2fa85123441696c4badda48db314c607cf1e5d543fa8bdc22fe"},
+    {file = "google-cloud-core-2.3.3.tar.gz", hash = "sha256:37b80273c8d7eee1ae816b3a20ae43585ea50506cb0e60f3cf5be5f87f1373cb"},
+    {file = "google_cloud_core-2.3.3-py2.py3-none-any.whl", hash = "sha256:fbd11cad3e98a7e5b0343dc07cb1039a5ffd7a5bb96e1f1e27cee4bda4a90863"},
 ]
 
 [package.dependencies]
@@ -2325,53 +2326,47 @@ pyparsing = {version = ">=2.4.2,<3.0.0 || >3.0.0,<3.0.1 || >3.0.1,<3.0.2 || >3.0
 
 [[package]]
 name = "httptools"
-version = "0.5.0"
+version = "0.6.0"
 description = "A collection of framework independent HTTP protocol utils."
 category = "main"
 optional = false
 python-versions = ">=3.5.0"
 files = [
-    {file = "httptools-0.5.0-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:8f470c79061599a126d74385623ff4744c4e0f4a0997a353a44923c0b561ee51"},
-    {file = "httptools-0.5.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:e90491a4d77d0cb82e0e7a9cb35d86284c677402e4ce7ba6b448ccc7325c5421"},
-    {file = "httptools-0.5.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c1d2357f791b12d86faced7b5736dea9ef4f5ecdc6c3f253e445ee82da579449"},
-    {file = "httptools-0.5.0-cp310-cp310-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:1f90cd6fd97c9a1b7fe9215e60c3bd97336742a0857f00a4cb31547bc22560c2"},
-    {file = "httptools-0.5.0-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:5230a99e724a1bdbbf236a1b58d6e8504b912b0552721c7c6b8570925ee0ccde"},
-    {file = "httptools-0.5.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:3a47a34f6015dd52c9eb629c0f5a8a5193e47bf2a12d9a3194d231eaf1bc451a"},
-    {file = "httptools-0.5.0-cp310-cp310-win_amd64.whl", hash = "sha256:24bb4bb8ac3882f90aa95403a1cb48465de877e2d5298ad6ddcfdebec060787d"},
-    {file = "httptools-0.5.0-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:e67d4f8734f8054d2c4858570cc4b233bf753f56e85217de4dfb2495904cf02e"},
-    {file = "httptools-0.5.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:7e5eefc58d20e4c2da82c78d91b2906f1a947ef42bd668db05f4ab4201a99f49"},
-    {file = "httptools-0.5.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0297822cea9f90a38df29f48e40b42ac3d48a28637368f3ec6d15eebefd182f9"},
-    {file = "httptools-0.5.0-cp311-cp311-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:557be7fbf2bfa4a2ec65192c254e151684545ebab45eca5d50477d562c40f986"},
-    {file = "httptools-0.5.0-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:54465401dbbec9a6a42cf737627fb0f014d50dc7365a6b6cd57753f151a86ff0"},
-    {file = "httptools-0.5.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:4d9ebac23d2de960726ce45f49d70eb5466725c0087a078866043dad115f850f"},
-    {file = "httptools-0.5.0-cp311-cp311-win_amd64.whl", hash = "sha256:e8a34e4c0ab7b1ca17b8763613783e2458e77938092c18ac919420ab8655c8c1"},
-    {file = "httptools-0.5.0-cp36-cp36m-macosx_10_9_x86_64.whl", hash = "sha256:f659d7a48401158c59933904040085c200b4be631cb5f23a7d561fbae593ec1f"},
-    {file = "httptools-0.5.0-cp36-cp36m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ef1616b3ba965cd68e6f759eeb5d34fbf596a79e84215eeceebf34ba3f61fdc7"},
-    {file = "httptools-0.5.0-cp36-cp36m-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:3625a55886257755cb15194efbf209584754e31d336e09e2ffe0685a76cb4b60"},
-    {file = "httptools-0.5.0-cp36-cp36m-musllinux_1_1_aarch64.whl", hash = "sha256:72ad589ba5e4a87e1d404cc1cb1b5780bfcb16e2aec957b88ce15fe879cc08ca"},
-    {file = "httptools-0.5.0-cp36-cp36m-musllinux_1_1_x86_64.whl", hash = "sha256:850fec36c48df5a790aa735417dca8ce7d4b48d59b3ebd6f83e88a8125cde324"},
-    {file = "httptools-0.5.0-cp36-cp36m-win_amd64.whl", hash = "sha256:f222e1e9d3f13b68ff8a835574eda02e67277d51631d69d7cf7f8e07df678c86"},
-    {file = "httptools-0.5.0-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:3cb8acf8f951363b617a8420768a9f249099b92e703c052f9a51b66342eea89b"},
-    {file = "httptools-0.5.0-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:550059885dc9c19a072ca6d6735739d879be3b5959ec218ba3e013fd2255a11b"},
-    {file = "httptools-0.5.0-cp37-cp37m-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:a04fe458a4597aa559b79c7f48fe3dceabef0f69f562daf5c5e926b153817281"},
-    {file = "httptools-0.5.0-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:7d0c1044bce274ec6711f0770fd2d5544fe392591d204c68328e60a46f88843b"},
-    {file = "httptools-0.5.0-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:c6eeefd4435055a8ebb6c5cc36111b8591c192c56a95b45fe2af22d9881eee25"},
-    {file = "httptools-0.5.0-cp37-cp37m-win_amd64.whl", hash = "sha256:5b65be160adcd9de7a7e6413a4966665756e263f0d5ddeffde277ffeee0576a5"},
-    {file = "httptools-0.5.0-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:fe9c766a0c35b7e3d6b6939393c8dfdd5da3ac5dec7f971ec9134f284c6c36d6"},
-    {file = "httptools-0.5.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:85b392aba273566c3d5596a0a490978c085b79700814fb22bfd537d381dd230c"},
-    {file = "httptools-0.5.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:f5e3088f4ed33947e16fd865b8200f9cfae1144f41b64a8cf19b599508e096bc"},
-    {file = "httptools-0.5.0-cp38-cp38-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:8c2a56b6aad7cc8f5551d8e04ff5a319d203f9d870398b94702300de50190f63"},
-    {file = "httptools-0.5.0-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:9b571b281a19762adb3f48a7731f6842f920fa71108aff9be49888320ac3e24d"},
-    {file = "httptools-0.5.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:aa47ffcf70ba6f7848349b8a6f9b481ee0f7637931d91a9860a1838bfc586901"},
-    {file = "httptools-0.5.0-cp38-cp38-win_amd64.whl", hash = "sha256:bede7ee075e54b9a5bde695b4fc8f569f30185891796b2e4e09e2226801d09bd"},
-    {file = "httptools-0.5.0-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:64eba6f168803a7469866a9c9b5263a7463fa8b7a25b35e547492aa7322036b6"},
-    {file = "httptools-0.5.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:4b098e4bb1174096a93f48f6193e7d9aa7071506a5877da09a783509ca5fff42"},
-    {file = "httptools-0.5.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:9423a2de923820c7e82e18980b937893f4aa8251c43684fa1772e341f6e06887"},
-    {file = "httptools-0.5.0-cp39-cp39-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ca1b7becf7d9d3ccdbb2f038f665c0f4857e08e1d8481cbcc1a86a0afcfb62b2"},
-    {file = "httptools-0.5.0-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:50d4613025f15f4b11f1c54bbed4761c0020f7f921b95143ad6d58c151198142"},
-    {file = "httptools-0.5.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:8ffce9d81c825ac1deaa13bc9694c0562e2840a48ba21cfc9f3b4c922c16f372"},
-    {file = "httptools-0.5.0-cp39-cp39-win_amd64.whl", hash = "sha256:1af91b3650ce518d226466f30bbba5b6376dbd3ddb1b2be8b0658c6799dd450b"},
-    {file = "httptools-0.5.0.tar.gz", hash = "sha256:295874861c173f9101960bba332429bb77ed4dcd8cdf5cee9922eb00e4f6bc09"},
+    {file = "httptools-0.6.0-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:818325afee467d483bfab1647a72054246d29f9053fd17cc4b86cda09cc60339"},
+    {file = "httptools-0.6.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:72205730bf1be875003692ca54a4a7c35fac77b4746008966061d9d41a61b0f5"},
+    {file = "httptools-0.6.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:33eb1d4e609c835966e969a31b1dedf5ba16b38cab356c2ce4f3e33ffa94cad3"},
+    {file = "httptools-0.6.0-cp310-cp310-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6bdc6675ec6cb79d27e0575750ac6e2b47032742e24eed011b8db73f2da9ed40"},
+    {file = "httptools-0.6.0-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:463c3bc5ef64b9cf091be9ac0e0556199503f6e80456b790a917774a616aff6e"},
+    {file = "httptools-0.6.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:82f228b88b0e8c6099a9c4757ce9fdbb8b45548074f8d0b1f0fc071e35655d1c"},
+    {file = "httptools-0.6.0-cp310-cp310-win_amd64.whl", hash = "sha256:0781fedc610293a2716bc7fa142d4c85e6776bc59d617a807ff91246a95dea35"},
+    {file = "httptools-0.6.0-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:721e503245d591527cddd0f6fd771d156c509e831caa7a57929b55ac91ee2b51"},
+    {file = "httptools-0.6.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:274bf20eeb41b0956e34f6a81f84d26ed57c84dd9253f13dcb7174b27ccd8aaf"},
+    {file = "httptools-0.6.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:259920bbae18740a40236807915def554132ad70af5067e562f4660b62c59b90"},
+    {file = "httptools-0.6.0-cp311-cp311-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:03bfd2ae8a2d532952ac54445a2fb2504c804135ed28b53fefaf03d3a93eb1fd"},
+    {file = "httptools-0.6.0-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:f959e4770b3fc8ee4dbc3578fd910fab9003e093f20ac8c621452c4d62e517cb"},
+    {file = "httptools-0.6.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:6e22896b42b95b3237eccc42278cd72c0df6f23247d886b7ded3163452481e38"},
+    {file = "httptools-0.6.0-cp311-cp311-win_amd64.whl", hash = "sha256:38f3cafedd6aa20ae05f81f2e616ea6f92116c8a0f8dcb79dc798df3356836e2"},
+    {file = "httptools-0.6.0-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:47043a6e0ea753f006a9d0dd076a8f8c99bc0ecae86a0888448eb3076c43d717"},
+    {file = "httptools-0.6.0-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:35a541579bed0270d1ac10245a3e71e5beeb1903b5fbbc8d8b4d4e728d48ff1d"},
+    {file = "httptools-0.6.0-cp37-cp37m-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:65d802e7b2538a9756df5acc062300c160907b02e15ed15ba035b02bce43e89c"},
+    {file = "httptools-0.6.0-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:26326e0a8fe56829f3af483200d914a7cd16d8d398d14e36888b56de30bec81a"},
+    {file = "httptools-0.6.0-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:e41ccac9e77cd045f3e4ee0fc62cbf3d54d7d4b375431eb855561f26ee7a9ec4"},
+    {file = "httptools-0.6.0-cp37-cp37m-win_amd64.whl", hash = "sha256:4e748fc0d5c4a629988ef50ac1aef99dfb5e8996583a73a717fc2cac4ab89932"},
+    {file = "httptools-0.6.0-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:cf8169e839a0d740f3d3c9c4fa630ac1a5aaf81641a34575ca6773ed7ce041a1"},
+    {file = "httptools-0.6.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:5dcc14c090ab57b35908d4a4585ec5c0715439df07be2913405991dbb37e049d"},
+    {file = "httptools-0.6.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0d0b0571806a5168013b8c3d180d9f9d6997365a4212cb18ea20df18b938aa0b"},
+    {file = "httptools-0.6.0-cp38-cp38-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0fb4a608c631f7dcbdf986f40af7a030521a10ba6bc3d36b28c1dc9e9035a3c0"},
+    {file = "httptools-0.6.0-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:93f89975465133619aea8b1952bc6fa0e6bad22a447c6d982fc338fbb4c89649"},
+    {file = "httptools-0.6.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:73e9d66a5a28b2d5d9fbd9e197a31edd02be310186db423b28e6052472dc8201"},
+    {file = "httptools-0.6.0-cp38-cp38-win_amd64.whl", hash = "sha256:22c01fcd53648162730a71c42842f73b50f989daae36534c818b3f5050b54589"},
+    {file = "httptools-0.6.0-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:3f96d2a351b5625a9fd9133c95744e8ca06f7a4f8f0b8231e4bbaae2c485046a"},
+    {file = "httptools-0.6.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:72ec7c70bd9f95ef1083d14a755f321d181f046ca685b6358676737a5fecd26a"},
+    {file = "httptools-0.6.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:b703d15dbe082cc23266bf5d9448e764c7cb3fcfe7cb358d79d3fd8248673ef9"},
+    {file = "httptools-0.6.0-cp39-cp39-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:82c723ed5982f8ead00f8e7605c53e55ffe47c47465d878305ebe0082b6a1755"},
+    {file = "httptools-0.6.0-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:b0a816bb425c116a160fbc6f34cece097fd22ece15059d68932af686520966bd"},
+    {file = "httptools-0.6.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:dea66d94e5a3f68c5e9d86e0894653b87d952e624845e0b0e3ad1c733c6cc75d"},
+    {file = "httptools-0.6.0-cp39-cp39-win_amd64.whl", hash = "sha256:23b09537086a5a611fad5696fc8963d67c7e7f98cb329d38ee114d588b0b74cd"},
+    {file = "httptools-0.6.0.tar.gz", hash = "sha256:9fc6e409ad38cbd68b177cd5158fc4042c796b82ca88d99ec78f07bed6c6b796"},
 ]
 
 [package.extras]
@@ -2495,22 +2490,22 @@ testing = ["flake8 (<5)", "flufl.flake8", "importlib-resources (>=1.3)", "packag
 
 [[package]]
 name = "importlib-resources"
-version = "5.12.0"
+version = "6.0.0"
 description = "Read resources from Python packages"
 category = "main"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 files = [
-    {file = "importlib_resources-5.12.0-py3-none-any.whl", hash = "sha256:7b1deeebbf351c7578e09bf2f63fa2ce8b5ffec296e0d349139d43cca061a81a"},
-    {file = "importlib_resources-5.12.0.tar.gz", hash = "sha256:4be82589bf5c1d7999aedf2a45159d10cb3ca4f19b2271f8792bc8e6da7b22f6"},
+    {file = "importlib_resources-6.0.0-py3-none-any.whl", hash = "sha256:d952faee11004c045f785bb5636e8f885bed30dc3c940d5d42798a2a4541c185"},
+    {file = "importlib_resources-6.0.0.tar.gz", hash = "sha256:4cf94875a8368bd89531a756df9a9ebe1f150e0f885030b461237bc7f2d905f2"},
 ]
 
 [package.dependencies]
 zipp = {version = ">=3.1.0", markers = "python_version < \"3.10\""}
 
 [package.extras]
-docs = ["furo", "jaraco.packaging (>=9)", "jaraco.tidelift (>=1.4)", "rst.linker (>=1.9)", "sphinx (>=3.5)", "sphinx-lint"]
-testing = ["flake8 (<5)", "pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)", "pytest-cov", "pytest-enabler (>=1.3)", "pytest-flake8", "pytest-mypy (>=0.9.1)"]
+docs = ["furo", "jaraco.packaging (>=9.3)", "jaraco.tidelift (>=1.4)", "rst.linker (>=1.9)", "sphinx (>=3.5)", "sphinx-lint"]
+testing = ["pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)", "pytest-cov", "pytest-enabler (>=2.2)", "pytest-mypy (>=0.9.1)", "pytest-ruff"]
 
 [[package]]
 name = "iniconfig"
@@ -2973,18 +2968,18 @@ text-helpers = ["chardet (>=5.1.0,<6.0.0)"]
 
 [[package]]
 name = "langchain-serve"
-version = "0.0.52"
+version = "0.0.53"
 description = "Langchain Serve - serve your langchain apps on Jina AI Cloud."
 category = "main"
 optional = true
 python-versions = "*"
 files = [
-    {file = "langchain-serve-0.0.52.tar.gz", hash = "sha256:e69dcf6022423279059ab7ebda025e252aba4d9fd8e3e49776300355dbf85d1c"},
+    {file = "langchain-serve-0.0.53.tar.gz", hash = "sha256:7f5b1bef8a6c2130d20b839fe8394bea65447df3935e8a7079067af9f0001147"},
 ]
 
 [package.dependencies]
 click = "*"
-jcloud = ">=0.2.8"
+jcloud = ">=0.2.8,<=0.2.12"
 jina = "3.15.2"
 jina-hubble-sdk = "*"
 langchain = "*"
@@ -4157,58 +4152,58 @@ files = [
 
 [[package]]
 name = "orjson"
-version = "3.9.1"
+version = "3.9.2"
 description = "Fast, correct Python JSON library supporting dataclasses, datetimes, and numpy"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "orjson-3.9.1-cp310-cp310-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:c4434b7b786fdc394b95d029fb99949d7c2b05bbd4bf5cb5e3906be96ffeee3b"},
-    {file = "orjson-3.9.1-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:09faf14f74ed47e773fa56833be118e04aa534956f661eb491522970b7478e3b"},
-    {file = "orjson-3.9.1-cp310-cp310-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:503eb86a8d53a187fe66aa80c69295a3ca35475804da89a9547e4fce5f803822"},
-    {file = "orjson-3.9.1-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:20f2804b5a1dbd3609c086041bd243519224d47716efd7429db6c03ed28b7cc3"},
-    {file = "orjson-3.9.1-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:0fd828e0656615a711c4cc4da70f3cac142e66a6703ba876c20156a14e28e3fa"},
-    {file = "orjson-3.9.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ec53d648176f873203b9c700a0abacab33ca1ab595066e9d616f98cdc56f4434"},
-    {file = "orjson-3.9.1-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:e186ae76b0d97c505500664193ddf508c13c1e675d9b25f1f4414a7606100da6"},
-    {file = "orjson-3.9.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:d4edee78503016f4df30aeede0d999b3cb11fb56f47e9db0e487bce0aaca9285"},
-    {file = "orjson-3.9.1-cp310-none-win_amd64.whl", hash = "sha256:a4cc5d21e68af982d9a2528ac61e604f092c60eed27aef3324969c68f182ec7e"},
-    {file = "orjson-3.9.1-cp311-cp311-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:761b6efd33c49de20dd73ce64cc59da62c0dab10aa6015f582680e0663cc792c"},
-    {file = "orjson-3.9.1-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:31229f9d0b8dc2ef7ee7e4393f2e4433a28e16582d4b25afbfccc9d68dc768f8"},
-    {file = "orjson-3.9.1-cp311-cp311-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:0b7ab18d55ecb1de543d452f0a5f8094b52282b916aa4097ac11a4c79f317b86"},
-    {file = "orjson-3.9.1-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:db774344c39041f4801c7dfe03483df9203cbd6c84e601a65908e5552228dd25"},
-    {file = "orjson-3.9.1-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:ae47ef8c0fe89c4677db7e9e1fb2093ca6e66c3acbee5442d84d74e727edad5e"},
-    {file = "orjson-3.9.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:103952c21575b9805803c98add2eaecd005580a1e746292ed2ec0d76dd3b9746"},
-    {file = "orjson-3.9.1-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:2cb0121e6f2c9da3eddf049b99b95fef0adf8480ea7cb544ce858706cdf916eb"},
-    {file = "orjson-3.9.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:24d4ddaa2876e657c0fd32902b5c451fd2afc35159d66a58da7837357044b8c2"},
-    {file = "orjson-3.9.1-cp311-none-win_amd64.whl", hash = "sha256:0b53b5f72cf536dd8aa4fc4c95e7e09a7adb119f8ff8ee6cc60f735d7740ad6a"},
-    {file = "orjson-3.9.1-cp37-cp37m-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:d4b68d01a506242316a07f1d2f29fb0a8b36cee30a7c35076f1ef59dce0890c1"},
-    {file = "orjson-3.9.1-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d9dd4abe6c6fd352f00f4246d85228f6a9847d0cc14f4d54ee553718c225388f"},
-    {file = "orjson-3.9.1-cp37-cp37m-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:9e20bca5e13041e31ceba7a09bf142e6d63c8a7467f5a9c974f8c13377c75af2"},
-    {file = "orjson-3.9.1-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:d8ae0467d01eb1e4bcffef4486d964bfd1c2e608103e75f7074ed34be5df48cc"},
-    {file = "orjson-3.9.1-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:06f6ab4697fab090517f295915318763a97a12ee8186054adf21c1e6f6abbd3d"},
-    {file = "orjson-3.9.1-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:8515867713301fa065c58ec4c9053ba1a22c35113ab4acad555317b8fd802e50"},
-    {file = "orjson-3.9.1-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:393d0697d1dfa18d27d193e980c04fdfb672c87f7765b87952f550521e21b627"},
-    {file = "orjson-3.9.1-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:d96747662d3666f79119e5d28c124e7d356c7dc195cd4b09faea4031c9079dc9"},
-    {file = "orjson-3.9.1-cp37-none-win_amd64.whl", hash = "sha256:6d173d3921dd58a068c88ec22baea7dbc87a137411501618b1292a9d6252318e"},
-    {file = "orjson-3.9.1-cp38-cp38-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:d1c2b0b4246c992ce2529fc610a446b945f1429445ece1c1f826a234c829a918"},
-    {file = "orjson-3.9.1-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:19f70ba1f441e1c4bb1a581f0baa092e8b3e3ce5b2aac2e1e090f0ac097966da"},
-    {file = "orjson-3.9.1-cp38-cp38-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:375d65f002e686212aac42680aed044872c45ee4bc656cf63d4a215137a6124a"},
-    {file = "orjson-3.9.1-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:4751cee4a7b1daeacb90a7f5adf2170ccab893c3ab7c5cea58b45a13f89b30b3"},
-    {file = "orjson-3.9.1-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:78d9a2a4b2302d5ebc3695498ebc305c3568e5ad4f3501eb30a6405a32d8af22"},
-    {file = "orjson-3.9.1-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:46b4facc32643b2689dfc292c0c463985dac4b6ab504799cf51fc3c6959ed668"},
-    {file = "orjson-3.9.1-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:ec7c8a0f1bf35da0d5fd14f8956f3b82a9a6918a3c6963d718dfd414d6d3b604"},
-    {file = "orjson-3.9.1-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:d3a40b0fbe06ccd4d6a99e523d20b47985655bcada8d1eba485b1b32a43e4904"},
-    {file = "orjson-3.9.1-cp38-none-win_amd64.whl", hash = "sha256:402f9d3edfec4560a98880224ec10eba4c5f7b4791e4bc0d4f4d8df5faf2a006"},
-    {file = "orjson-3.9.1-cp39-cp39-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:49c0d78dcd34626e2e934f1192d7c052b94e0ecadc5f386fd2bda6d2e03dadf5"},
-    {file = "orjson-3.9.1-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:125f63e56d38393daa0a1a6dc6fedefca16c538614b66ea5997c3bd3af35ef26"},
-    {file = "orjson-3.9.1-cp39-cp39-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:08927970365d2e1f3ce4894f9ff928a7b865d53f26768f1bbdd85dd4fee3e966"},
-    {file = "orjson-3.9.1-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:f9a744e212d4780ecd67f4b6b128b2e727bee1df03e7059cddb2dfe1083e7dc4"},
-    {file = "orjson-3.9.1-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:5d1dbf36db7240c61eec98c8d21545d671bce70be0730deb2c0d772e06b71af3"},
-    {file = "orjson-3.9.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:80a1e384626f76b66df615f7bb622a79a25c166d08c5d2151ffd41f24c4cc104"},
-    {file = "orjson-3.9.1-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:15d28872fb055bf17ffca913826e618af61b2f689d2b170f72ecae1a86f80d52"},
-    {file = "orjson-3.9.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:1e4d905338f9ef32c67566929dfbfbb23cc80287af8a2c38930fb0eda3d40b76"},
-    {file = "orjson-3.9.1-cp39-none-win_amd64.whl", hash = "sha256:48a27da6c7306965846565cc385611d03382bbd84120008653aa2f6741e2105d"},
-    {file = "orjson-3.9.1.tar.gz", hash = "sha256:db373a25ec4a4fccf8186f9a72a1b3442837e40807a736a815ab42481e83b7d0"},
+    {file = "orjson-3.9.2-cp310-cp310-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:7323e4ca8322b1ecb87562f1ec2491831c086d9faa9a6c6503f489dadbed37d7"},
+    {file = "orjson-3.9.2-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:1272688ea1865f711b01ba479dea2d53e037ea00892fd04196b5875f7021d9d3"},
+    {file = "orjson-3.9.2-cp310-cp310-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:0b9a26f1d1427a9101a1e8910f2e2df1f44d3d18ad5480ba031b15d5c1cb282e"},
+    {file = "orjson-3.9.2-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:6a5ca55b0d8f25f18b471e34abaee4b175924b6cd62f59992945b25963443141"},
+    {file = "orjson-3.9.2-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:877872db2c0f41fbe21f852ff642ca842a43bc34895b70f71c9d575df31fffb4"},
+    {file = "orjson-3.9.2-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:4a39c2529d75373b7167bf84c814ef9b8f3737a339c225ed6c0df40736df8748"},
+    {file = "orjson-3.9.2-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:84ebd6fdf138eb0eb4280045442331ee71c0aab5e16397ba6645f32f911bfb37"},
+    {file = "orjson-3.9.2-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:5a60a1cfcfe310547a1946506dd4f1ed0a7d5bd5b02c8697d9d5dcd8d2e9245e"},
+    {file = "orjson-3.9.2-cp310-none-win_amd64.whl", hash = "sha256:c290c4f81e8fd0c1683638802c11610b2f722b540f8e5e858b6914b495cf90c8"},
+    {file = "orjson-3.9.2-cp311-cp311-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:02ef014f9a605e84b675060785e37ec9c0d2347a04f1307a9d6840ab8ecd6f55"},
+    {file = "orjson-3.9.2-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:992af54265ada1c1579500d6594ed73fe333e726de70d64919cf37f93defdd06"},
+    {file = "orjson-3.9.2-cp311-cp311-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:a40958f7af7c6d992ee67b2da4098dca8b770fc3b4b3834d540477788bfa76d3"},
+    {file = "orjson-3.9.2-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:93864dec3e3dd058a2dbe488d11ac0345214a6a12697f53a63e34de7d28d4257"},
+    {file = "orjson-3.9.2-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:16fdf5a82df80c544c3c91516ab3882cd1ac4f1f84eefeafa642e05cef5f6699"},
+    {file = "orjson-3.9.2-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:275b5a18fd9ed60b2720543d3ddac170051c43d680e47d04ff5203d2c6d8ebf1"},
+    {file = "orjson-3.9.2-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:b9aea6dcb99fcbc9f6d1dd84fca92322fda261da7fb014514bb4689c7c2097a8"},
+    {file = "orjson-3.9.2-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:7d74ae0e101d17c22ef67b741ba356ab896fc0fa64b301c2bf2bb0a4d874b190"},
+    {file = "orjson-3.9.2-cp311-none-win_amd64.whl", hash = "sha256:6320b28e7bdb58c3a3a5efffe04b9edad3318d82409e84670a9b24e8035a249d"},
+    {file = "orjson-3.9.2-cp37-cp37m-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:368e9cc91ecb7ac21f2aa475e1901204110cf3e714e98649c2502227d248f947"},
+    {file = "orjson-3.9.2-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:58e9e70f0dcd6a802c35887f306b555ff7a214840aad7de24901fc8bd9cf5dde"},
+    {file = "orjson-3.9.2-cp37-cp37m-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:00c983896c2e01c94c0ef72fd7373b2aa06d0c0eed0342c4884559f812a6835b"},
+    {file = "orjson-3.9.2-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:2ee743e8890b16c87a2f89733f983370672272b61ee77429c0a5899b2c98c1a7"},
+    {file = "orjson-3.9.2-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:b7b065942d362aad4818ff599d2f104c35a565c2cbcbab8c09ec49edba91da75"},
+    {file = "orjson-3.9.2-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e46e9c5b404bb9e41d5555762fd410d5466b7eb1ec170ad1b1609cbebe71df21"},
+    {file = "orjson-3.9.2-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:8170157288714678ffd64f5de33039e1164a73fd8b6be40a8a273f80093f5c4f"},
+    {file = "orjson-3.9.2-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:e3e2f087161947dafe8319ea2cfcb9cea4bb9d2172ecc60ac3c9738f72ef2909"},
+    {file = "orjson-3.9.2-cp37-none-win_amd64.whl", hash = "sha256:d7de3dbbe74109ae598692113cec327fd30c5a30ebca819b21dfa4052f7b08ef"},
+    {file = "orjson-3.9.2-cp38-cp38-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:8cd4385c59bbc1433cad4a80aca65d2d9039646a9c57f8084897549b55913b17"},
+    {file = "orjson-3.9.2-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:a74036aab1a80c361039290cdbc51aa7adc7ea13f56e5ef94e9be536abd227bd"},
+    {file = "orjson-3.9.2-cp38-cp38-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:1aaa46d7d4ae55335f635eadc9be0bd9bcf742e6757209fc6dc697e390010adc"},
+    {file = "orjson-3.9.2-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:2e52c67ed6bb368083aa2078ea3ccbd9721920b93d4b06c43eb4e20c4c860046"},
+    {file = "orjson-3.9.2-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:1a6cdfcf9c7dd4026b2b01fdff56986251dc0cc1e980c690c79eec3ae07b36e7"},
+    {file = "orjson-3.9.2-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:1882a70bb69595b9ec5aac0040a819e94d2833fe54901e2b32f5e734bc259a8b"},
+    {file = "orjson-3.9.2-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:fc05e060d452145ab3c0b5420769e7356050ea311fc03cb9d79c481982917cca"},
+    {file = "orjson-3.9.2-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:f8bc2c40d9bb26efefb10949d261a47ca196772c308babc538dd9f4b73e8d386"},
+    {file = "orjson-3.9.2-cp38-none-win_amd64.whl", hash = "sha256:3164fc20a585ec30a9aff33ad5de3b20ce85702b2b2a456852c413e3f0d7ab09"},
+    {file = "orjson-3.9.2-cp39-cp39-macosx_10_15_x86_64.macosx_11_0_arm64.macosx_10_15_universal2.whl", hash = "sha256:7a6ccadf788531595ed4728aa746bc271955448d2460ff0ef8e21eb3f2a281ba"},
+    {file = "orjson-3.9.2-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3245d230370f571c945f69aab823c279a868dc877352817e22e551de155cb06c"},
+    {file = "orjson-3.9.2-cp39-cp39-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:205925b179550a4ee39b8418dd4c94ad6b777d165d7d22614771c771d44f57bd"},
+    {file = "orjson-3.9.2-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:0325fe2d69512187761f7368c8cda1959bcb75fc56b8e7a884e9569112320e57"},
+    {file = "orjson-3.9.2-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:806704cd58708acc66a064a9a58e3be25cf1c3f9f159e8757bd3f515bfabdfa1"},
+    {file = "orjson-3.9.2-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:03fb36f187a0c19ff38f6289418863df8b9b7880cdbe279e920bef3a09d8dab1"},
+    {file = "orjson-3.9.2-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:20925d07a97c49c6305bff1635318d9fc1804aa4ccacb5fb0deb8a910e57d97a"},
+    {file = "orjson-3.9.2-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:eebfed53bec5674e981ebe8ed2cf00b3f7bcda62d634733ff779c264307ea505"},
+    {file = "orjson-3.9.2-cp39-none-win_amd64.whl", hash = "sha256:869b961df5fcedf6c79f4096119b35679b63272362e9b745e668f0391a892d39"},
+    {file = "orjson-3.9.2.tar.gz", hash = "sha256:24257c8f641979bf25ecd3e27251b5cc194cdd3a6e96004aac8446f5e63d9664"},
 ]
 
 [[package]]
@@ -4520,14 +4515,14 @@ testing = ["pytest", "pytest-cov"]
 
 [[package]]
 name = "platformdirs"
-version = "3.8.0"
+version = "3.8.1"
 description = "A small Python package for determining appropriate platform-specific dirs, e.g. a \"user data dir\"."
 category = "dev"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "platformdirs-3.8.0-py3-none-any.whl", hash = "sha256:ca9ed98ce73076ba72e092b23d3c93ea6c4e186b3f1c3dad6edd98ff6ffcca2e"},
-    {file = "platformdirs-3.8.0.tar.gz", hash = "sha256:b0cabcb11063d21a0b261d557acb0a9d2126350e63b70cdf7db6347baea456dc"},
+    {file = "platformdirs-3.8.1-py3-none-any.whl", hash = "sha256:cec7b889196b9144d088e4c57d9ceef7374f6c39694ad1577a0aab50d27ea28c"},
+    {file = "platformdirs-3.8.1.tar.gz", hash = "sha256:f87ca4fcff7d2b0f81c6a748a77973d7af0f4d526f98f308477c3c436c74d528"},
 ]
 
 [package.extras]
@@ -7377,14 +7372,14 @@ files = [
 
 [[package]]
 name = "weaviate-client"
-version = "3.21.0"
+version = "3.22.0"
 description = "A python native Weaviate client"
 category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
-    {file = "weaviate-client-3.21.0.tar.gz", hash = "sha256:ec94ac554883c765e94da8b2947c4f0fa4a0378ed3bbe9f3653df3a5b1745a6d"},
-    {file = "weaviate_client-3.21.0-py3-none-any.whl", hash = "sha256:420444ded7106fb000f4f8b2321b5f5fa2387825aa7a303d702accf61026f9d2"},
+    {file = "weaviate-client-3.22.0.tar.gz", hash = "sha256:38d0dbe66246bb61f0b9cabafc9cb42d832d7130b3a2d84e2a2b1a7aaa778358"},
+    {file = "weaviate_client-3.22.0-py3-none-any.whl", hash = "sha256:f65401979373ab32705b05a48195f298251e4e619d88c6b61018d32e43bd9deb"},
 ]
 
 [package.dependencies]
@@ -7832,4 +7827,4 @@ deploy = ["langchain-serve"]
 [metadata]
 lock-version = "2.0"
 python-versions = ">=3.9,<3.11"
-content-hash = "c0143f38de64a4ce537edc800380802537b6591202182e3bf9dc647ba666e8b4"
+content-hash = "d867cb34755099754e53479dba99d9b25c5b616dbc7b332a91492c575aa657b8"
diff --git a/pyproject.toml b/pyproject.toml
index 08bdaad65..388c7ee96 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -23,7 +23,7 @@ langflow = "langflow.__main__:main"
 
 [tool.poetry.dependencies]
 python = ">=3.9,<3.11"
-fastapi = "^0.99.0"
+fastapi = "^0.100.0"
 uvicorn = "^0.22.0"
 beautifulsoup4 = "^4.12.2"
 google-search-results = "^2.4.1"

From 99be9830adcc20460c389d54ca8f8e009c24dd54 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 10:31:46 -0300
Subject: [PATCH 293/367] =?UTF-8?q?=F0=9F=90=9B=20fix(manager.py):=20catch?=
 =?UTF-8?q?=20and=20log=20RuntimeError=20when=20closing=20websocket=20conn?=
 =?UTF-8?q?ection=20to=20prevent=20unexpected=20ASGI=20message=20error?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔒 chore(manager.py): improve error handling when closing websocket connection to prevent unexpected ASGI message error
---
 src/backend/langflow/chat/manager.py | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/chat/manager.py b/src/backend/langflow/chat/manager.py
index 856ee226e..33de784b5 100644
--- a/src/backend/langflow/chat/manager.py
+++ b/src/backend/langflow/chat/manager.py
@@ -104,8 +104,14 @@ class ChatManager:
 
     async def close_connection(self, client_id: str, code: int, reason: str):
         if websocket := self.active_connections[client_id]:
-            await websocket.close(code=code, reason=reason)
-            self.disconnect(client_id)
+            try:
+                await websocket.close(code=code, reason=reason)
+                self.disconnect(client_id)
+            except RuntimeError as exc:
+                # This is to catch the following error:
+                #  Unexpected ASGI message 'websocket.close', after sending 'websocket.close'
+                if "after sending" in str(exc):
+                    logger.error(exc)
 
     async def process_message(
         self, client_id: str, payload: Dict, langchain_object: Any

From c959d7bdd5be2fb0b6d84bcb9a9b05dd88cf5e6a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 10:51:18 -0300
Subject: [PATCH 294/367] =?UTF-8?q?=F0=9F=93=9D=20docs(constants.py):=20ad?=
 =?UTF-8?q?d=20missing=20documentation=20for=20INPUT=5FKEY=5FINFO=20and=20?=
 =?UTF-8?q?OUTPUT=5FKEY=5FINFO=20variables?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🐛 fix(memories.py): set info field for input_key and output_key fields to provide additional information to users
---
 src/backend/langflow/template/frontend_node/constants.py | 4 ++++
 src/backend/langflow/template/frontend_node/memories.py  | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/frontend_node/constants.py b/src/backend/langflow/template/frontend_node/constants.py
index 90cdbf280..295995586 100644
--- a/src/backend/langflow/template/frontend_node/constants.py
+++ b/src/backend/langflow/template/frontend_node/constants.py
@@ -58,3 +58,7 @@ The base URL of the OpenAI API. Defaults to https://api.openai.com/v1.
 
 You can change this to use other APIs like JinaChat, LocalAI and Prem.
 """
+
+
+INPUT_KEY_INFO = """The variable to be used as Chat Input when more than one variable is available."""
+OUTPUT_KEY_INFO = """The variable to be used as Chat Output (e.g. answer in a ConversationalRetrievalChain)"""
diff --git a/src/backend/langflow/template/frontend_node/memories.py b/src/backend/langflow/template/frontend_node/memories.py
index d98a322ff..6ca85f3ac 100644
--- a/src/backend/langflow/template/frontend_node/memories.py
+++ b/src/backend/langflow/template/frontend_node/memories.py
@@ -2,6 +2,7 @@ from typing import Optional
 
 from langflow.template.field.base import TemplateField
 from langflow.template.frontend_node.base import FrontendNode
+from langflow.template.frontend_node.constants import INPUT_KEY_INFO, OUTPUT_KEY_INFO
 from langflow.template.template.base import Template
 from langchain.memory.chat_message_histories.postgres import DEFAULT_CONNECTION_STRING
 from langchain.memory.chat_message_histories.mongodb import (
@@ -70,11 +71,15 @@ class MemoryFrontendNode(FrontendNode):
             field.required = False
             field.show = True
             field.advanced = False
-        if field.name in ["input_key", "output_key"]:
+        if field.name in {"input_key", "output_key"}:
             field.required = False
             field.show = True
             field.advanced = False
             field.value = ""
+            field.info = (
+                INPUT_KEY_INFO if field.name == "input_key" else OUTPUT_KEY_INFO
+            )
+
         if field.name == "memory_key":
             field.value = "chat_history"
         if field.name == "chat_memory":

From 8a3e8f010a05b29a4fda590f79a5c37ab0e8a547 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 10:59:55 -0300
Subject: [PATCH 295/367] =?UTF-8?q?=F0=9F=94=A7=20chore(chatModal):=20upda?=
 =?UTF-8?q?te=20updateLastMessage=20function=20to=20include=20thought=20pr?=
 =?UTF-8?q?operty=20in=20the=20message=20object=20=F0=9F=94=A7=20chore(cha?=
 =?UTF-8?q?tModal):=20update=20updateLastMessage=20function=20to=20include?=
 =?UTF-8?q?=20thought=20property=20in=20the=20message=20object=20for=20str?=
 =?UTF-8?q?eam=20type=20messages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/chatModal/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 0d783b36e..581ea22e2 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -184,7 +184,10 @@ export default function ChatModal({
       isStream = false;
     }
     if (data.type === "stream" && isStream) {
-      updateLastMessage({ str: data.message });
+      updateLastMessage({
+        str: data.message,
+        thought: data.intermediate_steps,
+      });
     }
   }
 

From c0df1f7c3be35d1972438fdf6e595409bec7a33a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 11:00:25 -0300
Subject: [PATCH 296/367] =?UTF-8?q?=F0=9F=90=9B=20fix(callback.py):=20fix?=
 =?UTF-8?q?=20issue=20with=20splitting=20output=20into=20multiple=20ChatRe?=
 =?UTF-8?q?sponse=20instances=20=E2=9C=A8=20feat(callback.py):=20split=20t?=
 =?UTF-8?q?he=20output=20into=20multiple=20ChatResponse=20instances=20to?=
 =?UTF-8?q?=20emulate=20a=20stream=20of=20tokens?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/callback.py | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/backend/langflow/api/v1/callback.py b/src/backend/langflow/api/v1/callback.py
index 4b82dc580..6250f7987 100644
--- a/src/backend/langflow/api/v1/callback.py
+++ b/src/backend/langflow/api/v1/callback.py
@@ -65,9 +65,11 @@ class AsyncStreamingLLMCallbackHandler(AsyncCallbackHandler):
     async def on_tool_end(self, output: str, **kwargs: Any) -> Any:
         """Run when tool ends running."""
         observation_prefix = kwargs.get("observation_prefix", "Tool output: ")
-
+        split_output = output.split()
+        first_word = split_output[0]
+        rest_of_output = split_output[1:]
         # Create a formatted message.
-        intermediate_steps = f"{observation_prefix}{output}"
+        intermediate_steps = f"{observation_prefix}{first_word}"
 
         # Create a ChatResponse instance.
         resp = ChatResponse(
@@ -75,10 +77,21 @@ class AsyncStreamingLLMCallbackHandler(AsyncCallbackHandler):
             type="stream",
             intermediate_steps=intermediate_steps,
         )
-
+        rest_of_resps = [
+            ChatResponse(
+                message="",
+                type="stream",
+                intermediate_steps=f"{word}",
+            )
+            for word in rest_of_output
+        ]
+        resps = [resp] + rest_of_resps
         # Try to send the response, handle potential errors.
+
         try:
-            await self.websocket.send_json(resp.dict())
+            # This is to emulate the stream of tokens
+            for resp in resps:
+                await self.websocket.send_json(resp.dict())
         except Exception as e:
             logger.error(e)
 

From 612c7a988c968ce0abb4a7d06f90abb8db3b4069 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 11:14:06 -0300
Subject: [PATCH 297/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(callback.py):?=
 =?UTF-8?q?=20remove=20unused=20imports=20to=20improve=20code=20readabilit?=
 =?UTF-8?q?y=20and=20maintainability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/callback.py | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/callback.py b/src/backend/langflow/api/v1/callback.py
index 6250f7987..deddde47f 100644
--- a/src/backend/langflow/api/v1/callback.py
+++ b/src/backend/langflow/api/v1/callback.py
@@ -4,7 +4,6 @@ from langchain.callbacks.base import AsyncCallbackHandler, BaseCallbackHandler
 
 from langflow.api.v1.schemas import ChatResponse
 
-from typing import Any, Dict
 
 from typing import Any, Dict, List, Union
 from fastapi import WebSocket

From d0124dc4cc8aa9c254e64bd0a3216290768ab9ae Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 11:18:21 -0300
Subject: [PATCH 298/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(chatModal/index?=
 =?UTF-8?q?.tsx):=20remove=20unused=20setNoticeData=20function=20from=20al?=
 =?UTF-8?q?ertContext=20=F0=9F=94=92=20chore(chatModal/index.tsx):=20remov?=
 =?UTF-8?q?e=20unused=20lockChat=20state=20variable=20and=20setLockChat=20?=
 =?UTF-8?q?function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/chatModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 581ea22e2..ceeebf359 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -25,7 +25,7 @@ export default function ChatModal({
   const [chatValue, setChatValue] = useState("");
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
-  const { setErrorData, setNoticeData } = useContext(alertContext);
+  const { setErrorData } = useContext(alertContext);
   const ws = useRef<WebSocket | null>(null);
   const [lockChat, setLockChat] = useState(false);
   const isOpen = useRef(open);

From 008a1c40791310105c653e2e479afc9f1da6f412 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 18:02:12 -0300
Subject: [PATCH 299/367] =?UTF-8?q?=F0=9F=90=9B=20fix(types.py):=20replace?=
 =?UTF-8?q?=20eval()=20with=20ast.literal=5Feval()=20to=20safely=20evaluat?=
 =?UTF-8?q?e=20headers=20parameter=20as=20dictionary-like=20string=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(process.py):=20rename=20input=20parameter=20?=
 =?UTF-8?q?to=20flow=20for=20clarity=20and=20to=20avoid=20shadowing=20buil?=
 =?UTF-8?q?t-in=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py |  3 ++-
 src/backend/langflow/processing/process.py | 12 ++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index 2bebc1383..6d9a28356 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -1,3 +1,4 @@
+import ast
 from typing import Any, Dict, List, Optional, Union
 
 from langflow.graph.vertex.base import Vertex
@@ -79,7 +80,7 @@ class WrapperVertex(Vertex):
     def build(self, force: bool = False) -> Any:
         if not self._built or force:
             if "headers" in self.params:
-                self.params["headers"] = eval(self.params["headers"])
+                self.params["headers"] = ast.literal_eval(self.params["headers"])
             self._build()
         return self._built_object
 
diff --git a/src/backend/langflow/processing/process.py b/src/backend/langflow/processing/process.py
index 1b219fe11..d4d7b8a26 100644
--- a/src/backend/langflow/processing/process.py
+++ b/src/backend/langflow/processing/process.py
@@ -123,23 +123,23 @@ def process_graph_cached(data_graph: Dict[str, Any], inputs: Optional[dict] = No
 
 
 def load_flow_from_json(
-    input: Union[Path, str, dict], tweaks: Optional[dict] = None, build=True
+    flow: Union[Path, str, dict], tweaks: Optional[dict] = None, build=True
 ):
     """
     Load flow from a JSON file or a JSON object.
 
-    :param input: JSON file path or JSON object
+    :param flow: JSON file path or JSON object
     :param tweaks: Optional tweaks to be processed
     :param build: If True, build the graph, otherwise return the graph object
     :return: Langchain object or Graph object depending on the build parameter
     """
     # If input is a file path, load JSON from the file
-    if isinstance(input, (str, Path)):
-        with open(input, "r", encoding="utf-8") as f:
+    if isinstance(flow, (str, Path)):
+        with open(flow, "r", encoding="utf-8") as f:
             flow_graph = json.load(f)
     # If input is a dictionary, assume it's a JSON object
-    elif isinstance(input, dict):
-        flow_graph = input
+    elif isinstance(flow, dict):
+        flow_graph = flow
     else:
         raise TypeError(
             "Input must be either a file path (str) or a JSON object (dict)"

From d8dee14ed54b036150238cc7ed071c3b0fc59fd8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 9 Jul 2023 18:09:53 -0300
Subject: [PATCH 300/367] =?UTF-8?q?=F0=9F=94=A8=20refactor(base.py):=20ref?=
 =?UTF-8?q?actor=20the=20=5Fbuild=20method=20in=20the=20Vertex=20class=20f?=
 =?UTF-8?q?or=20better=20readability=20and=20maintainability=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20fix=20a=20bug=20where=20the=20bu?=
 =?UTF-8?q?ilt=20object=20is=20not=20updated=20correctly=20in=20the=20Vert?=
 =?UTF-8?q?ex=20class=20=E2=9C=A8=20feat(base.py):=20add=20validation=20to?=
 =?UTF-8?q?=20check=20if=20the=20built=20object=20is=20None=20in=20the=20V?=
 =?UTF-8?q?ertex=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/base.py | 152 +++++++++++++---------
 1 file changed, 91 insertions(+), 61 deletions(-)

diff --git a/src/backend/langflow/graph/vertex/base.py b/src/backend/langflow/graph/vertex/base.py
index c7aef883a..4eb39e8e8 100644
--- a/src/backend/langflow/graph/vertex/base.py
+++ b/src/backend/langflow/graph/vertex/base.py
@@ -123,89 +123,119 @@ class Vertex:
         self.params = params
 
     def _build(self):
-        # The params dict is used to build the module
-        # it contains values and keys that point to nodes which
-        # have their own params dict
-        # When build is called, we iterate through the params dict
-        # and if the value is a node, we call build on that node
-        # and use the output of that build as the value for the param
-        # if the value is not a node, then we use the value as the param
-        # and continue
-        # Another aspect is that the node_type is the class that we need to import
-        # and instantiate with these built params
+        """
+        Initiate the build process.
+        """
         logger.debug(f"Building {self.vertex_type}")
-        # Build each node in the params dict
+        self._build_each_node_in_params_dict()
+        self._get_and_instantiate_class()
+        self._validate_built_object()
+
+        self._built = True
+
+    def _build_each_node_in_params_dict(self):
+        """
+        Iterates over each node in the params dictionary and builds it.
+        """
         for key, value in self.params.copy().items():
-            # Check if Node or list of Nodes and not self
-            # to avoid recursion
-            if isinstance(value, Vertex):
+            if self._is_node(value):
                 if value == self:
                     del self.params[key]
                     continue
-                result = value.build()
-                # If the key is "func", then we need to use the run method
-                if key == "func":
-                    if not isinstance(result, types.FunctionType):
-                        # func can be
-                        # PythonFunction(code='\ndef upper_case(text: str) -> str:\n    return text.upper()\n')
-                        # so we need to check if there is an attribute called run
-                        if hasattr(result, "run"):
-                            result = result.run  # type: ignore
-                        elif hasattr(result, "get_function"):
-                            result = result.get_function()  # type: ignore
-                    elif inspect.iscoroutinefunction(result):
-                        self.params["coroutine"] = result
-                    else:
-                        # turn result which is a function into a coroutine
-                        # so that it can be awaited
-                        self.params["coroutine"] = sync_to_async(result)
-                if isinstance(result, list):
-                    # If the result is a list, then we need to extend the list
-                    # with the result but first check if the key exists
-                    # if it doesn't, then we need to create a new list
-                    if isinstance(self.params[key], list):
-                        self.params[key].extend(result)
+                self._build_node_and_update_params(key, value)
+            elif isinstance(value, list) and self._is_list_of_nodes(value):
+                self._build_list_of_nodes_and_update_params(key, value)
 
-                self.params[key] = result
-            elif isinstance(value, list) and all(
-                isinstance(node, Vertex) for node in value
-            ):
-                self.params[key] = []
-                for node in value:
-                    built = node.build()
-                    if isinstance(built, list):
-                        self.params[key].extend(built)
-                    else:
-                        self.params[key].append(built)
+    def _is_node(self, value):
+        """
+        Checks if the provided value is an instance of Vertex.
+        """
+        return isinstance(value, Vertex)
 
-        # Get the class from LANGCHAIN_TYPES_DICT
-        # and instantiate it with the params
-        # and return the instance
+    def _is_list_of_nodes(self, value):
+        """
+        Checks if the provided value is a list of Vertex instances.
+        """
+        return all(self._is_node(node) for node in value)
 
+    def _build_node_and_update_params(self, key, node):
+        """
+        Builds a given node and updates the params dictionary accordingly.
+        """
+        result = node.build()
+        self._handle_func(key, result)
+        if isinstance(result, list):
+            self._extend_params_list_with_result(key, result)
+        self.params[key] = result
+
+    def _build_list_of_nodes_and_update_params(self, key, nodes):
+        """
+        Iterates over a list of nodes, builds each and updates the params dictionary.
+        """
+        self.params[key] = []
+        for node in nodes:
+            built = node.build()
+            if isinstance(built, list):
+                self.params[key].extend(built)
+            else:
+                self.params[key].append(built)
+
+    def _handle_func(self, key, result):
+        """
+        Handles 'func' key by checking if the result is a function and setting it as coroutine.
+        """
+        if key == "func":
+            if not isinstance(result, types.FunctionType):
+                if hasattr(result, "run"):
+                    result = result.run  # type: ignore
+                elif hasattr(result, "get_function"):
+                    result = result.get_function()  # type: ignore
+            elif inspect.iscoroutinefunction(result):
+                self.params["coroutine"] = result
+            else:
+                self.params["coroutine"] = sync_to_async(result)
+
+    def _extend_params_list_with_result(self, key, result):
+        """
+        Extends a list in the params dictionary with the given result if it exists.
+        """
+        if isinstance(self.params[key], list):
+            self.params[key].extend(result)
+
+    def _get_and_instantiate_class(self):
+        """
+        Gets the class from a dictionary and instantiates it with the params.
+        """
+        if self.base_type is None:
+            raise ValueError(f"Base type for node {self.vertex_type} not found")
         try:
-            if self.base_type is None:
-                raise ValueError(f"Base type for node {self.vertex_type} not found")
             result = loading.instantiate_class(
                 node_type=self.vertex_type,
                 base_type=self.base_type,
                 params=self.params,
             )
-            # Result could be the _built_object or
-            # (_built_object, dict) tuple
-            if isinstance(result, tuple):
-                self._built_object, self.artifacts = result
-            else:
-                self._built_object = result
+            self._update_built_object_and_artifacts(result)
         except Exception as exc:
             raise ValueError(
                 f"Error building node {self.vertex_type}: {str(exc)}"
             ) from exc
 
+    def _update_built_object_and_artifacts(self, result):
+        """
+        Updates the built object and its artifacts.
+        """
+        if isinstance(result, tuple):
+            self._built_object, self.artifacts = result
+        else:
+            self._built_object = result
+
+    def _validate_built_object(self):
+        """
+        Checks if the built object is None and raises a ValueError if so.
+        """
         if self._built_object is None:
             raise ValueError(f"Node type {self.vertex_type} not found")
 
-        self._built = True
-
     def build(self, force: bool = False) -> Any:
         if not self._built or force:
             self._build()

From 650275db8a860ec4a2d046e65ca2dfaa1c48cd25 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 08:05:18 -0300
Subject: [PATCH 301/367] =?UTF-8?q?=F0=9F=94=A7=20chore(base.py):=20add=20?=
 =?UTF-8?q?=5F=5Frepr=5F=5F=20method=20to=20Graph=20class=20for=20better?=
 =?UTF-8?q?=20debugging=20and=20representation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/graph/base.py | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/backend/langflow/graph/graph/base.py b/src/backend/langflow/graph/graph/base.py
index 65fff3239..86a2f98a9 100644
--- a/src/backend/langflow/graph/graph/base.py
+++ b/src/backend/langflow/graph/graph/base.py
@@ -214,3 +214,10 @@ class Graph:
         if node_type in node_types:
             children.append(node)
         return children
+
+    def __repr__(self):
+        node_ids = [node.id for node in self.nodes]
+        edges_repr = "\n".join(
+            [f"{edge.source.id} --> {edge.target.id}" for edge in self.edges]
+        )
+        return f"Graph:\nNodes: {node_ids}\nConnections:\n{edges_repr}"

From 243b59507b4f7f87518060b908426a0f9e933241 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 10:29:09 -0300
Subject: [PATCH 302/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20use=20strict=20equality=20operator=20(=3D=3D=3D)=20instead?=
 =?UTF-8?q?=20of=20loose=20equality=20operator=20(=3D=3D)=20for=20item.typ?=
 =?UTF-8?q?e=20comparison=20to=20improve=20code=20quality=20and=20avoid=20?=
 =?UTF-8?q?potential=20bugs=20=F0=9F=90=9B=20fix(parameterComponent):=20up?=
 =?UTF-8?q?date=20style=20prop=20value=20in=20ShadTooltip=20component=20to?=
 =?UTF-8?q?=20use=20class=20names=20'tooltip-fixed-width'=20and=20'custom-?=
 =?UTF-8?q?scroll'=20for=20consistent=20styling=20and=20better=20readabili?=
 =?UTF-8?q?ty=20=F0=9F=90=9B=20fix(parameterComponent):=20update=20disable?=
 =?UTF-8?q?d=20prop=20value=20in=20TextAreaComponent=20to=20use=20the=20di?=
 =?UTF-8?q?sabled=20variable=20passed=20as=20a=20prop=20for=20consistency?=
 =?UTF-8?q?=20and=20better=20code=20organization=20=F0=9F=90=9B=20fix(Acco?=
 =?UTF-8?q?rdionComponent):=20use=20strict=20equality=20operator=20(=3D=3D?=
 =?UTF-8?q?=3D)=20instead=20of=20loose=20equality=20operator=20(=3D=3D)=20?=
 =?UTF-8?q?for=20open.length=20comparison=20to=20improve=20code=20quality?=
 =?UTF-8?q?=20and=20avoid=20potential=20bugs=20=F0=9F=90=9B=20fix(codeArea?=
 =?UTF-8?q?Component):=20remove=20unnecessary=20space=20in=20className=20p?=
 =?UTF-8?q?rop=20value=20to=20improve=20code=20readability=20=F0=9F=90=9B?=
 =?UTF-8?q?=20fix(codeAreaComponent):=20remove=20unnecessary=20space=20in?=
 =?UTF-8?q?=20className=20prop=20value=20to=20improve=20code=20readability?=
 =?UTF-8?q?=20=F0=9F=90=9B=20fix(codeAreaComponent):=20remove=20unnecessar?=
 =?UTF-8?q?y=20space=20in=20className=20prop=20value=20to=20improve=20code?=
 =?UTF-8?q?=20readability=20=F0=9F=90=9B=20fix(codeAreaComponent):=20remov?=
 =?UTF-8?q?e=20unnecessary=20space=20in=20className=20prop=20value=20to=20?=
 =?UTF-8?q?improve=20code=20readability=20=F0=9F=90=9B=20fix(inputFileComp?=
 =?UTF-8?q?onent):=20remove=20unnecessary=20space=20in=20className=20prop?=
 =?UTF-8?q?=20value=20to=20improve=20code=20readability=20=F0=9F=90=9B=20f?=
 =?UTF-8?q?ix(inputFileComponent):=20remove=20unnecessary=20space=20in=20c?=
 =?UTF-8?q?lassName=20prop=20value=20to=20improve=20code=20readability=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(inputFileComponent):=20remove=20unnecessary?=
 =?UTF-8?q?=20space=20in=20className=20prop=20value=20to=20improve=20code?=
 =?UTF-8?q?=20readability=20=F0=9F=90=9B=20fix(inputFileComponent):=20remo?=
 =?UTF-8?q?ve=20unnecessary=20space=20in=20className=20prop=20value=20to?=
 =?UTF-8?q?=20improve=20code=20readability=20=F0=9F=90=9B=20fix(intCompone?=
 =?UTF-8?q?nt):=20remove=20unnecessary=20space=20in=20className=20prop=20v?=
 =?UTF-8?q?alue=20to=20improve=20code=20readability=20=F0=9F=90=9B=20fix(i?=
 =?UTF-8?q?ntComponent):=20remove=20unnecessary=20space=20in=20className?=
 =?UTF-8?q?=20prop=20value=20to=20improve=20code=20readability=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(promptComponent):=20add=20missing=20dependen?=
 =?UTF-8?q?cies=20to=20useEffect=20dependency=20array=20to=20avoid=20poten?=
 =?UTF-8?q?tial=20bugs=20and=20improve=20code=20quality=20=F0=9F=90=9B=20f?=
 =?UTF-8?q?ix(promptComponent):=20remove=20unnecessary=20space=20in=20clas?=
 =?UTF-8?q?sName=20prop=20value=20to=20improve=20code=20readability=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(textAreaComponent):=20remove=20unnecessary?=
 =?UTF-8?q?=20space=20in=20className=20prop=20value=20to=20improve=20code?=
 =?UTF-8?q?=20readability=20=F0=9F=90=9B=20fix(textAreaComponent):=20remov?=
 =?UTF-8?q?e=20unnecessary=20space=20in=20className=20prop=20value=20to=20?=
 =?UTF-8?q?improve=20code=20readability=20=F0=9F=90=9B=20fix(tabsContext):?=
 =?UTF-8?q?=20change=20getTweak=20initial=20state=20from=20an=20object=20t?=
 =?UTF-8?q?o=20an=20empty=20array=20to=20match=20the=20expected=20type=20a?=
 =?UTF-8?q?nd=20avoid=20potential=20bugs=20=F0=9F=90=9B=20fix(ApiModal):?=
 =?UTF-8?q?=20add=20missing=20curly=20braces=20around=20the=20buildTweaks?=
 =?UTF-8?q?=20function=20call=20to=20ensure=20the=20correct=20value=20is?=
 =?UTF-8?q?=20pushed=20to=20the=20tweak.current=20array?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🐛 fix(EditNodeModal): remove unnecessary 'save' variable from useContext destructuring
🐛 fix(chatMessage): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(chatModal): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(codeAreaModal): add 'setCloseEdit' to useContext destructuring and add 'setModalOpen' function
🐛 fix(chatInput): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(chatMessage): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(formModal): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(formModal): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(formModal): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(formModal): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(genericModal): use strict equality operator (===) instead of loose equality operator (==) for comparison
🐛 fix(flow): add missing newline at the end of the file
🐛 fix(tabs): add missing import for TweaksType from flow

🐛 fix(utils.ts): change comparison operator from '==' to '===' for better type safety and strict equality check
---
 .../components/parameterComponent/index.tsx       |  6 +++---
 .../src/components/AccordionComponent/index.tsx   |  2 +-
 .../src/components/codeAreaComponent/index.tsx    | 15 ++++-----------
 .../src/components/inputFileComponent/index.tsx   |  6 ++----
 .../src/components/intComponent/index.tsx         |  4 ++--
 .../src/components/promptComponent/index.tsx      |  7 +++----
 .../src/components/textAreaComponent/index.tsx    | 10 +++-------
 src/frontend/src/contexts/tabsContext.tsx         |  4 ++--
 src/frontend/src/index.css                        |  6 +++++-
 src/frontend/src/modals/ApiModal/index.tsx        |  9 +++++----
 src/frontend/src/modals/EditNodeModal/index.tsx   |  2 +-
 .../src/modals/chatModal/chatMessage/index.tsx    |  2 +-
 src/frontend/src/modals/chatModal/index.tsx       |  2 +-
 src/frontend/src/modals/codeAreaModal/index.tsx   | 10 +++++++++-
 .../src/modals/formModal/chatInput/index.tsx      |  2 +-
 .../src/modals/formModal/chatMessage/index.tsx    |  6 +++---
 src/frontend/src/modals/formModal/index.tsx       |  8 +++++---
 src/frontend/src/modals/genericModal/index.tsx    | 11 +++++------
 src/frontend/src/types/flow/index.ts              |  9 +++++++++
 src/frontend/src/types/tabs/index.ts              |  6 +++---
 src/frontend/src/utils.ts                         |  8 ++++----
 21 files changed, 72 insertions(+), 63 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index caa14975f..3d931fbe2 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -122,7 +122,7 @@ export default function ParameterComponent({
             {nodeNames[item.family] ?? ""}{" "}
             <span className="text-xs">
               {" "}
-              {item.type == "" ? "" : " - "}
+              {item.type === "" ? "" : " - "}
               {item.type.split(", ").length > 2
                 ? item.type.split(", ").map((el, i) => (
                     <React.Fragment key={el + i}>
@@ -176,7 +176,7 @@ export default function ParameterComponent({
           <></>
         ) : (
           <ShadTooltip
-            style="max-w-[30vw] max-h-[20vh] overflow-auto custom-scroll"
+            style="tooltip-fixed-width custom-scroll"
             delayDuration={0}
             content={refHtml.current}
             side={left ? "left" : "right"}
@@ -217,7 +217,7 @@ export default function ParameterComponent({
               />
             ) : data.node.template[name].multiline ? (
               <TextAreaComponent
-                disabled={false}
+                disabled={disabled}
                 value={data.node.template[name].value ?? ""}
                 onChange={handleOnNewValue}
               />
diff --git a/src/frontend/src/components/AccordionComponent/index.tsx b/src/frontend/src/components/AccordionComponent/index.tsx
index ceeb938a8..3b0ddd596 100644
--- a/src/frontend/src/components/AccordionComponent/index.tsx
+++ b/src/frontend/src/components/AccordionComponent/index.tsx
@@ -13,7 +13,7 @@ export default function AccordionComponent({
   open = [],
 }: AccordionComponentType) {
   const [value, setValue] = useState(
-    open.length == 0 ? "" : getOpenAccordion()
+    open.length === 0 ? "" : getOpenAccordion()
   );
 
   function getOpenAccordion() {
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 07ceb0593..0f0013c1e 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -27,15 +27,10 @@ export default function CodeAreaComponent({
   useEffect(() => {
     setMyValue(typeof value == "string" ? value : JSON.stringify(value));
   }, [value]);
+  
 
   return (
-    <div className={disabled ? "cursor-not-allowed" : ""}>
-      <div
-        className={
-          (editNode ? "w-full items-center" : "flex w-full items-center") +
-          (disabled ? " pointer-events-none" : "")
-        }
-      >
+      <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
         <div className="flex w-full items-center">
           <span
             onClick={() => {
@@ -53,9 +48,8 @@ export default function CodeAreaComponent({
             }}
             className={
               editNode
-                ? "input-edit-node input-dialog "
-                : "input-dialog input-primary " +
-                  (disabled ? "input-disable" : "")
+                ? "input-edit-node"
+                : "input-primary text-muted-foreground" + (disabled ? " input-disable" : "")
             }
           >
             {myValue !== "" ? myValue : "Type something..."}
@@ -87,6 +81,5 @@ export default function CodeAreaComponent({
           </button>
         </div>
       </div>
-    </div>
   );
 }
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index fc69e5f95..c4ae9925b 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -98,10 +98,8 @@ export default function InputFileComponent({
           onClick={handleButtonClick}
           className={
             editNode
-              ? " input-edit-node " + " input-dialog "
-              : (disabled ? " input-disable " : "") +
-                " input-primary " +
-                " input-dialog "
+              ? "input-edit-node input-dialog text-muted-foreground"
+              : (disabled ? "input-disable input-primary input-dialog" : "input-primary input-dialog text-muted-foreground") 
           }
         >
           {myValue !== "" ? myValue : "No file"}
diff --git a/src/frontend/src/components/intComponent/index.tsx b/src/frontend/src/components/intComponent/index.tsx
index 2428d03ee..09c342712 100644
--- a/src/frontend/src/components/intComponent/index.tsx
+++ b/src/frontend/src/components/intComponent/index.tsx
@@ -30,7 +30,7 @@ export default function IntComponent({
     <div
       className={
         "w-full " +
-        (disabled ? "pointer-events-none w-full cursor-not-allowed" : "w-full")
+        (disabled ? "pointer-events-none w-full cursor-not-allowed" : "")
       }
     >
       <input
@@ -70,7 +70,7 @@ export default function IntComponent({
         className={
           editNode
             ? " input-edit-node "
-            : " input-primary " + (disabled ? " input-disable " : "")
+            : " input-primary " + (disabled ? " input-disable" : "")
         }
         placeholder={editNode ? "Integer number" : "Type an integer number"}
         onChange={(e) => {
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 7385518c8..f02c85ba9 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -44,7 +44,7 @@ export default function PromptAreaComponent({
         })
         .catch((error) => {});
     }
-  }, [reactFlowInstance, field_name]);
+  }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass]);
 
   return (
     <div className={disabled ? "cursor-not-allowed" : ""}>
@@ -69,10 +69,9 @@ export default function PromptAreaComponent({
             }}
             className={
               editNode
-                ? " input-edit-node " + " input-dialog "
+                ? "input-edit-node input-dialog"
                 : (disabled ? " input-disable " : "") +
-                  " input-primary " +
-                  " input-dialog "
+                  " input-primary input-dialog"
             }
           >
             {myValue !== "" ? myValue : "Type your prompt here"}
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index a50969cfb..d8121f5fb 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -27,13 +27,8 @@ export default function TextAreaComponent({
   }, [closePopUp]);
 
   return (
-    <div className={disabled ? "cursor-not-allowed" : ""}>
-      <div
-        className={
-          (editNode ? "relative top-2 w-full" : "flex w-full items-center") +
-          (disabled ? " pointer-events-none" : "")
-        }
-      >
+      <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
+        <div className="flex w-full items-center">
         <input
           value={myValue}
           className={
@@ -46,6 +41,7 @@ export default function TextAreaComponent({
             setMyValue(e.target.value);
             onChange(e.target.value);
           }}
+
         />
 
         <button
diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index 001152c9c..fee9aa3df 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -54,7 +54,7 @@ const TabsContextInitialValue: TabsContextType = {
   setTabsState: (state: TabsState) => {},
   getNodeId: (nodeType: string) => "",
   setTweak: (tweak: any) => {},
-  getTweak: {},
+  getTweak: [],
   paste: (
     selection: { nodes: any; edges: any },
     position: { x: number; y: number; paneX?: number; paneY?: number }
@@ -75,7 +75,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
   const { templates, reactFlowInstance } = useContext(typesContext);
   const [lastCopiedSelection, setLastCopiedSelection] = useState(null);
   const [tabsState, setTabsState] = useState<TabsState>({});
-  const [getTweak, setTweak] = useState({});
+  const [getTweak, setTweak] = useState([]);
 
   const newNodeId = useRef(uid());
   function incrementNodeId() {
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 261e783bf..de0839761 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -205,6 +205,7 @@ The cursor: default; property value restores the browser's default cursor style
   .input-primary {
     @apply bg-background block border-ring form-input px-3 placeholder:text-muted-foreground rounded-md shadow-sm sm:text-sm truncate w-full;
   }
+
   .input-edit-node{
     @apply input-primary placeholder:text-center pt-0.5 pb-0.5 text-center
   }
@@ -212,7 +213,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply input-primary pr-7 mx-2
   }
   .input-disable{
-    @apply bg-input
+    @apply bg-input text-muted-foreground
   }
   .input-dialog{
     @apply text-ring cursor-pointer bg-transparent
@@ -1049,5 +1050,8 @@ The cursor: default; property value restores the browser's default cursor style
     @apply relative w-full rounded-md shadow-sm
   }
 
+  .tooltip-fixed-width{
+    @apply max-w-[30vw] max-h-[20vh] overflow-auto
+  }
 
 }
\ No newline at end of file
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index ea802cbad..fc7e1ffc4 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -142,7 +142,8 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
   }
 
   function startTweaks() {
-    tweak?.current?.push(buildTweaks(flow));
+    const t = buildTweaks(flow);
+      tweak?.current?.push(t);
   }
 
   function filterNodes() {
@@ -266,7 +267,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger></DialogTrigger>
-      <DialogContent className="h-[80vh] lg:max-w-[80vw]">
+      <DialogContent className="h-[80vh] md:max-w-[80vw]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Code</span>
@@ -382,10 +383,10 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                                             key={i}
                                             className="h-10 dark:border-b-muted"
                                           >
-                                            <TableCell className="p-0 text-center text-sm text-gray-900">
+                                            <TableCell className="p-0 text-center text-sm text-foreground">
                                               {n}
                                             </TableCell>
-                                            <TableCell className="p-0 text-center text-xs text-gray-900 dark:text-gray-300">
+                                            <TableCell className="p-0 text-xs text-foreground">
                                               <div className="m-auto w-[250px]">
                                                 {t.data.node.template[n]
                                                   .type === "str" &&
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 130241ad2..41d0ae741 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -55,7 +55,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const { closePopUp } = useContext(PopUpContext);
   const { types } = useContext(typesContext);
   const ref = useRef();
-  const { setTabsState, tabId, save } = useContext(TabsContext);
+  const { setTabsState, tabId } = useContext(TabsContext);
   const { reactFlowInstance } = useContext(typesContext);
 
   let disabled =
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index 8889e40a3..2411f2103 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -86,7 +86,7 @@ export default function ChatMessage({
                     components={{
                       code({ node, inline, className, children, ...props }) {
                         if (children.length) {
-                          if (children[0] == "▍") {
+                          if (children[0] === "▍") {
                             return (
                               <span className="chat-message-modal-markdown-span">
                                 ▍
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index ceeebf359..b22a5afae 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -374,7 +374,7 @@ export default function ChatModal({
                       <ChatMessage
                         lockChat={lockChat}
                         chat={c}
-                        lastMessage={chatHistory.length - 1 == i ? true : false}
+                        lastMessage={chatHistory.length - 1 === i ? true : false}
                         key={i}
                       />
                     ))
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 4ffcec352..fc012f6b7 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -31,7 +31,7 @@ export default function CodeAreaModal({
   const [code, setCode] = useState(value);
   const [loading, setLoading] = useState(false);
   const { dark } = useContext(darkContext);
-  const { closePopUp } = useContext(PopUpContext);
+  const { closePopUp, setCloseEdit } = useContext(PopUpContext);
   const { setErrorData, setSuccessData } = useContext(alertContext);
   const [error, setError] = useState<{
     detail: { error: string; traceback: string };
@@ -41,6 +41,13 @@ export default function CodeAreaModal({
     setValue(code);
   }, [code, setValue]);
 
+  function setModalOpen(x: boolean) {
+    if (x === false) {
+      setCloseEdit("codearea");
+      closePopUp();
+    }
+  }
+
   function handleClick() {
     setLoading(true);
     postValidateCode(code)
@@ -55,6 +62,7 @@ export default function CodeAreaModal({
             });
             setValue(code);
             setOpen((old) => !old);
+            setModalOpen(false);
           } else {
             if (funcErrors.length !== 0) {
               setErrorData({
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 7cad0c0ec..d1fc418ca 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -57,7 +57,7 @@ export default function ChatInput({
         <button
           className={classNames(
             "form-modal-send-button",
-            chatValue == "" ? "text-primary" : " bg-indigo-600 text-background"
+            chatValue === "" ? "text-primary" : " bg-indigo-600 text-background"
           )}
           disabled={lockChat}
           onClick={() => sendMessage()}
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index e12febc07..0ffb8fdcb 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -34,13 +34,13 @@ export default function ChatMessage({
         {!chat.isSend ? (
           <div className="form-modal-chat-image">
             <div className="form-modal-chat-bot-icon ">
-              <img src={Robot} className="form-modal-chat-icon-img" />
+              <img src={Robot} className="form-modal-chat-icon-img" alt="robot_image"/>
             </div>
           </div>
         ) : (
           <div className="form-modal-chat-image">
             <div className="form-modal-chat-user-icon ">
-              <img src={MaleTechnology} className="form-modal-chat-icon-img" />
+              <img src={MaleTechnology} className="form-modal-chat-icon-img" alt="male_technology"/>
             </div>
           </div>
         )}
@@ -75,7 +75,7 @@ export default function ChatMessage({
                     components={{
                       code({ node, inline, className, children, ...props }) {
                         if (children.length) {
-                          if (children[0] == "▍") {
+                          if (children[0] === "▍") {
                             return (
                               <span className="form-modal-markdown-span">
                                 ▍
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 52544b2a5..c1e698168 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -63,12 +63,14 @@ export default function FormModal({
 
   const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
   const { reactFlowInstance } = useContext(typesContext);
-  const { setErrorData, setNoticeData } = useContext(alertContext);
+  const { setErrorData } = useContext(alertContext);
   const ws = useRef<WebSocket | null>(null);
   const [lockChat, setLockChat] = useState(false);
   const isOpen = useRef(open);
   const messagesRef = useRef(null);
   const id = useRef(flow.id);
+  const tabsStateFlowId = tabsState[flow.id];
+  const tabsStateFlowIdFormKeysData = tabsStateFlowId.formKeysData;
   const [chatKey, setChatKey] = useState(
     Object.keys(tabsState[flow.id].formKeysData.input_keys).find(
       (k) => !tabsState[flow.id].formKeysData.handle_keys.some((j) => j === k)
@@ -86,7 +88,7 @@ export default function FormModal({
   }, [open]);
   useEffect(() => {
     id.current = flow.id;
-  }, [flow.id, tabsState[flow.id], tabsState[flow.id].formKeysData]);
+  }, [flow.id, tabsStateFlowId, tabsStateFlowIdFormKeysData]);
 
   var isStream = false;
 
@@ -515,7 +517,7 @@ export default function FormModal({
                       <ChatMessage
                         lockChat={lockChat}
                         chat={c}
-                        lastMessage={chatHistory.length - 1 == i ? true : false}
+                        lastMessage={chatHistory.length - 1 === i ? true : false}
                         key={i}
                       />
                     ))
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 0ae00ef2a..179bef869 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -202,13 +202,12 @@ export default function GenericModal({
             "flex h-[55vh] w-full"
           )}
         >
-          {type == TypeModal.PROMPT && isEdit ? (
+          {type === TypeModal.PROMPT && isEdit ? (
             <Textarea
               ref={ref}
               className="form-input h-full w-full rounded-lg border-gray-300 custom-scroll focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white"
               value={inputValue}
               onBlur={() => {
-                blur();
                 setIsEdit(false);
               }}
               autoFocus
@@ -218,9 +217,9 @@ export default function GenericModal({
               }}
               placeholder="Type message here."
             />
-          ) : type == TypeModal.PROMPT && !isEdit ? (
+          ) : type === TypeModal.PROMPT && !isEdit ? (
             <TextAreaContentView />
-          ) : type != TypeModal.PROMPT ? (
+          ) : type !== TypeModal.PROMPT ? (
             <Textarea
               ref={ref}
               className="form-input h-full w-full rounded-lg border-gray-300 focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white"
@@ -235,7 +234,7 @@ export default function GenericModal({
           )}
         </div>
 
-        {type == TypeModal.PROMPT && (
+        {type === TypeModal.PROMPT && (
           <>
             <div className="sm:6/6 mr-28 mt-3 h-[60px] overflow-y-auto custom-scroll">
               <div className="flex flex-wrap items-center">
@@ -281,7 +280,7 @@ export default function GenericModal({
                   setModalOpen(false);
                   break;
                 case 2:
-                  !inputValue || inputValue == ""
+                  !inputValue || inputValue === ""
                     ? setModalOpen(false)
                     : validatePrompt(false);
                   break;
diff --git a/src/frontend/src/types/flow/index.ts b/src/frontend/src/types/flow/index.ts
index ccf9933ee..3fc4f3cab 100644
--- a/src/frontend/src/types/flow/index.ts
+++ b/src/frontend/src/types/flow/index.ts
@@ -27,3 +27,12 @@ export type FlowStyleType = {
   color: string;
   flow_id: string;
 };
+
+
+export type TweaksType = Array<
+  {
+    [key: string]: {
+      output_key?: string;
+    };
+  } & FlowStyleType
+>;
\ No newline at end of file
diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts
index 33acd1ee7..82e75e4e4 100644
--- a/src/frontend/src/types/tabs/index.ts
+++ b/src/frontend/src/types/tabs/index.ts
@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from "react";
-import { FlowType } from "../flow";
+import { FlowType, TweaksType } from "../flow";
 
 export type TabsContextType = {
   saveFlow: (flow: FlowType) => Promise<void>;
@@ -32,8 +32,8 @@ export type TabsContextType = {
   ) => void;
   lastCopiedSelection: { nodes: any; edges: any };
   setLastCopiedSelection: (selection: { nodes: any; edges: any }) => void;
-  setTweak: (tweak: any) => void;
-  getTweak: any;
+  setTweak: (tweak: TweaksType) => void;
+  getTweak: TweaksType[];
 };
 
 export type TabsState = {
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 7fb0cacb1..4fc7cb016 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -843,7 +843,7 @@ export function groupByFamily(data, baseClasses, left, type) {
     });
   });
 
-  if (left == false) {
+  if (left === false) {
     let groupedBy = arrOfType.filter((object, index, self) => {
       const foundIndex = self.findIndex(
         (o) => o.family === object.family && o.type === object.type
@@ -866,7 +866,7 @@ export function groupByFamily(data, baseClasses, left, type) {
         });
       }
 
-      if (left == false) {
+      if (left === false) {
         let resFil = result.filter((group) => group.family === parentOutput);
         result = resFil;
       }
@@ -893,8 +893,8 @@ export function groupByFamily(data, baseClasses, left, type) {
     }
 
     groupedArray.forEach((object, index, self) => {
-      const findObj = arrOfLength.find((x) => x.type == object.family);
-      if (object.component.length == findObj.length) {
+      const findObj = arrOfLength.find((x) => x.type === object.family);
+      if (object.component.length === findObj.length) {
         self[index]["type"] = "";
       } else {
         self[index]["type"] = object.component.join(", ");

From ea8d6668de28588506544a5d9b902a1070e20845 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 10:32:19 -0300
Subject: [PATCH 303/367] =?UTF-8?q?=F0=9F=90=9B=20fix(EditNodeModal):=20us?=
 =?UTF-8?q?e=20the=20'disabled'=20prop=20value=20instead=20of=20hardcoded?=
 =?UTF-8?q?=20'false'=20to=20control=20the=20disabled=20state=20of=20input?=
 =?UTF-8?q?=20components?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modals/EditNodeModal/index.tsx         | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 41d0ae741..a343bc09b 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -165,7 +165,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                 {data.node.template[n].list ? (
                                   <InputListComponent
                                     editNode={true}
-                                    disabled={false}
+                                    disabled={disabled}
                                     value={
                                       !data.node.template[n].value ||
                                       data.node.template[n].value === ""
@@ -178,7 +178,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                   />
                                 ) : data.node.template[n].multiline ? (
                                   <TextAreaComponent
-                                    disabled={false}
+                                    disabled={disabled}
                                     editNode={true}
                                     value={data.node.template[n].value ?? ""}
                                     onChange={(t: string) => {
@@ -188,7 +188,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                 ) : (
                                   <InputComponent
                                     editNode={true}
-                                    disabled={false}
+                                    disabled={disabled}
                                     password={
                                       data.node.template[n].password ?? false
                                     }
@@ -214,7 +214,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                             ) : data.node.template[n].type === "float" ? (
                               <div className="mx-auto">
                                 <FloatComponent
-                                  disabled={false}
+                                  disabled={disabled}
                                   editNode={true}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t) => {
@@ -239,7 +239,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                             ) : data.node.template[n].type === "int" ? (
                               <div className="mx-auto">
                                 <IntComponent
-                                  disabled={false}
+                                  disabled={disabled}
                                   editNode={true}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t) => {
@@ -251,7 +251,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                               <div className="mx-auto">
                                 <InputFileComponent
                                   editNode={true}
-                                  disabled={false}
+                                  disabled={disabled}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t: string) => {
                                     handleOnNewValue(t, n);
@@ -268,7 +268,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                 <PromptAreaComponent
                                   field_name={n}
                                   editNode={true}
-                                  disabled={false}
+                                  disabled={disabled}
                                   nodeClass={data.node}
                                   setNodeClass={(nodeClass) => {
                                     data.node = nodeClass;
@@ -282,7 +282,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                             ) : data.node.template[n].type === "code" ? (
                               <div className="mx-auto">
                                 <CodeAreaComponent
-                                  disabled={false}
+                                  disabled={disabled}
                                   editNode={true}
                                   value={data.node.template[n].value ?? ""}
                                   onChange={(t: string) => {
@@ -303,7 +303,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                                 setEnabled={(e) =>
                                   changeAdvanced(data.node.template[n])
                                 }
-                                disabled={false}
+                                disabled={disabled}
                                 size="small"
                               />
                             </div>

From c8cdb89da1e0d1173e007e5d296dae18d7ce8e8d Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Jul 2023 11:36:16 -0300
Subject: [PATCH 304/367] using new examples for testing

---
 src/frontend/src/controllers/API/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 2d6f951f0..6970ac8bf 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -76,7 +76,7 @@ export async function postValidatePrompt(
  */
 export async function getExamples(): Promise<FlowType[]> {
   const url =
-    "https://api.github.com/repos/logspace-ai/langflow_examples/contents/examples";
+    "https://api.github.com/repos/logspace-ai/langflow_examples/contents/examples?ref=fix_examples";
   const response = await axios.get(url);
 
   const jsonFiles = response.data.filter((file: any) => {

From efbc23d6bcd245eaf2bb12cd592ed97fa3722886 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 12:01:25 -0300
Subject: [PATCH 305/367] =?UTF-8?q?=F0=9F=90=9B=20fix(codeAreaComponent):?=
 =?UTF-8?q?=20update=20class=20names=20to=20improve=20styling=20and=20sema?=
 =?UTF-8?q?ntics=20=F0=9F=90=9B=20fix(promptComponent):=20remove=20unneces?=
 =?UTF-8?q?sary=20div=20wrapper=20=F0=9F=90=9B=20fix(textAreaComponent):?=
 =?UTF-8?q?=20update=20class=20names=20to=20improve=20styling=20and=20sema?=
 =?UTF-8?q?ntics?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/codeAreaComponent/index.tsx | 5 +++--
 src/frontend/src/components/promptComponent/index.tsx   | 2 --
 src/frontend/src/components/textAreaComponent/index.tsx | 4 ++--
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 0f0013c1e..add09a9ba 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -48,8 +48,9 @@ export default function CodeAreaComponent({
             }}
             className={
               editNode
-                ? "input-edit-node"
-                : "input-primary text-muted-foreground" + (disabled ? " input-disable" : "")
+                ? "input-edit-node input-dialog"
+                : (disabled ? " input-disable " : "") +
+                  " input-primary input-dialog"
             }
           >
             {myValue !== "" ? myValue : "Type something..."}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index f02c85ba9..888c347ab 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -47,7 +47,6 @@ export default function PromptAreaComponent({
   }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass]);
 
   return (
-    <div className={disabled ? "cursor-not-allowed" : ""}>
       <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
         <div className="flex w-full items-center">
           <span
@@ -107,6 +106,5 @@ export default function PromptAreaComponent({
           </button>
         </div>
       </div>
-    </div>
   );
 }
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index d8121f5fb..b5a448656 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -33,8 +33,8 @@ export default function TextAreaComponent({
           value={myValue}
           className={
             editNode
-              ? "input-edit-node"
-              : "input-primary" + (disabled ? " input-disable " : "")
+              ? " input-edit-node "
+              : " input-primary " + (disabled ? " input-disable" : "")
           }
           placeholder={"Type something..."}
           onChange={(e) => {

From f751927ab1a09bc0e9bc2c7d07ec8338dcd77d11 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 12:15:39 -0300
Subject: [PATCH 306/367] =?UTF-8?q?=F0=9F=8E=A8=20style(dropdownComponent/?=
 =?UTF-8?q?index.tsx):=20add=20custom-scroll=20class=20to=20dropdown=20opt?=
 =?UTF-8?q?ions=20to=20enable=20custom=20scrolling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/dropdownComponent/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index 312ef2b82..53489a2ee 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -63,8 +63,8 @@ export default function Dropdown({
                 <Listbox.Options
                   className={classNames(
                     editNode
-                      ? "dropdown-component-true-options nowheel"
-                      : "dropdown-component-false-options nowheel",
+                      ? "dropdown-component-true-options nowheel custom-scroll"
+                      : "dropdown-component-false-options nowheel custom-scroll",
                     apiModal ? "mb-2 w-[250px]" : "absolute"
                   )}
                 >

From df348b019d0ab066cc17011482147666f9982dee Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 12:55:11 -0300
Subject: [PATCH 307/367] =?UTF-8?q?=F0=9F=94=A7=20chore(memories.py):=20hi?=
 =?UTF-8?q?de=20"entity=5Fstore"=20field=20in=20MemoryFrontendNode=20class?=
 =?UTF-8?q?=20to=20improve=20code=20readability=20and=20remove=20unnecessa?=
 =?UTF-8?q?ry=20code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/memories.py | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/backend/langflow/template/frontend_node/memories.py b/src/backend/langflow/template/frontend_node/memories.py
index 6ca85f3ac..f84c18751 100644
--- a/src/backend/langflow/template/frontend_node/memories.py
+++ b/src/backend/langflow/template/frontend_node/memories.py
@@ -89,9 +89,7 @@ class MemoryFrontendNode(FrontendNode):
         if field.name == "url":
             field.show = True
         if field.name == "entity_store":
-            field.show = True
-        if name == "SQLiteEntityStore":
-            field.show = True
+            field.show = False
 
 
 class PostgresChatMessageHistoryFrontendNode(MemoryFrontendNode):

From f56e31163a61439e82fcd202090a8fb996198480 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 13:22:44 -0300
Subject: [PATCH 308/367] =?UTF-8?q?=F0=9F=90=9B=20fix(types.py):=20handle?=
 =?UTF-8?q?=20KeyError=20when=20formatting=20prompt=20with=20artifacts=20t?=
 =?UTF-8?q?o=20prevent=20application=20crash=20=F0=9F=94=80=20refactor(typ?=
 =?UTF-8?q?es.py):=20remove=20"handle=5Fkeys"=20from=20artifacts=20before?=
 =?UTF-8?q?=20formatting=20prompt=20to=20avoid=20format=20errors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index 6d9a28356..9c02ef847 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -220,7 +220,14 @@ class PromptVertex(Vertex):
             # We'll build the prompt with the artifacts
             # to show the user what the prompt looks like
             # with the variables filled in
-            return self._built_object.format(**self.artifacts)
+            artifacts = self.artifacts.copy()
+            # Remove the handle_keys from the artifacts
+            # so the prompt format doesn't break
+            artifacts.pop("handle_keys", None)
+            try:
+                return self._built_object.format(**self.artifacts)
+            except KeyError:
+                return super()._built_object_repr()
         else:
             return super()._built_object_repr()
 

From 718b711d6ff203b8577bbb000726e568f67bfcc3 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 13:23:31 -0300
Subject: [PATCH 309/367] =?UTF-8?q?=F0=9F=94=BA=20chore(pyproject.toml):?=
 =?UTF-8?q?=20update=20langchain=20dependency=20version=20to=20^0.0.229=20?=
 =?UTF-8?q?for=20compatibility=20and=20potential=20bug=20fixes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 poetry.lock    | 129 ++++++++++++++++++++++++++++---------------------
 pyproject.toml |   2 +-
 2 files changed, 74 insertions(+), 57 deletions(-)

diff --git a/poetry.lock b/poetry.lock
index fc623ee96..9685f3abf 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -1080,6 +1080,18 @@ files = [
 [package.extras]
 graph = ["objgraph (>=1.7.2)"]
 
+[[package]]
+name = "diskcache"
+version = "5.6.1"
+description = "Disk Cache -- Disk and file backed persistent cache."
+category = "main"
+optional = false
+python-versions = ">=3"
+files = [
+    {file = "diskcache-5.6.1-py3-none-any.whl", hash = "sha256:558c6a2d5d7c721bb00e40711803d6804850c9f76c426ed81ecc627fe9d2ce2d"},
+    {file = "diskcache-5.6.1.tar.gz", hash = "sha256:e4c978532feff5814c4cc00fe1e11e40501985946643d73220d41ee7737c72c3"},
+]
+
 [[package]]
 name = "distro"
 version = "1.8.0"
@@ -2607,22 +2619,22 @@ test-extra = ["curio", "matplotlib (!=3.2.0)", "nbformat", "numpy (>=1.21)", "pa
 
 [[package]]
 name = "jaraco-classes"
-version = "3.2.3"
+version = "3.3.0"
 description = "Utility functions for Python class constructs"
 category = "main"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 files = [
-    {file = "jaraco.classes-3.2.3-py3-none-any.whl", hash = "sha256:2353de3288bc6b82120752201c6b1c1a14b058267fa424ed5ce5984e3b922158"},
-    {file = "jaraco.classes-3.2.3.tar.gz", hash = "sha256:89559fa5c1d3c34eff6f631ad80bb21f378dbcbb35dd161fd2c6b93f5be2f98a"},
+    {file = "jaraco.classes-3.3.0-py3-none-any.whl", hash = "sha256:10afa92b6743f25c0cf5f37c6bb6e18e2c5bb84a16527ccfc0040ea377e7aaeb"},
+    {file = "jaraco.classes-3.3.0.tar.gz", hash = "sha256:c063dd08e89217cee02c8d5e5ec560f2c8ce6cdc2fcdc2e68f7b2e5547ed3621"},
 ]
 
 [package.dependencies]
 more-itertools = "*"
 
 [package.extras]
-docs = ["jaraco.packaging (>=9)", "jaraco.tidelift (>=1.4)", "rst.linker (>=1.9)", "sphinx (>=3.5)"]
-testing = ["flake8 (<5)", "pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)", "pytest-cov", "pytest-enabler (>=1.3)", "pytest-flake8", "pytest-mypy (>=0.9.1)"]
+docs = ["furo", "jaraco.packaging (>=9.3)", "jaraco.tidelift (>=1.4)", "rst.linker (>=1.9)", "sphinx (>=3.5)", "sphinx-lint"]
+testing = ["pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)", "pytest-cov", "pytest-enabler (>=2.2)", "pytest-mypy (>=0.9.1)", "pytest-ruff"]
 
 [[package]]
 name = "jcloud"
@@ -2928,21 +2940,21 @@ testing = ["pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)",
 
 [[package]]
 name = "langchain"
-version = "0.0.219"
+version = "0.0.229"
 description = "Building applications with LLMs through composability"
 category = "main"
 optional = false
 python-versions = ">=3.8.1,<4.0"
 files = [
-    {file = "langchain-0.0.219-py3-none-any.whl", hash = "sha256:1f08a00e622f1c75087d6013f34e82be3f8dd1859266eb583a0fd7bc045090cf"},
-    {file = "langchain-0.0.219.tar.gz", hash = "sha256:842f8212939e5ac4005906d2215574ffb3e34d2fe28f5bc0f46eb3b28fb29c5d"},
+    {file = "langchain-0.0.229-py3-none-any.whl", hash = "sha256:a7ca79e4ab892756ede95d212bd42243303f91b172535cefd02b0b8965e4e7b7"},
+    {file = "langchain-0.0.229.tar.gz", hash = "sha256:ab1beac7f3fc1f06ab1a0b545ef0d47a3d5efef3b2b4c646aafaefc2eb3151d3"},
 ]
 
 [package.dependencies]
 aiohttp = ">=3.8.3,<4.0.0"
 async-timeout = {version = ">=4.0.0,<5.0.0", markers = "python_version < \"3.11\""}
 dataclasses-json = ">=0.5.7,<0.6.0"
-langchainplus-sdk = ">=0.0.17"
+langchainplus-sdk = ">=0.0.20,<0.0.21"
 numexpr = ">=2.8.4,<3.0.0"
 numpy = ">=1,<2"
 openapi-schema-pydantic = ">=1.2,<2.0"
@@ -2953,15 +2965,15 @@ SQLAlchemy = ">=1.4,<3"
 tenacity = ">=8.1.0,<9.0.0"
 
 [package.extras]
-all = ["O365 (>=2.0.26,<3.0.0)", "aleph-alpha-client (>=2.15.0,<3.0.0)", "anthropic (>=0.2.6,<0.3.0)", "arxiv (>=1.4,<2.0)", "atlassian-python-api (>=3.36.0,<4.0.0)", "awadb (>=0.3.3,<0.4.0)", "azure-ai-formrecognizer (>=3.2.1,<4.0.0)", "azure-ai-vision (>=0.11.1b1,<0.12.0)", "azure-cognitiveservices-speech (>=1.28.0,<2.0.0)", "azure-cosmos (>=4.4.0b1,<5.0.0)", "azure-identity (>=1.12.0,<2.0.0)", "beautifulsoup4 (>=4,<5)", "clarifai (==9.1.0)", "clickhouse-connect (>=0.5.14,<0.6.0)", "cohere (>=3,<4)", "deeplake (>=3.6.2,<4.0.0)", "docarray[hnswlib] (>=0.32.0,<0.33.0)", "duckduckgo-search (>=3.8.3,<4.0.0)", "elasticsearch (>=8,<9)", "esprima (>=4.0.1,<5.0.0)", "faiss-cpu (>=1,<2)", "google-api-python-client (==2.70.0)", "google-auth (>=2.18.1,<3.0.0)", "google-search-results (>=2,<3)", "gptcache (>=0.1.7)", "html2text (>=2020.1.16,<2021.0.0)", "huggingface_hub (>=0,<1)", "jina (>=3.14,<4.0)", "jinja2 (>=3,<4)", "jq (>=1.4.1,<2.0.0)", "lancedb (>=0.1,<0.2)", "langkit (>=0.0.1.dev3,<0.1.0)", "lark (>=1.1.5,<2.0.0)", "lxml (>=4.9.2,<5.0.0)", "manifest-ml (>=0.0.1,<0.0.2)", "momento (>=1.5.0,<2.0.0)", "nebula3-python (>=3.4.0,<4.0.0)", "neo4j (>=5.8.1,<6.0.0)", "networkx (>=2.6.3,<3.0.0)", "nlpcloud (>=1,<2)", "nltk (>=3,<4)", "nomic (>=1.0.43,<2.0.0)", "octoai-sdk (>=0.1.1,<0.2.0)", "openai (>=0,<1)", "openlm (>=0.0.5,<0.0.6)", "opensearch-py (>=2.0.0,<3.0.0)", "pdfminer-six (>=20221105,<20221106)", "pexpect (>=4.8.0,<5.0.0)", "pgvector (>=0.1.6,<0.2.0)", "pinecone-client (>=2,<3)", "pinecone-text (>=0.4.2,<0.5.0)", "psycopg2-binary (>=2.9.5,<3.0.0)", "pymongo (>=4.3.3,<5.0.0)", "pyowm (>=3.3.0,<4.0.0)", "pypdf (>=3.4.0,<4.0.0)", "pytesseract (>=0.3.10,<0.4.0)", "pyvespa (>=0.33.0,<0.34.0)", "qdrant-client (>=1.1.2,<2.0.0)", "redis (>=4,<5)", "requests-toolbelt (>=1.0.0,<2.0.0)", "sentence-transformers (>=2,<3)", "singlestoredb (>=0.7.1,<0.8.0)", "spacy (>=3,<4)", "steamship (>=2.16.9,<3.0.0)", "tensorflow-text (>=2.11.0,<3.0.0)", "tigrisdb (>=1.0.0b6,<2.0.0)", "tiktoken (>=0.3.2,<0.4.0)", "torch (>=1,<3)", "transformers (>=4,<5)", "weaviate-client (>=3,<4)", "wikipedia (>=1,<2)", "wolframalpha (==5.0.0)"]
+all = ["O365 (>=2.0.26,<3.0.0)", "aleph-alpha-client (>=2.15.0,<3.0.0)", "anthropic (>=0.3,<0.4)", "arxiv (>=1.4,<2.0)", "atlassian-python-api (>=3.36.0,<4.0.0)", "awadb (>=0.3.3,<0.4.0)", "azure-ai-formrecognizer (>=3.2.1,<4.0.0)", "azure-ai-vision (>=0.11.1b1,<0.12.0)", "azure-cognitiveservices-speech (>=1.28.0,<2.0.0)", "azure-cosmos (>=4.4.0b1,<5.0.0)", "azure-identity (>=1.12.0,<2.0.0)", "beautifulsoup4 (>=4,<5)", "clarifai (>=9.1.0)", "clickhouse-connect (>=0.5.14,<0.6.0)", "cohere (>=3,<4)", "deeplake (>=3.6.2,<4.0.0)", "docarray[hnswlib] (>=0.32.0,<0.33.0)", "duckduckgo-search (>=3.8.3,<4.0.0)", "elasticsearch (>=8,<9)", "esprima (>=4.0.1,<5.0.0)", "faiss-cpu (>=1,<2)", "google-api-python-client (==2.70.0)", "google-auth (>=2.18.1,<3.0.0)", "google-search-results (>=2,<3)", "gptcache (>=0.1.7)", "html2text (>=2020.1.16,<2021.0.0)", "huggingface_hub (>=0,<1)", "jina (>=3.14,<4.0)", "jinja2 (>=3,<4)", "jq (>=1.4.1,<2.0.0)", "lancedb (>=0.1,<0.2)", "langkit (>=0.0.1.dev3,<0.1.0)", "lark (>=1.1.5,<2.0.0)", "lxml (>=4.9.2,<5.0.0)", "manifest-ml (>=0.0.1,<0.0.2)", "marqo (>=0.11.0,<0.12.0)", "momento (>=1.5.0,<2.0.0)", "nebula3-python (>=3.4.0,<4.0.0)", "neo4j (>=5.8.1,<6.0.0)", "networkx (>=2.6.3,<3.0.0)", "nlpcloud (>=1,<2)", "nltk (>=3,<4)", "nomic (>=1.0.43,<2.0.0)", "octoai-sdk (>=0.1.1,<0.2.0)", "openai (>=0,<1)", "openlm (>=0.0.5,<0.0.6)", "opensearch-py (>=2.0.0,<3.0.0)", "pdfminer-six (>=20221105,<20221106)", "pexpect (>=4.8.0,<5.0.0)", "pgvector (>=0.1.6,<0.2.0)", "pinecone-client (>=2,<3)", "pinecone-text (>=0.4.2,<0.5.0)", "psycopg2-binary (>=2.9.5,<3.0.0)", "pymongo (>=4.3.3,<5.0.0)", "pyowm (>=3.3.0,<4.0.0)", "pypdf (>=3.4.0,<4.0.0)", "pytesseract (>=0.3.10,<0.4.0)", "pyvespa (>=0.33.0,<0.34.0)", "qdrant-client (>=1.1.2,<2.0.0)", "rdflib (>=6.3.2,<7.0.0)", "redis (>=4,<5)", "requests-toolbelt (>=1.0.0,<2.0.0)", "sentence-transformers (>=2,<3)", "singlestoredb (>=0.7.1,<0.8.0)", "spacy (>=3,<4)", "steamship (>=2.16.9,<3.0.0)", "tensorflow-text (>=2.11.0,<3.0.0)", "tigrisdb (>=1.0.0b6,<2.0.0)", "tiktoken (>=0.3.2,<0.4.0)", "torch (>=1,<3)", "transformers (>=4,<5)", "weaviate-client (>=3,<4)", "wikipedia (>=1,<2)", "wolframalpha (==5.0.0)"]
 azure = ["azure-ai-formrecognizer (>=3.2.1,<4.0.0)", "azure-ai-vision (>=0.11.1b1,<0.12.0)", "azure-cognitiveservices-speech (>=1.28.0,<2.0.0)", "azure-core (>=1.26.4,<2.0.0)", "azure-cosmos (>=4.4.0b1,<5.0.0)", "azure-identity (>=1.12.0,<2.0.0)", "azure-search-documents (==11.4.0a20230509004)", "openai (>=0,<1)"]
-clarifai = ["clarifai (==9.1.0)"]
+clarifai = ["clarifai (>=9.1.0)"]
 cohere = ["cohere (>=3,<4)"]
 docarray = ["docarray[hnswlib] (>=0.32.0,<0.33.0)"]
 embeddings = ["sentence-transformers (>=2,<3)"]
-extended-testing = ["atlassian-python-api (>=3.36.0,<4.0.0)", "beautifulsoup4 (>=4,<5)", "bibtexparser (>=1.4.0,<2.0.0)", "chardet (>=5.1.0,<6.0.0)", "esprima (>=4.0.1,<5.0.0)", "gql (>=3.4.1,<4.0.0)", "html2text (>=2020.1.16,<2021.0.0)", "jq (>=1.4.1,<2.0.0)", "lxml (>=4.9.2,<5.0.0)", "openai (>=0,<1)", "pandas (>=2.0.1,<3.0.0)", "pdfminer-six (>=20221105,<20221106)", "pgvector (>=0.1.6,<0.2.0)", "psychicapi (>=0.8.0,<0.9.0)", "py-trello (>=0.19.0,<0.20.0)", "pymupdf (>=1.22.3,<2.0.0)", "pypdf (>=3.4.0,<4.0.0)", "pypdfium2 (>=4.10.0,<5.0.0)", "pyspark (>=3.4.0,<4.0.0)", "requests-toolbelt (>=1.0.0,<2.0.0)", "scikit-learn (>=1.2.2,<2.0.0)", "streamlit (>=1.18.0,<2.0.0)", "telethon (>=1.28.5,<2.0.0)", "tqdm (>=4.48.0)", "zep-python (>=0.31)"]
+extended-testing = ["atlassian-python-api (>=3.36.0,<4.0.0)", "beautifulsoup4 (>=4,<5)", "bibtexparser (>=1.4.0,<2.0.0)", "cassio (>=0.0.7,<0.0.8)", "chardet (>=5.1.0,<6.0.0)", "esprima (>=4.0.1,<5.0.0)", "gql (>=3.4.1,<4.0.0)", "html2text (>=2020.1.16,<2021.0.0)", "jq (>=1.4.1,<2.0.0)", "lxml (>=4.9.2,<5.0.0)", "openai (>=0,<1)", "pandas (>=2.0.1,<3.0.0)", "pdfminer-six (>=20221105,<20221106)", "pgvector (>=0.1.6,<0.2.0)", "psychicapi (>=0.8.0,<0.9.0)", "py-trello (>=0.19.0,<0.20.0)", "pymupdf (>=1.22.3,<2.0.0)", "pypdf (>=3.4.0,<4.0.0)", "pypdfium2 (>=4.10.0,<5.0.0)", "pyspark (>=3.4.0,<4.0.0)", "rapidfuzz (>=3.1.1,<4.0.0)", "requests-toolbelt (>=1.0.0,<2.0.0)", "scikit-learn (>=1.2.2,<2.0.0)", "streamlit (>=1.18.0,<2.0.0)", "telethon (>=1.28.5,<2.0.0)", "tqdm (>=4.48.0)", "zep-python (>=0.32)"]
 javascript = ["esprima (>=4.0.1,<5.0.0)"]
-llms = ["anthropic (>=0.2.6,<0.3.0)", "clarifai (==9.1.0)", "cohere (>=3,<4)", "huggingface_hub (>=0,<1)", "manifest-ml (>=0.0.1,<0.0.2)", "nlpcloud (>=1,<2)", "openai (>=0,<1)", "openllm (>=0.1.6)", "openlm (>=0.0.5,<0.0.6)", "torch (>=1,<3)", "transformers (>=4,<5)"]
+llms = ["anthropic (>=0.3,<0.4)", "clarifai (>=9.1.0)", "cohere (>=3,<4)", "huggingface_hub (>=0,<1)", "manifest-ml (>=0.0.1,<0.0.2)", "nlpcloud (>=1,<2)", "openai (>=0,<1)", "openllm (>=0.1.19)", "openlm (>=0.0.5,<0.0.6)", "torch (>=1,<3)", "transformers (>=4,<5)"]
 openai = ["openai (>=0,<1)", "tiktoken (>=0.3.2,<0.4.0)"]
 qdrant = ["qdrant-client (>=1.1.2,<2.0.0)"]
 text-helpers = ["chardet (>=5.1.0,<6.0.0)"]
@@ -3032,17 +3044,22 @@ test = ["coverage", "pytest", "pytest-cov"]
 
 [[package]]
 name = "llama-cpp-python"
-version = "0.1.55"
+version = "0.1.70"
 description = "A Python wrapper for llama.cpp"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "llama_cpp_python-0.1.55.tar.gz", hash = "sha256:1bc749f314a979c601b2dae22eb1f2d63fe791bc1237cce24d36b4f856be8ca2"},
+    {file = "llama_cpp_python-0.1.70.tar.gz", hash = "sha256:616ea7ad87417eba9c76d6ffe060b855af39ab7e795032dcf19fc49a7e73806b"},
 ]
 
 [package.dependencies]
-typing-extensions = ">=4.5.0,<5.0.0"
+diskcache = ">=5.6.1"
+numpy = ">=1.20.0"
+typing-extensions = ">=4.5.0"
+
+[package.extras]
+server = ["fastapi (>=0.100.0)", "pydantic-settings (>=2.0.1)", "sse-starlette (>=1.6.1)", "uvicorn (>=0.22.1)"]
 
 [[package]]
 name = "loguru"
@@ -3730,37 +3747,37 @@ numpy = ">=1.13.3"
 
 [[package]]
 name = "numpy"
-version = "1.25.0"
+version = "1.25.1"
 description = "Fundamental package for array computing in Python"
 category = "main"
 optional = false
 python-versions = ">=3.9"
 files = [
-    {file = "numpy-1.25.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:8aa130c3042052d656751df5e81f6d61edff3e289b5994edcf77f54118a8d9f4"},
-    {file = "numpy-1.25.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:9e3f2b96e3b63c978bc29daaa3700c028fe3f049ea3031b58aa33fe2a5809d24"},
-    {file = "numpy-1.25.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d6b267f349a99d3908b56645eebf340cb58f01bd1e773b4eea1a905b3f0e4208"},
-    {file = "numpy-1.25.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:4aedd08f15d3045a4e9c648f1e04daca2ab1044256959f1f95aafeeb3d794c16"},
-    {file = "numpy-1.25.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:6d183b5c58513f74225c376643234c369468e02947b47942eacbb23c1671f25d"},
-    {file = "numpy-1.25.0-cp310-cp310-win32.whl", hash = "sha256:d76a84998c51b8b68b40448ddd02bd1081bb33abcdc28beee6cd284fe11036c6"},
-    {file = "numpy-1.25.0-cp310-cp310-win_amd64.whl", hash = "sha256:c0dc071017bc00abb7d7201bac06fa80333c6314477b3d10b52b58fa6a6e38f6"},
-    {file = "numpy-1.25.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:4c69fe5f05eea336b7a740e114dec995e2f927003c30702d896892403df6dbf0"},
-    {file = "numpy-1.25.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:9c7211d7920b97aeca7b3773a6783492b5b93baba39e7c36054f6e749fc7490c"},
-    {file = "numpy-1.25.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ecc68f11404930e9c7ecfc937aa423e1e50158317bf67ca91736a9864eae0232"},
-    {file = "numpy-1.25.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e559c6afbca484072a98a51b6fa466aae785cfe89b69e8b856c3191bc8872a82"},
-    {file = "numpy-1.25.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:6c284907e37f5e04d2412950960894b143a648dea3f79290757eb878b91acbd1"},
-    {file = "numpy-1.25.0-cp311-cp311-win32.whl", hash = "sha256:95367ccd88c07af21b379be1725b5322362bb83679d36691f124a16357390153"},
-    {file = "numpy-1.25.0-cp311-cp311-win_amd64.whl", hash = "sha256:b76aa836a952059d70a2788a2d98cb2a533ccd46222558b6970348939e55fc24"},
-    {file = "numpy-1.25.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:b792164e539d99d93e4e5e09ae10f8cbe5466de7d759fc155e075237e0c274e4"},
-    {file = "numpy-1.25.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:7cd981ccc0afe49b9883f14761bb57c964df71124dcd155b0cba2b591f0d64b9"},
-    {file = "numpy-1.25.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:5aa48bebfb41f93043a796128854b84407d4df730d3fb6e5dc36402f5cd594c0"},
-    {file = "numpy-1.25.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:5177310ac2e63d6603f659fadc1e7bab33dd5a8db4e0596df34214eeab0fee3b"},
-    {file = "numpy-1.25.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:0ac6edfb35d2a99aaf102b509c8e9319c499ebd4978df4971b94419a116d0790"},
-    {file = "numpy-1.25.0-cp39-cp39-win32.whl", hash = "sha256:7412125b4f18aeddca2ecd7219ea2d2708f697943e6f624be41aa5f8a9852cc4"},
-    {file = "numpy-1.25.0-cp39-cp39-win_amd64.whl", hash = "sha256:26815c6c8498dc49d81faa76d61078c4f9f0859ce7817919021b9eba72b425e3"},
-    {file = "numpy-1.25.0-pp39-pypy39_pp73-macosx_10_9_x86_64.whl", hash = "sha256:5b1b90860bf7d8a8c313b372d4f27343a54f415b20fb69dd601b7efe1029c91e"},
-    {file = "numpy-1.25.0-pp39-pypy39_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:85cdae87d8c136fd4da4dad1e48064d700f63e923d5af6c8c782ac0df8044542"},
-    {file = "numpy-1.25.0-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:cc3fda2b36482891db1060f00f881c77f9423eead4c3579629940a3e12095fe8"},
-    {file = "numpy-1.25.0.tar.gz", hash = "sha256:f1accae9a28dc3cda46a91de86acf69de0d1b5f4edd44a9b0c3ceb8036dfff19"},
+    {file = "numpy-1.25.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:77d339465dff3eb33c701430bcb9c325b60354698340229e1dff97745e6b3efa"},
+    {file = "numpy-1.25.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:d736b75c3f2cb96843a5c7f8d8ccc414768d34b0a75f466c05f3a739b406f10b"},
+    {file = "numpy-1.25.1-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:4a90725800caeaa160732d6b31f3f843ebd45d6b5f3eec9e8cc287e30f2805bf"},
+    {file = "numpy-1.25.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6c6c9261d21e617c6dc5eacba35cb68ec36bb72adcff0dee63f8fbc899362588"},
+    {file = "numpy-1.25.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:0def91f8af6ec4bb94c370e38c575855bf1d0be8a8fbfba42ef9c073faf2cf19"},
+    {file = "numpy-1.25.1-cp310-cp310-win32.whl", hash = "sha256:fd67b306320dcadea700a8f79b9e671e607f8696e98ec255915c0c6d6b818503"},
+    {file = "numpy-1.25.1-cp310-cp310-win_amd64.whl", hash = "sha256:c1516db588987450b85595586605742879e50dcce923e8973f79529651545b57"},
+    {file = "numpy-1.25.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:6b82655dd8efeea69dbf85d00fca40013d7f503212bc5259056244961268b66e"},
+    {file = "numpy-1.25.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:e8f6049c4878cb16960fbbfb22105e49d13d752d4d8371b55110941fb3b17800"},
+    {file = "numpy-1.25.1-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:41a56b70e8139884eccb2f733c2f7378af06c82304959e174f8e7370af112e09"},
+    {file = "numpy-1.25.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:d5154b1a25ec796b1aee12ac1b22f414f94752c5f94832f14d8d6c9ac40bcca6"},
+    {file = "numpy-1.25.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:38eb6548bb91c421261b4805dc44def9ca1a6eef6444ce35ad1669c0f1a3fc5d"},
+    {file = "numpy-1.25.1-cp311-cp311-win32.whl", hash = "sha256:791f409064d0a69dd20579345d852c59822c6aa087f23b07b1b4e28ff5880fcb"},
+    {file = "numpy-1.25.1-cp311-cp311-win_amd64.whl", hash = "sha256:c40571fe966393b212689aa17e32ed905924120737194b5d5c1b20b9ed0fb171"},
+    {file = "numpy-1.25.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:3d7abcdd85aea3e6cdddb59af2350c7ab1ed764397f8eec97a038ad244d2d105"},
+    {file = "numpy-1.25.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:1a180429394f81c7933634ae49b37b472d343cccb5bb0c4a575ac8bbc433722f"},
+    {file = "numpy-1.25.1-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d412c1697c3853c6fc3cb9751b4915859c7afe6a277c2bf00acf287d56c4e625"},
+    {file = "numpy-1.25.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:20e1266411120a4f16fad8efa8e0454d21d00b8c7cee5b5ccad7565d95eb42dd"},
+    {file = "numpy-1.25.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:f76aebc3358ade9eacf9bc2bb8ae589863a4f911611694103af05346637df1b7"},
+    {file = "numpy-1.25.1-cp39-cp39-win32.whl", hash = "sha256:247d3ffdd7775bdf191f848be8d49100495114c82c2bd134e8d5d075fb386a1c"},
+    {file = "numpy-1.25.1-cp39-cp39-win_amd64.whl", hash = "sha256:1d5d3c68e443c90b38fdf8ef40e60e2538a27548b39b12b73132456847f4b631"},
+    {file = "numpy-1.25.1-pp39-pypy39_pp73-macosx_10_9_x86_64.whl", hash = "sha256:35a9527c977b924042170a0887de727cd84ff179e478481404c5dc66b4170009"},
+    {file = "numpy-1.25.1-pp39-pypy39_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0d3fe3dd0506a28493d82dc3cf254be8cd0d26f4008a417385cbf1ae95b54004"},
+    {file = "numpy-1.25.1-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:012097b5b0d00a11070e8f2e261128c44157a8689f7dedcf35576e525893f4fe"},
+    {file = "numpy-1.25.1.tar.gz", hash = "sha256:9a3a9f3a61480cc086117b426a8bd86869c213fc4072e606f01c4e4b66eb92bf"},
 ]
 
 [[package]]
@@ -5218,14 +5235,14 @@ diagrams = ["jinja2", "railroad-diagrams"]
 
 [[package]]
 name = "pypdf"
-version = "3.12.0"
+version = "3.12.1"
 description = "A pure-python PDF library capable of splitting, merging, cropping, and transforming PDF files"
 category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
-    {file = "pypdf-3.12.0-py3-none-any.whl", hash = "sha256:826ad4681660394d7a5742fe8380168cf13058e27b826b7f5b798e994cb77b38"},
-    {file = "pypdf-3.12.0.tar.gz", hash = "sha256:cebac920db0698369f49c389018858a5436862bf3c45b64b10c55c008878db95"},
+    {file = "pypdf-3.12.1-py3-none-any.whl", hash = "sha256:74aa287c83e9aad2ce4a3627458dad729e39b5deae52175fe9f97bfffdde41bc"},
+    {file = "pypdf-3.12.1.tar.gz", hash = "sha256:68bf9e089caaab356518410168df9ed90f0a6109e29adac168449d4054fa0094"},
 ]
 
 [package.dependencies]
@@ -7372,14 +7389,14 @@ files = [
 
 [[package]]
 name = "weaviate-client"
-version = "3.22.0"
+version = "3.22.1"
 description = "A python native Weaviate client"
 category = "main"
 optional = false
 python-versions = ">=3.8"
 files = [
-    {file = "weaviate-client-3.22.0.tar.gz", hash = "sha256:38d0dbe66246bb61f0b9cabafc9cb42d832d7130b3a2d84e2a2b1a7aaa778358"},
-    {file = "weaviate_client-3.22.0-py3-none-any.whl", hash = "sha256:f65401979373ab32705b05a48195f298251e4e619d88c6b61018d32e43bd9deb"},
+    {file = "weaviate-client-3.22.1.tar.gz", hash = "sha256:aff61bd3f5d74df20a62328443e3aa9c860d5330fdfb19c4d8ddc44cb604032f"},
+    {file = "weaviate_client-3.22.1-py3-none-any.whl", hash = "sha256:01843a4899a227300e570409e77628e9d1b28476313f94943c37aee3f75112e1"},
 ]
 
 [package.dependencies]
@@ -7748,19 +7765,19 @@ multidict = ">=4.0"
 
 [[package]]
 name = "zipp"
-version = "3.15.0"
+version = "3.16.0"
 description = "Backport of pathlib-compatible object wrapper for zip files"
 category = "main"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 files = [
-    {file = "zipp-3.15.0-py3-none-any.whl", hash = "sha256:48904fc76a60e542af151aded95726c1a5c34ed43ab4134b597665c86d7ad556"},
-    {file = "zipp-3.15.0.tar.gz", hash = "sha256:112929ad649da941c23de50f356a2b5570c954b65150642bccdd66bf194d224b"},
+    {file = "zipp-3.16.0-py3-none-any.whl", hash = "sha256:5dadc3ad0a1f825fe42ce1bce0f2fc5a13af2e6b2d386af5b0ff295bc0a287d3"},
+    {file = "zipp-3.16.0.tar.gz", hash = "sha256:1876cb065531855bbe83b6c489dcf69ecc28f1068d8e95959fe8bbc77774c941"},
 ]
 
 [package.extras]
-docs = ["furo", "jaraco.packaging (>=9)", "jaraco.tidelift (>=1.4)", "rst.linker (>=1.9)", "sphinx (>=3.5)", "sphinx-lint"]
-testing = ["big-O", "flake8 (<5)", "jaraco.functools", "jaraco.itertools", "more-itertools", "pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)", "pytest-cov", "pytest-enabler (>=1.3)", "pytest-flake8", "pytest-mypy (>=0.9.1)"]
+docs = ["furo", "jaraco.packaging (>=9.3)", "jaraco.tidelift (>=1.4)", "rst.linker (>=1.9)", "sphinx (>=3.5)", "sphinx-lint"]
+testing = ["big-O", "jaraco.functools", "jaraco.itertools", "more-itertools", "pytest (>=6)", "pytest-black (>=0.3.7)", "pytest-checkdocs (>=2.4)", "pytest-cov", "pytest-enabler (>=2.2)", "pytest-mypy (>=0.9.1)", "pytest-ruff"]
 
 [[package]]
 name = "zstandard"
@@ -7827,4 +7844,4 @@ deploy = ["langchain-serve"]
 [metadata]
 lock-version = "2.0"
 python-versions = ">=3.9,<3.11"
-content-hash = "d867cb34755099754e53479dba99d9b25c5b616dbc7b332a91492c575aa657b8"
+content-hash = "5c6d484efef3fc84766b588f5f08a83486bcecdebcac9571abd3c6c0e7cf6e42"
diff --git a/pyproject.toml b/pyproject.toml
index 388c7ee96..3a1ca83c9 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -30,7 +30,7 @@ google-search-results = "^2.4.1"
 google-api-python-client = "^2.79.0"
 typer = "^0.9.0"
 gunicorn = "^20.1.0"
-langchain = "^0.0.219"
+langchain = "^0.0.229"
 openai = "^0.27.8"
 pandas = "^2.0.0"
 chromadb = "^0.3.21"

From 8f9bfd2a7c01491a5743fbfe9935950af1a91119 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 13:50:45 -0300
Subject: [PATCH 310/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20fix?=
 =?UTF-8?q?=20issue=20with=20separators=20being=20escaped=20strings=20by?=
 =?UTF-8?q?=20decoding=20them=20using=20unicode-escape=20encoding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 4e04fc8e6..5418f6906 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -361,6 +361,12 @@ def instantiate_textsplitter(
         "separator_type" in params and params["separator_type"] == "Text"
     ) or "separator_type" not in params:
         params.pop("separator_type", None)
+        # separators might come in as an escaped string like \\n
+        # so we need to convert it to a string
+        if "separators" in params:
+            params["separators"] = (
+                params["separators"].encode().decode("unicode-escape")
+            )
         text_splitter = class_object(**params)
     else:
         from langchain.text_splitter import Language

From 02fc2004e1becca3da1bddca94cb02b2728717d4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 13:54:46 -0300
Subject: [PATCH 311/367] =?UTF-8?q?=F0=9F=90=9B=20fix(textsplitters.py):?=
 =?UTF-8?q?=20change=20default=20value=20of=20Separator=20field=20from=20"?=
 =?UTF-8?q?."=20to=20"\\n"=20to=20correctly=20split=20text=20by=20newline?=
 =?UTF-8?q?=20characters?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/textsplitters.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/frontend_node/textsplitters.py b/src/backend/langflow/template/frontend_node/textsplitters.py
index 04700f1c4..1d5549042 100644
--- a/src/backend/langflow/template/frontend_node/textsplitters.py
+++ b/src/backend/langflow/template/frontend_node/textsplitters.py
@@ -45,7 +45,7 @@ class TextSplittersFrontendNode(FrontendNode):
                 field_type="str",
                 required=True,
                 show=True,
-                value=".",
+                value="\\n",
                 name=name,
                 display_name="Separator",
             )

From c9fd97f1f6b77fb89a2dd21981b11fb3d0a03181 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 13:58:48 -0300
Subject: [PATCH 312/367] formatting

---
 .../components/codeAreaComponent/index.tsx    | 101 ++++++++--------
 .../components/inputFileComponent/index.tsx   |   4 +-
 .../src/components/promptComponent/index.tsx  | 114 +++++++++---------
 .../components/textAreaComponent/index.tsx    |   5 +-
 src/frontend/src/modals/ApiModal/index.tsx    |   2 +-
 src/frontend/src/modals/chatModal/index.tsx   |   4 +-
 .../modals/formModal/chatMessage/index.tsx    |  12 +-
 src/frontend/src/modals/formModal/index.tsx   |   4 +-
 src/frontend/src/types/flow/index.ts          |   3 +-
 9 files changed, 130 insertions(+), 119 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index add09a9ba..2e0893321 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -27,60 +27,59 @@ export default function CodeAreaComponent({
   useEffect(() => {
     setMyValue(typeof value == "string" ? value : JSON.stringify(value));
   }, [value]);
-  
 
   return (
-      <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
-        <div className="flex w-full items-center">
-          <span
-            onClick={() => {
-              openPopUp(
-                <CodeAreaModal
-                  value={myValue}
-                  nodeClass={nodeClass}
-                  setNodeClass={setNodeClass}
-                  setValue={(t: string) => {
-                    setMyValue(t);
-                    onChange(t);
-                  }}
-                />
-              );
-            }}
-            className={
-              editNode
-                ? "input-edit-node input-dialog"
-                : (disabled ? " input-disable " : "") +
-                  " input-primary input-dialog"
-            }
-          >
-            {myValue !== "" ? myValue : "Type something..."}
-          </span>
-          <button
-            onClick={() => {
-              openPopUp(
-                <CodeAreaModal
-                  setNodeClass={setNodeClass}
-                  value={myValue}
-                  nodeClass={nodeClass}
-                  setValue={(t: string) => {
-                    setMyValue(t);
-                    onChange(t);
-                  }}
-                />
-              );
-            }}
-          >
-            {!editNode && (
-              <ExternalLink
-                strokeWidth={1.5}
-                className={
-                  "icons-parameters-comp" +
-                  (disabled ? " text-ring" : " hover:text-accent-foreground")
-                }
+    <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
+      <div className="flex w-full items-center">
+        <span
+          onClick={() => {
+            openPopUp(
+              <CodeAreaModal
+                value={myValue}
+                nodeClass={nodeClass}
+                setNodeClass={setNodeClass}
+                setValue={(t: string) => {
+                  setMyValue(t);
+                  onChange(t);
+                }}
               />
-            )}
-          </button>
-        </div>
+            );
+          }}
+          className={
+            editNode
+              ? "input-edit-node input-dialog"
+              : (disabled ? " input-disable " : "") +
+                " input-dialog input-primary"
+          }
+        >
+          {myValue !== "" ? myValue : "Type something..."}
+        </span>
+        <button
+          onClick={() => {
+            openPopUp(
+              <CodeAreaModal
+                setNodeClass={setNodeClass}
+                value={myValue}
+                nodeClass={nodeClass}
+                setValue={(t: string) => {
+                  setMyValue(t);
+                  onChange(t);
+                }}
+              />
+            );
+          }}
+        >
+          {!editNode && (
+            <ExternalLink
+              strokeWidth={1.5}
+              className={
+                "icons-parameters-comp" +
+                (disabled ? " text-ring" : " hover:text-accent-foreground")
+              }
+            />
+          )}
+        </button>
       </div>
+    </div>
   );
 }
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index c4ae9925b..7316566ae 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -99,7 +99,9 @@ export default function InputFileComponent({
           className={
             editNode
               ? "input-edit-node input-dialog text-muted-foreground"
-              : (disabled ? "input-disable input-primary input-dialog" : "input-primary input-dialog text-muted-foreground") 
+              : disabled
+              ? "input-disable input-dialog input-primary"
+              : "input-dialog input-primary text-muted-foreground"
           }
         >
           {myValue !== "" ? myValue : "No file"}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 888c347ab..4b4f9c1e1 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -47,64 +47,64 @@ export default function PromptAreaComponent({
   }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass]);
 
   return (
-      <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
-        <div className="flex w-full items-center">
-          <span
-            onClick={() => {
-              openPopUp(
-                <GenericModal
-                  type={TypeModal.PROMPT}
-                  value={myValue}
-                  buttonText="Check & Save"
-                  modalTitle="Edit Prompt"
-                  setValue={(t: string) => {
-                    setMyValue(t);
-                    onChange(t);
-                  }}
-                  nodeClass={nodeClass}
-                  setNodeClass={setNodeClass}
-                />
-              );
-            }}
-            className={
-              editNode
-                ? "input-edit-node input-dialog"
-                : (disabled ? " input-disable " : "") +
-                  " input-primary input-dialog"
-            }
-          >
-            {myValue !== "" ? myValue : "Type your prompt here"}
-          </span>
-          <button
-            onClick={() => {
-              openPopUp(
-                <GenericModal
-                  field_name={field_name}
-                  type={TypeModal.PROMPT}
-                  value={myValue}
-                  buttonText="Check & Save"
-                  modalTitle="Edit Prompt"
-                  setValue={(t: string) => {
-                    setMyValue(t);
-                    onChange(t);
-                  }}
-                  nodeClass={nodeClass}
-                  setNodeClass={setNodeClass}
-                />
-              );
-            }}
-          >
-            {!editNode && (
-              <ExternalLink
-                strokeWidth={1.5}
-                className={
-                  "icons-parameters-comp" +
-                  (disabled ? " text-ring" : " hover:text-accent-foreground")
-                }
+    <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
+      <div className="flex w-full items-center">
+        <span
+          onClick={() => {
+            openPopUp(
+              <GenericModal
+                type={TypeModal.PROMPT}
+                value={myValue}
+                buttonText="Check & Save"
+                modalTitle="Edit Prompt"
+                setValue={(t: string) => {
+                  setMyValue(t);
+                  onChange(t);
+                }}
+                nodeClass={nodeClass}
+                setNodeClass={setNodeClass}
               />
-            )}
-          </button>
-        </div>
+            );
+          }}
+          className={
+            editNode
+              ? "input-edit-node input-dialog"
+              : (disabled ? " input-disable " : "") +
+                " input-dialog input-primary"
+          }
+        >
+          {myValue !== "" ? myValue : "Type your prompt here"}
+        </span>
+        <button
+          onClick={() => {
+            openPopUp(
+              <GenericModal
+                field_name={field_name}
+                type={TypeModal.PROMPT}
+                value={myValue}
+                buttonText="Check & Save"
+                modalTitle="Edit Prompt"
+                setValue={(t: string) => {
+                  setMyValue(t);
+                  onChange(t);
+                }}
+                nodeClass={nodeClass}
+                setNodeClass={setNodeClass}
+              />
+            );
+          }}
+        >
+          {!editNode && (
+            <ExternalLink
+              strokeWidth={1.5}
+              className={
+                "icons-parameters-comp" +
+                (disabled ? " text-ring" : " hover:text-accent-foreground")
+              }
+            />
+          )}
+        </button>
       </div>
+    </div>
   );
 }
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index b5a448656..2a7abe859 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -27,8 +27,8 @@ export default function TextAreaComponent({
   }, [closePopUp]);
 
   return (
-      <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
-        <div className="flex w-full items-center">
+    <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
+      <div className="flex w-full items-center">
         <input
           value={myValue}
           className={
@@ -41,7 +41,6 @@ export default function TextAreaComponent({
             setMyValue(e.target.value);
             onChange(e.target.value);
           }}
-
         />
 
         <button
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index fc7e1ffc4..f3f84a9ac 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -143,7 +143,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
 
   function startTweaks() {
     const t = buildTweaks(flow);
-      tweak?.current?.push(t);
+    tweak?.current?.push(t);
   }
 
   function filterNodes() {
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index b22a5afae..90baca4df 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -374,7 +374,9 @@ export default function ChatModal({
                       <ChatMessage
                         lockChat={lockChat}
                         chat={c}
-                        lastMessage={chatHistory.length - 1 === i ? true : false}
+                        lastMessage={
+                          chatHistory.length - 1 === i ? true : false
+                        }
                         key={i}
                       />
                     ))
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 0ffb8fdcb..a12319f41 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -34,13 +34,21 @@ export default function ChatMessage({
         {!chat.isSend ? (
           <div className="form-modal-chat-image">
             <div className="form-modal-chat-bot-icon ">
-              <img src={Robot} className="form-modal-chat-icon-img" alt="robot_image"/>
+              <img
+                src={Robot}
+                className="form-modal-chat-icon-img"
+                alt="robot_image"
+              />
             </div>
           </div>
         ) : (
           <div className="form-modal-chat-image">
             <div className="form-modal-chat-user-icon ">
-              <img src={MaleTechnology} className="form-modal-chat-icon-img" alt="male_technology"/>
+              <img
+                src={MaleTechnology}
+                className="form-modal-chat-icon-img"
+                alt="male_technology"
+              />
             </div>
           </div>
         )}
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index c1e698168..f8dba0f37 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -517,7 +517,9 @@ export default function FormModal({
                       <ChatMessage
                         lockChat={lockChat}
                         chat={c}
-                        lastMessage={chatHistory.length - 1 === i ? true : false}
+                        lastMessage={
+                          chatHistory.length - 1 === i ? true : false
+                        }
                         key={i}
                       />
                     ))
diff --git a/src/frontend/src/types/flow/index.ts b/src/frontend/src/types/flow/index.ts
index 3fc4f3cab..9f947950c 100644
--- a/src/frontend/src/types/flow/index.ts
+++ b/src/frontend/src/types/flow/index.ts
@@ -28,11 +28,10 @@ export type FlowStyleType = {
   flow_id: string;
 };
 
-
 export type TweaksType = Array<
   {
     [key: string]: {
       output_key?: string;
     };
   } & FlowStyleType
->;
\ No newline at end of file
+>;

From 1f2cddf1d2838842350136a8ac83403bc0821d16 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 14:39:11 -0300
Subject: [PATCH 313/367] =?UTF-8?q?=F0=9F=8E=A8=20style(chatInput/index.ts?=
 =?UTF-8?q?x):=20add=20'bg-input'=20class=20to=20the=20chat=20input=20when?=
 =?UTF-8?q?=20lockChat=20is=20true=20to=20improve=20visual=20distinction?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatInput/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index d1fc418ca..78a796b04 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -48,7 +48,7 @@ export default function ChatInput({
           setChatValue(e.target.value);
         }}
         className={classNames(
-          lockChat ? " form-modal-lock-true" : " form-modal-lock-false",
+          lockChat ? " form-modal-lock-true bg-input " : " form-modal-lock-false",
           "form-modal-lockchat"
         )}
         placeholder={"Send a message..."}

From 2c2ae5451c6faf7d20342b9075fd68cc67861989 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 15:13:40 -0300
Subject: [PATCH 314/367] =?UTF-8?q?=F0=9F=94=92=20chore(base.py):=20add=20?=
 =?UTF-8?q?validation=20for=20invalid=20input=20variable=20names=20in=20va?=
 =?UTF-8?q?lidate=5Fprompt=20function=20=F0=9F=90=9B=20fix(base.py):=20rai?=
 =?UTF-8?q?se=20ValueError=20if=20any=20of=20the=20input=20variables=20in?=
 =?UTF-8?q?=20template=20are=20named=20as=20invalid=20names=20to=20prevent?=
 =?UTF-8?q?=20potential=20issues?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/base.py | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/backend/langflow/api/v1/base.py b/src/backend/langflow/api/v1/base.py
index 420e1645f..71cac5412 100644
--- a/src/backend/langflow/api/v1/base.py
+++ b/src/backend/langflow/api/v1/base.py
@@ -60,12 +60,26 @@ INVALID_CHARACTERS = {
     "}",
 }
 
+INVALID_NAMES = {
+    "input_variables",
+    "output_parser",
+    "partial_variables",
+    "template",
+    "template_format",
+    "validate_template",
+}
+
 
 def validate_prompt(template: str):
     input_variables = extract_input_variables_from_prompt(template)
 
     # Check if there are invalid characters in the input_variables
     input_variables = check_input_variables(input_variables)
+    if any(var in INVALID_NAMES for var in input_variables):
+        raise ValueError(
+            f"Invalid input variables. None of the variables can be named {', '.join(input_variables)}. "
+        )
+
     try:
         PromptTemplate(template=template, input_variables=input_variables)
     except Exception as exc:

From 43063dd00fc2bdfd1a5122be9df9ec0e4d8c56cc Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 15:17:13 -0300
Subject: [PATCH 315/367] =?UTF-8?q?=F0=9F=8E=A8=20style(chatMessage/index.?=
 =?UTF-8?q?tsx):=20add=20responsive=20max-width=20to=20the=20markdown=20co?=
 =?UTF-8?q?ntainer=20to=20improve=20readability=20on=20smaller=20screens?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index a12319f41..6e7457549 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -79,7 +79,7 @@ export default function ChatMessage({
                     remarkPlugins={[remarkGfm, remarkMath]}
                     rehypePlugins={[rehypeMathjax]}
                     className="markdown prose inline-block break-words text-primary
-                     dark:prose-invert"
+                     dark:prose-invert sm:max-w-[30vw] lg:max-w-[40vw]"
                     components={{
                       code({ node, inline, className, children, ...props }) {
                         if (children.length) {

From eecefdb2358a4552baaf0c646d325424aeead180 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 15:47:02 -0300
Subject: [PATCH 316/367] =?UTF-8?q?=F0=9F=90=9B=20fix(formModal):=20handle?=
 =?UTF-8?q?=20case=20when=20chatKey=20is=20undefined=20to=20prevent=20erro?=
 =?UTF-8?q?r?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index f8dba0f37..7a5dae1a6 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -554,6 +554,8 @@ export default function FormModal({
                       setChatValue={(value) => {
                         setChatValue(value);
                         setTabsState((old) => {
+                          // chatKey is undefined when there are no chat input keys
+                          if (!chatKey) return old;
                           let newTabsState = _.cloneDeep(old);
                           newTabsState[id.current].formKeysData.input_keys[
                             chatKey

From f035be88e458625fe313b4bf5342939ed10efc68 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 15:59:38 -0300
Subject: [PATCH 317/367] Fixed bug where we cannot create new flow when we
 build a flow

---
 .../src/components/chatComponent/index.tsx       | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 829dd5b13..58c058866 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -72,7 +72,7 @@ export default function Chat({ flow }: ChatType) {
     }
 
     prevNodesRef.current = currentNodes;
-  }, [tabsState]);
+  }, [tabsState, flow.id]);
 
   return (
     <>
@@ -83,9 +83,17 @@ export default function Chat({ flow }: ChatType) {
           setIsBuilt={setIsBuilt}
           isBuilt={isBuilt}
         />
-        {isBuilt && canOpen && (
-          <FormModal key={flow.id} flow={flow} open={open} setOpen={setOpen} />
-        )}
+        {isBuilt &&
+          tabsState[flow.id] &&
+          tabsState[flow.id].formKeysData &&
+          canOpen && (
+            <FormModal
+              key={flow.id}
+              flow={flow}
+              open={open}
+              setOpen={setOpen}
+            />
+          )}
         <ChatTrigger
           canOpen={canOpen}
           open={open}

From 6b3fcd5608098c66b5a5a7fdf8077820272b67bd Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 16:00:12 -0300
Subject: [PATCH 318/367] format

---
 src/frontend/src/modals/formModal/chatInput/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 78a796b04..02b462396 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -48,7 +48,9 @@ export default function ChatInput({
           setChatValue(e.target.value);
         }}
         className={classNames(
-          lockChat ? " form-modal-lock-true bg-input " : " form-modal-lock-false",
+          lockChat
+            ? " form-modal-lock-true bg-input "
+            : " form-modal-lock-false",
           "form-modal-lockchat"
         )}
         placeholder={"Send a message..."}

From e020e2312442515fe85a3f7723e3071c7edc928e Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 16:20:18 -0300
Subject: [PATCH 319/367] Fixed tooltip not being at the top of all nodes

---
 src/frontend/src/components/ui/tooltip.tsx    |  20 +-
 .../modals/chatModal/chatMessage/index.tsx    | 156 -------
 src/frontend/src/modals/chatModal/index.tsx   | 423 ------------------
 3 files changed, 11 insertions(+), 588 deletions(-)
 delete mode 100644 src/frontend/src/modals/chatModal/chatMessage/index.tsx
 delete mode 100644 src/frontend/src/modals/chatModal/index.tsx

diff --git a/src/frontend/src/components/ui/tooltip.tsx b/src/frontend/src/components/ui/tooltip.tsx
index dc847052e..6bb983652 100644
--- a/src/frontend/src/components/ui/tooltip.tsx
+++ b/src/frontend/src/components/ui/tooltip.tsx
@@ -14,15 +14,17 @@ const TooltipContent = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
 >(({ className, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Content
-    ref={ref}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
-      className
-    )}
-    {...props}
-  />
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+        className
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
deleted file mode 100644
index 2411f2103..000000000
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ /dev/null
@@ -1,156 +0,0 @@
-import Convert from "ansi-to-html";
-import { MessageCircle, User2 } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import ReactMarkdown from "react-markdown";
-import rehypeMathjax from "rehype-mathjax";
-import remarkGfm from "remark-gfm";
-import remarkMath from "remark-math";
-import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
-import AiIconStill from "../../../assets/froze-flow.png";
-import SanitizedHTMLWrapper from "../../../components/SanitizedHTMLWrapper";
-import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
-import { CodeBlock } from "../../formModal/chatMessage/codeBlock";
-import FileCard from "../../formModal/fileComponent";
-export default function ChatMessage({
-  chat,
-  lockChat,
-  lastMessage,
-}: {
-  chat: ChatMessageType;
-  lockChat: boolean;
-  lastMessage: boolean;
-}) {
-  const convert = new Convert({ newline: true });
-  const [message, setMessage] = useState("");
-  const imgRef = useRef(null);
-  useEffect(() => {
-    setMessage(chat.message);
-  }, [chat.message]);
-  const [hidden, setHidden] = useState(true);
-  return (
-    <div
-      className={classNames(
-        "chat-message-modal",
-        chat.isSend ? "bg-background " : "bg-input"
-      )}
-    >
-      <div className={classNames("chat-message-modal-div")}>
-        {!chat.isSend && (
-          <div className="relative h-8 w-8">
-            <img
-              className={
-                "chat-message-modal-img " +
-                (lockChat ? "opacity-100" : "opacity-0")
-              }
-              src={lastMessage ? AiIcon : AiIconStill}
-            />
-            <img
-              className={
-                "chat-message-modal-img " +
-                (lockChat ? "opacity-0" : "opacity-100")
-              }
-              src={AiIconStill}
-            />
-          </div>
-        )}
-        {chat.isSend && <User2 className="-mb-1 h-6 w-6 text-primary " />}
-      </div>
-      {!chat.isSend ? (
-        <div className="chat-message-modal-display">
-          <div className="chat-message-modal-text">
-            {hidden && chat.thought && chat.thought !== "" && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                className="chat-message-modal-icon-div"
-              >
-                <MessageCircle className="h-5 w-5 animate-bounce " />
-              </div>
-            )}
-            {chat.thought && chat.thought !== "" && !hidden && (
-              <SanitizedHTMLWrapper
-                className=" chat-message-modal-thought"
-                content={convert.toHtml(chat.thought)}
-                suppressWarning={false}
-                onClick={() => setHidden((prev) => !prev)}
-              />
-            )}
-            {chat.thought && chat.thought !== "" && !hidden && <br></br>}
-            <div className="chat-message-modal-markdown">
-              <div className="w-full">
-                <div className="w-full">
-                  <ReactMarkdown
-                    remarkPlugins={[remarkGfm, remarkMath]}
-                    rehypePlugins={[rehypeMathjax]}
-                    className="markdown prose text-muted-foreground "
-                    components={{
-                      code({ node, inline, className, children, ...props }) {
-                        if (children.length) {
-                          if (children[0] === "▍") {
-                            return (
-                              <span className="chat-message-modal-markdown-span">
-                                ▍
-                              </span>
-                            );
-                          }
-
-                          children[0] = (children[0] as string).replace(
-                            "`▍`",
-                            "▍"
-                          );
-                        }
-
-                        const match = /language-(\w+)/.exec(className || "");
-
-                        return !inline ? (
-                          <CodeBlock
-                            key={Math.random()}
-                            language={(match && match[1]) || ""}
-                            value={String(children).replace(/\n$/, "")}
-                            {...props}
-                          />
-                        ) : (
-                          <code className={className} {...props}>
-                            {children}
-                          </code>
-                        );
-                      },
-                    }}
-                  >
-                    {message}
-                  </ReactMarkdown>
-                </div>
-                {chat.files && (
-                  <div className="my-2 w-full">
-                    {chat.files.map((file, index) => {
-                      return (
-                        <div key={index} className="my-2 w-full">
-                          <FileCard
-                            fileName={"Generated File"}
-                            fileType={file.data_type}
-                            content={file.data}
-                          />
-                        </div>
-                      );
-                    })}
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      ) : (
-        <div className="flex w-full items-center">
-          <div className="chat-message-modal-alert ">
-            {message.split("\n").map((line, index) => (
-              <span key={index} className="text-muted-foreground ">
-                {line}
-                <br />
-              </span>
-            ))}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
deleted file mode 100644
index 90baca4df..000000000
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ /dev/null
@@ -1,423 +0,0 @@
-import { Dialog, Transition } from "@headlessui/react";
-import { Eraser, MessagesSquare, X } from "lucide-react";
-import { Fragment, useContext, useEffect, useRef, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
-import { typesContext } from "../../contexts/typesContext";
-import { sendAllProps } from "../../types/api";
-import { ChatMessageType } from "../../types/chat";
-import { FlowType } from "../../types/flow";
-import { validateNodes } from "../../utils";
-import ChatInput from "./chatInput";
-import ChatMessage from "./chatMessage";
-
-import _ from "lodash";
-import { getHealth } from "../../controllers/API";
-
-export default function ChatModal({
-  flow,
-  open,
-  setOpen,
-}: {
-  open: boolean;
-  setOpen: Function;
-  flow: FlowType;
-}) {
-  const [chatValue, setChatValue] = useState("");
-  const [chatHistory, setChatHistory] = useState<ChatMessageType[]>([]);
-  const { reactFlowInstance } = useContext(typesContext);
-  const { setErrorData } = useContext(alertContext);
-  const ws = useRef<WebSocket | null>(null);
-  const [lockChat, setLockChat] = useState(false);
-  const isOpen = useRef(open);
-  const messagesRef = useRef(null);
-  const id = useRef(flow.id);
-
-  useEffect(() => {
-    if (messagesRef.current) {
-      messagesRef.current.scrollTop = messagesRef.current.scrollHeight;
-    }
-  }, [chatHistory]);
-
-  useEffect(() => {
-    isOpen.current = open;
-  }, [open]);
-  useEffect(() => {
-    id.current = flow.id;
-  }, [flow.id]);
-
-  var isStream = false;
-
-  const addChatHistory = (
-    message: string,
-    isSend: boolean,
-    thought?: string,
-    files?: Array<any>
-  ) => {
-    setChatHistory((old) => {
-      let newChat = _.cloneDeep(old);
-      if (files) {
-        newChat.push({ message, isSend, files, thought });
-      } else if (thought) {
-        newChat.push({ message, isSend, thought });
-      } else {
-        newChat.push({ message, isSend });
-      }
-      return newChat;
-    });
-  };
-
-  //add proper type signature for function
-
-  function updateLastMessage({
-    str,
-    thought,
-    end = false,
-    files,
-  }: {
-    str?: string;
-    thought?: string;
-    // end param default is false
-    end?: boolean;
-    files?: Array<any>;
-  }) {
-    setChatHistory((old) => {
-      let newChat = [...old];
-      if (str) {
-        if (end) {
-          newChat[newChat.length - 1].message = str;
-        } else {
-          newChat[newChat.length - 1].message += str;
-        }
-      }
-      if (thought) {
-        if (end) {
-          newChat[newChat.length - 1].thought = thought;
-        } else {
-          newChat[newChat.length - 1].thought += thought;
-        }
-      }
-      if (files) {
-        newChat[newChat.length - 1].files = files;
-      }
-      return newChat;
-    });
-  }
-
-  function handleOnClose(event: CloseEvent) {
-    if (isOpen.current) {
-      setErrorData({ title: event.reason });
-      setTimeout(() => {
-        connectWS();
-        setLockChat(false);
-      }, 1000);
-    }
-  }
-
-  function getWebSocketUrl(chatId, isDevelopment = false) {
-    const isSecureProtocol = window.location.protocol === "https:";
-    const webSocketProtocol = isSecureProtocol ? "wss" : "ws";
-    const host = isDevelopment ? "localhost:7860" : window.location.host;
-    const chatEndpoint = `/api/v1/chat/${chatId}`;
-
-    return `${
-      isDevelopment ? "ws" : webSocketProtocol
-    }://${host}${chatEndpoint}`;
-  }
-
-  function handleWsMessage(data: any) {
-    if (Array.isArray(data)) {
-      //set chat history
-      setChatHistory((_) => {
-        let newChatHistory: ChatMessageType[] = [];
-        data.forEach(
-          (chatItem: {
-            intermediate_steps?: "string";
-            is_bot: boolean;
-            message: string;
-            type: string;
-            files?: Array<any>;
-          }) => {
-            if (chatItem.message) {
-              newChatHistory.push(
-                chatItem.files
-                  ? {
-                      isSend: !chatItem.is_bot,
-                      message: chatItem.message,
-                      thought: chatItem.intermediate_steps,
-                      files: chatItem.files,
-                    }
-                  : {
-                      isSend: !chatItem.is_bot,
-                      message: chatItem.message,
-                      thought: chatItem.intermediate_steps,
-                    }
-              );
-            }
-          }
-        );
-        return newChatHistory;
-      });
-    }
-    if (data.type === "start") {
-      addChatHistory("", false);
-      isStream = true;
-    }
-    if (data.type === "end") {
-      if (data.message) {
-        updateLastMessage({ str: data.message, end: true });
-      }
-      if (data.intermediate_steps) {
-        updateLastMessage({
-          str: data.message,
-          thought: data.intermediate_steps,
-          end: true,
-        });
-      }
-      if (data.files) {
-        updateLastMessage({
-          end: true,
-          files: data.files,
-        });
-      }
-
-      setLockChat(false);
-      isStream = false;
-    }
-    if (data.type === "stream" && isStream) {
-      updateLastMessage({
-        str: data.message,
-        thought: data.intermediate_steps,
-      });
-    }
-  }
-
-  function connectWS() {
-    try {
-      const urlWs = getWebSocketUrl(
-        id.current,
-        process.env.NODE_ENV === "development"
-      );
-      const newWs = new WebSocket(urlWs);
-      newWs.onopen = () => {
-        console.log("WebSocket connection established!");
-      };
-      newWs.onmessage = (event) => {
-        const data = JSON.parse(event.data);
-        console.log("Received data:", data);
-        handleWsMessage(data);
-        //get chat history
-      };
-      newWs.onclose = (event) => {
-        handleOnClose(event);
-      };
-      newWs.onerror = (ev) => {
-        getHealth()
-          .then((res) => {
-            if (res.status === 200) {
-              connectWS();
-            }
-          })
-          .catch((err) => {
-            setErrorData({
-              // message when the backend failed
-              title: "The backend is not responding. Please try again later.",
-              // possible solution list
-              list: [
-                "Check your internet connection.",
-                "Check if the backend is running.",
-              ],
-            });
-          });
-      };
-      ws.current = newWs;
-    } catch (error) {
-      connectWS();
-      console.log(error);
-    }
-  }
-
-  useEffect(() => {
-    connectWS();
-    return () => {
-      console.log("unmount");
-      console.log(ws);
-      if (ws.current) {
-        ws.current.close();
-      }
-    };
-  }, []);
-
-  useEffect(() => {
-    if (
-      ws.current &&
-      (ws.current.readyState === ws.current.CLOSED ||
-        ws.current.readyState === ws.current.CLOSING)
-    ) {
-      connectWS();
-      setLockChat(false);
-    }
-  }, [lockChat]);
-
-  async function sendAll(data: sendAllProps) {
-    try {
-      if (ws) {
-        ws.current.send(JSON.stringify(data));
-      }
-    } catch (error) {
-      setErrorData({
-        title: "There was an error sending the message",
-        list: [error.message],
-      });
-      setChatValue(data.message);
-      connectWS();
-    }
-  }
-
-  useEffect(() => {
-    if (ref.current) ref.current.scrollIntoView({ behavior: "smooth" });
-  }, [chatHistory]);
-
-  const ref = useRef(null);
-
-  useEffect(() => {
-    if (open && ref.current) {
-      ref.current.focus();
-    }
-  }, [open]);
-
-  function sendMessage() {
-    if (chatValue !== "") {
-      let nodeValidationErrors = validateNodes(reactFlowInstance);
-      if (nodeValidationErrors.length === 0) {
-        setLockChat(true);
-        let message = chatValue;
-        setChatValue("");
-        addChatHistory(message, true);
-        sendAll({
-          ...reactFlowInstance.toObject(),
-          message,
-          chatHistory,
-          name: flow.name,
-          description: flow.description,
-        });
-      } else {
-        setErrorData({
-          title: "Oops! Looks like you missed some required information:",
-          list: nodeValidationErrors,
-        });
-      }
-    } else {
-      setErrorData({
-        title: "Error sending message",
-        list: ["The message cannot be empty."],
-      });
-    }
-  }
-  function clearChat() {
-    setChatHistory([]);
-    ws.current.send(JSON.stringify({ clear_history: true }));
-    if (lockChat) setLockChat(false);
-  }
-
-  function setModalOpen(x: boolean) {
-    setOpen(x);
-  }
-  return (
-    <Transition.Root show={open} appear={open} as={Fragment}>
-      <Dialog
-        as="div"
-        className="relative z-10"
-        onClose={setModalOpen}
-        initialFocus={ref}
-      >
-        <Transition.Child
-          as={Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="send-message-modal-transition" />
-        </Transition.Child>
-
-        <div className="chat-modal-box">
-          <div className="chat-modal-box-div">
-            <Transition.Child
-              as={Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              enterTo="opacity-100 translate-y-0 sm:scale-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            >
-              <Dialog.Panel className=" chat-modal-dialog-panel">
-                <div className="chat-modal-dialog-panel-div">
-                  <button
-                    onClick={() => clearChat()}
-                    className="chat-modal-dialog-trash-panel"
-                  >
-                    <Eraser className="h-4 w-4" />
-                  </button>
-                  <button
-                    onClick={() => setModalOpen(false)}
-                    className="chat-modal-dialog-x-panel"
-                  >
-                    <X className="h-5 w-5" />
-                  </button>
-                </div>
-                <div ref={messagesRef} className="chat-modal-dialog-history">
-                  {chatHistory.length > 0 ? (
-                    chatHistory.map((c, i) => (
-                      <ChatMessage
-                        lockChat={lockChat}
-                        chat={c}
-                        lastMessage={
-                          chatHistory.length - 1 === i ? true : false
-                        }
-                        key={i}
-                      />
-                    ))
-                  ) : (
-                    <div className="chat-modal-dialog-span-box">
-                      <span>
-                        👋{" "}
-                        <span className="text-lg  text-muted-foreground">
-                          Langflow Chat
-                        </span>
-                      </span>
-                      <br />
-                      <div className="chat-modal-dialog-desc">
-                        <span className="text-base text-ring">
-                          Start a conversation and click the agent’s thoughts{" "}
-                          <span>
-                            <MessagesSquare className="mx-1 inline h-5 w-5 animate-bounce " />
-                          </span>{" "}
-                          to inspect the chaining process.
-                        </span>
-                      </div>
-                    </div>
-                  )}
-                  <div ref={ref}></div>
-                </div>
-                <div className="chat-modal-input-div">
-                  <div className="chat-modal-input">
-                    <ChatInput
-                      chatValue={chatValue}
-                      lockChat={lockChat}
-                      sendMessage={sendMessage}
-                      setChatValue={setChatValue}
-                      inputRef={ref}
-                    />
-                  </div>
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition.Root>
-  );
-}

From 43e69f1f4575f8fb1136c5393a247b4ced311ae4 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 16:29:39 -0300
Subject: [PATCH 320/367] =?UTF-8?q?=F0=9F=90=9B=20fix(types.py):=20fix=20v?=
 =?UTF-8?q?ariable=20name=20in=20format=20method=20to=20correctly=20refere?=
 =?UTF-8?q?nce=20the=20'artifacts'=20variable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index 9c02ef847..17481b8a0 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -225,7 +225,7 @@ class PromptVertex(Vertex):
             # so the prompt format doesn't break
             artifacts.pop("handle_keys", None)
             try:
-                return self._built_object.format(**self.artifacts)
+                return self._built_object.format(**artifacts)
             except KeyError:
                 return super()._built_object_repr()
         else:

From 5d42acf28d2e140727047b78e17527e886926a10 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 16:41:23 -0300
Subject: [PATCH 321/367] =?UTF-8?q?=F0=9F=90=9B=20fix(utils.ts):=20add=20o?=
 =?UTF-8?q?ptional=20chaining=20to=20reactFlowInstance.getNode()=20to=20ha?=
 =?UTF-8?q?ndle=20cases=20where=20reactFlowInstance=20is=20null=20or=20und?=
 =?UTF-8?q?efined?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 4fc7cb016..d44bdf5e6 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -598,7 +598,7 @@ export function isValidConnection(
       ) ||
     targetHandle.split("|")[0] === "str"
   ) {
-    let targetNode = reactFlowInstance.getNode(target).data.node;
+    let targetNode = reactFlowInstance?.getNode(target)?.data?.node;
     if (!targetNode) {
       if (
         !reactFlowInstance

From 7bfe0c88c13f00e7cf37d0f079d2dd69f72bdde1 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 16:42:41 -0300
Subject: [PATCH 322/367] Fixed and added conditions to flows without chat

---
 .../src/modals/formModal/chatInput/index.tsx  |  5 +-
 src/frontend/src/modals/formModal/index.tsx   | 63 +++++++++----------
 2 files changed, 31 insertions(+), 37 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 02b462396..975a152f5 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -8,6 +8,7 @@ export default function ChatInput({
   sendMessage,
   setChatValue,
   inputRef,
+  noInput,
 }) {
   useEffect(() => {
     if (!lockChat && inputRef.current) {
@@ -32,7 +33,7 @@ export default function ChatInput({
         }}
         rows={1}
         ref={inputRef}
-        disabled={lockChat}
+        disabled={lockChat || noInput}
         style={{
           resize: "none",
           bottom: `${inputRef?.current?.scrollHeight}px`,
@@ -48,7 +49,7 @@ export default function ChatInput({
           setChatValue(e.target.value);
         }}
         className={classNames(
-          lockChat
+          lockChat || noInput
             ? " form-modal-lock-true bg-input "
             : " form-modal-lock-false",
           "form-modal-lockchat"
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 7a5dae1a6..d49123024 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -333,41 +333,35 @@ export default function FormModal({
   }, [open]);
 
   function sendMessage() {
-    if (chatValue !== "") {
-      let nodeValidationErrors = validateNodes(reactFlowInstance);
-      if (nodeValidationErrors.length === 0) {
-        setLockChat(true);
-        let inputs = tabsState[id.current].formKeysData.input_keys;
-        setChatValue("");
-        const message = inputs;
-        addChatHistory(
-          message,
-          true,
-          chatKey,
-          tabsState[flow.id].formKeysData.template
-        );
-        sendAll({
-          ...reactFlowInstance.toObject(),
-          inputs: inputs,
-          chatHistory,
-          name: flow.name,
-          description: flow.description,
-        });
-        setTabsState((old) => {
-          let newTabsState = _.cloneDeep(old);
-          newTabsState[id.current].formKeysData.input_keys[chatKey] = "";
-          return newTabsState;
-        });
-      } else {
-        setErrorData({
-          title: "Oops! Looks like you missed some required information:",
-          list: nodeValidationErrors,
-        });
-      }
+    let nodeValidationErrors = validateNodes(reactFlowInstance);
+    if (nodeValidationErrors.length === 0) {
+      setLockChat(true);
+      let inputs = tabsState[id.current].formKeysData.input_keys;
+      setChatValue("");
+      const message = inputs;
+      addChatHistory(
+        message,
+        true,
+        chatKey,
+        tabsState[flow.id].formKeysData.template
+      );
+      sendAll({
+        ...reactFlowInstance.toObject(),
+        inputs: inputs,
+        chatHistory,
+        name: flow.name,
+        description: flow.description,
+      });
+      setTabsState((old) => {
+        if (!chatKey) return old;
+        let newTabsState = _.cloneDeep(old);
+        newTabsState[id.current].formKeysData.input_keys[chatKey] = "";
+        return newTabsState;
+      });
     } else {
       setErrorData({
-        title: "Error sending message",
-        list: ["The message cannot be empty."],
+        title: "Oops! Looks like you missed some required information:",
+        list: nodeValidationErrors,
       });
     }
   }
@@ -549,13 +543,12 @@ export default function FormModal({
                   <div className="langflow-chat-input">
                     <ChatInput
                       chatValue={chatValue}
+                      noInput={!chatKey}
                       lockChat={lockChat}
                       sendMessage={sendMessage}
                       setChatValue={(value) => {
                         setChatValue(value);
                         setTabsState((old) => {
-                          // chatKey is undefined when there are no chat input keys
-                          if (!chatKey) return old;
                           let newTabsState = _.cloneDeep(old);
                           newTabsState[id.current].formKeysData.input_keys[
                             chatKey

From 965d6cf5bca2c42a78f36d35c84042d18b5cc6de Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Mon, 10 Jul 2023 17:50:17 -0300
Subject: [PATCH 323/367] style(index.css): Remove unnecessary dark classes

---
 src/frontend/src/index.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index de0839761..782aef44e 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -915,13 +915,13 @@ The cursor: default; property value restores the browser's default cursor style
   }
 
   .form-modal-lock-true {
-    @apply bg-input text-black dark:bg-gray-700 dark:text-gray-300
+    @apply bg-input text-black
   }
   .form-modal-lock-false {
-    @apply bg-white text-black dark:bg-gray-900 dark:text-gray-300
+    @apply bg-white text-black
   }
   .form-modal-lockchat {
-    @apply form-input block w-full rounded-md border-gray-300 p-4 pr-16 custom-scroll dark:border-gray-600 sm:text-sm
+    @apply form-input block w-full rounded-md border-gray-300 p-4 pr-16 custom-scroll sm:text-sm
   }
   .form-modal-send-icon-position {
     @apply absolute bottom-2 right-4
@@ -966,7 +966,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply absolute -left-6 -top-3 cursor-pointer
   }
   .form-modal-chat-icon {
-    @apply h-4 w-4 animate-bounce dark:text-white
+    @apply h-4 w-4 animate-bounce
   }
   .form-modal-chat-thought-border {
     @apply rounded-md border border-ring/60
@@ -1035,10 +1035,10 @@ The cursor: default; property value restores the browser's default cursor style
     @apply flex-max-width h-full flex-col items-center justify-center text-center align-middle
   }
   .langflow-chat-span {
-    @apply text-lg text-gray-600 dark:text-gray-300
+    @apply text-lg text-gray-600
   }
   .langflow-chat-desc {
-    @apply w-2/4 rounded-md border border-gray-200 bg-muted px-6 py-8 dark:border-gray-700 dark:bg-gray-900
+    @apply w-2/4 rounded-md border border-gray-200 bg-muted px-6 py-8
   }
   .langflow-chat-desc-span {
     @apply text-base text-gray-500

From 2cb845296803d7322b52c89e5d10a907c260c120 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 17:48:21 -0300
Subject: [PATCH 324/367] =?UTF-8?q?=F0=9F=90=9B=20fix(types.py):=20refacto?=
 =?UTF-8?q?r=20=5Fbuilt=5Fobject=5Frepr=20method=20in=20PromptVertex=20to?=
 =?UTF-8?q?=20improve=20readability=20and=20handle=20edge=20cases?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/vertex/types.py | 34 ++++++++++++----------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/backend/langflow/graph/vertex/types.py b/src/backend/langflow/graph/vertex/types.py
index 17481b8a0..effd00071 100644
--- a/src/backend/langflow/graph/vertex/types.py
+++ b/src/backend/langflow/graph/vertex/types.py
@@ -213,23 +213,27 @@ class PromptVertex(Vertex):
 
     def _built_object_repr(self):
         if (
-            self.artifacts
-            and self._built_object is not None
-            and hasattr(self._built_object, "format")
+            not self.artifacts
+            or self._built_object is None
+            or not hasattr(self._built_object, "format")
         ):
-            # We'll build the prompt with the artifacts
-            # to show the user what the prompt looks like
-            # with the variables filled in
-            artifacts = self.artifacts.copy()
-            # Remove the handle_keys from the artifacts
-            # so the prompt format doesn't break
-            artifacts.pop("handle_keys", None)
-            try:
-                return self._built_object.format(**artifacts)
-            except KeyError:
-                return super()._built_object_repr()
-        else:
             return super()._built_object_repr()
+        # We'll build the prompt with the artifacts
+        # to show the user what the prompt looks like
+        # with the variables filled in
+        artifacts = self.artifacts.copy()
+        # Remove the handle_keys from the artifacts
+        # so the prompt format doesn't break
+        artifacts.pop("handle_keys", None)
+        try:
+            template = self._built_object.format(**artifacts)
+            return (
+                template
+                if isinstance(template, str)
+                else f"{self.vertex_type}({template})"
+            )
+        except KeyError:
+            return str(self._built_object)
 
 
 class OutputParserVertex(Vertex):

From 00c1734fb8660b413f310b45e7e624128d942f47 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 17:48:48 -0300
Subject: [PATCH 325/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chat.py):=20fix=20th?=
 =?UTF-8?q?e=20issue=20where=20the=20params=20variable=20is=20not=20conver?=
 =?UTF-8?q?ted=20to=20a=20string=20before=20slicing=20it=20in=20the=20log?=
 =?UTF-8?q?=20message=20to=20avoid=20TypeError?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/api/v1/chat.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/api/v1/chat.py b/src/backend/langflow/api/v1/chat.py
index f6f0eceb1..937eb2cf6 100644
--- a/src/backend/langflow/api/v1/chat.py
+++ b/src/backend/langflow/api/v1/chat.py
@@ -126,7 +126,7 @@ async def stream_build(flow_id: str):
                     params = vertex._built_object_repr()
                     valid = True
                     logger.debug(
-                        f"Building node {params[:50]}{'...' if len(params) > 50 else ''}"
+                        f"Building node {str(params)[:50]}{'...' if len(str(params)) > 50 else ''}"
                     )
                     if vertex.artifacts:
                         # The artifacts will be prompt variables

From cd9fc3a2e47df95f6962398ab73c9aa1c12b7655 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 17:49:20 -0300
Subject: [PATCH 326/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20fix?=
 =?UTF-8?q?=20conditional=20statement=20for=20instantiating=20prompt=20obj?=
 =?UTF-8?q?ects=20based=20on=20node=5Ftype=20=E2=9C=A8=20feat(loading.py):?=
 =?UTF-8?q?=20improve=20formatting=20of=20input=20variables=20for=20prompt?=
 =?UTF-8?q?=20objects?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../langflow/interface/initialize/loading.py  | 32 +++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index 5418f6906..ed80b0adb 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -1,3 +1,4 @@
+import contextlib
 import json
 from typing import Any, Callable, Dict, List, Sequence, Type
 
@@ -196,7 +197,7 @@ def instantiate_prompt(node_type, class_object, params: Dict):
         if "tools" not in params:
             params["tools"] = []
         return ZeroShotAgent.create_prompt(**params)
-    if "MessagePromptTemplate" in node_type:
+    elif "MessagePromptTemplate" in node_type:
         # Then we only need the template
         from_template_params = {
             "template": params.pop("prompt", params.pop("template", ""))
@@ -204,12 +205,12 @@ def instantiate_prompt(node_type, class_object, params: Dict):
 
         if not from_template_params.get("template"):
             raise ValueError("Prompt template is required")
-        return class_object.from_template(**from_template_params)
+        prompt = class_object.from_template(**from_template_params)
 
-    if node_type == "ChatPromptTemplate":
-        return class_object.from_messages(**params)
-
-    prompt = class_object(**params)
+    elif node_type == "ChatPromptTemplate":
+        prompt = class_object.from_messages(**params)
+    else:
+        prompt = class_object(**params)
 
     format_kwargs: Dict[str, Any] = {}
     for input_variable in prompt.input_variables:
@@ -221,18 +222,23 @@ def instantiate_prompt(node_type, class_object, params: Dict):
                 variable, "get_format_instructions"
             ):
                 format_kwargs[input_variable] = variable.get_format_instructions()
-            # check if is a list of Document
             elif isinstance(variable, List) and all(
                 isinstance(item, Document) for item in variable
             ):
                 # Format document to contain page_content and metadata
                 # as one string separated by a newline
-                format_kwargs[input_variable] = "\n".join(
-                    [
-                        f"Document:{item.page_content}\nMetadata:{item.metadata}"
-                        for item in variable
-                    ]
-                )
+                if len(variable) > 1:
+                    content = "\n".join(
+                        [item.page_content for item in variable if item.page_content]
+                    )
+                else:
+                    content = variable[0].page_content
+                    # content could be a json list of strings
+                    with contextlib.suppress(json.JSONDecodeError):
+                        content = json.loads(content)
+                        if isinstance(content, list):
+                            content = ",".join([str(item) for item in content])
+                format_kwargs[input_variable] = content
                 # handle_keys will be a list but it does not exist yet
                 # so we need to create it
 

From 86bdec36e6323b428c74946e5950cfa27a7e8f74 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Jul 2023 18:10:11 -0300
Subject: [PATCH 327/367] new function to clean invalid edges of a flow

---
 .../src/types/utils/reactflowUtils.ts         | 10 ++++
 src/frontend/src/util/reactflowUtils.ts       | 47 +++++++++++++++++++
 2 files changed, 57 insertions(+)
 create mode 100644 src/frontend/src/types/utils/reactflowUtils.ts
 create mode 100644 src/frontend/src/util/reactflowUtils.ts

diff --git a/src/frontend/src/types/utils/reactflowUtils.ts b/src/frontend/src/types/utils/reactflowUtils.ts
new file mode 100644
index 000000000..ecbbda4e4
--- /dev/null
+++ b/src/frontend/src/types/utils/reactflowUtils.ts
@@ -0,0 +1,10 @@
+import { Edge } from "reactflow";
+import { NodeType } from "../flow";
+
+export type cleanEdgesType = {
+  flow: {
+    edges: Edge[];
+    nodes: NodeType[];
+  };
+  updateEdge: (edge: Edge[]) => void;
+};
diff --git a/src/frontend/src/util/reactflowUtils.ts b/src/frontend/src/util/reactflowUtils.ts
new file mode 100644
index 000000000..c6059b39a
--- /dev/null
+++ b/src/frontend/src/util/reactflowUtils.ts
@@ -0,0 +1,47 @@
+import _ from "lodash";
+import { cleanEdgesType } from "./../types/utils/reactflowUtils";
+
+export function cleanEdges({
+  flow: { edges, nodes },
+  updateEdge,
+}: cleanEdgesType) {
+  let newEdges = _.cloneDeep(edges);
+  console.log("cleanEdges", newEdges);
+  edges.forEach((edge) => {
+    // check if the source and target node still exists
+    const sourceNode = nodes.find((node) => node.id === edge.source);
+    const targetNode = nodes.find((node) => node.id === edge.target);
+    if (!sourceNode || !targetNode) {
+      newEdges = newEdges.filter((e) => e.id !== edge.id);
+    }
+    // check if the source and target handle still exists
+    if (sourceNode && targetNode) {
+      const sourceHandle = edge.sourceHandle; //right
+      const targetHandle = edge.targetHandle; //left
+      if (targetHandle) {
+        const field = targetHandle.split("|")[1];
+        const id =
+          (targetNode.data.node.template[field].input_types?.join(";") ??
+            targetNode.data.node.template[field].type) +
+          "|" +
+          field +
+          "|" +
+          targetNode.data.id;
+        if (id !== targetHandle) {
+          newEdges = newEdges.filter((e) => e.id !== edge.id);
+        }
+      }
+      if (sourceHandle) {
+        const id = [
+          sourceNode.data.type,
+          sourceNode.data.id,
+          ...sourceNode.data.node.base_classes,
+        ].join("|");
+        if (id !== sourceHandle) {
+          newEdges = newEdges.filter((e) => e.id !== edge.id);
+        }
+      }
+    }
+  });
+  updateEdge(newEdges);
+}

From 9df88167c2c5fd529a8053ee12e4a6e1f8be57f9 Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Mon, 10 Jul 2023 18:42:32 -0300
Subject: [PATCH 328/367] style(index.css): Change tailwind default colors to
 langflow colors and add user and bot color icons

---
 src/frontend/src/index.css      | 29 ++++++++++++++++-------------
 src/frontend/tailwind.config.js |  4 +++-
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 782aef44e..a16aec367 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -6,8 +6,8 @@
 /* TODO: Confirm that all colors here are found in tailwind config */
 
 @layer base {
-
-:root {
+  
+  :root {
   --background: 0 0% 100%; /* hsl(0 0% 100%) */
   --foreground: 222.2 47.4% 11.2%; /* hsl(222 47% 11%) */
   --muted: 210 40% 98%; /* hsl(210 40% 98%) */
@@ -28,21 +28,24 @@
   --destructive-foreground: 210 40% 98%; /* hsl(210 40% 98%) */
   --radius: 0.5rem;
   --ring: 215 20.2% 65.1%; /* hsl(215 20% 65%) */
-
+  
   --round-btn-shadow: #00000063;
-
+  
   --error-background: #fef2f2;
   --error-foreground: #991b1b;
-
+  
   --success-background: #f0fdf4;
   --success-foreground: #14532d;
 
   --info-background: #f0f4fd;
   --info-foreground: #141653;
-
+  
   --high-indigo: #4338ca;
   --medium-indigo: #6366f1;
 
+  --chat-bot-icon: #afe6ef;
+  --chat-user-icon: #aface9;
+  
   /* Colors that are shared in dark and light mode */
   --blur-shared: #151923de;
   --build-trigger: 	#dc735b;
@@ -921,7 +924,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply bg-white text-black
   }
   .form-modal-lockchat {
-    @apply form-input block w-full rounded-md border-gray-300 p-4 pr-16 custom-scroll sm:text-sm
+    @apply form-input block w-full rounded-md border-border p-4 pr-16 custom-scroll sm:text-sm
   }
   .form-modal-send-icon-position {
     @apply absolute bottom-2 right-4
@@ -948,10 +951,10 @@ The cursor: default; property value restores the browser's default cursor style
     @apply relative flex h-8 w-8 items-center justify-center overflow-hidden rounded-md p-5 text-2xl
   }
   .form-modal-chat-bot-icon {
-    @apply form-modal-chat-img-box bg-[#afe6ef]
+    @apply form-modal-chat-img-box bg-chat-bot-icon
   }
   .form-modal-chat-user-icon {
-    @apply form-modal-chat-img-box bg-[#aface9]
+    @apply form-modal-chat-img-box bg-chat-user-icon
   }
   .form-modal-chat-icon-img {
     @apply absolute scale-[60%]
@@ -1035,13 +1038,13 @@ The cursor: default; property value restores the browser's default cursor style
     @apply flex-max-width h-full flex-col items-center justify-center text-center align-middle
   }
   .langflow-chat-span {
-    @apply text-lg text-gray-600
+    @apply text-lg text-foreground
   }
   .langflow-chat-desc {
-    @apply w-2/4 rounded-md border border-gray-200 bg-muted px-6 py-8
+    @apply w-2/4 rounded-md border border-border bg-muted px-6 py-8
   }
   .langflow-chat-desc-span {
-    @apply text-base text-gray-500
+    @apply text-base text-muted-foreground
   }
   .langflow-chat-input-div {
     @apply flex-max-width flex-col items-center justify-between px-8 pb-6
@@ -1054,4 +1057,4 @@ The cursor: default; property value restores the browser's default cursor style
     @apply max-w-[30vw] max-h-[20vh] overflow-auto
   }
 
-}
\ No newline at end of file
+}
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index b3d296560..fe121a030 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -82,6 +82,8 @@ module.exports = {
         "status-yellow": "var(--status-yellow)",
         "success-background": "var(--success-background)",
         "success-foreground": "var(--success-foreground)",
+        "chat-bot-icon": "var(--chat-bot-icon)",
+        "chat-user-icon": "var(--chat-user-icon)",
 
         white: "var(--white)",
         border: "hsl(var(--border))",
@@ -224,4 +226,4 @@ module.exports = {
     require("@tailwindcss/typography"),
     require("daisyui"),
   ],
-};
+};
\ No newline at end of file

From 7b2db830335bdab0a429ba851f9bd369b8161610 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 18:42:30 -0300
Subject: [PATCH 329/367] =?UTF-8?q?=F0=9F=90=9B=20fix(tools.py):=20add=20"?=
 =?UTF-8?q?BaseTool"=20as=20a=20base=20class=20for=20PythonFunctionToolNod?=
 =?UTF-8?q?e=20to=20fix=20inheritance=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/tools.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/frontend_node/tools.py b/src/backend/langflow/template/frontend_node/tools.py
index 6b6903fdc..ece765ed7 100644
--- a/src/backend/langflow/template/frontend_node/tools.py
+++ b/src/backend/langflow/template/frontend_node/tools.py
@@ -109,7 +109,7 @@ class PythonFunctionToolNode(FrontendNode):
         ],
     )
     description: str = "Python function to be executed."
-    base_classes: list[str] = ["Tool"]
+    base_classes: list[str] = ["BaseTool", "Tool"]
 
     def to_dict(self):
         return super().to_dict()

From af41be13a6ef4734a6c424c035c7baab98b8639f Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Jul 2023 18:46:22 -0300
Subject: [PATCH 330/367] update template bug

---
 .../GenericNode/components/parameterComponent/index.tsx         | 1 +
 src/frontend/src/util/reactflowUtils.ts                         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 3d931fbe2..8614a0685 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -302,6 +302,7 @@ export default function ParameterComponent({
               field_name={name}
               setNodeClass={(nodeClass) => {
                 data.node = nodeClass;
+                // cleanEdges({ flow: { edges: reactFlowInstance.getEdges(), nodes: reactFlowInstance.getNodes() }, updateEdge: (edge) => reactFlowInstance.setEdges(edge) });
               }}
               nodeClass={data.node}
               disabled={disabled}
diff --git a/src/frontend/src/util/reactflowUtils.ts b/src/frontend/src/util/reactflowUtils.ts
index c6059b39a..e7d2dc381 100644
--- a/src/frontend/src/util/reactflowUtils.ts
+++ b/src/frontend/src/util/reactflowUtils.ts
@@ -6,7 +6,6 @@ export function cleanEdges({
   updateEdge,
 }: cleanEdgesType) {
   let newEdges = _.cloneDeep(edges);
-  console.log("cleanEdges", newEdges);
   edges.forEach((edge) => {
     // check if the source and target node still exists
     const sourceNode = nodes.find((node) => node.id === edge.source);
@@ -43,5 +42,6 @@ export function cleanEdges({
       }
     }
   });
+  console.log("cleanEdges", newEdges);
   updateEdge(newEdges);
 }

From 20644a83bcdf1b26a757ad010e425b22726bc58c Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 19:24:02 -0300
Subject: [PATCH 331/367] Added placeholder message when a chat key does not
 exist

---
 src/frontend/src/index.css                    |  8 ++++++-
 .../src/modals/formModal/chatInput/index.tsx  | 23 +++++++++++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index de0839761..407db8fb5 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -917,11 +917,14 @@ The cursor: default; property value restores the browser's default cursor style
   .form-modal-lock-true {
     @apply bg-input text-black dark:bg-gray-700 dark:text-gray-300
   }
+  .form-modal-no-input {
+    @apply bg-input text-center text-black dark:bg-gray-700 dark:text-gray-300
+  }
   .form-modal-lock-false {
     @apply bg-white text-black dark:bg-gray-900 dark:text-gray-300
   }
   .form-modal-lockchat {
-    @apply form-input block w-full rounded-md border-gray-300 p-4 pr-16 custom-scroll dark:border-gray-600 sm:text-sm
+    @apply form-input focus:ring-ring focus:border-ring block w-full rounded-md border-gray-300 p-4 pr-16 custom-scroll dark:border-gray-600 sm:text-sm
   }
   .form-modal-send-icon-position {
     @apply absolute bottom-2 right-4
@@ -935,6 +938,9 @@ The cursor: default; property value restores the browser's default cursor style
   .form-modal-send-icon {
     @apply mr-2 h-5 w-5 rotate-[44deg]
   }
+  .form-modal-play-icon {
+    @apply h-5 w-5 mx-1
+  }
   .form-modal-chat-position {
     @apply flex-max-width px-2 py-6 pl-4 pr-9
   }
diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 975a152f5..fa9637e1b 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -1,4 +1,4 @@
-import { Lock, LucideSend } from "lucide-react";
+import { Lock, LucideSend, Sparkles } from "lucide-react";
 import { useEffect } from "react";
 import { classNames } from "../../../utils";
 
@@ -49,24 +49,37 @@ export default function ChatInput({
           setChatValue(e.target.value);
         }}
         className={classNames(
-          lockChat || noInput
-            ? " form-modal-lock-true bg-input "
+          lockChat
+            ? " form-modal-lock-true bg-input"
+            : noInput
+            ? "form-modal-no-input bg-input"
             : " form-modal-lock-false",
+
           "form-modal-lockchat"
         )}
-        placeholder={"Send a message..."}
+        placeholder={
+          noInput
+            ? "No chat input variables found. Click to run your flow."
+            : "Send a message..."
+        }
       />
       <div className="form-modal-send-icon-position">
         <button
           className={classNames(
             "form-modal-send-button",
-            chatValue === "" ? "text-primary" : " bg-indigo-600 text-background"
+            noInput
+              ? "bg-indigo-600 text-background"
+              : chatValue === ""
+              ? "text-primary"
+              : "bg-emerald-600 text-background"
           )}
           disabled={lockChat}
           onClick={() => sendMessage()}
         >
           {lockChat ? (
             <Lock className="form-modal-lock-icon" aria-hidden="true" />
+          ) : noInput ? (
+            <Sparkles className="form-modal-play-icon" aria-hidden="true" />
           ) : (
             <LucideSend className="form-modal-send-icon " aria-hidden="true" />
           )}

From 6b17215a7bf6b796d7bbd51ef3d9e0ff85e0d5d3 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Jul 2023 19:34:19 -0300
Subject: [PATCH 332/367] removing edges after remove handle on prompt

---
 .../GenericNode/components/parameterComponent/index.tsx  | 9 ++++++++-
 src/frontend/src/modals/genericModal/index.tsx           | 8 ++++----
 src/frontend/src/util/reactflowUtils.ts                  | 7 ++++---
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 8614a0685..3d36b4e26 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -16,6 +16,7 @@ import { PopUpContext } from "../../../../contexts/popUpContext";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { typesContext } from "../../../../contexts/typesContext";
 import { ParameterComponentType } from "../../../../types/components";
+import { cleanEdges } from "../../../../util/reactflowUtils";
 import {
   classNames,
   getRandomKeyByssmm,
@@ -302,7 +303,13 @@ export default function ParameterComponent({
               field_name={name}
               setNodeClass={(nodeClass) => {
                 data.node = nodeClass;
-                // cleanEdges({ flow: { edges: reactFlowInstance.getEdges(), nodes: reactFlowInstance.getNodes() }, updateEdge: (edge) => reactFlowInstance.setEdges(edge) });
+                cleanEdges({
+                  flow: {
+                    edges: reactFlowInstance.getEdges(),
+                    nodes: reactFlowInstance.getNodes(),
+                  },
+                  updateEdge: (edge) => reactFlowInstance.setEdges(edge),
+                });
               }}
               nodeClass={data.node}
               disabled={disabled}
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 179bef869..e3ccfce38 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -135,10 +135,9 @@ export default function GenericModal({
     postValidatePrompt(field_name, inputValue, nodeClass)
       .then((apiReturn) => {
         if (apiReturn.data) {
-          setNodeClass(apiReturn.data.frontend_node);
-
-          let inputVariables = apiReturn.data.input_variables;
-          if (inputVariables.length === 0) {
+          setNodeClass(apiReturn.data?.frontend_node);
+          let inputVariables = apiReturn.data.input_variables ?? [];
+          if (inputVariables && inputVariables.length === 0) {
             setIsEdit(true);
             setNoticeData({
               title: "Your template does not have any variables.",
@@ -159,6 +158,7 @@ export default function GenericModal({
         }
       })
       .catch((error) => {
+        console.log(error);
         setIsEdit(true);
         return setErrorData({
           title: "There is something wrong with this prompt, please review it",
diff --git a/src/frontend/src/util/reactflowUtils.ts b/src/frontend/src/util/reactflowUtils.ts
index e7d2dc381..5a7754ec8 100644
--- a/src/frontend/src/util/reactflowUtils.ts
+++ b/src/frontend/src/util/reactflowUtils.ts
@@ -5,6 +5,7 @@ export function cleanEdges({
   flow: { edges, nodes },
   updateEdge,
 }: cleanEdgesType) {
+  console.log(nodes, "nodes");
   let newEdges = _.cloneDeep(edges);
   edges.forEach((edge) => {
     // check if the source and target node still exists
@@ -20,8 +21,8 @@ export function cleanEdges({
       if (targetHandle) {
         const field = targetHandle.split("|")[1];
         const id =
-          (targetNode.data.node.template[field].input_types?.join(";") ??
-            targetNode.data.node.template[field].type) +
+          (targetNode.data.node.template[field]?.input_types?.join(";") ??
+            targetNode.data.node.template[field]?.type) +
           "|" +
           field +
           "|" +
@@ -42,6 +43,6 @@ export function cleanEdges({
       }
     }
   });
-  console.log("cleanEdges", newEdges);
+  console.log("clean end", newEdges);
   updateEdge(newEdges);
 }

From e438f5a2a63cf44f23a72a170ad1f992e088cadc Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Mon, 10 Jul 2023 19:35:54 -0300
Subject: [PATCH 333/367] refactor(parameterComponent): Make modal disabled
 inputs look like other disabled inputs

---
 src/frontend/src/components/codeAreaComponent/index.tsx | 2 +-
 src/frontend/src/components/promptComponent/index.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 2e0893321..749df592c 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -49,7 +49,7 @@ export default function CodeAreaComponent({
             editNode
               ? "input-edit-node input-dialog"
               : (disabled ? " input-disable " : "") +
-                " input-dialog input-primary"
+                " input-primary text-muted-foreground "
           }
         >
           {myValue !== "" ? myValue : "Type something..."}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 4b4f9c1e1..6a878e5a6 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -70,7 +70,7 @@ export default function PromptAreaComponent({
             editNode
               ? "input-edit-node input-dialog"
               : (disabled ? " input-disable " : "") +
-                " input-dialog input-primary"
+                " input-primary text-muted-foreground"
           }
         >
           {myValue !== "" ? myValue : "Type your prompt here"}

From 07e6b137c40860edb899ef77b93c7ba7dd99436b Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 19:45:12 -0300
Subject: [PATCH 334/367] Fixed display prompt showing when there is no
 template

---
 .../modals/formModal/chatMessage/index.tsx    | 93 ++++++++++---------
 1 file changed, 49 insertions(+), 44 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 6e7457549..93ef22bc2 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -138,51 +138,56 @@ export default function ChatMessage({
         </div>
       ) : (
         <div>
-          <button
-            className="form-modal-initial-prompt-btn"
-            onClick={() => {
-              setPromptOpen((old) => !old);
-            }}
-          >
-            Display Prompt
-            <ChevronDown
-              className={
-                "h-3 w-3 transition-all " + (promptOpen ? "rotate-180" : "")
-              }
-            />
-          </button>
-          <span className="prose inline-block break-words text-primary dark:prose-invert">
-            {promptOpen
-              ? template?.split("\n")?.map((line, index) => {
-                  const regex = /{([^}]+)}/g;
-                  let match;
-                  let parts = [];
-                  let lastIndex = 0;
-                  while ((match = regex.exec(line)) !== null) {
-                    // Push text up to the match
-                    if (match.index !== lastIndex) {
-                      parts.push(line.substring(lastIndex, match.index));
-                    }
-                    // Push div with matched text
-                    if (chat.message[match[1]]) {
-                      parts.push(
-                        <span className="my-1 rounded-md bg-indigo-100">
-                          {chat.message[match[1]]}
-                        </span>
-                      );
-                    }
+          {template && (
+            <>
+              <button
+                className="form-modal-initial-prompt-btn"
+                onClick={() => {
+                  setPromptOpen((old) => !old);
+                }}
+              >
+                Display Prompt
+                <ChevronDown
+                  className={
+                    "h-3 w-3 transition-all " + (promptOpen ? "rotate-180" : "")
+                  }
+                />
+              </button>
+              <span className="prose inline-block break-words text-primary dark:prose-invert">
+                {promptOpen
+                  ? template?.split("\n")?.map((line, index) => {
+                      const regex = /{([^}]+)}/g;
+                      let match;
+                      let parts = [];
+                      let lastIndex = 0;
+                      while ((match = regex.exec(line)) !== null) {
+                        // Push text up to the match
+                        if (match.index !== lastIndex) {
+                          parts.push(line.substring(lastIndex, match.index));
+                        }
+                        // Push div with matched text
+                        if (chat.message[match[1]]) {
+                          parts.push(
+                            <span className="my-1 rounded-md bg-indigo-100">
+                              {chat.message[match[1]]}
+                            </span>
+                          );
+                        }
 
-                    // Update last index
-                    lastIndex = regex.lastIndex;
-                  }
-                  // Push text after the last match
-                  if (lastIndex !== line.length) {
-                    parts.push(line.substring(lastIndex));
-                  }
-                  return <p>{parts}</p>;
-                })
-              : chat.message[chat.chatKey]}
-          </span>
+                        // Update last index
+                        lastIndex = regex.lastIndex;
+                      }
+                      // Push text after the last match
+                      if (lastIndex !== line.length) {
+                        parts.push(line.substring(lastIndex));
+                      }
+                      return <p>{parts}</p>;
+                    })
+                  : chat.message[chat.chatKey]}
+              </span>
+            </>
+          )}
+          {chat.message[chat.chatKey]}
         </div>
       )}
     </div>

From d0be10505550565c7646d7304e4ba2edd8bdbd4f Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 19:48:04 -0300
Subject: [PATCH 335/367] Fixed code area saving when not supposed to

---
 src/frontend/src/modals/codeAreaModal/index.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index fc012f6b7..21ef182c3 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -5,7 +5,7 @@ import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
 import { TerminalSquare } from "lucide-react";
-import { useContext, useEffect, useRef, useState } from "react";
+import { useContext, useRef, useState } from "react";
 import AceEditor from "react-ace";
 import { Button } from "../../components/ui/button";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
@@ -37,9 +37,6 @@ export default function CodeAreaModal({
     detail: { error: string; traceback: string };
   }>(null);
   const ref = useRef();
-  useEffect(() => {
-    setValue(code);
-  }, [code, setValue]);
 
   function setModalOpen(x: boolean) {
     if (x === false) {

From 3285aa5cc3eac9a9098c315ce6048d136bd7910b Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 20:19:38 -0300
Subject: [PATCH 336/367] Fixed scroll glitch on code block

---
 .../formModal/chatMessage/codeBlock/index.tsx |  8 +-
 .../modals/formModal/chatMessage/index.tsx    | 91 +++++++++++--------
 2 files changed, 56 insertions(+), 43 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
index c78974a3c..884215ebb 100644
--- a/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/codeBlock/index.tsx
@@ -1,5 +1,5 @@
 import { IconCheck, IconClipboard, IconDownload } from "@tabler/icons-react";
-import { FC, memo, useState } from "react";
+import { useState } from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
 import { programmingLanguages } from "../../../../utils";
@@ -9,7 +9,7 @@ interface Props {
   value: string;
 }
 
-export const CodeBlock: FC<Props> = memo(({ language, value }) => {
+export function CodeBlock({ language, value }) {
   const [isCopied, setIsCopied] = useState<Boolean>(false);
 
   const copyToClipboard = () => {
@@ -63,7 +63,7 @@ export const CodeBlock: FC<Props> = memo(({ language, value }) => {
       </div>
 
       <SyntaxHighlighter
-        className=" w-[47vw]"
+        className="overflow-auto"
         language={language}
         style={oneDark}
         customStyle={{ margin: 0 }}
@@ -72,5 +72,5 @@ export const CodeBlock: FC<Props> = memo(({ language, value }) => {
       </SyntaxHighlighter>
     </div>
   );
-});
+}
 CodeBlock.displayName = "CodeBlock";
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 93ef22bc2..4e941e278 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -1,6 +1,6 @@
 import Convert from "ansi-to-html";
 import { ChevronDown } from "lucide-react";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
 import remarkGfm from "remark-gfm";
@@ -75,47 +75,60 @@ export default function ChatMessage({
             <div className="w-full">
               <div className="w-full dark:text-white">
                 <div className="w-full">
-                  <ReactMarkdown
-                    remarkPlugins={[remarkGfm, remarkMath]}
-                    rehypePlugins={[rehypeMathjax]}
-                    className="markdown prose inline-block break-words text-primary
+                  {useMemo(
+                    () => (
+                      <ReactMarkdown
+                        remarkPlugins={[remarkGfm, remarkMath]}
+                        rehypePlugins={[rehypeMathjax]}
+                        className="markdown prose inline-block break-words text-primary
                      dark:prose-invert sm:max-w-[30vw] lg:max-w-[40vw]"
-                    components={{
-                      code({ node, inline, className, children, ...props }) {
-                        if (children.length) {
-                          if (children[0] === "▍") {
-                            return (
-                              <span className="form-modal-markdown-span">
-                                ▍
-                              </span>
+                        components={{
+                          code: ({
+                            node,
+                            inline,
+                            className,
+                            children,
+                            ...props
+                          }) => {
+                            if (children.length) {
+                              if (children[0] === "▍") {
+                                return (
+                                  <span className="form-modal-markdown-span">
+                                    ▍
+                                  </span>
+                                );
+                              }
+
+                              children[0] = (children[0] as string).replace(
+                                "`▍`",
+                                "▍"
+                              );
+                            }
+
+                            const match = /language-(\w+)/.exec(
+                              className || ""
                             );
-                          }
 
-                          children[0] = (children[0] as string).replace(
-                            "`▍`",
-                            "▍"
-                          );
-                        }
-
-                        const match = /language-(\w+)/.exec(className || "");
-
-                        return !inline ? (
-                          <CodeBlock
-                            key={Math.random()}
-                            language={(match && match[1]) || ""}
-                            value={String(children).replace(/\n$/, "")}
-                            {...props}
-                          />
-                        ) : (
-                          <code className={className} {...props}>
-                            {children}
-                          </code>
-                        );
-                      },
-                    }}
-                  >
-                    {chat.message.toString()}
-                  </ReactMarkdown>
+                            return !inline ? (
+                              <CodeBlock
+                                key={Math.random()}
+                                language={(match && match[1]) || ""}
+                                value={String(children).replace(/\n$/, "")}
+                                {...props}
+                              />
+                            ) : (
+                              <code className={className} {...props}>
+                                {children}
+                              </code>
+                            );
+                          },
+                        }}
+                      >
+                        {chat.message.toString()}
+                      </ReactMarkdown>
+                    ),
+                    [chat.message.toString()]
+                  )}
                 </div>
                 {chat.files && (
                   <div className="my-2 w-full">

From 657c64b5b96e7072bb464d46c80b609f92940849 Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Mon, 10 Jul 2023 20:35:15 -0300
Subject: [PATCH 337/367] style(codeAreaComponent && promptAreaComponent):
 Change disabled inputs border and placeholder color

---
 src/frontend/src/components/codeAreaComponent/index.tsx | 2 +-
 src/frontend/src/components/promptComponent/index.tsx   | 4 ++--
 src/frontend/src/index.css                              | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 749df592c..966d8f26d 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -48,7 +48,7 @@ export default function CodeAreaComponent({
           className={
             editNode
               ? "input-edit-node input-dialog"
-              : (disabled ? " input-disable " : "") +
+              : (disabled ? " input-disable input-ring " : "") +
                 " input-primary text-muted-foreground "
           }
         >
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 6a878e5a6..84041837b 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -69,8 +69,8 @@ export default function PromptAreaComponent({
           className={
             editNode
               ? "input-edit-node input-dialog"
-              : (disabled ? " input-disable " : "") +
-                " input-primary text-muted-foreground"
+              : (disabled ? " input-disable text-ring " : "") +
+                " input-primary text-muted-foreground "
           }
         >
           {myValue !== "" ? myValue : "Type your prompt here"}
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 9925f19f2..5af8ff70a 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -216,7 +216,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply input-primary pr-7 mx-2
   }
   .input-disable{
-    @apply bg-input text-muted-foreground
+    @apply bg-border placeholder:text-ring border-transparent
   }
   .input-dialog{
     @apply text-ring cursor-pointer bg-transparent

From c77674b17142baf193116ad245c7ed7a4df540a6 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 21:32:43 -0300
Subject: [PATCH 338/367] =?UTF-8?q?=F0=9F=90=9B=20fix(chains.py):=20hide?=
 =?UTF-8?q?=20the=20"verbose"=20field=20in=20the=20frontend=20node=20templ?=
 =?UTF-8?q?ate=20to=20improve=20user=20experience?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/template/frontend_node/chains.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/frontend_node/chains.py b/src/backend/langflow/template/frontend_node/chains.py
index ce8c1c62c..b678dec3b 100644
--- a/src/backend/langflow/template/frontend_node/chains.py
+++ b/src/backend/langflow/template/frontend_node/chains.py
@@ -81,7 +81,7 @@ class ChainFrontendNode(FrontendNode):
             field.advanced = False
         if field.name == "verbose":
             field.required = False
-            field.show = True
+            field.show = False
             field.advanced = True
         if field.name == "llm":
             field.required = True

From 4e8ee49c966c3e23bdba8638eb2718ccb7813720 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 22:32:57 -0300
Subject: [PATCH 339/367] Codacy fixes

---
 .../GenericNode/components/parameterComponent/index.tsx   | 2 +-
 .../src/components/ShadTooltipComponent/index.tsx         | 4 ++--
 src/frontend/src/components/chatComponent/index.tsx       | 2 +-
 src/frontend/src/components/promptComponent/index.tsx     | 2 +-
 src/frontend/src/modals/codeAreaModal/index.tsx           | 8 +-------
 src/frontend/src/modals/formModal/chatMessage/index.tsx   | 4 ++--
 src/frontend/src/modals/formModal/index.tsx               | 4 ++--
 src/frontend/src/modals/genericModal/index.tsx            | 6 ++----
 .../src/pages/FlowPage/components/PageComponent/index.tsx | 4 ++--
 src/frontend/src/types/components/index.ts                | 2 +-
 10 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 3d36b4e26..9323cc644 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -177,7 +177,7 @@ export default function ParameterComponent({
           <></>
         ) : (
           <ShadTooltip
-            style="tooltip-fixed-width custom-scroll"
+            styleClasses="tooltip-fixed-width custom-scroll"
             delayDuration={0}
             content={refHtml.current}
             side={left ? "left" : "right"}
diff --git a/src/frontend/src/components/ShadTooltipComponent/index.tsx b/src/frontend/src/components/ShadTooltipComponent/index.tsx
index 58aec630b..89f301e60 100644
--- a/src/frontend/src/components/ShadTooltipComponent/index.tsx
+++ b/src/frontend/src/components/ShadTooltipComponent/index.tsx
@@ -6,7 +6,7 @@ export default function ShadTooltip({
   side,
   asChild = true,
   children,
-  style,
+  styleClasses,
   delayDuration = 500,
 }: ShadToolTipType) {
   return (
@@ -14,7 +14,7 @@ export default function ShadTooltip({
       <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
 
       <TooltipContent
-        className={style}
+        className={styleClasses}
         side={side}
         avoidCollisions={false}
         sticky="always"
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 58c058866..850837f6b 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -72,7 +72,7 @@ export default function Chat({ flow }: ChatType) {
     }
 
     prevNodesRef.current = currentNodes;
-  }, [tabsState, flow.id]);
+  }, [tabsState, flow.id, nodes]);
 
   return (
     <>
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 84041837b..4f9a56ad0 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -44,7 +44,7 @@ export default function PromptAreaComponent({
         })
         .catch((error) => {});
     }
-  }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass]);
+  }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass, value]);
 
   return (
     <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 21ef182c3..3cafcdc33 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -27,9 +27,7 @@ export default function CodeAreaModal({
   nodeClass: APIClassType;
   setNodeClass: (Class: APIClassType) => void;
 }) {
-  const [open, setOpen] = useState(true);
   const [code, setCode] = useState(value);
-  const [loading, setLoading] = useState(false);
   const { dark } = useContext(darkContext);
   const { closePopUp, setCloseEdit } = useContext(PopUpContext);
   const { setErrorData, setSuccessData } = useContext(alertContext);
@@ -46,10 +44,8 @@ export default function CodeAreaModal({
   }
 
   function handleClick() {
-    setLoading(true);
     postValidateCode(code)
       .then((apiReturn) => {
-        setLoading(false);
         if (apiReturn.data) {
           let importsErrors = apiReturn.data.imports.errors;
           let funcErrors = apiReturn.data.function.errors;
@@ -58,7 +54,6 @@ export default function CodeAreaModal({
               title: "Code is ready to run",
             });
             setValue(code);
-            setOpen((old) => !old);
             setModalOpen(false);
           } else {
             if (funcErrors.length !== 0) {
@@ -81,7 +76,6 @@ export default function CodeAreaModal({
         }
       })
       .catch((_) => {
-        setLoading(false);
         setErrorData({
           title: "There is something wrong with this code, please review it",
         });
@@ -89,7 +83,7 @@ export default function CodeAreaModal({
   }
 
   return (
-    <BaseModal open={true} setOpen={setOpen}>
+    <BaseModal open={true} setOpen={setModalOpen}>
       <BaseModal.Header description={CODE_PROMPT_DIALOG_SUBTITLE}>
         <DialogTitle className="flex items-center">
           <span className="pr-2">Edit Code</span>
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 4e941e278..8b5453607 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -24,7 +24,7 @@ export default function ChatMessage({
 }) {
   const convert = new Convert({ newline: true });
   const [hidden, setHidden] = useState(true);
-  const [template, setTemplate] = useState(chat.template);
+  const template = chat.template;
   const [promptOpen, setPromptOpen] = useState(false);
   return (
     <div
@@ -127,7 +127,7 @@ export default function ChatMessage({
                         {chat.message.toString()}
                       </ReactMarkdown>
                     ),
-                    [chat.message.toString()]
+                    [chat.message, chat.message.toString()]
                   )}
                 </div>
                 {chat.files && (
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index d49123024..d0a73f941 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -292,7 +292,7 @@ export default function FormModal({
         ws.current.close();
       }
     };
-  }, []);
+  }, [connectWS]);
 
   useEffect(() => {
     if (
@@ -303,7 +303,7 @@ export default function FormModal({
       connectWS();
       setLockChat(false);
     }
-  }, [lockChat]);
+  }, [lockChat, connectWS]);
 
   async function sendAll(data: sendAllProps) {
     try {
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index e3ccfce38..923549e28 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -57,7 +57,6 @@ export default function GenericModal({
   const [myModalType] = useState(type);
   const [inputValue, setInputValue] = useState(value);
   const [isEdit, setIsEdit] = useState(true);
-  const [wordsHighlightInvalid, setWordsHighlightInvalid] = useState([]);
   const [wordsHighlight, setWordsHighlight] = useState([]);
   const { dark } = useContext(darkContext);
   const { setErrorData, setSuccessData, setNoticeData } =
@@ -102,15 +101,14 @@ export default function GenericModal({
       (word) => !invalid_chars.includes(word)
     );
 
-    setWordsHighlightInvalid(invalid_chars);
     setWordsHighlight(filteredWordsHighlight);
   }
 
   useEffect(() => {
-    if (type == TypeModal.PROMPT && inputValue && inputValue != "") {
+    if (type === TypeModal.PROMPT && inputValue && inputValue != "") {
       checkVariables(inputValue);
     }
-  }, []);
+  }, [inputValue, type]);
 
   const coloredContent = (inputValue || "")
     .replace(/</g, "&lt;")
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 65ae72178..23033d174 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -288,7 +288,7 @@ export default function Page({ flow }: { flow: FlowType }) {
       }
     },
     // Specify dependencies for useCallback
-    [getNodeId, reactFlowInstance, setErrorData, setNodes, takeSnapshot]
+    [getNodeId, reactFlowInstance, setNodes, takeSnapshot]
   );
 
   useEffect(() => {
@@ -322,7 +322,7 @@ export default function Page({ flow }: { flow: FlowType }) {
         setEdges((els) => updateEdge(oldEdge, newConnection, els));
       }
     },
-    []
+    [reactFlowInstance, setEdges]
   );
 
   const onEdgeUpdateEnd = useCallback((_, edge) => {
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 56269627e..4ce9e526f 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -147,7 +147,7 @@ export type ShadToolTipType = {
   asChild?: boolean;
   children?: ReactElement;
   delayDuration?: number;
-  style?: string;
+  styleClasses?: string;
 };
 
 export type TextHighlightType = {

From c0aa19c47eec4223acf94cc4ec4c60f001a03099 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Jul 2023 22:34:10 -0300
Subject: [PATCH 340/367] removed console.log

---
 src/frontend/src/util/reactflowUtils.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/frontend/src/util/reactflowUtils.ts b/src/frontend/src/util/reactflowUtils.ts
index 5a7754ec8..da04cc75c 100644
--- a/src/frontend/src/util/reactflowUtils.ts
+++ b/src/frontend/src/util/reactflowUtils.ts
@@ -5,7 +5,6 @@ export function cleanEdges({
   flow: { edges, nodes },
   updateEdge,
 }: cleanEdgesType) {
-  console.log(nodes, "nodes");
   let newEdges = _.cloneDeep(edges);
   edges.forEach((edge) => {
     // check if the source and target node still exists
@@ -43,6 +42,5 @@ export function cleanEdges({
       }
     }
   });
-  console.log("clean end", newEdges);
   updateEdge(newEdges);
 }

From 9726b5cce570b7a543b8c9b0724da2542c36ee96 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 22:38:44 -0300
Subject: [PATCH 341/367] Deleted unused code

---
 .../src/modals/codeAreaModal/index.tsx        | 23 +------------------
 1 file changed, 1 insertion(+), 22 deletions(-)

diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 3cafcdc33..b38bef5f2 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -5,7 +5,7 @@ import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
 import { TerminalSquare } from "lucide-react";
-import { useContext, useRef, useState } from "react";
+import { useContext, useState } from "react";
 import AceEditor from "react-ace";
 import { Button } from "../../components/ui/button";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
@@ -31,10 +31,6 @@ export default function CodeAreaModal({
   const { dark } = useContext(darkContext);
   const { closePopUp, setCloseEdit } = useContext(PopUpContext);
   const { setErrorData, setSuccessData } = useContext(alertContext);
-  const [error, setError] = useState<{
-    detail: { error: string; traceback: string };
-  }>(null);
-  const ref = useRef();
 
   function setModalOpen(x: boolean) {
     if (x === false) {
@@ -113,23 +109,6 @@ export default function CodeAreaModal({
               className="h-full w-full rounded-lg border-[1px] border-gray-300 custom-scroll dark:border-gray-600"
             />
           </div>
-          <div
-            className={
-              "w-full transition-all delay-500 " +
-              (error?.detail.error !== undefined ? "h-2/6" : "h-0")
-            }
-          >
-            <div className="mt-1 h-full w-full overflow-x-clip overflow-y-scroll text-left custom-scroll">
-              <h1 className="text-lg text-destructive">
-                {error?.detail?.error}
-              </h1>
-              <div className="ml-2 w-full break-all text-sm text-status-red">
-                <pre className="w-full whitespace-pre-wrap break-all">
-                  {error?.detail?.traceback}
-                </pre>
-              </div>
-            </div>
-          </div>
           <div className="flex h-fit w-full justify-end">
             <Button className="mt-3" onClick={handleClick} type="submit">
               Check & Save

From a90c9fbd34814305fa679f07c69b1166fc6a659b Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 10 Jul 2023 22:42:05 -0300
Subject: [PATCH 342/367] =?UTF-8?q?=F0=9F=90=9B=20fix(loading.py):=20repla?=
 =?UTF-8?q?ce=20spaces=20with=20underscores=20in=20tool=20names=20to=20imp?=
 =?UTF-8?q?rove=20consistency=20and=20avoid=20issues=20=F0=9F=90=9B=20fix(?=
 =?UTF-8?q?base.py):=20catch=20and=20log=20exceptions=20when=20fixing=20me?=
 =?UTF-8?q?mory=20inputs=20to=20prevent=20crashes=20=F0=9F=90=9B=20fix(pro?=
 =?UTF-8?q?cess.py):=20check=20if=20memory=5Fkey=20attribute=20exists=20be?=
 =?UTF-8?q?fore=20accessing=20it=20to=20prevent=20AttributeError=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(memories.py):=20hide=20memory=5Fkey=20field?=
 =?UTF-8?q?=20for=20ConversationEntityMemory=20to=20improve=20user=20exper?=
 =?UTF-8?q?ience?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/initialize/loading.py    | 9 ++++++++-
 src/backend/langflow/processing/base.py                 | 5 ++++-
 src/backend/langflow/processing/process.py              | 5 ++++-
 src/backend/langflow/template/frontend_node/memories.py | 3 +++
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index ed80b0adb..ba617fe34 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -68,7 +68,11 @@ def instantiate_based_on_type(class_object, base_type, node_type, params):
     elif base_type == "prompts":
         return instantiate_prompt(node_type, class_object, params)
     elif base_type == "tools":
-        return instantiate_tool(node_type, class_object, params)
+        tool = instantiate_tool(node_type, class_object, params)
+        if hasattr(tool, "name") and isinstance(tool, BaseTool):
+            # tool name shouldn't contain spaces
+            tool.name = tool.name.replace(" ", "_")
+        return tool
     elif base_type == "toolkits":
         return instantiate_toolkit(node_type, class_object, params)
     elif base_type == "embeddings":
@@ -133,6 +137,9 @@ def instantiate_llm(node_type, class_object, params: Dict):
 def instantiate_memory(node_type, class_object, params):
     # process input_key and output_key to remove them if
     # they are empty strings
+    if node_type == "ConversationEntityMemory":
+        params.pop("memory_key", None)
+
     for key in ["input_key", "output_key"]:
         if key in params and (params[key] == "" or not params[key]):
             params.pop(key)
diff --git a/src/backend/langflow/processing/base.py b/src/backend/langflow/processing/base.py
index e8880c34e..f8690bbdf 100644
--- a/src/backend/langflow/processing/base.py
+++ b/src/backend/langflow/processing/base.py
@@ -19,8 +19,11 @@ async def get_result_and_steps(langchain_object, inputs: Union[dict, str], **kwa
             # Deactivating until we have a frontend solution
             # to display intermediate steps
             langchain_object.return_intermediate_steps = True
+        try:
+            fix_memory_inputs(langchain_object)
+        except Exception as exc:
+            logger.error(exc)
 
-        fix_memory_inputs(langchain_object)
         try:
             async_callbacks = [AsyncStreamingLLMCallbackHandler(**kwargs)]
             output = await langchain_object.acall(inputs, callbacks=async_callbacks)
diff --git a/src/backend/langflow/processing/process.py b/src/backend/langflow/processing/process.py
index d4d7b8a26..228a2836d 100644
--- a/src/backend/langflow/processing/process.py
+++ b/src/backend/langflow/processing/process.py
@@ -22,7 +22,10 @@ def fix_memory_inputs(langchain_object):
     if not hasattr(langchain_object, "memory") or langchain_object.memory is None:
         return
     try:
-        if langchain_object.memory.memory_key in langchain_object.input_variables:
+        if (
+            hasattr(langchain_object.memory, "memory_key")
+            and langchain_object.memory.memory_key in langchain_object.input_variables
+        ):
             return
     except AttributeError:
         input_variables = (
diff --git a/src/backend/langflow/template/frontend_node/memories.py b/src/backend/langflow/template/frontend_node/memories.py
index f84c18751..374d36ff0 100644
--- a/src/backend/langflow/template/frontend_node/memories.py
+++ b/src/backend/langflow/template/frontend_node/memories.py
@@ -90,6 +90,9 @@ class MemoryFrontendNode(FrontendNode):
             field.show = True
         if field.name == "entity_store":
             field.show = False
+        if name == "ConversationEntityMemory" and field.name == "memory_key":
+            field.show = False
+            field.required = False
 
 
 class PostgresChatMessageHistoryFrontendNode(MemoryFrontendNode):

From d2f28dee6b4721a5976743aa4d116dd853ea1c90 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 22:43:34 -0300
Subject: [PATCH 343/367] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):?=
 =?UTF-8?q?=20add=20refNumberComponents=20to=20keep=20track=20of=20the=20n?=
 =?UTF-8?q?umber=20of=20components=20=F0=9F=90=9B=20fix(parameterComponent?=
 =?UTF-8?q?):=20change=20text-destructive=20class=20to=20text-status-red?=
 =?UTF-8?q?=20for=20better=20semantics=20=F0=9F=90=9B=20fix(ModalField):?=
 =?UTF-8?q?=20change=20text-destructive=20class=20to=20text-status-red=20f?=
 =?UTF-8?q?or=20better=20semantics=20=F0=9F=90=9B=20fix(codeAreaModal):=20?=
 =?UTF-8?q?change=20text-destructive=20class=20to=20text-status-red=20for?=
 =?UTF-8?q?=20better=20semantics?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../GenericNode/components/parameterComponent/index.tsx   | 8 ++++++--
 .../src/modals/NodeModal/components/ModalField/index.tsx  | 2 +-
 src/frontend/src/modals/codeAreaModal/index.tsx           | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 3d931fbe2..ed6cd1f7a 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -41,6 +41,7 @@ export default function ParameterComponent({
 }: ParameterComponentType) {
   const ref = useRef(null);
   const refHtml = useRef(null);
+  const refNumberComponents = useRef(0);
   const infoHtml = useRef(null);
   const updateNodeInternals = useUpdateNodeInternals();
   const [position, setPosition] = useState(0);
@@ -91,9 +92,12 @@ export default function ParameterComponent({
     );
   }, [info]);
 
+
   useEffect(() => {
     const groupedObj = groupByFamily(myData, tooltipTitle, left, data.type);
 
+    refNumberComponents.current = groupedObj[0]?.component?.length;
+
     refHtml.current = groupedObj.map((item, i) => {
       const Icon: any = nodeIconsLucide[item.family];
 
@@ -155,7 +159,7 @@ export default function ParameterComponent({
           }
         >
           {title}
-          <span className="text-destructive">{required ? " *" : ""}</span>
+          <span className="text-status-red">{required ? " *" : ""}</span>
           <div className="">
             {info !== "" && (
               <ShadTooltip content={infoHtml.current}>
@@ -176,7 +180,7 @@ export default function ParameterComponent({
           <></>
         ) : (
           <ShadTooltip
-            style="tooltip-fixed-width custom-scroll"
+            style={refNumberComponents.current > 10 ? "tooltip-fixed-width custom-scroll overflow-y-scroll nowheel" : "tooltip-fixed-width"}
             delayDuration={0}
             content={refHtml.current}
             side={left ? "left" : "right"}
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 3208b989b..ad82d0c0d 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -52,7 +52,7 @@ export default function ModalField({
       {display && (
         <div>
           <span className="mx-2">{title}</span>
-          <span className="text-destructive">{required ? " *" : ""}</span>
+          <span className="text-status-red">{required ? " *" : ""}</span>
         </div>
       )}
 
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index fc012f6b7..f79fb5d4f 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -129,7 +129,7 @@ export default function CodeAreaModal({
             }
           >
             <div className="mt-1 h-full w-full overflow-x-clip overflow-y-scroll text-left custom-scroll">
-              <h1 className="text-lg text-destructive">
+              <h1 className="text-lg text-status-red">
                 {error?.detail?.error}
               </h1>
               <div className="ml-2 w-full break-all text-sm text-status-red">

From d8099190845ec2b8f2567c92de938eb3eb361dac Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 22:44:48 -0300
Subject: [PATCH 344/367] Fixed node text selecting when selecting nodes

---
 .../src/pages/FlowPage/components/PageComponent/index.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 23033d174..785afec96 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -338,7 +338,8 @@ export default function Page({ flow }: { flow: FlowType }) {
   const onSelectionEnd = useCallback(() => {
     setSelectionEnded(true);
   }, []);
-  const onSelectionStart = useCallback(() => {
+  const onSelectionStart = useCallback((event) => {
+    event.preventDefault();
     setSelectionEnded(false);
   }, []);
 
@@ -410,7 +411,6 @@ export default function Page({ flow }: { flow: FlowType }) {
                   nodesDraggable={!disableCopyPaste}
                   panOnDrag={!disableCopyPaste}
                   zoomOnDoubleClick={!disableCopyPaste}
-                  selectNodesOnDrag={false}
                   className="theme-attribution"
                   minZoom={0.01}
                   maxZoom={8}

From 51c3bf3b8f948e2b1f29f5e8e473ae02f97452b1 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Jul 2023 22:54:06 -0300
Subject: [PATCH 345/367] fix dark mode for connections

---
 src/frontend/src/contexts/tabsContext.tsx                  | 5 ++---
 src/frontend/src/index.css                                 | 7 +++++--
 .../FlowPage/components/ConnectionLineComponent/index.tsx  | 3 +--
 .../src/pages/FlowPage/components/PageComponent/index.tsx  | 6 +++---
 src/frontend/tailwind.config.js                            | 1 +
 5 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index fee9aa3df..a7ddf11f8 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -539,11 +539,10 @@ export function TabsProvider({ children }: { children: ReactNode }) {
 
   const updateEdges = (edges) => {
     edges.forEach((edge) => {
-      edge.style = { stroke: "inherit" };
       edge.className =
-        edge.targetHandle.split("|")[0] === "Text"
+        (edge.targetHandle.split("|")[0] === "Text"
           ? "stroke-gray-800 "
-          : "stroke-gray-900 ";
+          : "stroke-gray-900 ") + " stroke-connection";
       edge.animated = edge.targetHandle.split("|")[0] === "Text";
     });
   };
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 5af8ff70a..007effc15 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -27,8 +27,7 @@
   --destructive: 0 100% 50%; /* hsl(0 100% 50%) */
   --destructive-foreground: 210 40% 98%; /* hsl(210 40% 98%) */
   --radius: 0.5rem;
-  --ring: 215 20.2% 65.1%; /* hsl(215 20% 65%) */
-  
+  --ring: 215 20.2% 65.1%; /* hsl(215 20% 65%) */  
   --round-btn-shadow: #00000063;
   
   --error-background: #fef2f2;
@@ -55,6 +54,8 @@
   --status-yellow: #eab308;
   --status-green: #4ade80;
   --status-blue:#2563eb;
+  --connection: #555;
+
 }
 
 .dark {
@@ -113,6 +114,8 @@
   --status-yellow: #eab308;
   --status-green: #4ade80;
   --status-blue: #2563eb;
+  --connection: #555;
+
 }}
 
 @layer base {
diff --git a/src/frontend/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
index bc78bc5bd..61a493613 100644
--- a/src/frontend/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
@@ -12,9 +12,8 @@ const ConnectionLineComponent = ({
       <path
         fill="none"
         // ! Replace hash # colors here
-        stroke="#222"
         strokeWidth={1.5}
-        className="animated "
+        className="animated stroke-connection "
         d={`M${fromX},${fromY} C ${fromX} ${toY} ${fromX} ${toY} ${toX},${toY}`}
         style={connectionLineStyle}
       />
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 23033d174..810836307 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -184,11 +184,11 @@ export default function Page({ flow }: { flow: FlowType }) {
         addEdge(
           {
             ...params,
-            style: { stroke: "inherit" },
+            style: { stroke: "#555" },
             className:
-              params.targetHandle.split("|")[0] === "Text"
+              (params.targetHandle.split("|")[0] === "Text"
                 ? "stroke-foreground "
-                : "stroke-foreground ",
+                : "stroke-foreground ") + " stroke-connection",
             animated: params.targetHandle.split("|")[0] === "Text",
           },
           eds
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index 739308b92..0408cc053 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -43,6 +43,7 @@ module.exports = {
         "accordion-up": "accordion-up 0.2s ease-out",
       },
       colors: {
+        connection: "var(--connection)",
         "almost-dark-gray": "var(--almost-dark-gray)",
         "almost-light-blue": "var(--almost-light-blue)",
         "almost-medium-blue": "var(--almost-medium-blue)",

From 9331c9b9c08ca1b37dd6331b2f95ecaa47a39709 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jul 2023 22:54:50 -0300
Subject: [PATCH 346/367] Fix copy paste on text area

---
 src/frontend/src/components/textAreaComponent/index.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 2a7abe859..8083b4eb7 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -5,6 +5,7 @@ import { TextAreaComponentType } from "../../types/components";
 import { TypeModal } from "../../utils";
 
 import { ExternalLink } from "lucide-react";
+import { TabsContext } from "../../contexts/tabsContext";
 
 export default function TextAreaComponent({
   value,
@@ -14,6 +15,7 @@ export default function TextAreaComponent({
 }: TextAreaComponentType) {
   const [myValue, setMyValue] = useState(value);
   const { openPopUp, closePopUp } = useContext(PopUpContext);
+  const { setDisableCopyPaste } = useContext(TabsContext);
 
   useEffect(() => {
     if (disabled) {
@@ -31,6 +33,12 @@ export default function TextAreaComponent({
       <div className="flex w-full items-center">
         <input
           value={myValue}
+          onFocus={() => {
+            setDisableCopyPaste(true);
+          }}
+          onBlur={() => {
+            setDisableCopyPaste(false);
+          }}
           className={
             editNode
               ? " input-edit-node "

From 0df969ac9dcf62b735535bb389c4ff08ba559a82 Mon Sep 17 00:00:00 2001
From: Rodrigo Nader <rodrigosilvanader@gmail.com>
Date: Mon, 10 Jul 2023 22:58:27 -0300
Subject: [PATCH 347/367] Change chat disabled color

---
 src/frontend/src/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 007effc15..2754e5335 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -49,7 +49,7 @@
   --blur-shared: #151923de;
   --build-trigger: 	#dc735b;
   --chat-trigger: #5c8be1;
-  --chat-trigger-disabled: #9db7e8;
+  --chat-trigger-disabled: #b4c3da;
   --status-red: #ef4444;
   --status-yellow: #eab308;
   --status-green: #4ade80;
@@ -109,7 +109,7 @@
   --blur-shared: #151923d2;
   --build-trigger: 	#dc735b;
   --chat-trigger: #5c8be1;
-  --chat-trigger-disabled: #2b4470;
+  --chat-trigger-disabled: #2d3b54;
   --status-red: #ef4444;
   --status-yellow: #eab308;
   --status-green: #4ade80;

From 94b7002af45f1aa075a7c4943fc5c578daf9b961 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 11 Jul 2023 08:37:46 -0300
Subject: [PATCH 348/367] =?UTF-8?q?=F0=9F=9A=80=20feat(utils.ts):=20import?=
 =?UTF-8?q?=20HuggingFaceIcon=20from=20"./icons/HuggingFace"=20to=20use=20?=
 =?UTF-8?q?the=20HuggingFace=20icon=20in=20the=20application?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/utils.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index d686dbbaf..eda7386a3 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -49,6 +49,7 @@ import { SupabaseIcon } from "./icons/supabase";
 import { APITemplateType } from "./types/api";
 import { IVarHighlightType } from "./types/components";
 import { FlowType, NodeType } from "./types/flow";
+import { HuggingFaceIcon } from "./icons/HuggingFace";
 
 export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");

From 4a0324bc7f3e9dfaab3b3c684c28ef806a2fc77d Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 11 Jul 2023 07:20:20 -0300
Subject: [PATCH 349/367] =?UTF-8?q?=F0=9F=94=A5=20chore(config.yaml):=20co?=
 =?UTF-8?q?mment=20out=20DocArrayInMemorySearch=20vectorstore=20integratio?=
 =?UTF-8?q?n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ℹ️ The DocArrayInMemorySearch vectorstore integration is currently not supported due to compatibility issues with the required version of docarray. Commenting it out to prevent potential errors.
---
 src/backend/langflow/config.yaml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/backend/langflow/config.yaml b/src/backend/langflow/config.yaml
index f4f83301a..3116e74c7 100644
--- a/src/backend/langflow/config.yaml
+++ b/src/backend/langflow/config.yaml
@@ -277,6 +277,9 @@ vectorstores:
     documentation: "https://python.langchain.com/docs/modules/data_connection/vectorstores/integrations/supabase"
   MongoDBAtlasVectorSearch:
     documentation: "https://python.langchain.com/docs/modules/data_connection/vectorstores/integrations/mongodb_atlas"
+  # Requires docarray >=0.32.0 but langchain-serve requires jina 3.15.2 which doesn't support docarray >=0.32.0
+  # DocArrayInMemorySearch:
+  #   documentation: "https://python.langchain.com/docs/modules/data_connection/vectorstores/integrations/docarray_in_memory"
 wrappers:
   RequestsWrapper:
     documentation: ""

From ec478a8a5eb9a6bcadbf721fe308679134d26a32 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 11 Jul 2023 08:58:20 -0300
Subject: [PATCH 350/367] =?UTF-8?q?=F0=9F=90=9B=20fix(process.py):=20add?=
 =?UTF-8?q?=20comments=20to=20clarify=20the=20purpose=20of=20adding=20arti?=
 =?UTF-8?q?facts=20to=20inputs=20=E2=9C=A8=20feat(process.py):=20refactor?=
 =?UTF-8?q?=20processing=20logic=20for=20VectorStore=20objects=20to=20use?=
 =?UTF-8?q?=20the=20search=20method=20instead=20of=20generating=20a=20resu?=
 =?UTF-8?q?lt=20message=20=F0=9F=90=9B=20fix(parameterComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20duplicate=20import=20of=20MAX=5FLENGTH=5FTO=5FSCRO?=
 =?UTF-8?q?LL=5FTOOLTIP=20=F0=9F=94=A7=20chore(utils.ts):=20import=20Huggi?=
 =?UTF-8?q?ngFaceIcon=20from=20the=20correct=20file=20path?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/processing/process.py            |  7 +++++--
 .../components/parameterComponent/index.tsx           | 11 +++++++----
 src/frontend/src/utils.ts                             |  1 +
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/backend/langflow/processing/process.py b/src/backend/langflow/processing/process.py
index 228a2836d..03e6e4c35 100644
--- a/src/backend/langflow/processing/process.py
+++ b/src/backend/langflow/processing/process.py
@@ -95,6 +95,10 @@ def process_graph_cached(data_graph: Dict[str, Any], inputs: Optional[dict] = No
     logger.debug("Loaded LangChain object")
     if inputs is None:
         inputs = {}
+
+    # Add artifacts to inputs
+    # artifacts can be documents loaded when building
+    # the flow
     for (
         key,
         value,
@@ -116,8 +120,7 @@ def process_graph_cached(data_graph: Dict[str, Any], inputs: Optional[dict] = No
         result = get_result_and_thought(langchain_object, inputs)
         logger.debug("Generated result and thought")
     elif isinstance(langchain_object, VectorStore):
-        class_name = langchain_object.__class__.__name__
-        result = {"message": f"Processed {class_name} successfully"}
+        result = langchain_object.search(**inputs)
     else:
         raise ValueError(
             f"Unknown langchain_object type: {type(langchain_object).__name__}"
diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index a8d99ae0b..aadc0c6e6 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -12,6 +12,7 @@ import IntComponent from "../../../../components/intComponent";
 import PromptAreaComponent from "../../../../components/promptComponent";
 import TextAreaComponent from "../../../../components/textAreaComponent";
 import ToggleShadComponent from "../../../../components/toggleShadComponent";
+import { MAX_LENGTH_TO_SCROLL_TOOLTIP } from "../../../../constants";
 import { PopUpContext } from "../../../../contexts/popUpContext";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { typesContext } from "../../../../contexts/typesContext";
@@ -26,7 +27,6 @@ import {
   nodeIconsLucide,
   nodeNames,
 } from "../../../../utils";
-import { MAX_LENGTH_TO_SCROLL_TOOLTIP } from "../../../../constants";
 
 export default function ParameterComponent({
   left,
@@ -94,13 +94,12 @@ export default function ParameterComponent({
     );
   }, [info]);
 
-
   useEffect(() => {
     const groupedObj = groupByFamily(myData, tooltipTitle, left, data.type);
 
     refNumberComponents.current = groupedObj[0]?.type?.length;
     console.log(refNumberComponents);
-    
+
     refHtml.current = groupedObj.map((item, i) => {
       const Icon: any = nodeIconsLucide[item.family];
 
@@ -183,7 +182,11 @@ export default function ParameterComponent({
           <></>
         ) : (
           <ShadTooltip
-            styleClasses={refNumberComponents.current > MAX_LENGTH_TO_SCROLL_TOOLTIP ? "tooltip-fixed-width custom-scroll overflow-y-scroll nowheel" : "tooltip-fixed-width"}
+            styleClasses={
+              refNumberComponents.current > MAX_LENGTH_TO_SCROLL_TOOLTIP
+                ? "tooltip-fixed-width custom-scroll overflow-y-scroll nowheel"
+                : "tooltip-fixed-width"
+            }
             delayDuration={0}
             content={refHtml.current}
             side={left ? "left" : "right"}
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index eda7386a3..32055bdc5 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -33,6 +33,7 @@ import { EvernoteIcon } from "./icons/Evernote";
 import { FBIcon } from "./icons/FacebookMessenger";
 import { GitBookIcon } from "./icons/GitBook";
 import { GoogleIcon } from "./icons/Google";
+import { HuggingFaceIcon } from "./icons/HuggingFace";
 import { IFixIcon } from "./icons/IFixIt";
 import { MetaIcon } from "./icons/Meta";
 import { MidjourneyIcon } from "./icons/Midjorney";

From a91de9d615e0f0d66533a400db5b58d89ad7fc31 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 11 Jul 2023 09:03:06 -0300
Subject: [PATCH 351/367] chore: poetry lock

---
 poetry.lock | 129 ++++++++++++++++++++++++++--------------------------
 1 file changed, 65 insertions(+), 64 deletions(-)

diff --git a/poetry.lock b/poetry.lock
index 9685f3abf..fd5569d51 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -150,14 +150,14 @@ files = [
 
 [[package]]
 name = "anthropic"
-version = "0.3.2"
+version = "0.3.3"
 description = "Client library for the anthropic API"
 category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
-    {file = "anthropic-0.3.2-py3-none-any.whl", hash = "sha256:43ad86df406bf91419e3c651e20dcc69ae273c932c92c26973a1621a72ff1d86"},
-    {file = "anthropic-0.3.2.tar.gz", hash = "sha256:f968e970bb0dfa38b1ec59db7bb4162fd1e0f2bef95c3203e926effe62bfcf38"},
+    {file = "anthropic-0.3.3-py3-none-any.whl", hash = "sha256:4f607095057e8ec06e8724a0f2dbcbbdd6a5750f6116d87eb51cae82801700a7"},
+    {file = "anthropic-0.3.3.tar.gz", hash = "sha256:db78e49c17bb0ac905e2b2f65789ecd3d33256aa0448e45a5a484909fc6a670f"},
 ]
 
 [package.dependencies]
@@ -353,37 +353,34 @@ lxml = ["lxml"]
 
 [[package]]
 name = "black"
-version = "23.3.0"
+version = "23.7.0"
 description = "The uncompromising code formatter."
 category = "dev"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 files = [
-    {file = "black-23.3.0-cp310-cp310-macosx_10_16_arm64.whl", hash = "sha256:0945e13506be58bf7db93ee5853243eb368ace1c08a24c65ce108986eac65915"},
-    {file = "black-23.3.0-cp310-cp310-macosx_10_16_universal2.whl", hash = "sha256:67de8d0c209eb5b330cce2469503de11bca4085880d62f1628bd9972cc3366b9"},
-    {file = "black-23.3.0-cp310-cp310-macosx_10_16_x86_64.whl", hash = "sha256:7c3eb7cea23904399866c55826b31c1f55bbcd3890ce22ff70466b907b6775c2"},
-    {file = "black-23.3.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:32daa9783106c28815d05b724238e30718f34155653d4d6e125dc7daec8e260c"},
-    {file = "black-23.3.0-cp310-cp310-win_amd64.whl", hash = "sha256:35d1381d7a22cc5b2be2f72c7dfdae4072a3336060635718cc7e1ede24221d6c"},
-    {file = "black-23.3.0-cp311-cp311-macosx_10_16_arm64.whl", hash = "sha256:a8a968125d0a6a404842fa1bf0b349a568634f856aa08ffaff40ae0dfa52e7c6"},
-    {file = "black-23.3.0-cp311-cp311-macosx_10_16_universal2.whl", hash = "sha256:c7ab5790333c448903c4b721b59c0d80b11fe5e9803d8703e84dcb8da56fec1b"},
-    {file = "black-23.3.0-cp311-cp311-macosx_10_16_x86_64.whl", hash = "sha256:a6f6886c9869d4daae2d1715ce34a19bbc4b95006d20ed785ca00fa03cba312d"},
-    {file = "black-23.3.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6f3c333ea1dd6771b2d3777482429864f8e258899f6ff05826c3a4fcc5ce3f70"},
-    {file = "black-23.3.0-cp311-cp311-win_amd64.whl", hash = "sha256:11c410f71b876f961d1de77b9699ad19f939094c3a677323f43d7a29855fe326"},
-    {file = "black-23.3.0-cp37-cp37m-macosx_10_16_x86_64.whl", hash = "sha256:1d06691f1eb8de91cd1b322f21e3bfc9efe0c7ca1f0e1eb1db44ea367dff656b"},
-    {file = "black-23.3.0-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:50cb33cac881766a5cd9913e10ff75b1e8eb71babf4c7104f2e9c52da1fb7de2"},
-    {file = "black-23.3.0-cp37-cp37m-win_amd64.whl", hash = "sha256:e114420bf26b90d4b9daa597351337762b63039752bdf72bf361364c1aa05925"},
-    {file = "black-23.3.0-cp38-cp38-macosx_10_16_arm64.whl", hash = "sha256:48f9d345675bb7fbc3dd85821b12487e1b9a75242028adad0333ce36ed2a6d27"},
-    {file = "black-23.3.0-cp38-cp38-macosx_10_16_universal2.whl", hash = "sha256:714290490c18fb0126baa0fca0a54ee795f7502b44177e1ce7624ba1c00f2331"},
-    {file = "black-23.3.0-cp38-cp38-macosx_10_16_x86_64.whl", hash = "sha256:064101748afa12ad2291c2b91c960be28b817c0c7eaa35bec09cc63aa56493c5"},
-    {file = "black-23.3.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:562bd3a70495facf56814293149e51aa1be9931567474993c7942ff7d3533961"},
-    {file = "black-23.3.0-cp38-cp38-win_amd64.whl", hash = "sha256:e198cf27888ad6f4ff331ca1c48ffc038848ea9f031a3b40ba36aced7e22f2c8"},
-    {file = "black-23.3.0-cp39-cp39-macosx_10_16_arm64.whl", hash = "sha256:3238f2aacf827d18d26db07524e44741233ae09a584273aa059066d644ca7b30"},
-    {file = "black-23.3.0-cp39-cp39-macosx_10_16_universal2.whl", hash = "sha256:f0bd2f4a58d6666500542b26354978218a9babcdc972722f4bf90779524515f3"},
-    {file = "black-23.3.0-cp39-cp39-macosx_10_16_x86_64.whl", hash = "sha256:92c543f6854c28a3c7f39f4d9b7694f9a6eb9d3c5e2ece488c327b6e7ea9b266"},
-    {file = "black-23.3.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:3a150542a204124ed00683f0db1f5cf1c2aaaa9cc3495b7a3b5976fb136090ab"},
-    {file = "black-23.3.0-cp39-cp39-win_amd64.whl", hash = "sha256:6b39abdfb402002b8a7d030ccc85cf5afff64ee90fa4c5aebc531e3ad0175ddb"},
-    {file = "black-23.3.0-py3-none-any.whl", hash = "sha256:ec751418022185b0c1bb7d7736e6933d40bbb14c14a0abcf9123d1b159f98dd4"},
-    {file = "black-23.3.0.tar.gz", hash = "sha256:1c7b8d606e728a41ea1ccbd7264677e494e87cf630e399262ced92d4a8dac940"},
+    {file = "black-23.7.0-cp310-cp310-macosx_10_16_arm64.whl", hash = "sha256:5c4bc552ab52f6c1c506ccae05681fab58c3f72d59ae6e6639e8885e94fe2587"},
+    {file = "black-23.7.0-cp310-cp310-macosx_10_16_universal2.whl", hash = "sha256:552513d5cd5694590d7ef6f46e1767a4df9af168d449ff767b13b084c020e63f"},
+    {file = "black-23.7.0-cp310-cp310-macosx_10_16_x86_64.whl", hash = "sha256:86cee259349b4448adb4ef9b204bb4467aae74a386bce85d56ba4f5dc0da27be"},
+    {file = "black-23.7.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:501387a9edcb75d7ae8a4412bb8749900386eaef258f1aefab18adddea1936bc"},
+    {file = "black-23.7.0-cp310-cp310-win_amd64.whl", hash = "sha256:fb074d8b213749fa1d077d630db0d5f8cc3b2ae63587ad4116e8a436e9bbe995"},
+    {file = "black-23.7.0-cp311-cp311-macosx_10_16_arm64.whl", hash = "sha256:b5b0ee6d96b345a8b420100b7d71ebfdd19fab5e8301aff48ec270042cd40ac2"},
+    {file = "black-23.7.0-cp311-cp311-macosx_10_16_universal2.whl", hash = "sha256:893695a76b140881531062d48476ebe4a48f5d1e9388177e175d76234ca247cd"},
+    {file = "black-23.7.0-cp311-cp311-macosx_10_16_x86_64.whl", hash = "sha256:c333286dc3ddca6fdff74670b911cccedacb4ef0a60b34e491b8a67c833b343a"},
+    {file = "black-23.7.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:831d8f54c3a8c8cf55f64d0422ee875eecac26f5f649fb6c1df65316b67c8926"},
+    {file = "black-23.7.0-cp311-cp311-win_amd64.whl", hash = "sha256:7f3bf2dec7d541b4619b8ce526bda74a6b0bffc480a163fed32eb8b3c9aed8ad"},
+    {file = "black-23.7.0-cp38-cp38-macosx_10_16_arm64.whl", hash = "sha256:f9062af71c59c004cd519e2fb8f5d25d39e46d3af011b41ab43b9c74e27e236f"},
+    {file = "black-23.7.0-cp38-cp38-macosx_10_16_universal2.whl", hash = "sha256:01ede61aac8c154b55f35301fac3e730baf0c9cf8120f65a9cd61a81cfb4a0c3"},
+    {file = "black-23.7.0-cp38-cp38-macosx_10_16_x86_64.whl", hash = "sha256:327a8c2550ddc573b51e2c352adb88143464bb9d92c10416feb86b0f5aee5ff6"},
+    {file = "black-23.7.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6d1c6022b86f83b632d06f2b02774134def5d4d4f1dac8bef16d90cda18ba28a"},
+    {file = "black-23.7.0-cp38-cp38-win_amd64.whl", hash = "sha256:27eb7a0c71604d5de083757fbdb245b1a4fae60e9596514c6ec497eb63f95320"},
+    {file = "black-23.7.0-cp39-cp39-macosx_10_16_arm64.whl", hash = "sha256:8417dbd2f57b5701492cd46edcecc4f9208dc75529bcf76c514864e48da867d9"},
+    {file = "black-23.7.0-cp39-cp39-macosx_10_16_universal2.whl", hash = "sha256:47e56d83aad53ca140da0af87678fb38e44fd6bc0af71eebab2d1f59b1acf1d3"},
+    {file = "black-23.7.0-cp39-cp39-macosx_10_16_x86_64.whl", hash = "sha256:25cc308838fe71f7065df53aedd20327969d05671bac95b38fdf37ebe70ac087"},
+    {file = "black-23.7.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:642496b675095d423f9b8448243336f8ec71c9d4d57ec17bf795b67f08132a91"},
+    {file = "black-23.7.0-cp39-cp39-win_amd64.whl", hash = "sha256:ad0014efc7acf0bd745792bd0d8857413652979200ab924fbf239062adc12491"},
+    {file = "black-23.7.0-py3-none-any.whl", hash = "sha256:9fd59d418c60c0348505f2ddf9609c1e1de8e7493eab96198fc89d9f865e7a96"},
+    {file = "black-23.7.0.tar.gz", hash = "sha256:022a582720b0d9480ed82576c920a8c1dde97cc38ff11d8d8859b3bd6ca9eedb"},
 ]
 
 [package.dependencies]
@@ -770,14 +767,14 @@ sqlalchemy = ["sqlalchemy (>1.3.21,<2.0)"]
 
 [[package]]
 name = "cohere"
-version = "4.11.2"
+version = "4.12.0"
 description = ""
 category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
-    {file = "cohere-4.11.2-py3-none-any.whl", hash = "sha256:c5032f4a2aafbcfdf1cacd5b49121c8cc4804fbd121d4a7ac0dfea499398ea28"},
-    {file = "cohere-4.11.2.tar.gz", hash = "sha256:4d3e663a306e6fcb87c41cded2195257ebc6992d361a70417f6616f045c4ec47"},
+    {file = "cohere-4.12.0-py3-none-any.whl", hash = "sha256:6009afd267c5d8b5398747143636d85069f8d06d576664cac84c9f6eac0621d6"},
+    {file = "cohere-4.12.0.tar.gz", hash = "sha256:2e0b4af80e68f904b40d729bd4df1b9639f72b50b4a47c6be58caf0392c8e4c1"},
 ]
 
 [package.dependencies]
@@ -914,31 +911,35 @@ toml = ["tomli"]
 
 [[package]]
 name = "cryptography"
-version = "41.0.1"
+version = "41.0.2"
 description = "cryptography is a package which provides cryptographic recipes and primitives to Python developers."
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "cryptography-41.0.1-cp37-abi3-macosx_10_12_universal2.whl", hash = "sha256:f73bff05db2a3e5974a6fd248af2566134d8981fd7ab012e5dd4ddb1d9a70699"},
-    {file = "cryptography-41.0.1-cp37-abi3-macosx_10_12_x86_64.whl", hash = "sha256:1a5472d40c8f8e91ff7a3d8ac6dfa363d8e3138b961529c996f3e2df0c7a411a"},
-    {file = "cryptography-41.0.1-cp37-abi3-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:7fa01527046ca5facdf973eef2535a27fec4cb651e4daec4d043ef63f6ecd4ca"},
-    {file = "cryptography-41.0.1-cp37-abi3-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:b46e37db3cc267b4dea1f56da7346c9727e1209aa98487179ee8ebed09d21e43"},
-    {file = "cryptography-41.0.1-cp37-abi3-manylinux_2_28_aarch64.whl", hash = "sha256:d198820aba55660b4d74f7b5fd1f17db3aa5eb3e6893b0a41b75e84e4f9e0e4b"},
-    {file = "cryptography-41.0.1-cp37-abi3-manylinux_2_28_x86_64.whl", hash = "sha256:948224d76c4b6457349d47c0c98657557f429b4e93057cf5a2f71d603e2fc3a3"},
-    {file = "cryptography-41.0.1-cp37-abi3-musllinux_1_1_aarch64.whl", hash = "sha256:059e348f9a3c1950937e1b5d7ba1f8e968508ab181e75fc32b879452f08356db"},
-    {file = "cryptography-41.0.1-cp37-abi3-musllinux_1_1_x86_64.whl", hash = "sha256:b4ceb5324b998ce2003bc17d519080b4ec8d5b7b70794cbd2836101406a9be31"},
-    {file = "cryptography-41.0.1-cp37-abi3-win32.whl", hash = "sha256:8f4ab7021127a9b4323537300a2acfb450124b2def3756f64dc3a3d2160ee4b5"},
-    {file = "cryptography-41.0.1-cp37-abi3-win_amd64.whl", hash = "sha256:1fee5aacc7367487b4e22484d3c7e547992ed726d14864ee33c0176ae43b0d7c"},
-    {file = "cryptography-41.0.1-pp38-pypy38_pp73-macosx_10_12_x86_64.whl", hash = "sha256:9a6c7a3c87d595608a39980ebaa04d5a37f94024c9f24eb7d10262b92f739ddb"},
-    {file = "cryptography-41.0.1-pp38-pypy38_pp73-manylinux_2_28_aarch64.whl", hash = "sha256:5d092fdfedaec4cbbffbf98cddc915ba145313a6fdaab83c6e67f4e6c218e6f3"},
-    {file = "cryptography-41.0.1-pp38-pypy38_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:1a8e6c2de6fbbcc5e14fd27fb24414507cb3333198ea9ab1258d916f00bc3039"},
-    {file = "cryptography-41.0.1-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:cb33ccf15e89f7ed89b235cff9d49e2e62c6c981a6061c9c8bb47ed7951190bc"},
-    {file = "cryptography-41.0.1-pp39-pypy39_pp73-macosx_10_12_x86_64.whl", hash = "sha256:5f0ff6e18d13a3de56f609dd1fd11470918f770c6bd5d00d632076c727d35485"},
-    {file = "cryptography-41.0.1-pp39-pypy39_pp73-manylinux_2_28_aarch64.whl", hash = "sha256:7bfc55a5eae8b86a287747053140ba221afc65eb06207bedf6e019b8934b477c"},
-    {file = "cryptography-41.0.1-pp39-pypy39_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:eb8163f5e549a22888c18b0d53d6bb62a20510060a22fd5a995ec8a05268df8a"},
-    {file = "cryptography-41.0.1-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:8dde71c4169ec5ccc1087bb7521d54251c016f126f922ab2dfe6649170a3b8c5"},
-    {file = "cryptography-41.0.1.tar.gz", hash = "sha256:d34579085401d3f49762d2f7d6634d6b6c2ae1242202e860f4d26b046e3a1006"},
+    {file = "cryptography-41.0.2-cp37-abi3-macosx_10_12_universal2.whl", hash = "sha256:01f1d9e537f9a15b037d5d9ee442b8c22e3ae11ce65ea1f3316a41c78756b711"},
+    {file = "cryptography-41.0.2-cp37-abi3-macosx_10_12_x86_64.whl", hash = "sha256:079347de771f9282fbfe0e0236c716686950c19dee1b76240ab09ce1624d76d7"},
+    {file = "cryptography-41.0.2-cp37-abi3-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:439c3cc4c0d42fa999b83ded80a9a1fb54d53c58d6e59234cfe97f241e6c781d"},
+    {file = "cryptography-41.0.2-cp37-abi3-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:f14ad275364c8b4e525d018f6716537ae7b6d369c094805cae45300847e0894f"},
+    {file = "cryptography-41.0.2-cp37-abi3-manylinux_2_28_aarch64.whl", hash = "sha256:84609ade00a6ec59a89729e87a503c6e36af98ddcd566d5f3be52e29ba993182"},
+    {file = "cryptography-41.0.2-cp37-abi3-manylinux_2_28_x86_64.whl", hash = "sha256:49c3222bb8f8e800aead2e376cbef687bc9e3cb9b58b29a261210456a7783d83"},
+    {file = "cryptography-41.0.2-cp37-abi3-musllinux_1_1_aarch64.whl", hash = "sha256:d73f419a56d74fef257955f51b18d046f3506270a5fd2ac5febbfa259d6c0fa5"},
+    {file = "cryptography-41.0.2-cp37-abi3-musllinux_1_1_x86_64.whl", hash = "sha256:2a034bf7d9ca894720f2ec1d8b7b5832d7e363571828037f9e0c4f18c1b58a58"},
+    {file = "cryptography-41.0.2-cp37-abi3-win32.whl", hash = "sha256:d124682c7a23c9764e54ca9ab5b308b14b18eba02722b8659fb238546de83a76"},
+    {file = "cryptography-41.0.2-cp37-abi3-win_amd64.whl", hash = "sha256:9c3fe6534d59d071ee82081ca3d71eed3210f76ebd0361798c74abc2bcf347d4"},
+    {file = "cryptography-41.0.2-pp310-pypy310_pp73-macosx_10_12_x86_64.whl", hash = "sha256:a719399b99377b218dac6cf547b6ec54e6ef20207b6165126a280b0ce97e0d2a"},
+    {file = "cryptography-41.0.2-pp310-pypy310_pp73-manylinux_2_28_aarch64.whl", hash = "sha256:182be4171f9332b6741ee818ec27daff9fb00349f706629f5cbf417bd50e66fd"},
+    {file = "cryptography-41.0.2-pp310-pypy310_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:7a9a3bced53b7f09da251685224d6a260c3cb291768f54954e28f03ef14e3766"},
+    {file = "cryptography-41.0.2-pp310-pypy310_pp73-win_amd64.whl", hash = "sha256:f0dc40e6f7aa37af01aba07277d3d64d5a03dc66d682097541ec4da03cc140ee"},
+    {file = "cryptography-41.0.2-pp38-pypy38_pp73-macosx_10_12_x86_64.whl", hash = "sha256:674b669d5daa64206c38e507808aae49904c988fa0a71c935e7006a3e1e83831"},
+    {file = "cryptography-41.0.2-pp38-pypy38_pp73-manylinux_2_28_aarch64.whl", hash = "sha256:7af244b012711a26196450d34f483357e42aeddb04128885d95a69bd8b14b69b"},
+    {file = "cryptography-41.0.2-pp38-pypy38_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:9b6d717393dbae53d4e52684ef4f022444fc1cce3c48c38cb74fca29e1f08eaa"},
+    {file = "cryptography-41.0.2-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:192255f539d7a89f2102d07d7375b1e0a81f7478925b3bc2e0549ebf739dae0e"},
+    {file = "cryptography-41.0.2-pp39-pypy39_pp73-macosx_10_12_x86_64.whl", hash = "sha256:f772610fe364372de33d76edcd313636a25684edb94cee53fd790195f5989d14"},
+    {file = "cryptography-41.0.2-pp39-pypy39_pp73-manylinux_2_28_aarch64.whl", hash = "sha256:b332cba64d99a70c1e0836902720887fb4529ea49ea7f5462cf6640e095e11d2"},
+    {file = "cryptography-41.0.2-pp39-pypy39_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:9a6673c1828db6270b76b22cc696f40cde9043eb90373da5c2f8f2158957f42f"},
+    {file = "cryptography-41.0.2-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:342f3767e25876751e14f8459ad85e77e660537ca0a066e10e75df9c9e9099f0"},
+    {file = "cryptography-41.0.2.tar.gz", hash = "sha256:7d230bf856164de164ecb615ccc14c7fc6de6906ddd5b491f3af90d3514c925c"},
 ]
 
 [package.dependencies]
@@ -1582,14 +1583,14 @@ smmap = ">=3.0.1,<6"
 
 [[package]]
 name = "gitpython"
-version = "3.1.31"
+version = "3.1.32"
 description = "GitPython is a Python library used to interact with Git repositories"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "GitPython-3.1.31-py3-none-any.whl", hash = "sha256:f04893614f6aa713a60cbbe1e6a97403ef633103cdd0ef5eb6efe0deb98dbe8d"},
-    {file = "GitPython-3.1.31.tar.gz", hash = "sha256:8ce3bcf69adfdf7c7d503e78fd3b1c492af782d58893b650adb2ac8912ddd573"},
+    {file = "GitPython-3.1.32-py3-none-any.whl", hash = "sha256:e3d59b1c2c6ebb9dfa7a184daf3b6dd4914237e7488a1730a6d8f6f5d0b4187f"},
+    {file = "GitPython-3.1.32.tar.gz", hash = "sha256:8d9b8cb1e80b9735e8717c9362079d3ce4c6e5ddeebedd0361b228c3a67a62f6"},
 ]
 
 [package.dependencies]
@@ -1684,14 +1685,14 @@ six = "*"
 
 [[package]]
 name = "google-cloud-aiplatform"
-version = "1.27.1"
+version = "1.28.0"
 description = "Vertex AI API client library"
 category = "main"
 optional = false
 python-versions = ">=3.7"
 files = [
-    {file = "google-cloud-aiplatform-1.27.1.tar.gz", hash = "sha256:0af02c921681d12a6769f29a15d6c2decefcf783ad9e64424a18c91c6b615acb"},
-    {file = "google_cloud_aiplatform-1.27.1-py2.py3-none-any.whl", hash = "sha256:0a80caf50174b06e56c0a3a491f376f8a1a34daa8792abb3479a551b69085f04"},
+    {file = "google-cloud-aiplatform-1.28.0.tar.gz", hash = "sha256:810339254f354f9a0084f020aab43a56f710348910c177821f7d962b461244a0"},
+    {file = "google_cloud_aiplatform-1.28.0-py2.py3-none-any.whl", hash = "sha256:9fff957e193cc6de88a189b5a967f0cbd358c1da9b7faf36f3b7141fc0486243"},
 ]
 
 [package.dependencies]
@@ -2980,13 +2981,13 @@ text-helpers = ["chardet (>=5.1.0,<6.0.0)"]
 
 [[package]]
 name = "langchain-serve"
-version = "0.0.53"
+version = "0.0.54"
 description = "Langchain Serve - serve your langchain apps on Jina AI Cloud."
 category = "main"
 optional = true
 python-versions = "*"
 files = [
-    {file = "langchain-serve-0.0.53.tar.gz", hash = "sha256:7f5b1bef8a6c2130d20b839fe8394bea65447df3935e8a7079067af9f0001147"},
+    {file = "langchain-serve-0.0.54.tar.gz", hash = "sha256:5cbc980886c81f3bac7ed3337adeb0b94fc9f3645e4501dd7f0702f90766bbaa"},
 ]
 
 [package.dependencies]
@@ -4626,14 +4627,14 @@ test = ["coverage", "flake8", "freezegun (==0.3.15)", "mock (>=2.0.0)", "pylint"
 
 [[package]]
 name = "prometheus-client"
-version = "0.17.0"
+version = "0.17.1"
 description = "Python client for the Prometheus monitoring system."
 category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
-    {file = "prometheus_client-0.17.0-py3-none-any.whl", hash = "sha256:a77b708cf083f4d1a3fb3ce5c95b4afa32b9c521ae363354a4a910204ea095ce"},
-    {file = "prometheus_client-0.17.0.tar.gz", hash = "sha256:9c3b26f1535945e85b8934fb374678d263137b78ef85f305b1156c7c881cd11b"},
+    {file = "prometheus_client-0.17.1-py3-none-any.whl", hash = "sha256:e537f37160f6807b8202a6fc4764cdd19bac5480ddd3e0d463c3002b34462101"},
+    {file = "prometheus_client-0.17.1.tar.gz", hash = "sha256:21e674f39831ae3f8acde238afd9a27a37d0d2fb5a28ea094f0ce25d2cbf2091"},
 ]
 
 [package.extras]

From 66d8a104c04f6de0bf1df222f66c58e387aba687 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 11 Jul 2023 09:25:51 -0300
Subject: [PATCH 352/367] =?UTF-8?q?=F0=9F=94=A5=20refactor(utils.ts):=20re?=
 =?UTF-8?q?move=20unused=20import=20of=20HuggingFaceIcon=20to=20improve=20?=
 =?UTF-8?q?code=20cleanliness=20and=20reduce=20unused=20dependencies?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/utils.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 32055bdc5..4983edc60 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -50,7 +50,6 @@ import { SupabaseIcon } from "./icons/supabase";
 import { APITemplateType } from "./types/api";
 import { IVarHighlightType } from "./types/components";
 import { FlowType, NodeType } from "./types/flow";
-import { HuggingFaceIcon } from "./icons/HuggingFace";
 
 export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");

From 7a7efc2afa12a6407e6467418ae6861f09f05e65 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Jul 2023 10:52:25 -0300
Subject: [PATCH 353/367] prompt template bug fix

---
 .../src/components/promptComponent/index.tsx  | 45 ++++++++++++-------
 1 file changed, 28 insertions(+), 17 deletions(-)

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 4f9a56ad0..22384c299 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -4,7 +4,6 @@ import GenericModal from "../../modals/genericModal";
 import { TextAreaComponentType } from "../../types/components";
 import { TypeModal } from "../../utils";
 
-import * as _ from "lodash";
 import { ExternalLink } from "lucide-react";
 import { typesContext } from "../../contexts/typesContext";
 import { postValidatePrompt } from "../../controllers/API";
@@ -18,7 +17,7 @@ export default function PromptAreaComponent({
   disabled,
   editNode = false,
 }: TextAreaComponentType) {
-  const [myValue, setMyValue] = useState("");
+  const [myValue, setMyValue] = useState(value);
   const { openPopUp } = useContext(PopUpContext);
   const { reactFlowInstance } = useContext(typesContext);
   useEffect(() => {
@@ -29,22 +28,34 @@ export default function PromptAreaComponent({
   }, [disabled, onChange]);
 
   useEffect(() => {
-    if (value !== "" && myValue !== value && reactFlowInstance) {
-      // only executed once
-      setMyValue(value);
-      postValidatePrompt(field_name, value, nodeClass)
-        .then((apiReturn) => {
-          if (apiReturn.data) {
-            setNodeClass(apiReturn.data.frontend_node);
-            // need to update reactFlowInstance to re-render the nodes.
-            reactFlowInstance.setEdges(
-              _.cloneDeep(reactFlowInstance.getEdges())
-            );
-          }
-        })
-        .catch((error) => {});
+    setMyValue(value);
+    if (value !== "" && !editNode) {
+      postValidatePrompt(field_name, value, nodeClass).then((apiReturn) => {
+        if (apiReturn.data) {
+          setNodeClass(apiReturn.data.frontend_node);
+          // need to update reactFlowInstance to re-render the nodes.
+        }
+      });
     }
-  }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass, value]);
+  }, [value, reactFlowInstance]);
+
+  // useEffect(() => {
+  //   if (value !== "" && myValue !== value && reactFlowInstance) {
+  //     // only executed once
+  //     setMyValue(value);
+  //     postValidatePrompt(field_name, value, nodeClass)
+  //       .then((apiReturn) => {
+  //         if (apiReturn.data) {
+  //           setNodeClass(apiReturn.data.frontend_node);
+  //           // need to update reactFlowInstance to re-render the nodes.
+  //           reactFlowInstance.setEdges(
+  //             _.cloneDeep(reactFlowInstance.getEdges())
+  //           );
+  //         }
+  //       })
+  //       .catch((error) => {});
+  //   }
+  // }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass, value]);
 
   return (
     <div className={disabled ? "pointer-events-none w-full " : " w-full"}>

From 96b432d127d3df009f5a34d3b6a89ba3663f6516 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Jul 2023 11:58:48 -0300
Subject: [PATCH 354/367] fix(formModal): remove connectWS from dependencies
 array in useEffect to prevent unnecessary reconnections fix(formModal):
 remove connectWS from dependencies array in useEffect to prevent unnecessary
 reconnections

---
 src/frontend/src/modals/formModal/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index d0a73f941..e80bc6c35 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -292,7 +292,8 @@ export default function FormModal({
         ws.current.close();
       }
     };
-  }, [connectWS]);
+    // do not add connectWS on dependencies array
+  }, []);
 
   useEffect(() => {
     if (
@@ -303,7 +304,8 @@ export default function FormModal({
       connectWS();
       setLockChat(false);
     }
-  }, [lockChat, connectWS]);
+    // do not add connectWS on dependencies array
+  }, [lockChat]);
 
   async function sendAll(data: sendAllProps) {
     try {

From d745f90598bca88f2281500a57b03b5f52ce5715 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 11 Jul 2023 13:59:25 -0300
Subject: [PATCH 355/367] =?UTF-8?q?=F0=9F=90=9B=20fix(tailwind.config.js):?=
 =?UTF-8?q?=20rename=20keyframes=20from=20"accordion-down"=20to=20"slideDo?=
 =?UTF-8?q?wn"=20and=20from=20"accordion-up"=20to=20"slideUp"=20for=20bett?=
 =?UTF-8?q?er=20clarity=20and=20semantics=20=E2=9C=A8=20feat(tailwind.conf?=
 =?UTF-8?q?ig.js):=20update=20animation=20durations=20for=20"accordion-dow?=
 =?UTF-8?q?n"=20to=20300ms=20ease-out=20and=20"accordion-up"=20to=20300ms?=
 =?UTF-8?q?=20ease-in=20for=20smoother=20transitions?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/tailwind.config.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index 0408cc053..9f8fe20fe 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -130,18 +130,18 @@ module.exports = {
         sans: ["var(--font-sans)", ...fontFamily.sans],
       },
       keyframes: {
-        "accordion-down": {
+        "slideDown": {
           from: { height: 0 },
-          to: { height: "var(--radix-accordion-content-height)" },
+          to: { height: 100},
         },
-        "accordion-up": {
+        "slideUp": {
           from: { height: "var(--radix-accordion-content-height)" },
           to: { height: 0 },
         },
       },
       animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
+        "accordion-down": "slideDown 300ms ease-out",
+        "accordion-up": "slideUp 300ms ease-in",
       },
     },
   },
@@ -227,4 +227,5 @@ module.exports = {
     require("@tailwindcss/typography"),
     require("daisyui"),
   ],
+  
 };

From db5848ea2b2e047bab9e3afad941d1be050369c9 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 11 Jul 2023 14:30:56 -0300
Subject: [PATCH 356/367] =?UTF-8?q?=F0=9F=94=A7=20fix(parameterComponent):?=
 =?UTF-8?q?=20remove=20console.log=20statement=20for=20refNumberComponents?=
 =?UTF-8?q?=20variable=20=F0=9F=94=A7=20fix(EditNodeModal):=20change=20fil?=
 =?UTF-8?q?ter=20method=20to=20map=20method=20in=20changeAdvanced=20functi?=
 =?UTF-8?q?on=20to=20correctly=20update=20advanced=20property=20of=20templ?=
 =?UTF-8?q?ate=20object?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../GenericNode/components/parameterComponent/index.tsx    | 1 -
 src/frontend/src/modals/EditNodeModal/index.tsx            | 7 ++++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index aadc0c6e6..2c94aa205 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -98,7 +98,6 @@ export default function ParameterComponent({
     const groupedObj = groupByFamily(myData, tooltipTitle, left, data.type);
 
     refNumberComponents.current = groupedObj[0]?.type?.length;
-    console.log(refNumberComponents);
 
     refHtml.current = groupedObj.map((item, i) => {
       const Icon: any = nodeIconsLucide[item.family];
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index a343bc09b..25e76eaa2 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -72,15 +72,16 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
     }
   }
 
-  function changeAdvanced(node): void {
-    Object.keys(data.node.template).filter((n, i) => {
+  function changeAdvanced(node) {
+    Object.keys(data.node.template).map((n, i) => {
       if (n === node.name) {
         data.node.template[n].advanced = !data.node.template[n].advanced;
       }
-      return true;
+      return n;
     });
     setNodeValue(!nodeValue);
   }
+  
 
   const handleOnNewValue = (newValue: any, name) => {
     data.node.template[name].value = newValue;

From 63e8e927e7505865e230ade427d226f44d9433bc Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Jul 2023 15:29:48 -0300
Subject: [PATCH 357/367] fix(parameterComponent): add null check before
 calling cleanEdges to prevent error when reactFlowInstance is null

---
 .../components/parameterComponent/index.tsx      | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 2c94aa205..a3e3e6357 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -311,13 +311,15 @@ export default function ParameterComponent({
               field_name={name}
               setNodeClass={(nodeClass) => {
                 data.node = nodeClass;
-                cleanEdges({
-                  flow: {
-                    edges: reactFlowInstance.getEdges(),
-                    nodes: reactFlowInstance.getNodes(),
-                  },
-                  updateEdge: (edge) => reactFlowInstance.setEdges(edge),
-                });
+                if (reactFlowInstance) {
+                  cleanEdges({
+                    flow: {
+                      edges: reactFlowInstance.getEdges(),
+                      nodes: reactFlowInstance.getNodes(),
+                    },
+                    updateEdge: (edge) => reactFlowInstance.setEdges(edge),
+                  });
+                }
               }}
               nodeClass={data.node}
               disabled={disabled}

From 18f2c58c72ab0da2f6ed90c2b51fe68340becd8b Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Tue, 11 Jul 2023 15:55:05 -0300
Subject: [PATCH 358/367] refactor: Add exportModal tailwind constants and
 remove dark classes

---
 .../components/parameterComponent/index.tsx       |  1 -
 src/frontend/src/index.css                        | 15 +++++++++++++++
 src/frontend/src/modals/EditNodeModal/index.tsx   |  7 ++++---
 src/frontend/src/modals/codeAreaModal/index.tsx   |  2 +-
 src/frontend/src/modals/exportModal/index.tsx     |  2 +-
 5 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index aadc0c6e6..2c94aa205 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -98,7 +98,6 @@ export default function ParameterComponent({
     const groupedObj = groupByFamily(myData, tooltipTitle, left, data.type);
 
     refNumberComponents.current = groupedObj[0]?.type?.length;
-    console.log(refNumberComponents);
 
     refHtml.current = groupedObj.map((item, i) => {
       const Icon: any = nodeIconsLucide[item.family];
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 2754e5335..0c8aa9ca2 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -1066,4 +1066,19 @@ The cursor: default; property value restores the browser's default cursor style
     @apply max-w-[30vw] max-h-[20vh] overflow-auto
   }
 
+  .ace-editor-arrangement {
+    @apply flex-max-width h-full flex-col transition-all
+  }
+  .ace-editor {
+    @apply h-full w-full rounded-lg border-[1px] border-border custom-scroll
+  }
+  .ace-editor-save-btn {
+    @apply flex-max-width h-fit justify-end
+  }
+
+  .export-modal-save-api {
+    @apply font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70
+  }
+
+
 }
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index a343bc09b..25e76eaa2 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -72,15 +72,16 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
     }
   }
 
-  function changeAdvanced(node): void {
-    Object.keys(data.node.template).filter((n, i) => {
+  function changeAdvanced(node) {
+    Object.keys(data.node.template).map((n, i) => {
       if (n === node.name) {
         data.node.template[n].advanced = !data.node.template[n].advanced;
       }
-      return true;
+      return n;
     });
     setNodeValue(!nodeValue);
   }
+  
 
   const handleOnNewValue = (newValue: any, name) => {
     data.node.template[name].value = newValue;
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index b38bef5f2..cc0495977 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -106,7 +106,7 @@ export default function CodeAreaModal({
               onChange={(value) => {
                 setCode(value);
               }}
-              className="h-full w-full rounded-lg border-[1px] border-gray-300 custom-scroll dark:border-gray-600"
+              className="h-full w-full rounded-lg border-[1px] border-border custom-scroll"
             />
           </div>
           <div className="flex h-fit w-full justify-end">
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index f4a66c7b9..0439b390a 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -73,7 +73,7 @@ export default function ExportModal() {
           />
           <label
             htmlFor="terms"
-            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+            className="export-modal-save-api text-sm"
           >
             Save with my API keys
           </label>

From cfa13df98d1ff8539ce5bb05be6d3c068ab29444 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Jul 2023 16:00:56 -0300
Subject: [PATCH 359/367] refactor(chatMessage/index.tsx): improve code
 readability and fix rendering issue

The code in the `ChatMessage` component has been refactored to improve code readability and fix a rendering issue.

- In line 10, the `div` element has been updated to include the `flex flex-col` class for better styling.
- In lines 16-18, the conditional rendering of the `template` has been simplified by removing unnecessary ternary operator and curly braces.
- In lines 21-34, the rendering of the `template` has been updated to correctly split the text into lines and replace placeholders with values.
- In lines 37-39, a line break element (`<br />`) has been added for better visual separation.
- In lines 41-43, the rendering of the `chat.message[chat.chatKey]` has been moved outside the `span` element for correct rendering.

These changes improve the readability of the code and fix the rendering issue in the `ChatMessage` component.
---
 .../modals/formModal/chatMessage/index.tsx    | 62 +++++++++----------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 8b5453607..d75b901fe 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -150,7 +150,7 @@ export default function ChatMessage({
           </div>
         </div>
       ) : (
-        <div>
+        <div className="flex flex-col">
           {template && (
             <>
               <button
@@ -167,40 +167,40 @@ export default function ChatMessage({
                 />
               </button>
               <span className="prose inline-block break-words text-primary dark:prose-invert">
-                {promptOpen
-                  ? template?.split("\n")?.map((line, index) => {
-                      const regex = /{([^}]+)}/g;
-                      let match;
-                      let parts = [];
-                      let lastIndex = 0;
-                      while ((match = regex.exec(line)) !== null) {
-                        // Push text up to the match
-                        if (match.index !== lastIndex) {
-                          parts.push(line.substring(lastIndex, match.index));
-                        }
-                        // Push div with matched text
-                        if (chat.message[match[1]]) {
-                          parts.push(
-                            <span className="my-1 rounded-md bg-indigo-100">
-                              {chat.message[match[1]]}
-                            </span>
-                          );
-                        }
+                {promptOpen &&
+                  template?.split("\n")?.map((line, index) => {
+                    const regex = /{([^}]+)}/g;
+                    let match;
+                    let parts = [];
+                    let lastIndex = 0;
+                    while ((match = regex.exec(line)) !== null) {
+                      // Push text up to the match
+                      if (match.index !== lastIndex) {
+                        parts.push(line.substring(lastIndex, match.index));
+                      }
+                      // Push div with matched text
+                      if (chat.message[match[1]]) {
+                        parts.push(
+                          <span className="my-1 rounded-md bg-indigo-100">
+                            {chat.message[match[1]]}
+                          </span>
+                        );
+                      }
 
-                        // Update last index
-                        lastIndex = regex.lastIndex;
-                      }
-                      // Push text after the last match
-                      if (lastIndex !== line.length) {
-                        parts.push(line.substring(lastIndex));
-                      }
-                      return <p>{parts}</p>;
-                    })
-                  : chat.message[chat.chatKey]}
+                      // Update last index
+                      lastIndex = regex.lastIndex;
+                    }
+                    // Push text after the last match
+                    if (lastIndex !== line.length) {
+                      parts.push(line.substring(lastIndex));
+                    }
+                    return <p>{parts}</p>;
+                  })}
               </span>
             </>
           )}
-          {chat.message[chat.chatKey]}
+          <br />
+          <span>{chat.message[chat.chatKey]}</span>
         </div>
       )}
     </div>

From 3de654c8dfd7f34c6ccef920accbd3ed20ca15e7 Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Tue, 11 Jul 2023 17:13:55 -0300
Subject: [PATCH 360/367] refactor(google.svg): Add better google svg icon

---
 src/frontend/src/icons/Google/google.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/icons/Google/google.svg b/src/frontend/src/icons/Google/google.svg
index b518c5270..c599462cb 100644
--- a/src/frontend/src/icons/Google/google.svg
+++ b/src/frontend/src/icons/Google/google.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="2443" height="2500" preserveAspectRatio="xMidYMid" viewBox="0 0 256 262" id="google"><path fill="#4285F4" d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"></path><path fill="#34A853" d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"></path><path fill="#FBBC05" d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"></path><path fill="#EB4335" d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"></path></svg>
\ No newline at end of file

From 77ba780d0e781d38608d9af9d33882071ea1a80d Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 11 Jul 2023 17:14:50 -0300
Subject: [PATCH 361/367] =?UTF-8?q?=F0=9F=90=9B=20fix(custom.py):=20add=20?=
 =?UTF-8?q?handle=5Fparsing=5Ferrors=3DTrue=20to=20VectorStoreAgent,=20SQL?=
 =?UTF-8?q?Agent,=20and=20VectorStoreRouterAgent=20classes=20to=20handle?=
 =?UTF-8?q?=20parsing=20errors=20during=20execution=20=F0=9F=90=9B=20fix(l?=
 =?UTF-8?q?oading.py):=20add=20handle=5Fparsing=5Ferrors=3DTrue=20to=20ins?=
 =?UTF-8?q?tantiate=5Fagent=20and=20load=5Fagent=5Fexecutor=20functions=20?=
 =?UTF-8?q?to=20handle=20parsing=20errors=20during=20agent=20instantiation?=
 =?UTF-8?q?=20and=20loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/interface/agents/custom.py      | 6 ++++--
 src/backend/langflow/interface/initialize/loading.py | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/backend/langflow/interface/agents/custom.py b/src/backend/langflow/interface/agents/custom.py
index aa0cfb5db..b4e2b9bac 100644
--- a/src/backend/langflow/interface/agents/custom.py
+++ b/src/backend/langflow/interface/agents/custom.py
@@ -157,7 +157,7 @@ class VectorStoreAgent(CustomAgentExecutor):
             llm_chain=llm_chain, allowed_tools=tool_names, **kwargs  # type: ignore
         )
         return AgentExecutor.from_agent_and_tools(
-            agent=agent, tools=tools, verbose=True
+            agent=agent, tools=tools, verbose=True, handle_parsing_errors=True
         )
 
     def run(self, *args, **kwargs):
@@ -232,6 +232,7 @@ class SQLAgent(CustomAgentExecutor):
             verbose=True,
             max_iterations=15,
             early_stopping_method="force",
+            handle_parsing_errors=True,
         )
 
     def run(self, *args, **kwargs):
@@ -276,7 +277,7 @@ class VectorStoreRouterAgent(CustomAgentExecutor):
             llm_chain=llm_chain, allowed_tools=tool_names, **kwargs  # type: ignore
         )
         return AgentExecutor.from_agent_and_tools(
-            agent=agent, tools=tools, verbose=True
+            agent=agent, tools=tools, verbose=True, handle_parsing_errors=True
         )
 
     def run(self, *args, **kwargs):
@@ -308,6 +309,7 @@ class InitializeAgent(CustomAgentExecutor):
             agent=agent,  # type: ignore
             memory=memory,
             return_intermediate_steps=True,
+            handle_parsing_errors=True,
         )
 
     def __init__(self, *args, **kwargs):
diff --git a/src/backend/langflow/interface/initialize/loading.py b/src/backend/langflow/interface/initialize/loading.py
index ba617fe34..b232d089c 100644
--- a/src/backend/langflow/interface/initialize/loading.py
+++ b/src/backend/langflow/interface/initialize/loading.py
@@ -193,8 +193,7 @@ def instantiate_agent(node_type, class_object: Type[agent_module.Agent], params:
             agent = class_method(**params)
             tools = params.get("tools", [])
             return AgentExecutor.from_agent_and_tools(
-                agent=agent,
-                tools=tools,
+                agent=agent, tools=tools, handle_parsing_errors=True
             )
     return load_agent_executor(class_object, params)
 
@@ -432,6 +431,7 @@ def load_agent_executor(agent_class: type[agent_module.Agent], params, **kwargs)
     return AgentExecutor.from_agent_and_tools(
         agent=agent,
         tools=allowed_tools,
+        handle_parsing_errors=True,
         # memory=memory,
         **kwargs,
     )

From 5001416716ccd56eb113b29f6bcfff0c5c977307 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 11 Jul 2023 17:16:59 -0300
Subject: [PATCH 362/367] =?UTF-8?q?=E2=AC=86=EF=B8=8F=20chore(pyproject.to?=
 =?UTF-8?q?ml):=20update=20httpx=20dependency=20to=20use=20wildcard=20vers?=
 =?UTF-8?q?ion=20to=20allow=20any=20compatible=20version?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 poetry.lock    | 28 ++++++++++++++--------------
 pyproject.toml |  2 +-
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/poetry.lock b/poetry.lock
index fd5569d51..2da880491 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -150,23 +150,23 @@ files = [
 
 [[package]]
 name = "anthropic"
-version = "0.3.3"
+version = "0.3.4"
 description = "Client library for the anthropic API"
 category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
-    {file = "anthropic-0.3.3-py3-none-any.whl", hash = "sha256:4f607095057e8ec06e8724a0f2dbcbbdd6a5750f6116d87eb51cae82801700a7"},
-    {file = "anthropic-0.3.3.tar.gz", hash = "sha256:db78e49c17bb0ac905e2b2f65789ecd3d33256aa0448e45a5a484909fc6a670f"},
+    {file = "anthropic-0.3.4-py3-none-any.whl", hash = "sha256:7b0396f663b0e4eaaf485ae59a0be014cddfc0f0b8f4dad79bb35d8f28439097"},
+    {file = "anthropic-0.3.4.tar.gz", hash = "sha256:36184840bd33184697666d4f1ec951d78ef5da22e87d936cd3c04b611d84e93c"},
 ]
 
 [package.dependencies]
-anyio = ">=3.5.0"
-distro = ">=1.7.0"
-httpx = ">=0.23.0"
+anyio = ">=3.5.0,<4"
+distro = ">=1.7.0,<2"
+httpx = ">=0.23.0,<1"
 pydantic = ">=1.9.0,<2.0.0"
 tokenizers = ">=0.13.0"
-typing-extensions = ">=4.1.1"
+typing-extensions = ">=4.1.1,<5"
 
 [[package]]
 name = "anyio"
@@ -767,14 +767,14 @@ sqlalchemy = ["sqlalchemy (>1.3.21,<2.0)"]
 
 [[package]]
 name = "cohere"
-version = "4.12.0"
+version = "4.12.1"
 description = ""
 category = "main"
 optional = false
 python-versions = ">=3.7,<4.0"
 files = [
-    {file = "cohere-4.12.0-py3-none-any.whl", hash = "sha256:6009afd267c5d8b5398747143636d85069f8d06d576664cac84c9f6eac0621d6"},
-    {file = "cohere-4.12.0.tar.gz", hash = "sha256:2e0b4af80e68f904b40d729bd4df1b9639f72b50b4a47c6be58caf0392c8e4c1"},
+    {file = "cohere-4.12.1-py3-none-any.whl", hash = "sha256:80d17ae928873cdf63883a338618e477de5c71b3d510d7891af7dfdabc25186e"},
+    {file = "cohere-4.12.1.tar.gz", hash = "sha256:2e93a094757576d6c8d42e76363aa7841eb4166c5b0de8e5ed7272783982d2a4"},
 ]
 
 [package.dependencies]
@@ -6430,14 +6430,14 @@ sqlcipher = ["sqlcipher3-binary"]
 
 [[package]]
 name = "sqlalchemy2-stubs"
-version = "0.0.2a34"
+version = "0.0.2a35"
 description = "Typing Stubs for SQLAlchemy 1.4"
 category = "main"
 optional = false
 python-versions = ">=3.6"
 files = [
-    {file = "sqlalchemy2-stubs-0.0.2a34.tar.gz", hash = "sha256:2432137ab2fde1a608df4544f6712427b0b7ff25990cfbbc5a9d1db6c8c6f489"},
-    {file = "sqlalchemy2_stubs-0.0.2a34-py3-none-any.whl", hash = "sha256:a313220ac793404349899faf1272e821a62dbe1d3a029bd444faa8d3e966cd07"},
+    {file = "sqlalchemy2-stubs-0.0.2a35.tar.gz", hash = "sha256:bd5d530697d7e8c8504c7fe792ef334538392a5fb7aa7e4f670bfacdd668a19d"},
+    {file = "sqlalchemy2_stubs-0.0.2a35-py3-none-any.whl", hash = "sha256:593784ff9fc0dc2ded1895e3322591689db3be06f3ca006e3ef47640baf2d38a"},
 ]
 
 [package.dependencies]
@@ -7845,4 +7845,4 @@ deploy = ["langchain-serve"]
 [metadata]
 lock-version = "2.0"
 python-versions = ">=3.9,<3.11"
-content-hash = "5c6d484efef3fc84766b588f5f08a83486bcecdebcac9571abd3c6c0e7cf6e42"
+content-hash = "3ef18bc73e595f6aa8c3ee4b4c9666f3328c601933aef1bf225b865f39504e3c"
diff --git a/pyproject.toml b/pyproject.toml
index 3a1ca83c9..c82e532f8 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -78,7 +78,7 @@ black = "^23.1.0"
 ipykernel = "^6.21.2"
 mypy = "^1.1.1"
 ruff = "^0.0.254"
-httpx = "^0.23.3"
+httpx = "*"
 pytest = "^7.2.2"
 types-requests = "^2.28.11"
 requests = "^2.28.0"

From 39c20fe46b62cd3f0ee1e9a58fb3a85fa8fec8b9 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 11 Jul 2023 17:18:43 -0300
Subject: [PATCH 363/367] =?UTF-8?q?=F0=9F=90=9B=20fix(EditNodeModal):=20re?=
 =?UTF-8?q?move=20unnecessary=20whitespace=20=F0=9F=90=9B=20fix(exportModa?=
 =?UTF-8?q?l):=20remove=20unnecessary=20whitespace=20=F0=9F=90=9B=20fix(ta?=
 =?UTF-8?q?ilwind.config.js):=20fix=20keyframes=20names=20and=20add=20miss?=
 =?UTF-8?q?ing=20comma?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/EditNodeModal/index.tsx | 1 -
 src/frontend/src/modals/exportModal/index.tsx   | 5 +----
 src/frontend/tailwind.config.js                 | 7 +++----
 3 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 25e76eaa2..84d85014d 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -81,7 +81,6 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
     });
     setNodeValue(!nodeValue);
   }
-  
 
   const handleOnNewValue = (newValue: any, name) => {
     data.node.template[name].value = newValue;
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index 0439b390a..fb6867811 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -71,10 +71,7 @@ export default function ExportModal() {
               setChecked(event);
             }}
           />
-          <label
-            htmlFor="terms"
-            className="export-modal-save-api text-sm"
-          >
+          <label htmlFor="terms" className="export-modal-save-api text-sm">
             Save with my API keys
           </label>
         </div>
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index 9f8fe20fe..429b9b26a 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -130,11 +130,11 @@ module.exports = {
         sans: ["var(--font-sans)", ...fontFamily.sans],
       },
       keyframes: {
-        "slideDown": {
+        slideDown: {
           from: { height: 0 },
-          to: { height: 100},
+          to: { height: 100 },
         },
-        "slideUp": {
+        slideUp: {
           from: { height: "var(--radix-accordion-content-height)" },
           to: { height: 0 },
         },
@@ -227,5 +227,4 @@ module.exports = {
     require("@tailwindcss/typography"),
     require("daisyui"),
   ],
-  
 };

From 33d55ef605a9a0e00599dae5b3d9a5391ea86891 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Jul 2023 17:22:52 -0300
Subject: [PATCH 364/367] added background to fix bug on linux


From f05285e703a6521ecefb654d517e9fb445cb5898 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Jul 2023 17:24:08 -0300
Subject: [PATCH 365/367] added background to fix bug on linux

---
 .../pages/FlowPage/components/extraSidebarComponent/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 4a77975d4..f7223d67a 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -162,7 +162,9 @@ export default function ExtraSidebar() {
                         <div key={k} data-tooltip-id={t}>
                           <div
                             draggable
-                            className={"side-bar-components-border"}
+                            className={
+                              "side-bar-components-border bg-background"
+                            }
                             style={{
                               borderLeftColor:
                                 nodeColors[d] ?? nodeColors.unknown,

From c159f71b8304e67c0ff7fb91e43c8c3db4d2a0f0 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 11 Jul 2023 18:03:12 -0300
Subject: [PATCH 366/367] =?UTF-8?q?=F0=9F=90=9B=20fix(test=5Fchains=5Ftemp?=
 =?UTF-8?q?late.py):=20set=20"show"=20property=20of=20"verbose"=20to=20Fal?=
 =?UTF-8?q?se=20in=20conversation=5Fchain,=20llm=5Fchain,=20and=20llm=5Fma?=
 =?UTF-8?q?th=5Fchain=20tests=20to=20fix=20failing=20tests=20due=20to=20in?=
 =?UTF-8?q?correct=20value?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/test_chains_template.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/tests/test_chains_template.py b/tests/test_chains_template.py
index 1c28f6536..e183cb0d0 100644
--- a/tests/test_chains_template.py
+++ b/tests/test_chains_template.py
@@ -42,7 +42,7 @@ def test_conversation_chain(client: TestClient):
     assert template["verbose"] == {
         "required": False,
         "placeholder": "",
-        "show": True,
+        "show": False,
         "multiline": False,
         "password": False,
         "name": "verbose",
@@ -128,7 +128,7 @@ def test_llm_chain(client: TestClient):
     assert template["verbose"] == {
         "required": False,
         "placeholder": "",
-        "show": True,
+        "show": False,
         "multiline": False,
         "value": False,
         "password": False,
@@ -228,7 +228,7 @@ def test_llm_math_chain(client: TestClient):
     assert template["verbose"] == {
         "required": False,
         "placeholder": "",
-        "show": True,
+        "show": False,
         "multiline": False,
         "value": False,
         "password": False,

From 3f147286ceede810876343f73e718b36a2c510ab Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Jul 2023 18:29:10 -0300
Subject: [PATCH 367/367] fix bg of chat input

---
 src/frontend/src/modals/formModal/chatInput/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index fa9637e1b..2d1cdc112 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -53,7 +53,7 @@ export default function ChatInput({
             ? " form-modal-lock-true bg-input"
             : noInput
             ? "form-modal-no-input bg-input"
-            : " form-modal-lock-false",
+            : " form-modal-lock-false bg-input",
 
           "form-modal-lockchat"
         )}