Enhance workflow editor with undo/redo, tidy layout, and icon updates

frontend
25.1
enhancement
Published

October 7, 2025

This update enhances the workflow editor with several new features and improvements, including undo and redo functions that let you easily revert or reapply changes, tidy and reset layout options that help organise your workflow visually, and a save button that appears only when there are changes to save.

https://github.com/user-attachments/assets/24600dba-65e0-4752-a787-c8e7aa4a0f1a

Without auto layout With auto layout
A complex workflow diagram is displayed on a white background, showing interconnected nodes with lines indicating flow between them. The nodes are color-coded in green, orange, blue, and red, each representing different stages or actions within the workflow. On the left side, a vertical menu lists options such as Dashboard, Projects, and Settings, with the current selection highlighted. Above the diagram, a header bar includes navigation breadcrumbs and a button labeled Edit Workflow. To the left of the diagram, a panel titled Workflow Details provides information about the workflow, including its name and status, with options to view history and settings. A complex flowchart diagram is displayed on a white background, illustrating a hierarchical structure with nodes and connecting lines. The nodes are color-coded in shades of blue, green, red, and purple, each labeled with text indicating different stages or components, though the specific text is not legible. On the left side, a vertical sidebar menu is visible with various icons and labels, suggesting navigation options. At the top, there is a header bar containing the title Model Identification with additional buttons labeled Edit and Share. The overall layout suggests a detailed process or system map with multiple branching paths and connections.
A flowchart diagram displayed on a white background, showing a complex network of interconnected nodes and pathways. The nodes are color-coded in blue, green, red, and purple, each connected by lines indicating the flow or relationship between them. On the left side, a sidebar menu titled Lucidchart includes options like File, Edit, View, and Insert, with a highlighted section labeled Model Settings. At the top, a header bar contains the document title IL-2 - All Steps Validation with a green Published status indicator. The layout emphasizes the central flowchart, with the sidebar and header providing navigation and document information. A flowchart diagram is displayed on a white background, showing a hierarchical structure with various colored text boxes connected by lines. The text boxes contain labels and are arranged vertically, with some branching horizontally. On the left side, a sidebar menu is visible with options and icons, including a highlighted section titled All Steps Validation. At the top, there is a header with navigation links and a search bar. The flowchart uses different colors to differentiate elements, with lines indicating relationships and flow between the boxes.

Now it is easier to keep your workflows tidy.