Add inline tab renaming functionality #4
Description
Proposal
Introduce the ability to rename tabs directly in the UI, enhancing the user experience by allowing seamless updates to tab names.
Why?
Currently, the application does not provide a way to rename tabs. Adding this feature will:
- Improve the usability of the application by allowing users to manage tabs more effectively.
- Align with common UX patterns in similar tools.
Implementation
- Updated the Tab component to support inline renaming using an input field.
- Added updateTab functionality to the store for persisting name changes.
- Included visual enhancements, such as a subtle transition for the renaming input.
How it works
- Users can click on a tab name to activate an input field for editing.
- The new name is saved when the user presses Enter or blurs the input field.
- Changes are immediately reflected across the application.
GIFs
