Cabeçalho Global
O Cabeçalho Global é a barra utilitária que engloba todo o ecossistema da Plataforma de Atendimento (AGW). Localizado no topo da tela, o componente permanece visível e fixo durante toda a jornada do operador, funcionando como a central de controle de telefonia, ajuda e parametrização do perfil.
A barra se organiza horizontalmente em três zonas principais:
Zona | Descrição |
|---|---|
Esquerda | Logotipo cVortex e separador visual de marca |
Centro | Módulo de voz (Webphone) |
Direita | Atalho para a Central de Ajuda e avatar do operador, indicador de status e Menu do Perfil |
📸 [PRINT: visão completa do Cabeçalho Global destacando as três zonas]
Identidade Corporativa e Marca
Localizada no canto esquerdo da barra.
Elemento | Descrição |
|---|---|
Logotipo cVortex | Posicionado no canto superior esquerdo, consolida a identidade da aplicação |
Linha Divisória | Separador vertical discreto que isola visualmente a marca das ferramentas operacionais |
📸 [PRINT: detalhe do canto esquerdo com logotipo e separador]
Central de Telefonia e Ajuda
Localizada na região central à direita da barra.
Elemento | Descrição |
|---|---|
Módulo de Voz (WebPhone) | Botão de acesso ao login SIP para chamadas ativas e receptivas |
📸 [PRINT: detalhe do WebPhone com botão "Acessar" em estado padrão e estado de chamada ativa]
→ Ver documentação completa do Webphone
Menu do Atendente e Presença
Localizado no canto direito da barra.
Elemento | Descrição |
|---|---|
Central de Ajuda | Ícone de interrogação que abre a base de conhecimento em uma nova aba do navegador |
Avatar e Status | Identificação visual do operador com indicador de disponibilidade em tempo real |
Menu do Atendente | Acesso a pausas, relatórios, teste de latência e configurações de acessibilidade |
O indicador de status segue a seguinte codificação de cores:
Cor | Status |
|---|---|
🟢 Verde | Disponível para receber atendimentos |
🔵 Azul | Em atendimento ativo |
🟠 Laranja | Em pausa ou indisponível temporariamente |
🔴 Vermelho | Indisponível para a roleta de distribuição |
📸 [PRINT: detalhe do avatar com cada um dos três status de cor visíveis]
→ Ver documentação completa do Menu do Perfil