Formated code

src/frontend/src/constants/constants.ts

@@ -1,6 +1,5 @@
 // src/constants/constants.ts
 
-import { MessageSquare } from "lucide-react";
 import { languageMap } from "../types/components";
 
 /**

src/frontend/src/constants/enums.ts

@@ -3,6 +3,6 @@
  * @enum
  */
 export enum TypeModal {
-    TEXT = 1,
-    PROMPT = 2,
-  }
+  TEXT = 1,
+  PROMPT = 2,
+}

src/frontend/src/modals/ApiModal/index.tsx

@@ -41,15 +41,18 @@ import {
   TabsList,
   TabsTrigger,
 } from "../../components/ui/tabs";
-import {
-  EXPORT_CODE_DIALOG,
-} from "../../constants/constants";
+import { EXPORT_CODE_DIALOG } from "../../constants/constants";
 import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow/index";
 import { buildTweaks } from "../../utils/reactflowUtils";
-import { classNames, getPythonApiCode, getCurlCode, getPythonCode, } from "../../utils/utils";
+import {
+  classNames,
+  getCurlCode,
+  getPythonApiCode,
+  getPythonCode,
+} from "../../utils/utils";
 export default function ApiModal({ flow }: { flow: FlowType }) {
   const [open, setOpen] = useState(true);
   const { dark } = useContext(darkContext);

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

@@ -60,7 +60,10 @@ export default function ChatMessage({
                 onClick={() => setHidden((prev) => !prev)}
                 className="form-modal-chat-icon-div"
               >
-                <IconComponent name="MessageSquare" className="form-modal-chat-icon" />
+                <IconComponent
+                  name="MessageSquare"
+                  className="form-modal-chat-icon"
+                />
               </div>
             )}
             {chat.thought && chat.thought !== "" && !hidden && (

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

@@ -586,7 +586,10 @@ export default function FormModal({
                         <span className="langflow-chat-desc-span">
                           Start a conversation and click the agent's thoughts{" "}
                           <span>
-                            <IconComponent name="MessageSquare" className="mx-1 inline h-5 w-5 animate-bounce " />
+                            <IconComponent
+                              name="MessageSquare"
+                              className="mx-1 inline h-5 w-5 animate-bounce "
+                            />
                           </span>{" "}
                           to inspect the chaining process.
                         </span>

src/frontend/src/modals/genericModal/index.tsx

@@ -19,7 +19,11 @@ import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { postValidatePrompt } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
-import { classNames, getRandomKeyByssmm, varHighlightHTML } from "../../utils/utils";
+import {
+  classNames,
+  getRandomKeyByssmm,
+  varHighlightHTML,
+} from "../../utils/utils";
 import BaseModal from "../baseModal";
 
 export default function GenericModal({

src/frontend/src/types/components/index.ts

@@ -171,4 +171,4 @@ export type IconComponentProps = {
 
 export interface languageMap {
   [key: string]: string | undefined;
-};
+}

src/frontend/src/utils/styleUtils.ts

@@ -38,6 +38,7 @@ import {
   LucideSend,
   Menu,
   MessageCircle,
+  MessageSquare,
   MessagesSquare,
   MoonIcon,
   Paperclip,
@@ -61,7 +62,6 @@ import {
   X,
   XCircle,
   Zap,
-  MessageSquare,
 } from "lucide-react";
 import { Edge, Node } from "reactflow";
 import { AirbyteIcon } from "../icons/Airbyte";