41 lines
1.0 KiB
Markdown
41 lines
1.0 KiB
Markdown
|
# Módulo Home / Dashboard
|
||
|
|
|
||
|
|
## Objetivo
|
||
|
|
|
||
|
|
Ser o hub central do atendente após o login.
|
||
|
|
|
||
|
|
## Tela principal
|
||
|
|
|
||
|
|
- `HomePage.jsx`
|
||
|
|
|
||
|
|
## Componentes e lógica
|
||
|
|
|
||
|
|
- `HomeTopbar.jsx`: busca, toggle de abas, avatar e contexto superior
|
||
|
|
- `HomeSidebar.jsx`: navegação lateral e botão de novo atendimento
|
||
|
|
- `MessagesWorkspace.jsx`: lista de conversas, chat resumido e painel de ações
|
||
|
|
- `CallsWorkspace.jsx`: visão resumida das ligações
|
||
|
|
- `homeMocks.js`: dados mockados do dashboard
|
||
|
|
|
||
|
|
## Funcionalidades simuladas
|
||
|
|
|
||
|
|
- trocar entre `Mensagens` e `Ligações`
|
||
|
|
- buscar conversas mockadas
|
||
|
|
- abrir rota de chat
|
||
|
|
- abrir rota de call
|
||
|
|
- abrir rota de novo atendimento
|
||
|
|
|
||
|
|
## Papel na apresentação
|
||
|
|
|
||
|
|
É a tela que melhor comunica o conceito do produto:
|
||
|
|
|
||
|
|
- múltiplos canais
|
||
|
|
- visão operacional única
|
||
|
|
- agilidade no atendimento
|
||
|
|
- sensação de plataforma pronta para uso
|
||
|
|
|
||
|
|
## Pontos de UX
|
||
|
|
|
||
|
|
- responsividade adaptada para mobile, tablet, desktop e desktop largo
|
||
|
|
- sidebar separada do conteúdo para leitura mais clara
|
||
|
|
- cards de contexto e indicadores operacionais
|