Sortable shortcuts

[rebelchris]

See discussions and screenshots here:
dailydotdev/daily#747

Just the frontend part, we can do the storing on API repo

[rebelchris]

@claude can you give this a go

[claude]

Claude finished @rebelchris's task in 4m 21s —— View job • claude/issue-5246-20260106-1154 • Create PR ➔

---

Sortable shortcuts implementation complete! ✅

• Gather context from linked issue and codebase
• Install drag-and-drop library (@dnd-kit)
• Add sortable functionality to ShortcutLinksList component
• Add sortable functionality to LinksForm component
• Update hooks to handle link reordering
• Test and commit changes

Implementation Summary

I've successfully implemented drag-and-drop sorting for shortcuts. Here's what was added:

Dependencies:

• Added @dnd-kit/core, @dnd-kit/sortable, and @dnd-kit/utilities for smooth drag-and-drop functionality

Features:

• ✅ Shortcuts list is now sortable with horizontal drag-and-drop
• ✅ Form inputs in the management modal are sortable with vertical drag-and-drop
• ✅ Sorting only works for custom links (manual mode), not for browser top sites
• ✅ Order persists automatically when dragging shortcuts in the list
• ✅ Visual feedback during drag (items become semi-transparent)
• ✅ Keyboard accessibility support included

Files Modified:

• packages/shared/package.json - Added dnd-kit dependencies
• packages/extension/src/newtab/ShortcutLinks/ShortcutLinksList.tsx - Added drag-and-drop context
• packages/extension/src/newtab/ShortcutLinks/ShortcutLinksItem.tsx - Made items sortable
• packages/extension/src/newtab/ShortcutLinks/ShortcutLinks.tsx - Added reorder handler
• packages/shared/src/features/shortcuts/components/LinksForm.tsx - Made form inputs sortable

---