# Visão Geral do Projeto

## Objetivo

O projeto representa o frontend MVP do Omnichannel Sothis.

O objetivo principal é demonstrar, de forma visual e convincente, como um atendente pode:

- entrar na plataforma
- visualizar atendimentos e conversas
- iniciar um novo atendimento
- conversar com clientes em canais diferentes
- simular uma ligação ativa

## Diretriz do MVP

Este MVP prioriza percepção de produto acabado.

Ou seja:

- os fluxos parecem reais
- os dados são mockados
- a navegação existe
- a experiência é pensada para demonstração, validação e apresentação

## Stack

- React
- Vite
- JavaScript
- React Router
- CSS via estilos modernos em componentes

## Estrutura

O frontend foi organizado por módulos, seguindo uma abordagem feature-based:

- `auth`
- `home`
- `chat`
- `call`
- `attendance`

Cada módulo concentra suas páginas, componentes, hooks e services mockados.

## Rotas atuais

- `/login`
- `/home`
- `/chat`
- `/call`
- `/new-attendance`

## Módulos

### Auth

Simula autenticação e entrada no sistema.

### Home

É a central do operador, com dashboard, conversas, atalhos e navegação fake para os fluxos principais.

### Chat

Simula atendimento em tempo real com mensagens, transferência e respostas automáticas mockadas.

### Call

Simula uma ligação ativa com timer automático e controles visuais de softphone.

### Attendance

Permite iniciar rapidamente um novo atendimento, escolhendo contato, canal e área.

## Público da documentação

Esta documentação serve para:

- apresentação de produto
- onboarding técnico
- alinhamento entre frontend, backend e deploy
- futura evolução para integração real