feat(FN-1670): add roadmap drag-and-drop with milestone and feature reordering

- Implement RoadmapsView component with drag-and-drop support for milestones and features
- Add milestone reorder via drag-and-drop with optimistic UI updates and API persistence
- Add feature reorder within milestones and cross-milestone move support
- Add useRoadmaps hook with full CRUD API for roadmaps, milestones, and features
- Add /roadmaps route with sidebar navigation to roadmap views
- Add comprehensive tests for API, useRoadmaps hook, and RoadmapsView component
- Update dashboard guide with roadmap management documentation
- Harden API with race-condition safety and proper error handling
This commit is contained in:
Fusion
2026-04-15 06:55:34 -07:00
committed by gsxdsm
parent 8eb68b091b
commit 940494272d
9 changed files with 1408 additions and 5 deletions

View File

@@ -194,6 +194,30 @@ Roadmaps provide a dedicated planning surface for organizing product development
- Click the **pencil icon** to edit a feature title inline
- Click the **trash icon** to delete a feature (requires confirmation)
### Roadmap Drag-and-Drop Ordering
Milestones and features can be reordered using native drag-and-drop:
**Milestone Reordering:**
- Drag a milestone by its grip handle on the left side of the milestone card
- Drop it before or after other milestones to reorder
- The new order is persisted immediately
**Feature Reordering:**
- Drag a feature by its grip handle on the left side of the feature row
- Drop before or after other features within the same milestone to reorder
- The new order is persisted immediately
**Cross-Milestone Moves:**
- Drag a feature and drop it into a different milestone card
- The feature is moved to the new milestone at the drop position
- Empty milestone areas also accept drops (appends to end)
**Visual Feedback:**
- Dragging items show reduced opacity
- Drop targets highlight with a blue border
- Drop position indicators show before/after placement with blue lines
### Roadmap Actions
- Click a roadmap in the sidebar to view its milestones and features