App Flow: List panel

App Flow: list panel

This tour focuses on the list panel in Workflows > App Flows: browsing App Flows (the isolated flow type), organizing with folders, searching, and opening in the dedicated editor.

NOTE: App Flows (in this panel) are isolated workflows that return results. Page Flows run inside a page; Inline Flows are action sequences inside event handlers.

Browse

Folders + flows Project structure

Find fast

Search flows Quick access

Open editor

Edit steps Full workspace

Use the list panel to find and organize App Flows (isolated workflows).

Open a flow in the dedicated editor for focused editing.

For Page Flows and Inline Flows, you create them inside pages (App Connect).

Flows list panel

This panel is where you browse your App Flows. You can expand folders, select a flow, and keep larger projects organized.

Screenshot: Flows list panelClick to open the larger image

Organize flows with folders

Use folders to group flows by feature (auth, onboarding, cart, admin) or by lifecycle (init, navigation, error handling).

Folders are organization only — the flow’s logic is defined when you open it.

Screenshot: Organize flows with foldersClick to open the larger image

Search flows

Use search to quickly find an App Flow by name, especially in large projects. This step matters because Search flows is part of Manager Appflows, and understanding that context makes the next action easier to repeat in your own project.

Screenshot: Search flowsClick to open the larger image

Refresh the tree

Use refresh to reload the list when files change (or after you add / rename flows). This step matters because Refresh the tree is part of Manager Appflows, and understanding that context makes the next action easier to repeat in your own project.

Screenshot: Refresh the treeClick to open the larger image

Panel help

This help button can start the built-in panel tour (if available for your version/config). This step matters because Panel help is part of Manager Appflows, and understanding that context makes the next action easier to repeat in your own project.

Screenshot: Panel helpClick to open the larger image

Opening a selected flow

After you select an App Flow in the list, you can open it in the dedicated editor for focused editing of triggers, steps, and branching.

Select an App Flow in the list first.

Open it in the dedicated editor when you want to edit the flow itself.

Screenshot: Opening a selected flowClick to open the larger image

Wrap-up

Review what you did and choose a next tour.

Next steps

Pick a related tour to continue.