Skip to content

Node Context Menu Improvements #4540

@petrapaz

Description

@petrapaz

figma design

figma live preview

For now, the Alert Dialog stays since deletion is still triggered by the icon.
The new popover interaction should be implemented once the context menu replaces icon-based actions.

Description:

  • Currently the node deletion confirmation uses an Alert Dialog because deletion is triggered directly from an icon. In the future, we should move this interaction to a Popover-based context menu using shadcn components.
  • This ticket tracks improvements to the node context interaction and the eventual migration away from icon-based destructive actions.

Proposed Changes:

  • Replace the current deletion confirmation flow with a shadcn Popover
  • Configure onInteractOutside={false} to prevent accidental closing when clicking outside
  • Move destructive actions (e.g., delete) from icon buttons into the node context menu
  • Remove direct delete icons once the context menu approach is implemented
  • Introduce a standardized reusable component for node action popovers/menus

TO DO list:

  • Add node actions to context menu - copy / paste
  • Add info action to context menu - opens a panel with info
  • Remove delete icon and Reset position icon from node UI
  • Delete pop-over - custom component for reuse across node interactions
  • Set onInteractOutside={false} for critical confirmation flows
  • Replace existing alert dialogs with the new interaction where appropriate

Metadata

Metadata

Assignees

Labels

frontendConcerning any and all frontend issues

Type

Projects

Status

No status

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions