Mapa de Componentes
Componentes criados por nos (nao vem do vendor)
| Componente | Arquivo | Usa em | Funcao |
|---|
| ContactConversationDialog | components/atendimento/contact-conversation-dialog.tsx | funil/kanban | Mini-CRM: historico, resposta, SMS, transferencia |
| PhoneLookupDialog | components/atendimento/phone-lookup-dialog.tsx | ticket-detail | Consulta telefone + CPF auto |
| StartConversationModal | components/atendimento/start-conversation-modal.tsx | message-bubble | Iniciar conversa de um numero clicado |
| WhatsAppTextPreview | components/massa/whatsapp-text-preview.tsx | massa/texto, sms, textovariavel | Preview celular estilo WhatsApp |
| WabaTemplateMobilePreview | components/meta/waba-template-mobile-preview.tsx | massa/template, criar-template | Preview de template WABA no celular |
| ContactConversationDialog (abas esq) | (mesmo arquivo) | funil/kanban | Layout: painel esq + chat dir |
Componentes chave do vendor (mais modificados por nos)
| Componente | Arquivo | Modificacoes nossas |
|---|
| TextContent | dentro de message-bubble.tsx | Deteccao de telefone + PhoneChip |
| MessageBubble | message-bubble.tsx | Cor verde DCF8C6, AckIcon preto |
| ChatHeader | dentro de atendimento/page.tsx | tagsList, botoes ligacao, transferencia sem fila |
| InfoRow | dentro de ticket-detail.tsx | PhoneLookupDialog ao lado do telefone |
| OpportunityCardComp | dentro de funil/kanban/page.tsx | Design compacto, tempo, avatar, botoes sempre visiveis |
| SessionCard | dentro de sessoes/page.tsx | WebRTC, Ressincronizar Baileys |
Componentes de UI (Shadcn/UI)
Localizados em components/ui/. Nao modificar — usar como esta.
Principais: Button, Card, Dialog, Select, Input, Textarea, Badge, Avatar,
Popover, Command, Tooltip, DropdownMenu, Tabs, Checkbox, Switch
Hierarquia de atendimento
AtendimentoPage
└── ChatArea (ticket selecionado)
├── ChatHeader (topo)
│ ├── etiquetas clicaveis + botao +
│ ├── botoes ligacao (WaVoIP + WABA)
│ └── botao retornar a fila
├── ScrollArea (mensagens)
│ └── MessageBubble (por mensagem)
│ ├── TextContent
│ │ └── PhoneChip (se tem numero)
│ │ └── StartConversationModal
│ └── AckIcon (status envio)
└── MessageInput (barra de composicao)
TicketDetail (painel lateral direito)
├── InfoRow (telefone)
│ └── PhoneLookupDialog (ao hover)
└── ContactEditDialog (editar contato)
└── auto-lookup CPF via initialOverride