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

src/frontend/src/pages/MainPage/components/componentsComponent/index.tsx

@@ -270,18 +270,6 @@ export default function ComponentsComponent({
   return (
     <>
       <div className="flex w-full gap-4 pb-5">
-        <Button
-          variant="outline"
-          size="sm"
-          onClick={handleImport}
-          className="flex-shrink-0 text-sm"
-        >
-          <ForwardedIconComponent
-            name="FileUp"
-            className="h-5 w-5 text-primary"
-          />
-          Upload Flow
-        </Button>
         {allFlows?.length > 0 && (
           <HeaderComponent
             handleDelete={() => handleSelectOptionsChange("delete")}

src/frontend/src/pages/MainPage/components/headerComponent/index.tsx

@@ -31,7 +31,7 @@ const HeaderComponent = ({
 
   return (
     <>
-      <div className="grid w-full grid-cols-3">
+      <div className="flex w-full items-center justify-between gap-4">
         <div className="flex items-center justify-self-start">
           <Button
             variant="none"
@@ -47,7 +47,7 @@ const HeaderComponent = ({
             </div>
           </Button>
         </div>
-        <div className="col-span-2 flex grid-cols-1 items-center gap-2 justify-self-end">
+        <div className="flex items-center gap-2">
           <div>
             <ShadTooltip
               content={

src/frontend/src/pages/SettingsPage/index.tsx

@@ -8,7 +8,7 @@ import useFlowsManagerStore from "../../stores/flowsManagerStore";
 export default function SettingsPage(): JSX.Element {
   const pathname = location.pathname;
   const setCurrentFlowId = useFlowsManagerStore(
-    (state) => state.setCurrentFlowId
+    (state) => state.setCurrentFlowId,
   );
   useEffect(() => {
     setCurrentFlowId("");
@@ -59,7 +59,10 @@ export default function SettingsPage(): JSX.Element {
       title: "Messages",
       href: "/settings/messages",
       icon: (
-        <ForwardedIconComponent name="Keyboard" className="w-5 stroke-[1.5]" />
+        <ForwardedIconComponent
+          name="MessagesSquare"
+          className="w-4 flex-shrink-0 justify-start stroke-[1.5]"
+        />
       ),
     },
   ];
@@ -72,8 +75,10 @@ export default function SettingsPage(): JSX.Element {
         <aside className="flex h-full shrink-0 flex-col space-y-6 lg:w-[20vw]">
           <SidebarNav items={sidebarNavItems} />
         </aside>
-        <div className="h-full w-full flex-1 pb-8">
-          <Outlet />
+        <div className="flex h-full w-full flex-1 flex-col">
+          <div className="flex-1 pb-8">
+            <Outlet />
+          </div>
         </div>
       </div>
     </PageLayout>

src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx

@@ -27,7 +27,7 @@ export default function MessagesPage() {
     setSelectedRows,
     setSuccessData,
     setErrorData,
-    selectedRows
+    selectedRows,
   );
 
   const { handleUpdate } = useUpdateMessage(setSuccessData, setErrorData);
@@ -52,7 +52,7 @@ export default function MessagesPage() {
         handleRemoveMessages={handleRemoveMessages}
       />
 
-      <div className="flex h-full w-full flex-col justify-between pb-8">
+      <div className="flex h-full w-full flex-col justify-between">
         <Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4">
           <CardContent className="h-full">
             <TableComponent
@@ -64,7 +64,7 @@ export default function MessagesPage() {
               overlayNoRowsTemplate="No data available"
               onSelectionChanged={(event: SelectionChangedEvent) => {
                 setSelectedRows(
-                  event.api.getSelectedRows().map((row) => row.index)
+                  event.api.getSelectedRows().map((row) => row.index),
                 );
               }}
               rowSelection="multiple"

src/frontend/src/utils/styleUtils.ts

@@ -56,6 +56,7 @@ import {
   FolderIcon,
   FolderPlus,
   FolderPlusIcon,
+  FolderUp,
   FormInput,
   Forward,
   Gift,
@@ -431,6 +432,7 @@ export const nodeIconsLucide: iconsType = {
   ChevronLeft,
   SlidersHorizontal,
   Palette,
+  FolderUp,
   Blocks,
   ChevronDown,
   ArrowLeft,