I already have an HTML page that shows shift assignments in FullCalendar’s timeline view and a separate list of employee cards, each made draggable through jQuery UI. When I change the order of those cards, I want the matching row in the calendar to follow automatically so the visual order stays consistent. The calendar is otherwise functioning, so the task is limited to wiring up that drag-reorder event and adjusting FullCalendar’s resource/timeline rows on the fly. While doing so, please make sure any other jQuery UI drag-and-drop behaviour I have in place continues to work unchanged. Deliverable • Clean JavaScript code (plain JS or a small helper function) that listens for the card reorder, updates the corresponding resource order in FullCalendar, and refreshes the view without a full reload.