{ setExpandedId(exp ? null : lead.id); setLeadTab('info'); }}
style={{ display:'flex', alignItems:'center', gap:12, padding:'10px 14px', borderBottom:'1px solid var(--dgd-border-1)', cursor:'pointer', background: exp ? 'color-mix(in oklch,#112954 3%,transparent)' : 'transparent' }}
onMouseEnter={e => { if (!exp) e.currentTarget.style.background = 'var(--dgd-bg-app,#f8fafc)'; }}
onMouseLeave={e => { if (!exp) e.currentTarget.style.background = 'transparent'; }}
>
{lead.nome}
{lead.empresa}
{lead.segmento}
{sc.label}
= 70 ? '#166534' : lead.score >= 40 ? '#92400e' : '#991b1b' }}>
{lead.score != null ? lead.score : '—'}
{lead.mes}
{lead.ultimo_wa || '—'}
e.stopPropagation()}>
{passOk[lead.id] ? (
Passado
) : passando === lead.id ? (
) : (
)}
{/* Mini tabs */}
{[{id:'info',label:'Info Lead'},{id:'conversa',label:'Conversa WA'},{id:'historico',label:'Histórico'}].map(t => (
))}
{leadTab === 'info' && (
e.stopPropagation()}>
Dados do Lead
{[
['Nome', lead.nome],
['Empresa', lead.empresa],
['Cargo', lead.cargo],
['Marca', lead.segmento],
['Campanha', lead.campanha],
['País', lead.pais],
['Canal', lead.canal],
['Score', lead.score != null ? String(lead.score) : null],
['Ult. WA', lead.ultimo_wa],
].filter(([,v]) => v).map(([k,v]) => (
{k}
{v}
))}
BANT
{[['Budget','budget'],['Authority','authority'],['Need','need'],['Timeline','timeline']].map(([label,key]) => (
{label}
))}
{(lead.recomendacao || lead.objecao || lead.equipamento) && (
{lead.recomendacao && (<>
Recomendação Digi
{lead.recomendacao}
)}
{lead.objecao && (<>
Objecção Principal
{lead.objecao}
)}
{lead.equipamento && (<>
Equipamento Actual
{lead.equipamento}
)}
)}
)}
{leadTab === 'conversa' && (
e.stopPropagation()}>
{(!lead.conversa || lead.conversa.length === 0) ? (
Ainda sem conversas iniciadas.
) : (
{lead.conversa.map((msg, i) => (
{msg.msg}
{msg.de === 'ai' ? 'digi.ai' : lead.nome} · {msg.ts}
))}
)}
)}
{leadTab === 'historico' && (
e.stopPropagation()}>
{(!lead.historico || lead.historico.length === 0) ? (
Sem interações anteriores registadas.
) : (
{['Data','Campanha','Canal','Interação','Resultado'].map(h => (
| {h} |
))}
{lead.historico.map((h, i) => (
| {h.data} |
{h.campanha} |
{h.canal}
|
{h.interacao} |
{h.resultado} |
))}
)}
)}