(UX) File Gallery: Inline Renaming & Quick Deletion

[n2ojim]

Scope & Context

Building upon the new Grid/Gallery view for file fields (#21726 ), users need quick and direct ways to manage individual files without opening complex menus. This ticket adds inline renaming and a quick deletion action to the file thumbnails.

Current behavior

Users cannot easily rename a file directly from the edit view without multiple clicks. Deleting a file from the list also requires interacting with small, sometimes hidden menus.

Expected behavior

1. Inline Renaming: In the new Gallery view, clicking directly on the file name text (displayed below the thumbnail) should transform the text into an input field, allowing inline renaming of the file.
2. Quick Deletion: When a user hovers over a thumbnail in the grid, a small, distinct 'X' (or trash) icon should appear in the top right corner. Clicking it should instantly prompt for deletion or remove the attachment.

Technical inputs

• Implement an inline edit text input component that toggles state when the file name text is clicked.
• Trigger a file update mutation to save the new name onBlur or onEnter.
• Add a hover state overlay on the thumbnail component to display the deletion action icon.
• Trigger the standard file deletion mutation when the 'X' is clicked.