feat(kanban): Project Pipeline board with drag-and-drop, lead drawer, and full project view

- 44 mock leads across 7 stage columns + 2 bucket columns (Stuck, Follow-up) with seeded activity logs
- dnd-kit drag-and-drop: cross-column card movement, bucket logic, DragOverlay preview
- Campaign toast on stage drop: 20s countdown, Edit button opens message editor, auto-sends if ignored
- KanbanColumn: droppable zones, stage progress bar (position/total), column color accents, Add/Rename/Delete (Admin+Owner)
- KanbanCard: initials avatar, job type pill, insurance badge, assigned agent, days-in-stage counter, left color accent bar
- ColumnManagerModal: add/rename/delete stages with name, color picker, campaign message; delete blocked if leads exist
- LeadInfoDrawer: right slide-in with progress bar + stage steps, Details and Activity tabs, More Details CTA
- ActivityTimeline: color-coded entries (created/forward/regression/bucket), stage arrows, notes, agent + date
- LeadProjectPage: full project view at /*/leads/:leadId — progress bar, stage mover dropdown, info panels, full activity log, stats
- Routes: /*/kanban + /*/leads/:leadId for Owner, Admin, Field Agent
- Pipeline nav item added for all three roles
This commit is contained in:
Satyam-Rastogi
2026-04-08 19:56:42 +05:30
parent c927f4c44d
commit b1ece35ac8
11 changed files with 2440 additions and 1 deletions
+44
View File
@@ -33,6 +33,8 @@ import CreateLeadPage from './pages/CreateLeadPage';
import LeadsListPage from './pages/LeadsListPage';
import LynkDispatchPage from './pages/LynkDispatchPage';
import EstimatesPage from './pages/EstimatesPage';
import KanbanPage from './pages/KanbanPage';
import LeadProjectPage from './pages/LeadProjectPage';
// ... (existing imports)
const ProtectedRoute = ({ children, allowedRoles }) => {
@@ -110,6 +112,22 @@ function App() {
</ProtectedRoute>
}
/>
<Route
path="/emp/fa/kanban"
element={
<ProtectedRoute allowedRoles={['FIELD_AGENT', 'ADMIN', 'OWNER']}>
<KanbanPage />
</ProtectedRoute>
}
/>
<Route
path="/emp/fa/leads/:leadId"
element={
<ProtectedRoute allowedRoles={['FIELD_AGENT', 'ADMIN', 'OWNER']}>
<LeadProjectPage />
</ProtectedRoute>
}
/>
<Route
path="/emp/fa/estimate"
element={
@@ -180,6 +198,16 @@ function App() {
<EstimatesPage />
</ProtectedRoute>
} />
<Route path="/owner/kanban" element={
<ProtectedRoute allowedRoles={['OWNER']}>
<KanbanPage />
</ProtectedRoute>
} />
<Route path="/owner/leads/:leadId" element={
<ProtectedRoute allowedRoles={['OWNER']}>
<LeadProjectPage />
</ProtectedRoute>
} />
<Route path="/owner/estimate" element={
<ProtectedRoute allowedRoles={['OWNER']}>
<EstimateBuilder />
@@ -252,6 +280,22 @@ function App() {
</ProtectedRoute>
}
/>
<Route
path="/admin/kanban"
element={
<ProtectedRoute allowedRoles={['ADMIN', 'OWNER']}>
<KanbanPage />
</ProtectedRoute>
}
/>
<Route
path="/admin/leads/:leadId"
element={
<ProtectedRoute allowedRoles={['ADMIN', 'OWNER']}>
<LeadProjectPage />
</ProtectedRoute>
}
/>
<Route
path="/admin/estimate"
element={