[UX Enhancement]: Edit and Delete buttons too close in Tools + Actions causing accidental deletions

[mbochneak]

What happened?

In the "Tools + Actions" section, the Edit button and Delete (trash can) button are positioned very close together, leading to frequent accidental deletions when users intend to edit items. This creates a frustrating UX where users accidentally trigger destructive actions.

Expected Behavior:

• Edit and Delete buttons should have adequate spacing to prevent accidental clicks
• Destructive actions (delete) should have visual separation or confirmation dialogs
• UI should follow accessibility best practices for button placement

Actual Behavior:

• Edit and Delete buttons are adjacent with minimal spacing
• Easy to accidentally click delete when targeting edit
• No visual warning or confirmation for destructive actions

Impact:

• Users accidentally delete items they meant to edit
• Creates anxiety when interacting with the interface
• Reduces confidence in using the editing features
• Potential data loss from accidental deletions

Version Information

librechat-custom:latest (cbe571184d0d) - 2 days ago
ghcr.io/danny-avila/librechat-rag-api-dev-lite:latest (fe4f4608cbf8) - 2 months ago

Steps to Reproduce

1. Navigate to any section with "Tools + Actions"
2. Observe the Edit and Delete button placement
3. Attempt to click Edit on an item
4. Notice how close the Delete button is positioned
5. Experience accidental deletion when aiming for Edit

Suggested Solutions

• Increase spacing between Edit and Delete buttons
• Add confirmation dialog for delete actions
• Visual distinction (different colors, icons, or styling)
• Reorder buttons to place less destructive actions first
• Consider grouping destructive actions separately

What browsers are you seeing the problem on?

Chrome

Relevant log output

No specific errors - this is a UX/accessibility improvement request

Code of Conduct

• I agree to follow this project's Code of Conduct

[danny-avila]

Thanks for the suggestion. Do you mind sharing a video/screenshot of where you are seeing this exactly?

[mbochneak]

Screen.Recording.2025-07-09.at.4.10.00.PM.mov

(I am purposefully trying to trigger it here, but is frequent. I do love this UI for Tools, slick improvement.)