---
id: TASK-52
title: Make lead card contact fields clickable
status: In Progress
assignee: []
created_date: '2026-06-10 20:49'
updated_date: '2026-06-10 20:55'
labels: []
dependencies: []
priority: medium
ordinal: 54000
---

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
Implement clickable email, phone, and website links in the dashboard leads card view so operators can contact or inspect leads directly from each card.
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [x] #1 Lead email values render as mailto links when present while the no-email fallback stays plain text
- [x] #2 Lead phone values render as tel links when present
- [x] #3 Lead website/domain values render as external website links when present
- [x] #4 Existing leads review source tests cover the clickable link behavior
<!-- AC:END -->

## Implementation Plan

<!-- SECTION:PLAN:BEGIN -->
1. Inspect current leads card rendering and tests
2. Add safe href helpers for email, phone, and website/domain values
3. Render available contact fields as accessible links with existing overflow styling
4. Extend source tests for link behavior
5. Run focused verification
<!-- SECTION:PLAN:END -->

## Implementation Notes

<!-- SECTION:NOTES:BEGIN -->
Implemented helper-backed contact links in components/leads/leads-review-table.tsx and extended tests/leads-review-table.test.ts source assertions.

Verified with pnpm test: TypeScript test compile and 409 node tests passed.

Verified with pnpm lint: exit 0 with 3 existing warnings outside this change. Browser navigation to /dashboard/leads redirected to /login without an authenticated in-app browser session, so clickable DOM could not be manually exercised there.
<!-- SECTION:NOTES:END -->