Add quick tag modal and keyboard shortcuts for bookmark management#27
Merged
pheuberger merged 7 commits intomainfrom Feb 5, 2026
Merged
Add quick tag modal and keyboard shortcuts for bookmark management#27pheuberger merged 7 commits intomainfrom
pheuberger merged 7 commits intomainfrom
Conversation
✅ Deploy Preview for hypermarkk ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Add quick action shortcuts for power users: - Shift+T: Open tag edit modal for selected bookmark - Shift+L: Toggle read later status - c: Copy URL to clipboard - o: Open selected bookmark (alias for Enter) Also adds QuickTagModal component for fast tag editing and updates HelpModal to document all shortcuts including d, g i, undo/redo. https://claude.ai/code/session_011LNAQ1835Z6ACAzS3fDeMv
Replace the basic tag modal with a Linear-inspired design: - Bookmark title header at top - Search/filter input field - List of tags with hash icons - Checkmarks for currently applied tags - Number keys (1-9) for instant tag toggling - j/k and arrow key navigation - Enter to toggle, Escape to close - Option to create new tags inline https://claude.ai/code/session_011LNAQ1835Z6ACAzS3fDeMv
- Use Ctrl+j/k instead of j/k for navigation (avoids conflict with typing) - Add Space key to toggle tags (Linear-style) - Add checkbox UI on left side for selected tags - Keep arrow keys and number keys (1-9) for navigation/quick toggle
pheuberger
force-pushed
the
claude/add-bookmark-shortcuts-sSe5s
branch
from
31f0e2d to
bf97579
Compare
Tag selector now works like Linear's label picker: - Track tag selections locally (not applied immediately) - Space: toggle tag selection - Enter: save all changes and close - Escape: discard changes and close - Arrow keys or Ctrl+j/k: navigate - 1-9: quick toggle by position This fixes the stale state issues and provides cleaner UX.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR adds a new quick tag modal and several keyboard shortcuts to improve bookmark management efficiency. Users can now quickly edit tags, toggle read later status, and copy URLs using keyboard shortcuts inspired by Linear's interface.
Key Changes
New QuickTagModal component (
src/components/ui/QuickTagModal.jsx)New keyboard shortcuts
Shift+T: Open tag edit modal for selected bookmarkShift+L: Toggle read later status for selected bookmarkc: Copy selected bookmark URL to clipboardo: Alternative shortcut to open selected bookmark (in addition to Enter)d: Delete selected bookmark (now documented)Updated HelpModal to document all new shortcuts in organized groups:
BookmarkList enhancements
isTagModalOpen,tagModalBookmark)getSelectedBookmark(),openTagModal(),toggleReadLaterSelected(),copySelectedUrl()Implementation Details
https://claude.ai/code/session_011LNAQ1835Z6ACAzS3fDeMv