🛠️ Feature Enhancement: Drag-and-Drop Sorting for Note Links Component: Note Creation Dialog Feature Name: Link Reordering via Drag-and-Drop Purpose: Allow users to manually reorder up to 10 attached links in a note using an intuitive drag-and-drop interface. ✅ Functional Requirements UI Behavior Each Link URL input field becomes a draggable item. Users can click and drag any link input to reorder its position within the list. Visual feedback during drag: Highlighted drop zones Placeholder spacing Smooth animation for repositioning Reordering updates the internal link array in real time. Constraints Maximum of 10 link inputs. Dragging is only enabled when more than one link input is present. Reordering must preserve the updated order on form submission, CSV export, and database storage. 🗃️ Data Model & Persistence Database: If using a normalized note_links table: Ensure position column (1–10) reflects the current order. Update position values on drag-and-drop. CSV Export: Exported columns link_1 through link_10 must reflect the current order. CSV Import: Imported links are assumed to be in order from link_1 to link_10. On import, assign position values accordingly. 🧠 UX Considerations Use a drag handle icon (e.g., ☰ or ≡) to indicate draggable rows. Optional: allow keyboard-based reordering for accessibility. Optional: show link preview or favicon beside each input for visual context.