Fixed and added conditions to flows without chat

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"

src/frontend/src/modals/formModal/index.tsx

@@ -333,7 +333,6 @@ export default function FormModal({
   }, [open]);
 
   function sendMessage() {
-    if (chatValue !== "") {
     let nodeValidationErrors = validateNodes(reactFlowInstance);
     if (nodeValidationErrors.length === 0) {
       setLockChat(true);
@@ -354,6 +353,7 @@ export default function FormModal({
         description: flow.description,
       });
       setTabsState((old) => {
+        if (!chatKey) return old;
         let newTabsState = _.cloneDeep(old);
         newTabsState[id.current].formKeysData.input_keys[chatKey] = "";
         return newTabsState;
@@ -364,12 +364,6 @@ export default function FormModal({
         list: nodeValidationErrors,
       });
     }
-    } else {
-      setErrorData({
-        title: "Error sending message",
-        list: ["The message cannot be empty."],
-      });
-    }
   }
   function clearChat() {
     setChatHistory([]);
@@ -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