---
phase: 20-knowledge-base-cliente
plan: "03"
status: complete
completed_at: "2026-06-20"
---

# Plan 20-03 Summary: UI Transcript Call

## What Was Built

UI completa per aggiungere, visualizzare ed eliminare i transcript delle call nel profilo lead.

## Key Files

### Created
- `src/components/admin/leads/TranscriptModal.tsx` — modal form (call_date + title + content textarea min-h-48)

### Modified
- `src/components/admin/leads/LeadDetail.tsx` — prop `transcripts: ClientTranscript[]`, sezione "Transcript Call" con expand/collapse e Elimina, TranscriptModal nel header
- `src/app/admin/leads/[id]/page.tsx` — `getTranscripts(id)` nel Promise.all, prop `transcripts` passato a LeadDetail

## Self-Check: PASSED

- ✓ `TranscriptModal.tsx` esiste con form call_date/title/content (min-h-48)
- ✓ `LeadDetail.tsx` ha prop `transcripts: ClientTranscript[]`
- ✓ Sezione "Transcript Call" appare dopo "Storico Attività"
- ✓ Data formattata in italiano con `new Date(t.call_date + "T00:00:00")` (fix TZ shift)
- ✓ Preview 3 righe/200 caratteri con toggle "Mostra tutto / Mostra meno"
- ✓ Bottone "Elimina" via `deleteTranscript` server action
- ✓ `border-l-4 border-purple-300` — stile distinto dal blu delle attività
- ✓ `getTranscripts(id)` nel Promise.all di page.tsx
- ✓ `npx tsc --noEmit` → no errors
- ✓ `npm run build` → clean
