# Guia V9.3 — Correções visuais e pré-visualização de clientes

## 1. Porque apareciam palavras como ícones

Os nomes `WORDPRESS`, `task_alt`, `check_circle` e semelhantes são ligaduras da fonte Material Symbols. Os problemas observados tinham três causas combinadas:

1. os caminhos de estáticos eram relativos;
2. algumas páginas independentes não carregavam a fonte de ícones;
3. o CSS personalizado era carregado antes do CSS principal do Unfold e podia ser substituído.

A V9.3 corrige os três pontos.

## 2. Limpar a cache depois da atualização

Depois de instalar a V9.3, faça uma atualização completa no navegador:

### Windows

```text
Ctrl + F5
```

### macOS

```text
Command + Shift + R
```

Se necessário, abra as ferramentas do navegador, ative `Disable cache` e volte a carregar a página.

## 3. Pré-visualizar uma conta de cliente

No backoffice:

```text
Relação com clientes
→ Pré-visualizar como cliente
```

Escolha uma conta e utilize um dos modos.

### Pré-visualizar

- modo só de leitura;
- recomendado para confirmar menus, serviços, permissões, documentos, pagamentos e monitorização;
- não permite alterações.

### Teste interativo

- disponível apenas para superutilizadores;
- permite testar formulários e fluxos do portal;
- pode criar ou alterar dados;
- deve ser usado apenas em ambiente de demonstração ou com uma conta própria para testes.

## 4. Barra de pré-visualização

Durante o teste aparece uma barra no topo com:

- cliente atualmente selecionado;
- utilizador e perfil simulados;
- modo só de leitura ou interativo;
- botão para mudar de cliente;
- botão para terminar.

A sessão administrativa permanece ativa durante todo o processo.

## 5. Restrições importantes

Mesmo no modo interativo:

- a palavra-passe do cliente não é apresentada;
- a palavra-passe não pode ser alterada;
- o segundo fator do administrador continua a proteger a sessão;
- o administrador continua identificado nos registos de segurança.

## 6. Diagnóstico de estáticos

Confirme que estas URLs devolvem HTTP 200 em desenvolvimento:

```text
/static/css/admin.css
/static/css/client-portal.css
/static/unfold/fonts/material-symbols/styles.css
/static/unfold/fonts/material-symbols/Material-Symbols-Outlined.woff2
```

Em produção, execute:

```bash
python manage.py collectstatic --noinput
```

## 7. Páginas revistas

- Manutenção da base de dados;
- Estado e diagnóstico;
- Sites WordPress;
- Plugins WordPress;
- Temas WordPress;
- Certificados SSL;
- Centro de monitorização;
- cabeçalhos das listas e formulários;
- menu administrativo;
- área privada do cliente.
