Merge branch 'zustand/io/migration' of personal:logspace-ai/langflow into zustand/io/migration

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

@@ -88,7 +88,6 @@ export default function ParameterComponent({
   const myData = useTypesStore((state) => state.data);
 
   const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot);
-  console.log(title, color);
 
   const handleRefreshButtonPress = async (name, data) => {
     setIsLoading(true);

src/frontend/src/modals/IOModal/index.tsx

@@ -232,7 +232,7 @@ export default function IOModal({
                     className="api-modal-tabs-content mt-4"
                   >
                     <div className="mx-2 mb-2 flex items-center gap-2 text-sm font-bold">
-                      <IconComponent className="h-4 w-4" name={"FileType2"} />
+                      <IconComponent className="h-4 w-4" name={"Type"} />
                       {OUTPUTS_MODAL_TITLE}
                     </div>
                     {nodes

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -276,7 +276,8 @@ export default function ExtraSidebar(): JSX.Element {
         >
           <IconComponent
             name={search ? "X" : "Search"}
-            className={`h-5 w-5 stroke-[1.5] text-primary ${search ? "cursor-pointer" : "cursor-default"
+            className={`h-5 w-5 stroke-[1.5] text-primary ${
+              search ? "cursor-pointer" : "cursor-default"
             }`}
             aria-hidden="true"
           />
@@ -284,13 +285,9 @@ export default function ExtraSidebar(): JSX.Element {
       </div>
       <Separator />
       <div className="side-bar-components-div-arrangement">
-        <div
-          className="parent-disclosure-arrangement"
-        >
-          <div className="flex gap-4 items-center align-middle">
-            <span className="parent-disclosure-title">
-              Core Components
-            </span>
+        <div className="parent-disclosure-arrangement">
+          <div className="flex items-center gap-4 align-middle">
+            <span className="parent-disclosure-title">Core Components</span>
           </div>
         </div>
         {Object.keys(dataFilter)

src/frontend/src/style/applies.css

@@ -917,7 +917,7 @@
     @apply mr-2 h-5 w-5 rotate-[44deg];
   }
   .form-modal-play-icon {
-    @apply mx-1 h-5 w-5;
+    @apply mx-1 h-5 w-5 fill-inherit;
   }
   .form-modal-chat-position {
     @apply flex-max-width px-2 py-6 pl-4 pr-9;

src/frontend/src/utils/buildUtils.ts

@@ -204,14 +204,13 @@ export async function buildVertices({
     if (stop) {
       break;
     }
-
+  }
   if (onBuildComplete) {
     const allNodesValid = buildResults.every((result) => result);
     onBuildComplete(allNodesValid);
     useFlowStore.getState().setIsBuilding(false);
   }
 }
-}
 async function buildVertex({
   flowId,
   id,