merge with dev

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

@@ -122,7 +122,7 @@ export default function Header(): JSX.Element {
             <div className="header-github-display">{stars ?? 0}</div>
           </a>
           <a
-            href="https://twitter.com/logspace_ai"
+            href="https://twitter.com/langflow_ai"
             target="_blank"
             rel="noreferrer"
             className="text-muted-foreground"

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

@@ -110,6 +110,13 @@ export default function Page({
         ) {
           event.preventDefault();
           setLastCopiedSelection(_.cloneDeep(lastSelection));
+        } else if (
+          (event.ctrlKey || event.metaKey) &&
+          event.key === "x" &&
+          lastSelection
+        ) {
+          event.preventDefault();
+          setLastCopiedSelection(_.cloneDeep(lastSelection), true);
         } else if (
           (event.ctrlKey || event.metaKey) &&
           event.key === "v" &&

src/frontend/src/stores/flowStore.ts

@@ -270,7 +270,29 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
     });
     get().setEdges(newEdges);
   },
-  setLastCopiedSelection: (newSelection) => {
+  setLastCopiedSelection: (newSelection, isCrop = false) => {
+    if (isCrop) {
+      const nodesIdsSelected = newSelection!.nodes.map((node) => node.id);
+      const edgesIdsSelected = newSelection!.edges.map((edge) => edge.id);
+
+      nodesIdsSelected.forEach((id) => {
+        get().deleteNode(id);
+      });
+
+      edgesIdsSelected.forEach((id) => {
+        get().deleteEdge(id);
+      });
+
+      const newNodes = get().nodes.filter(
+        (node) => !nodesIdsSelected.includes(node.id)
+      );
+      const newEdges = get().edges.filter(
+        (edge) => !edgesIdsSelected.includes(edge.id)
+      );
+
+      set({ nodes: newNodes, edges: newEdges });
+    }
+
     set({ lastCopiedSelection: newSelection });
   },
   cleanFlow: () => {

src/frontend/src/stores/typesStore.ts

@@ -23,7 +23,7 @@ export const useTypesStore = create<TypesStoreType>((set, get) => ({
             data: { ...old.data, ...data },
             templates: templatesGenerator(data),
           }));
-          setLoading(false)
+          setLoading(false);
           resolve();
         })
         .catch((error) => {

src/frontend/src/types/zustand/flow/index.ts

@@ -76,7 +76,8 @@ export type FlowStoreType = {
   ) => void;
   lastCopiedSelection: { nodes: any; edges: any } | null;
   setLastCopiedSelection: (
-    newSelection: { nodes: any; edges: any } | null
+    newSelection: { nodes: any; edges: any } | null,
+    isCrop?: boolean
   ) => void;
   cleanFlow: () => void;
   setFilterEdge: (newState) => void;