Merge branch 'dev' of https://github.com/langflow-ai/langflow into dev

.gitignore

@@ -266,3 +266,7 @@ stuff/*
 src/frontend/playwright-report/index.html
 *.bak
 prof/*
+.langchain.db-shm
+.langchain.db-wal
+langflow.db-shm
+langflow.db-wal

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

@@ -2,6 +2,8 @@ from typing import Optional
 
 from langflow.base.io.chat import ChatComponent
 from langflow.schema.message import Message
+from langflow.field_typing import Text
+from typing import Union
 
 
 class ChatInput(ChatComponent):
@@ -26,7 +28,7 @@ class ChatInput(ChatComponent):
         input_value: Optional[str] = None,
         files: Optional[list[str]] = None,
         session_id: Optional[str] = None,
-    ) -> Message:
+    ) -> Union[Message, Text]:
         return super().build_with_record(
             sender=sender,
             sender_name=sender_name,

src/frontend/package-lock.json

@@ -48,7 +48,7 @@
         "file-saver": "^2.0.5",
         "framer-motion": "^11.0.6",
         "lodash": "^4.17.21",
-        "lucide-react": "^0.331.0",
+        "lucide-react": "^0.394.0",
         "million": "^3.0.6",
         "moment": "^2.29.4",
         "openseadragon": "^4.1.1",
@@ -8613,9 +8613,9 @@
       }
     },
     "node_modules/lucide-react": {
-      "version": "0.331.0",
+      "version": "0.394.0",
-      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.331.0.tgz",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.394.0.tgz",
-      "integrity": "sha512-CHFJ0ve9vaZ7bB2VRAl27SlX1ELh6pfNC0jS96qGpPEEzLkLDGq4pDBFU8RhOoRMqsjXqTzLm9U6bZ1OcIHq7Q==",
+      "integrity": "sha512-PzTbJ0bsyXRhH59k5qe7MpTd5MxlpYZUcM9kGSwvPGAfnn0J6FElDwu2EX6Vuh//F7y60rcVJiFQ7EK9DCMgfw==",
       "peerDependencies": {
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
       }

src/frontend/package.json

@@ -43,7 +43,7 @@
     "file-saver": "^2.0.5",
     "framer-motion": "^11.0.6",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.331.0",
+    "lucide-react": "^0.394.0",
     "million": "^3.0.6",
     "moment": "^2.29.4",
     "openseadragon": "^4.1.1",

src/frontend/src/CustomNodes/GenericNode/index.tsx

@@ -110,7 +110,7 @@ export default function GenericNode({
   };
 
   const renderIconStatus = () => {
-    return iconStatus;
+    return <div className="cursor-help">{iconStatus}</div>;
   };
 
   const getNodeBorderClassName = (
@@ -518,30 +518,6 @@ export default function GenericNode({
             {showNode && (
               <>
                 <div className="flex flex-shrink-0 items-center gap-2">
-                  <Button
-                    onClick={() => {
-                      if (buildStatus === BuildStatus.BUILDING || isBuilding)
-                        return;
-                      setValidationStatus(null);
-                      buildFlow({ stopNodeId: data.id });
-                    }}
-                    variant="none"
-                    size="none"
-                    className="group p-1"
-                  >
-                    <div
-                      data-testid={
-                        `button_run_` + data?.node?.display_name.toLowerCase()
-                      }
-                    >
-                      <IconComponent
-                        name="Play"
-                        className={
-                          "h-5 w-5 fill-current stroke-2 text-muted-foreground transition-all group-hover:text-medium-indigo group-hover/node:opacity-100"
-                        }
-                      />
-                    </div>
-                  </Button>
                   <ShadTooltip
                     content={
                       buildStatus === BuildStatus.BUILDING ? (
@@ -573,6 +549,30 @@ export default function GenericNode({
                   >
                     {renderIconStatus()}
                   </ShadTooltip>
+                  <Button
+                    onClick={() => {
+                      if (buildStatus === BuildStatus.BUILDING || isBuilding)
+                        return;
+                      setValidationStatus(null);
+                      buildFlow({ stopNodeId: data.id });
+                    }}
+                    variant="none"
+                    size="none"
+                    className="group p-1"
+                  >
+                    <div
+                      data-testid={
+                        `button_run_` + data?.node?.display_name.toLowerCase()
+                      }
+                    >
+                      <IconComponent
+                        name="Play"
+                        className={
+                          "h-5 w-5 fill-current stroke-2 text-muted-foreground transition-all group-hover:text-medium-indigo group-hover/node:opacity-100"
+                        }
+                      />
+                    </div>
+                  </Button>
                 </div>
               </>
             )}

src/frontend/src/CustomNodes/hooks/use-icons-status.tsx

@@ -1,4 +1,7 @@
+import ForwardedIconComponent from "../../components/genericIconComponent";
+import Checkmark from "../../components/ui/checkmark";
 import Loading from "../../components/ui/loading";
+import Xmark from "../../components/ui/xmark";
 import { BuildStatus } from "../../constants/enums";
 import { VertexBuildTypeAPI } from "../../types/api";
 import { cn } from "../../utils/utils";
@@ -21,18 +24,29 @@ const useIconStatus = (
       return <Loading className="text-medium-indigo" />;
     } else {
       return (
-        <div
+        <>
-          className={cn(
+          {conditionSuccess ? (
-            "h-4 w-4 shrink-0 cursor-pointer rounded-full",
+            <Checkmark
-            conditionSuccess
+              className="h-6 w-6 stroke-2 text-status-green transition-all"
-              ? "bg-status-green"
+              isVisible={true}
-              : conditionInactive
+            />
-                ? "bg-status-gray"
+          ) : conditionInactive ? (
-                : conditionError
+            <ForwardedIconComponent
-                  ? "bg-status-red"
+              name="Ellipsis"
-                  : "bg-muted-foreground/40",
+              className="h-6 w-6 fill-current stroke-2 text-status-gray opacity-30"
+            />
+          ) : conditionError ? (
+            <Xmark
+              isVisible={true}
+              className="h-6 w-6 fill-current stroke-2 text-status-red"
+            />
+          ) : (
+            <ForwardedIconComponent
+              name="Ellipsis"
+              className="h-6 w-6 fill-current stroke-2 text-status-gray opacity-70"
+            />
           )}
-        />
+        </>
       );
     }
   };

src/frontend/src/components/ui/checkmark.tsx

@@ -7,7 +7,7 @@ export default function Checkmark({ initial = true, isVisible, className }) {
           xmlns="http://www.w3.org/2000/svg"
           fill="none"
           viewBox="0 0 24 24"
-          strokeWidth={1.5}
+          strokeWidth={2}
           stroke="currentColor"
           className={"CheckIcon " + className}
         >

src/frontend/src/utils/styleUtils.ts

@@ -40,6 +40,7 @@ import {
   Download,
   DownloadCloud,
   Edit,
+  Ellipsis,
   Eraser,
   ExternalLink,
   Eye,
@@ -530,6 +531,7 @@ export const nodeIconsLucide: iconsType = {
   ScreenShare,
   Code,
   Type,
+  Ellipsis,
   Braces,
   FlaskConical,
   AlertCircle,