Modules: “Folders” Action Panel#

Module Folders is a flexible system for organizing elements in a hierarchical structure, allowing logical grouping of modules by projects, tasks, or their purposes. It helps quickly navigate large data sets, create multi-level nested directories, and visually distinguish them using color markers.

Location: access to folder management is available through the “Modules” section after clicking the “Folders” button in the top panel.

Available Actions:

• switch between table and card view display
• create new directories at the root or inside other folders
• edit the name and change the parent folder for existing records
• assign a unique color to each folder for quick visual search
• navigate inside folders and easily return through the navigation path
• filter content by name and safely delete unnecessary directories

Interface and Navigation#

To activate this mode, click the “Folders” button in the top panel. After that, the interface of the section will visually divide into several functional zones:

• Folder Cards — displayed at the top of the screen as compact colored tiles. Each card indicates the directory name. They function like traditional computer folders: one click takes you inside, where only its contents will be displayed.
• Module Cards — located right below the folders. Here, all modules stored at the current level are shown: at the system root or inside an open folder.
• Navigation Path — a special panel at the top of the screen that appears after entering any folder. It shows your exact location in the hierarchy. Click the “Modules” link or the name of any parent folder in this path to instantly move up several levels.
• Search Field — a universal tool for filtering. Enter a part of the name to instantly hide unnecessary items and leave on the screen only the folders or modules that match your query.

Folder Creation and Configuration#

To organize your workspace, you can create any number of folders. To do this, click the “Add folder” button in the top panel. The “Create folder” modal window will open with two main parameters:

• “Name” — a mandatory text field. Try to give folders short but clear names to simplify further navigation.
• “Parent folder” — a dropdown list that allows placing the new directory inside an existing one. A search field is also available in the list. If you want the folder to be at the highest root level, select the base option “Without folder”.

After filling in the data, click the “Save” button. The system will instantly create a new directory, display a green notification of successful creation, and the new card will appear in the selected location.

Additional Actions Menu#

Each folder card has its own mini-management menu. It opens by clicking the three dots icon in the top right corner of the card and offers three key actions:

• “Edit” — opens the “Edit folder” form, which is identical to the creation window. Here, you can change the folder name or completely move it to another part of the hierarchy by changing the parent folder.
• “Select color” — opens a visual palette. Assigning different colors helps create a convenient labeling system and find the necessary elements much faster visually. For example, you can use red for critical projects, green for completed ones, and blue for testing.
• “Delete folder” — initiates the process of completely deleting the directory from the system. After clicking, the “Delete folder” confirmation window appears to prevent accidental actions.

Workflow Scenario#