Drag and Drop Scenario Reordering for Condition Agent node

[daffaalex22]

Feature Description

There should be an area to the left side of each scenario item, that user can drag and drop to reorder the scenarios for Condition Agent node

Feature Category

UI/UX Improvement

Problem Statement

It's annoying to fix the Condition Agent node without being able to reorder

Proposed Solution

No response

Mockups or References

No response

Additional Context

No response

[TianHougege]

Hi, maybe we can support this with simple Up/Down buttons. A small proposal:
1.drag-and-drop would require adding a new dependency (e.g., dnd-kit), which increases complexity.
2.up/down buttons can reorder scenarios cleanly with predictable logic.
3.to avoid key={index} issues after reordering, I’ll keep a local UUID-based itemKeys array and swap it together with arrayItems (no schema changes).

Does this approach sound reasonable? I’d like to try implementing it and open a PR.

[daffaalex22]

Sounds great! @TianHougege

[mnk-nasir]

Hi @FlowiseAI team, I'd like to take a look at this! > My proposed approach to enable Drag-and-Drop reordering for the Condition Agent:

State Management: Ensure the actions or items array in the IfElse node maps to a unique ID for stable reordering.

UI Component: Wrap the condition rows in a SortableContext from @dnd-kit/sortable.

Visual Cue: Add a drag handle icon (⠿) to the left of each condition row so users know it's interactive.

Logic Update: On onDragEnd, update the internal state of the node and trigger the onFlowConfigUpdate to ensure the flow is saved with the new order.

Is anyone currently working on this, or can I proceed with a PR?