| name | skill-elder-detail-cards |
| description | Elder detail cards and end-of-day reports card for the agency caregiver detail view. Use when implementing elder assignment cards, member email display, PDF report status cards, or the caregiver-to-elder relationship view. Used by super admin when viewing a specific caregiver's assignments. |
Objective
Build the elder detail cards and end-of-day reports card shown in the agency caregiver detail view. When a super admin taps on a caregiver, they see that caregiver's assigned elders with full status, member emails, and PDF report information.
Constraints
- DO NOT modify Firestore rules or create new collections
- MUST read from existing
elders, caregiver_assignments, medication_logs, reportRecipients data
- MUST use existing
elder.reportRecipients[] field for member emails
- MUST read from
mail collection for last-sent report status (Firebase Trigger Email extension)
- MUST use Lucide React icons, shadcn/ui Card component, Tailwind classes
- Only visible to super admin (agency owner) viewing a specific caregiver
- Time displays use formatTimeDistance() — NEVER raw minutes
Files to Read First
src/types/index.ts — Elder interface with reportRecipients fieldsrc/app/dashboard/caregivers/page.tsx — Existing caregiver listsrc/hooks/useElders.ts — If exists, elder data fetchingsrc/lib/firebase/firestore.ts — Firestore query patternsfunctions/src/index.ts — Search for sendDailyFamilyNotes to understand mail collection structure
Component Design
ElderDetailCard
┌─────────────────────────────────────────┐
│ [Avatar circle] Martha Williams │
│ 86 years old [●] │ ← Active indicator (green dot)
│ │
│ Tasks: 3 remaining · 5 completed │
│ Meds: 4/6 logged │ Meals: 2/3 │
│ │
│ Member Emails: │
│ · john.smith@email.com │
│ · mary.williams@email.com │
│ │
│ [View Care Details →] │
└─────────────────────────────────────────┘
