MelissaPaciente Fase 2: Tab Visao Geral completa (4 KPIs + timeline + msgs + notas)

Reescreveu o placeholder da aba Visao Geral por uma versao 1:1 do
PatientProntuario.vue legado, com estilo Melissa nativo e dados
alimentados pelos composables criados na Fase 1.

NOVO: src/features/patients/utils/patientFormatters.js (~165L)
- Helpers compartilhaveis extraidos do PatientProntuario:
  parseDateLoose, fmtDateBR, fmtDateTimeBR, fmtCurrency, fmtRelative
  (pt-br: "agora"/"ha 5 min"/"em 2 dias"/"ha 3 sem"), sessionDuration,
  calcAge.
- STATUS_LABEL e STATUS_SEVERITY pra mapear status de sessao (cobre
  variantes: realizado/realizada, falta/faltou, cancelado/cancelada).
- tagStyle com contraste auto (luminance WCAG-ish: bg colorido +
  texto preto/branco baseado em luminance < 0.45).
- Sera reutilizado pelas Fases 3-7 e na Fase 8 substitui as funcoes
  duplicadas do PatientProntuario.

EXTENSAO de composables (Fase 1):
- usePatientSessions: novo computed `ultimasAtendidas` (top 6 sessoes
  com status realiz/falt/cancel/remarc pra Timeline). totalRealizadas/
  Faltas/Canceladas refinados pra usar regex (cobre variantes pt-br).
- usePatientFinancial: novo computed `statusFinanceiro` que retorna
  { emDia: bool, proxVenc: record, totalPendente, totalPago, vencidos }
  pra alimentar KPI 02 com info detalhada de status financeiro.

MELISSAPACIENTE.VUE — Visao Geral reescrita:
- 4 KPI cards ricos (substituem os simples da Fase 1):
  - 01 Sessoes: realizadas / total + faltas + canceladas
  - 02 Pagamento: status (Em dia/atraso) + prox venc + cor adaptativa
    (vermelho atrasado / primary ok)
  - 03 Proxima sessao: relative + datetime + modalidade
  - 04 Mensagens: ultima relative + direction + count
- Grid 2-col abaixo (1.4fr / 1fr em >=900px):
  - Timeline coluna esquerda: dots coloridos por status, tags severity,
    chips modalidade + duracao, nota observacoes inline.
  - Coluna direita: Mensagens recentes (4) com border-left in/out +
    meta direction/relative + body 3-line clamp; Notas e observacoes
    em card papel com label uppercase e icone lock.
- Removeu kpiEmAberto/Atrasado nao usados (statusFinanceiro encapsula).

CSS: ~280L novos pros componentes (KPIs ricos, panel base, empty rich,
timeline, mensagens, notas). Mantem o pattern visual Melissa.

ESLint: 0 errors da minha mudanca.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Obsidian/Brain/log.md

@@ -50,6 +50,47 @@ Touched: none
 ## [2026-05-08 00:00] session | Melissa cfg-* nativas + temas + cronometro DB
 Touched: none
 
+## [2026-05-08 13:00] session | MelissaPaciente Fase 2 — Tab Visao Geral completa
+Touched: none
+Detalhes: Reescreveu a aba Visao Geral do MelissaPaciente substituindo o
+placeholder por uma versao 1:1 do PatientProntuario.vue legado, mas com
+estilo Melissa nativo.
+
+NOVO: src/features/patients/utils/patientFormatters.js (~165L)
+- Helpers compartilhaveis extraidos do PatientProntuario: parseDateLoose,
+  fmtDateBR, fmtDateTimeBR, fmtCurrency, fmtRelative, sessionDuration,
+  calcAge. STATUS_LABEL/SEVERITY pra sessoes. tagStyle com luminance auto
+  (texto preto/branco baseado em contraste WCAG-ish). Sera usado pelas
+  Fases 3-7 e finalmente pelo PatientProntuario tambem (Fase 8).
+
+EXTENSAO de composables:
+- usePatientSessions ganha computed `ultimasAtendidas` (top 6 sessoes
+  realizadas/faltadas/canceladas pra Timeline). Refinou totalRealizadas/
+  Faltas/Canceladas pra usar regex (cobre variantes pt-br).
+- usePatientFinancial ganha computed `statusFinanceiro` ({ emDia, proxVenc,
+  totalPendente, totalPago, vencidos }) pra alimentar o KPI 02 com info
+  detalhada.
+
+MELISSAPACIENTE.VUE — Visao Geral (Fase 2 done):
+- 4 KPI cards ricos (era 4 simples na Fase 1):
+  - 01 Sessoes: realizadas + total + faltas + cancel.
+  - 02 Pagamento: emDia/atraso + proxVenc + pendente, com cor adaptativa
+    (vermelho quando atrasado, primary quando ok).
+  - 03 Proxima sessao: relative + datetime + modalidade.
+  - 04 Mensagens: ultimaMensagem relative + direction + count.
+- Grid 2-col abaixo: Timeline (1.4fr) + coluna direita (1fr) com
+  Mensagens recentes + Notas/observacoes.
+- Timeline com dot colorido por status (verde/vermelho/amarelo) +
+  STATUS_LABEL/SEVERITY do utils + chips modalidade/duracao + nota
+  observacoes inline.
+- Mensagens recentes com border-left colorida (verde=in / azul=out) +
+  meta direction + relative + body 3-line clamp.
+- Notas e observacoes com card papel + label uppercase + icone lock
+  pras internas.
+- Removeu kpiEmAberto/Atrasado nao usados (statusFinanceiro encapsula).
+
+ESLint: 0 errors. Working tree limpa antes do commit.
+
 ## [2026-05-08 11:30] session | MelissaPaciente Fase 1 (foundation: composables + skeleton + slug)
 Touched: none (sem mudanca de wiki)
 Detalhes: User escolheu "Full rewrite Melissa nativo" pra portar