door knock and referral attribution

src/pages/LeadsListPage.jsx

@@ -8,6 +8,7 @@ import PermissionGate from '../components/PermissionGate';
 import {
     Plus, Search, MapPin, Phone, Zap, FileText,
     Clock, User, ChevronRight, Filter, Lock,
+    DoorOpen, MessageSquare,
 } from 'lucide-react';
 
 // ---------------------------------------------------------------------------
@@ -117,6 +118,18 @@ function LeadCard({ lead, index }) {
                             {lead.leadSource}
                         </span>
                     )}
+                    {lead.canvasserName && (
+                        <span className="flex items-center gap-1 text-xs text-emerald-600 dark:text-emerald-400">
+                            <DoorOpen size={10} className="shrink-0" />
+                            {lead.canvasserName}
+                        </span>
+                    )}
+                    {lead.referralNote && (
+                        <span className="flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400 max-w-[200px] truncate">
+                            <MessageSquare size={10} className="shrink-0" />
+                            {lead.referralNote}
+                        </span>
+                    )}
                 </div>
             </div>