MelissaPaciente Fase 3: Tab Perfil completa (6 sections stacked + anchors)

EXTENSAO: src/features/patients/utils/patientFormatters.js
- +5 formatters: pickField (compartilhado), onlyDigits, fmtCPF (000.000.000-00),
  fmtRG (passthrough), fmtPhoneMobile ((XX) 9XXXX-XXXX), fmtGender
  (Masculino/Feminino/Nao-binario/Outro), fmtMarital (Solteiro/Casado/
  Divorciado/Viuvo/Uniao estavel).

MELISSAPACIENTE.VUE — script
- 30+ field computeds usando pickField (cobre snake_case + camelCase):
  birthValue, telefone/Alternativo, email/Alternativo, genero, estadoCivil,
  naturalidade, ondeNosConheceu, encaminhadoPor, observacoes, notasInternas
  + 8 campos de endereco + 5 dados adicionais + 4 responsavel.
- groupNames/groupLabel/groupCountLabel pra bloco Origem.
- scrollToProfileSection(key): liga sidebar sub-nav -> scrollIntoView do
  anchor #mpa-perfil-XXX. Em mobile fecha o drawer.

MELISSAPACIENTE.VUE — Tab Perfil reescrita
Diferente do PatientProntuario legacy que usa PrimeVue Accordion (1 painel
aberto por vez), o Melissa nativo mostra os 6 cards stacked com scroll
suave do sidebar sub-nav. Mais legivel em desktop, mais rapido de escanear.

- 1. Informacoes Pessoais: 2-col com Dados de cadastro (nome/data nasc
  com idade inline/genero/estado civil/CPF/RG/naturalidade) + Contato +
  Origem (grupos/tags chips/onde nos conheceu/encaminhado por). tel: e
  mailto: links onde ha valor. Observacoes full-width quando preenchido.
- 2. Endereco: grid 2-col com 8 fields.
- 3. Dados Adicionais: grid 2-col com escolaridade/profissao/parente/grau/
  tel parente.
- 4. Responsavel: 1-col com nome/CPF/tel + observacao block textual.
- 5. Anotacoes Internas: card com hint lock + textblock min-height.
- 6. Sessoes: lista compacta scrollable (max-height 360px) com titulo/
  data/duracao/modalidade chips + tag status.

CSS: ~250L novos pros componentes (mpa-fields/field-row/field-grid-2/
field-block/sess/sess-list). Pattern visual Melissa: cards com label
uppercase, separadores horizontais sutis, links primary, monospace pra
CPF/RG/CEP.

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,53 @@ Touched: none
 ## [2026-05-08 00:00] session | Melissa cfg-* nativas + temas + cronometro DB
 Touched: none
 
+## [2026-05-08 14:30] session | MelissaPaciente Fase 3 — Tab Perfil (6 sections stacked)
+Touched: none
+Detalhes: Substituiu o placeholder da aba Perfil por 6 sections stacked
+com anchors no MelissaPaciente. Diferente do PatientProntuario legacy que
+usava PrimeVue Accordion (1 painel aberto por vez), o Melissa nativo
+mostra todos os 6 cards stacked com scroll suave do sidebar sub-nav pra
+cada anchor. Mais legivel em desktop, mais rapido pra escanear.
+
+EXTENSAO de patientFormatters.js: +5 formatters
+- pickField (ja existia computed local; agora helper compartilhavel)
+- onlyDigits, fmtCPF (000.000.000-00), fmtRG (passthrough), fmtPhoneMobile
+  ((XX) 9XXXX-XXXX), fmtGender (Masculino/Feminino/Nao-binario/Outro),
+  fmtMarital (Solteiro/Casado/Divorciado/Viuvo/Uniao estavel).
+
+MELISSAPACIENTE.VUE — script:
+- 30+ field computeds usando pickField (cobre snake_case + camelCase do
+  schema): birthValue, telefone/Alternativo, email/Alternativo, genero,
+  estadoCivil, naturalidade, ondeNosConheceu, encaminhadoPor, observacoes,
+  notasInternas + 8 campos de endereco (cep/pais/cidade/estado/endereco/
+  numero/bairro/complemento) + 5 dados adicionais (escolaridade/profissao/
+  nomeParente/grauParentesco/telefoneParente) + 4 responsavel.
+- groupNames/groupLabel/groupCountLabel pra Origem.
+- scrollToProfileSection(key) que liga sidebar sub-nav -> nextTick ->
+  scrollIntoView do anchor #mpa-perfil-XXX. Em mobile fecha o drawer.
+
+MELISSAPACIENTE.VUE — template Tab Perfil:
+- 1. Informacoes Pessoais: 2-col (Dados de cadastro: nome/data nasc com
+  idade/genero/estado civil/CPF/RG/naturalidade) + (Contato: tel/tel-alt
+  com tel: links + e-mail principal/alt com mailto: + Origem: grupos/tags
+  chips/onde nos conheceu/encaminhado por). Observacoes full-width quando
+  preenchido.
+- 2. Endereco: grid 2-col com 8 fields (CEP/pais/cidade/estado/endereco/
+  numero/bairro/complemento).
+- 3. Dados Adicionais: grid 2-col com escolaridade/profissao/parente/grau/
+  tel parente.
+- 4. Responsavel: 1-col com nome/CPF/tel + observacao block textual.
+- 5. Anotacoes Internas: card com hint lock + textblock min-height.
+- 6. Sessoes: lista compacta scrollable (max-height 360px) com titulo/
+  data/duracao/modalidade chips + tag status.
+
+CSS: ~250L novos pros componentes (mpa-fields/field-row/field-grid-2/
+field-block/sess/sess-list). Pattern visual Melissa: cards com label
+uppercase, separadores horizontais sutis, links com cor primary, monospace
+pra CPF/RG/CEP.
+
+ESLint: 0 errors da minha mudanca.
+
 ## [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