### Aplicativo Web Progressivo (PWA)

ChatSIA funciona como um **Progressive Web App** completo: instale em qualquer dispositivo e tenha uma experiência idêntica a um app nativo, sem passar por lojas de aplicativos.

**Instalação e Experiência Nativa:**

- **Instalável com um toque** - Banner inteligente que aparece automaticamente em dispositivos móveis convidando a instalar o app
- **Desktop e celular** - Funciona no Chrome, Edge, Safari (iOS/macOS) e qualquer navegador compatível com PWA
- **Tela cheia** - Executa em modo standalone, sem a barra de endereços do navegador
- **Splash screen personalizada** - Tela de carregamento animada com o logo e cores da sua marca ao iniciar o app
- **Atalhos rápidos** - Acesse diretamente Conversas ou Notificações pelo menu contextual do ícone do app
- **Ícone dinâmico** - O ícone do app é gerado automaticamente a partir do seu logo configurado, em todos os tamanhos necessários (48px a 512px)
- **Fundo de ícone configurável** - Use uma cor própria para o ícone instalável mantendo branco como padrão
- **Badge monocromático** - Ícone badge otimizado com silhueta monocromática para notificações do sistema

**Notificações Push Avançadas:**

- **Notificações push nativas** - Receba alertas instantâneos mesmo com o app fechado, diretamente no sistema operacional
- **Resposta rápida inline** - Responda mensagens diretamente pela notificação sem abrir o app
- **Marcar como lido** - Marque notificações como lidas pela própria notificação com um toque
- **Empilhamento de mensagens** - Mensagens da mesma conversa são empilhadas em uma única notificação (estilo WhatsApp) mostrando até 10 mensagens
- **Contador de não lidos** - O badge do ícone do app mostra o número exato de notificações não lidas
- **Timestamp de cache preciso** - Invalidação consistente de assets do Service Worker para evitar conteúdo desatualizado
- **Ativação inteligente** - Prompt automático ao abrir a PWA pela primeira vez para ativar notificações com flags pré-configurados (atribuição, menção, mensagem nova)
- **Som configurável** - Alertas de áudio que funcionam até no iOS, com desbloqueio automático do AudioContext ao primeiro toque
- **Som diferido** - Se o app está em segundo plano e não consegue reproduzir áudio, reproduz automaticamente quando você volta ao app
- **Vibração** - Padrão de vibração personalizado em dispositivos móveis ao receber notificações

**Funcionamento Offline:**

- **Página offline personalizada** - Quando não há conexão, exibe uma página elegante com o logo da sua marca e botão de tentar novamente
- **Cache inteligente** - Os assets estáticos (JS, CSS, fontes, imagens) são cacheados automaticamente para carregamento instantâneo
- **Navegação resiliente** - As páginas visitadas são cacheadas com estratégia network-first, permitindo acesso mesmo sem conexão
- **Limpeza automática** - O Service Worker remove caches obsoletos de versões anteriores ao se atualizar

**Personalização de Marca (White-label):**

- **Manifesto dinâmico** - O manifesto PWA é gerado dinamicamente com o nome, descrição, cores e logo da sua instalação
- **Suporte SVG** - Os logos SVG são convertidos automaticamente para PNG de alta resolução usando rsvg-convert para máxima compatibilidade
- **Ícones para Apple** - Geração automática de apple-touch-icons em todos os tamanhos exigidos pelo iOS
- **Splash screens iOS** - 14 resoluções de splash screen pré-geradas para todos os modelos de iPhone e iPad
- **Cores da marca** - O theme-color e background-color do manifesto usam sua cor primária configurada

### Aplicativo Móvel *(Em desenvolvimento)*

- **iOS e Android** - Atenda clientes do seu celular
- **Notificações push** - Alertas instantâneos de novas conversas
- **Funcionalidade completa** - Todas as ferramentas no seu bolso