From cc11213a0f054f26b07ad7cb7107563b71a3aa5f Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 13 Jul 2023 10:53:04 -0300
Subject: [PATCH 1/6] =?UTF-8?q?=F0=9F=8E=A8=20style(index.css):=20update?=
 =?UTF-8?q?=20color=20variables=20for=20chat=20bot=20and=20user=20icons=20?=
 =?UTF-8?q?for=20better=20visual=20distinction=20=F0=9F=8E=A8=20style(inde?=
 =?UTF-8?q?x.css):=20update=20class=20names=20for=20code=20block=20modal?=
 =?UTF-8?q?=20span=20and=20button=20for=20better=20readability=20?=
 =?UTF-8?q?=F0=9F=8E=A8=20style(index.css):=20update=20class=20name=20for?=
 =?UTF-8?q?=20code=20highlight=20block=20to=20limit=20max=20height=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage/index.tsx):=20update=20max=20wid?=
 =?UTF-8?q?th=20classes=20for=20markdown=20content=20to=20improve=20respon?=
 =?UTF-8?q?siveness=20=F0=9F=90=9B=20fix(genericModal/index.tsx):=20add=20?=
 =?UTF-8?q?missing=20useRef=20declarations=20for=20divRef=20and=20divRefPr?=
 =?UTF-8?q?ompt=20=F0=9F=90=9B=20fix(genericModal/index.tsx):=20update=20c?=
 =?UTF-8?q?lass=20name=20for=20code=20highlight=20textarea=20to=20fix=20st?=
 =?UTF-8?q?yling=20issue=20=F0=9F=90=9B=20fix(genericModal/index.tsx):=20a?=
 =?UTF-8?q?dd=20missing=20ref=20prop=20to=20Textarea=20component=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(genericModal/index.tsx):=20add=20missing=20r?=
 =?UTF-8?q?ef=20prop=20to=20div=20element=20for=20prompt=20variables=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(genericModal/index.tsx):=20add=20missing=20r?=
 =?UTF-8?q?ef=20prop=20to=20div=20element=20for=20prompt=20variables?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/index.css                              | 9 ++++++---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 src/frontend/src/modals/genericModal/index.tsx          | 9 ++++++---
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index df2cd6837..dfe862183 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -116,6 +116,9 @@
   --status-blue: #2563eb;
   --connection: #555;
 
+  --chat-bot-icon: #4f3d6e;
+  --chat-user-icon: #235d70;
+
 }}
 
 @layer base {
@@ -652,10 +655,10 @@ The cursor: default; property value restores the browser's default cursor style
     @apply flex items-center justify-between px-4 py-1.5
   }
   .code-block-modal-span {
-    @apply text-xs lowercase text-background
+    @apply text-xs lowercase text-muted-foreground
   }
   .code-block-modal-button {
-    @apply flex items-center gap-1.5 rounded bg-none p-1 text-xs text-background
+    @apply flex items-center gap-1.5 rounded bg-none p-1 text-xs text-muted-foreground
   }
 
   .chat-message-modal {
@@ -930,7 +933,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply bg-white text-primary
   }
   .code-highlight{
-    @apply block px-3 py-2 w-full h-full text-sm outline-0 border-0 break-all overflow-y-hidden
+    @apply block px-3 py-2 w-full max-h-[64vh] text-sm outline-0 border-0 break-all overflow-y-hidden
   }
   .form-modal-lockchat {
     @apply form-input focus:ring-ring focus:border-ring block w-full rounded-md border-border p-4 pr-16 custom-scroll sm:text-sm
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 8cbf0877c..9affce87e 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -81,7 +81,7 @@ export default function ChatMessage({
                         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]"
+                     dark:prose-invert sm:max-w-[30vw] lg:max-w-[40vw] sm:w-[30vw] lg:w-[40vw]"
                         components={{
                           code: ({
                             node,
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index b2cf02fdb..3565b1673 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -58,6 +58,8 @@ export default function GenericModal({
       closePopUp();
     }
   }
+  const divRef = useRef(null);
+  const divRefPrompt = useRef(null);
 
   function checkVariables(valueToCheck) {
     const regex = /\{([^{}]+)\}/g;
@@ -108,7 +110,7 @@ export default function GenericModal({
   const TextAreaContentView = () => {
     return (
       <SanitizedHTMLWrapper
-        className="code-highlight"
+        className={"code-highlight"}
         content={coloredContent}
         onClick={() => {
           setIsEdit(true);
@@ -118,6 +120,7 @@ export default function GenericModal({
     );
   };
 
+
   function validatePrompt(closeModal: boolean) {
     postValidatePrompt(field_name, inputValue, nodeClass)
       .then((apiReturn) => {
@@ -189,7 +192,7 @@ export default function GenericModal({
           >
             {type === TypeModal.PROMPT && isEdit ? (
               <Textarea
-                ref={ref}
+                ref={divRefPrompt}
                 className="form-input h-full w-full rounded-lg custom-scroll focus-visible:ring-1"
                 value={inputValue}
                 onBlur={() => {
@@ -223,7 +226,7 @@ export default function GenericModal({
             <div className="mb-auto flex-1">
               {type === TypeModal.PROMPT && (
                 <div className=" mr-2">
-                  <div className="max-h-20 overflow-y-auto custom-scroll">
+                  <div ref={divRef} className="max-h-20 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">

From fe2525750e5de660c0bc8db5f4c5b93835d80941 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 13 Jul 2023 11:37:02 -0300
Subject: [PATCH 2/6] =?UTF-8?q?=F0=9F=94=A7=20chore(constants.tsx):=20add?=
 =?UTF-8?q?=20constant=20MAX=5FWORDS=5FHIGHLIGHT=20with=20a=20value=20of?=
 =?UTF-8?q?=20110=20for=20the=20maximum=20number=20of=20words=20to=20highl?=
 =?UTF-8?q?ight=20in=20tooltips=20=F0=9F=94=A7=20chore(index.css):=20add?=
 =?UTF-8?q?=20CSS=20class=20.code-nohighlight=20with=20different=20max-hei?=
 =?UTF-8?q?ght=20value=20for=20tooltips=20with=20fewer=20words=20to=20disp?=
 =?UTF-8?q?lay=20=F0=9F=94=A7=20chore(genericModal/index.tsx):=20add=20log?=
 =?UTF-8?q?ic=20to=20dynamically=20apply=20CSS=20class=20.code-nohighlight?=
 =?UTF-8?q?=20to=20tooltips=20with=20fewer=20words=20to=20display?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/constants.tsx                 |  6 ++++++
 src/frontend/src/index.css                     |  4 ++++
 src/frontend/src/modals/genericModal/index.tsx | 14 ++++++++++++--
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index b9dd2aa1f..4f01bafb4 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -11,6 +11,12 @@ import { buildInputs, buildTweaks } from "./utils";
  */
 export const MAX_LENGTH_TO_SCROLL_TOOLTIP = 200;
 
+/**
+ * Number maximum of components to scroll on tooltips
+ * @constant
+ */
+export const MAX_WORDS_HIGHLIGHT = 110;
+
 /**
  * The base text for subtitle of Export Dialog (Toolbar)
  * @constant
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index dfe862183..411da9ff7 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -935,6 +935,10 @@ The cursor: default; property value restores the browser's default cursor style
   .code-highlight{
     @apply block px-3 py-2 w-full max-h-[64vh] text-sm outline-0 border-0 break-all overflow-y-hidden
   }
+
+  .code-nohighlight{
+    @apply block px-3 py-2 w-full max-h-[70vh] text-sm outline-0 border-0 break-all overflow-y-hidden
+  }
   .form-modal-lockchat {
     @apply form-input focus:ring-ring focus:border-ring block w-full rounded-md border-border p-4 pr-16 custom-scroll sm:text-sm
   }
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 3565b1673..ca2ec585c 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -6,7 +6,7 @@ import { Badge } from "../../components/ui/badge";
 import { Button } from "../../components/ui/button";
 import { DialogTitle } from "../../components/ui/dialog";
 import { Textarea } from "../../components/ui/textarea";
-import { PROMPT_DIALOG_SUBTITLE, TEXT_DIALOG_SUBTITLE } from "../../constants";
+import { MAX_WORDS_HIGHLIGHT, PROMPT_DIALOG_SUBTITLE, TEXT_DIALOG_SUBTITLE } from "../../constants";
 import { alertContext } from "../../contexts/alertContext";
 import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
@@ -110,7 +110,7 @@ export default function GenericModal({
   const TextAreaContentView = () => {
     return (
       <SanitizedHTMLWrapper
-        className={"code-highlight"}
+        className={getClassByNumberLength()}
         content={coloredContent}
         onClick={() => {
           setIsEdit(true);
@@ -120,6 +120,16 @@ export default function GenericModal({
     );
   };
 
+  function getClassByNumberLength(){
+    let sumOfCaracteres: number = 0;
+    wordsHighlight.forEach(element => {
+      sumOfCaracteres = sumOfCaracteres + element.replace(/[{}]/g, "").length
+    });
+    console.log(sumOfCaracteres);
+    
+    return sumOfCaracteres > MAX_WORDS_HIGHLIGHT ? "code-highlight" : "code-nohighlight"
+  }
+
 
   function validatePrompt(closeModal: boolean) {
     postValidatePrompt(field_name, inputValue, nodeClass)

From 36844cdcdb349820106ea88e9620fcc7389e6147 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 13 Jul 2023 12:17:22 -0300
Subject: [PATCH 3/6] =?UTF-8?q?=F0=9F=94=A7=20fix(constants.tsx):=20reduce?=
 =?UTF-8?q?=20MAX=5FWORDS=5FHIGHLIGHT=20from=20110=20to=2079=20to=20limit?=
 =?UTF-8?q?=20the=20number=20of=20highlighted=20words=20in=20tooltips?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔥 chore(genericModal/index.tsx): remove console.log statement
---
 src/frontend/src/constants.tsx                 | 2 +-
 src/frontend/src/modals/genericModal/index.tsx | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx
index 4f01bafb4..9c167c271 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.tsx
@@ -15,7 +15,7 @@ export const MAX_LENGTH_TO_SCROLL_TOOLTIP = 200;
  * Number maximum of components to scroll on tooltips
  * @constant
  */
-export const MAX_WORDS_HIGHLIGHT = 110;
+export const MAX_WORDS_HIGHLIGHT = 79;
 
 /**
  * The base text for subtitle of Export Dialog (Toolbar)
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index ca2ec585c..b76a71c4b 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -125,8 +125,6 @@ export default function GenericModal({
     wordsHighlight.forEach(element => {
       sumOfCaracteres = sumOfCaracteres + element.replace(/[{}]/g, "").length
     });
-    console.log(sumOfCaracteres);
-    
     return sumOfCaracteres > MAX_WORDS_HIGHLIGHT ? "code-highlight" : "code-nohighlight"
   }
 

From 0e40bb0a87a4378648f023e42658b478f386ffb5 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 13 Jul 2023 13:37:33 -0300
Subject: [PATCH 4/6] =?UTF-8?q?=F0=9F=90=9B=20fix(index.css):=20swap=20col?=
 =?UTF-8?q?ors=20for=20chat=20bot=20and=20chat=20user=20icons=20to=20match?=
 =?UTF-8?q?=20their=20respective=20roles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 411da9ff7..ffba3b082 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -115,9 +115,9 @@
   --status-green: #4ade80;
   --status-blue: #2563eb;
   --connection: #555;
-
-  --chat-bot-icon: #4f3d6e;
-  --chat-user-icon: #235d70;
+  
+  --chat-bot-icon: #235d70;
+  --chat-user-icon: #4f3d6e;
 
 }}
 

From f2724f1116cec7650658f816413074e08ac3ba0e Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 13 Jul 2023 14:34:28 -0300
Subject: [PATCH 5/6] =?UTF-8?q?=F0=9F=90=9B=20fix(tabsContext.tsx):=20upda?=
 =?UTF-8?q?te=20stroke=20color=20of=20edges=20to=20use=20a=20shorter=20hex?=
 =?UTF-8?q?=20code=20for=20better=20readability=20=F0=9F=90=9B=20fix(tabsC?=
 =?UTF-8?q?ontext.tsx):=20update=20stroke=20color=20of=20edges=20to=20use?=
 =?UTF-8?q?=20a=20consistent=20color=20code=20for=20better=20consistency?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/contexts/tabsContext.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index a7ddf11f8..479131db2 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -195,7 +195,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     if (!flow.data || !flow.data.edges) return;
     flow.data.edges.forEach((edge) => {
       edge.className = "";
-      edge.style = { stroke: "#555555" };
+      edge.style = { stroke: "#555" };
     });
   }
 
@@ -472,7 +472,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
           sourceHandle,
           targetHandle,
           id,
-          style: { stroke: "inherit" },
+          style: { stroke: "#555" },
           className:
             targetHandle.split("|")[0] === "Text"
               ? "stroke-gray-800 "

From 38da096245d97053c51ea7efc22ad0505d3798de Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Thu, 13 Jul 2023 15:01:08 -0300
Subject: [PATCH 6/6] =?UTF-8?q?=F0=9F=90=9B=20fix(base.py):=20rename=20=5F?=
 =?UTF-8?q?remove=5Finvalid=5Fnodes()=20to=20=5Fvalidate=5Fnodes()=20for?=
 =?UTF-8?q?=20clarity=20and=20accuracy=20=F0=9F=94=A5=20chore(base.py):=20?=
 =?UTF-8?q?remove=20unnecessary=20check=20for=20single=20node=20and=20no?=
 =?UTF-8?q?=20edges=20in=20=5Fvalidate=5Fnodes()=20=F0=9F=94=A5=20chore(ba?=
 =?UTF-8?q?se.py):=20remove=20unused=20import=20statement=20=F0=9F=94=A5?=
 =?UTF-8?q?=20chore(base.py):=20remove=20unused=20=5Fvalidate=5Fnode()=20m?=
 =?UTF-8?q?ethod=20=F0=9F=94=A5=20chore(base.py):=20remove=20unused=20impo?=
 =?UTF-8?q?rt=20statement?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/backend/langflow/graph/graph/base.py | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/backend/langflow/graph/graph/base.py b/src/backend/langflow/graph/graph/base.py
index 86a2f98a9..0d93dd0db 100644
--- a/src/backend/langflow/graph/graph/base.py
+++ b/src/backend/langflow/graph/graph/base.py
@@ -60,7 +60,7 @@ class Graph:
         # the toolkit node
         self._build_node_params()
         # remove invalid nodes
-        self._remove_invalid_nodes()
+        self._validate_nodes()
 
     def _build_node_params(self) -> None:
         """Identifies and handles the LLM node within the graph."""
@@ -75,14 +75,13 @@ class Graph:
                 if isinstance(node, ToolkitVertex):
                     node.params["llm"] = llm_node
 
-    def _remove_invalid_nodes(self) -> None:
-        """Removes invalid nodes from the graph."""
-        self.nodes = [
-            node
-            for node in self.nodes
-            if self._validate_node(node)
-            or (len(self.nodes) == 1 and len(self.edges) == 0)
-        ]
+    def _validate_nodes(self) -> None:
+        """Check that all nodes have edges"""
+        for node in self.nodes:
+            if not self._validate_node(node):
+                raise ValueError(
+                    f"{node.vertex_type} is not connected to any other components"
+                )
 
     def _validate_node(self, node: Vertex) -> bool:
         """Validates a node."""