# 3.1 As vistas da agenda

Use a barra de ferramentas no topo (prev/hoje/próximo + seletor de data + seletor de vista) para
alternar:

- **Dia** — a vista de trabalho principal.
  - Para *Por colaborador / serviço / espaço*: uma **grelha** com uma coluna por colaborador/serviço/
    espaço e as horas na vertical. As marcações são barras coloridas (cor do serviço).
  - Para *Por mesa*: um **Gantt horizontal**, uma linha por mesa, as barras posicionadas no tempo.
- **Semana** — visão geral dos 7 dias; cada dia mostra até **50 marcações** (com indicação de "+N
  mais" quando há mais). Clicar numa marcação abre os Detalhes.
- **Mês** — calendário mensal com a contagem de marcações por dia.
- **Lista** — lista cronológica, com **paginação** e os mesmos filtros das outras vistas.

**Barra lateral (esquerda):** mini-calendário para saltar de data + **filtros** por colaborador/
serviço/espaço (clique para esconder/mostrar) + filtro por serviço. Os filtros **persistem** entre as
vistas e entre sessões.

**No telemóvel:** uma faixa de dias no topo + um botão de **filtros**.

> 📸 **`03-agenda-dia.png`** — Vista de Dia (grelha por colaborador) cheia, com a barra lateral de filtros. (Há capturas reais em `design/screenshots/cal*.png`.)
![Agenda — Dia](images/03-agenda-dia.png)

> 📸 **`03-agenda-semana.png`** — Vista de Semana com os filtros e o "+N mais" num dia cheio.
![Agenda — Semana](images/03-agenda-semana.png)

> 📸 **`03-agenda-gantt.png`** — Vista de Dia em Gantt (Por mesa), uma linha por mesa.
![Agenda — Gantt](images/03-agenda-gantt.png)

---