Merge pull request 'main' (#6 ) from main into modo-claro

Reviewed-on: #6
2026-05-08 20:06:43 +00:00
52 changed files with 1367 additions and 5621 deletions
--- a/.env.example
+++ b/.env.example
@@ -1,8 +1,6 @@
 # copiar e colar para o seu .env.local
 VITE_SUPABASE_URL=https://yuanqfswhberkoevtmfr.supabase.co
 VITE_API_BASE_URL=https://yuanqfswhberkoevtmfr.supabase.co/functions/v1
 VITE_SUPABASE_REST_URL=https://yuanqfswhberkoevtmfr.supabase.co/rest/v1
 VITE_SUPABASE_FUNCTIONS_URL=https://yuanqfswhberkoevtmfr.supabase.co/functions/v1
 VITE_SUPABASE_STORAGE_URL=https://yuanqfswhberkoevtmfr.supabase.co/storage/v1
-VITE_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ
+VITE_SUPABASE_ANON_KEY=cole_a_chave_anon_aqui
--- a/.env.local
+++ b/.env.local
@@ -1,6 +0,0 @@
 VITE_SUPABASE_URL=https://yuanqfswhberkoevtmfr.supabase.co
 VITE_API_BASE_URL=https://yuanqfswhberkoevtmfr.supabase.co/functions/v1
 VITE_SUPABASE_REST_URL=https://yuanqfswhberkoevtmfr.supabase.co/rest/v1
 VITE_SUPABASE_FUNCTIONS_URL=https://yuanqfswhberkoevtmfr.supabase.co/functions/v1
 VITE_SUPABASE_STORAGE_URL=https://yuanqfswhberkoevtmfr.supabase.co/storage/v1
 VITE_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
 *.local
 projeto-figma
 # Editor directories and files
--- a/docs/mock-audit.md
+++ b/docs/mock-audit.md
@@ -1,45 +0,0 @@
 # Auditoria de Mocks e Integracoes Parciais
 Este documento lista os pontos do sistema que ainda usam dados simulados, fallback local ou integracao parcial. O objetivo e separar comportamento intencional de prototipo de fluxos que ja dependem da API.
 ## Painel
 - Origem atual: dados agregados montados na tela.
 - Risco: indicadores podem divergir da base real.
 - Acao recomendada: substituir por endpoints de metricas assim que a API disponibilizar indicadores consolidados.
 ## Analytics
 - Origem atual: graficos e series estaticas/locais.
 - Risco: analises gerenciais podem parecer reais sem refletir producao.
 - Acao recomendada: criar repositorio dedicado para metricas e remover mocks apos validacao dos endpoints.
 ## Consultas
 - Origem atual: `careQueue` em `src/data/mockData.js`.
 - Risco: fila de atendimento nao representa a operacao real.
 - Acao recomendada: trocar por endpoint de fila/triagem ou derivar de agendamentos com status.
 ## Comunicacao
 - Origem atual: templates, mensagens e campanhas iniciais mockados no repositorio do modulo.
 - Risco: usuario pode confundir historico simulado com mensagens enviadas.
 - Acao recomendada: manter sinalizador visual ate existir endpoint de envio/listagem real.
 ## Prontuario
 - Origem atual: registros locais com fallback para historico mockado quando relatorios reais nao carregam.
 - Risco: detalhe clinico pode misturar dados reais e simulados.
 - Acao recomendada: integrar CRUD completo de prontuario e remover fallback em fluxos clinicos.
 ## Relatorios
 - Origem atual: templates de conteudo sao locais em `src/data/reportTemplates.js`.
 - Risco: baixo; templates sao conteudo inicial, nao dados clinicos gravados.
 - Acao recomendada: manter local se forem padroes do produto ou migrar para configuracao administrativa no futuro.
 ## Configuracoes
 - Origem atual: preferencias visuais locais no navegador.
 - Risco: preferencia nao acompanha o usuario em outro dispositivo.
 - Acao recomendada: persistir preferencias no perfil quando houver campo/API para isso.
--- a/docs/repository-api-audit.md
+++ b/docs/repository-api-audit.md
@@ -1,73 +1,49 @@
 # Auditoria de Implementacao e Mapeamento da API
-Este documento resume as APIs do Apidog conectadas no projeto `riseup_squad_03`.
+Este documento resume o estado atual da integracao entre o front-end e os endpoints da API.
-## Autenticacao
+## Integrado no front
- `POST /auth/v1/token?grant_type=password` em `authRepository.login`
+- **Autenticacao**
- `POST /auth/v1/otp` em `authRepository.sendMagicLink`
+  - Login com email e senha via Supabase Auth (`/auth/v1/token`).
- `POST /functions/v1/request-password-reset` em `authRepository.requestPasswordReset`
+  - Solicitar reset de senha: tenta `/solicitar-reset-de-senha` e usa `/auth/v1/recover` como fallback.
- `GET /auth/v1/user` em `authRepository.getUser` como fallback
+  - Dados do usuario autenticado: tenta `/informacoes-do-usuario-autenticado` e usa `/auth/v1/user` como fallback.
- `POST /functions/v1/user-info` em `authRepository.getUser`
+  - Logout: tenta `/logout`, usa `/auth/v1/logout` como fallback e sempre limpa a sessao local.
 - `POST /auth/v1/logout` em `authRepository.logout`
-## Usuarios
+- **Pacientes**
  - Listar, criar, atualizar e deletar pacientes via Supabase REST.
  - Criar paciente com validacao via Edge Function quando disponivel.
- `POST /functions/v1/create-user` em `userRepository.create`
+- **Agendamentos**
- `POST /functions/v1/create-user-with-password` em `userRepository.createWithPassword`
+  - Listar agendamentos: tenta `GET /agendamentos` e usa Supabase REST `appointments` como fallback.
- `POST /functions/v1/user-info-by-id/:id` em `userRepository.getById`
+  - Criar agendamento: tenta `POST /agendamentos` e usa Supabase REST `appointments` como fallback.
 - `POST /functions/v1/delete-user` em `userRepository.remove`
 - Listagem de perfis via REST em `profiles` / `user_profiles` em `userRepository.getAll`
-## Pacientes
+- **Laudos Medicos**
  - Listar relatorios: tenta `GET /reports` e usa Supabase REST `reports` como fallback.
  - Criar relatorio: tenta `POST /reports` e usa Supabase REST `reports` como fallback.
  - Atualizar relatorio: tenta `PATCH /reports/{id}`, depois `PATCH /reports`, e usa Supabase REST `reports` como fallback.
- `GET /rest/v1/patients` em `patientRepository.getAll`
+- **Medicos / Profissionais**
- `POST /rest/v1/patients` em `patientRepository.create`
+  - Listar medicos: tenta `GET /listar-medicos` e usa Supabase REST `doctors` como fallback.
 - `PATCH /rest/v1/patients?id=eq.ID` em `patientRepository.update`
 - `DELETE /rest/v1/patients?id=eq.ID` em `patientRepository.remove`
 - `POST /functions/v1/create-patient` em `patientRepository.createWithValidation`
 - `POST /functions/v1/register-patient` em `patientRepository.registerPublic`
-## Medicos
+- **Mensageria**
  - Enviar SMS: tenta `POST /enviar-sms-via-twilio` e usa Edge Function `send-sms` como fallback.
  - O formulario agora coleta telefone quando o canal selecionado e SMS.
- `GET /rest/v1/doctors` em `professionalRepository.getAll`
+- **Storage**
- `POST /functions/v1/create-doctor` em `professionalRepository.create`
+  - Upload de avatar: tenta `/upload-avatar` e usa Supabase Storage no bucket `avatars` como fallback.
  - A tela de perfil atualiza a imagem exibida apos upload bem-sucedido.
-## Agendamentos
+## Ainda sem endpoint consolidado documentado
- `GET /rest/v1/appointments` em `appointmentRepository.getAll`
+- Dashboard / Inicio (`HomePage` / `homeRepository.js`).
- `POST /rest/v1/appointments` em `appointmentRepository.create`
+- Estatisticas e BI (`AnalyticsPage` / `analyticsRepository.js`).
- `PATCH /rest/v1/appointments?id=eq.ID` em `appointmentRepository.update`
+- Prontuarios especificos separados de laudos (`MedicalRecordsPage` / `medicalRecordRepository.js`).
- Cancelamento via `PATCH /rest/v1/appointments?id=eq.ID` em `appointmentRepository.cancel`
+- Consultas isoladas fora de agendamento (`VisitsPage` / `visitRepository.js`).
-
+- Configuracoes gerais do tenant (`SettingsPage` / `settingsRepository.js`).
 ## Disponibilidade e Slots
 - `GET /rest/v1/doctor_availability` em `availabilityRepository.getAll`
 - `POST /rest/v1/doctor_availability` em `availabilityRepository.create`
 - `PATCH /rest/v1/doctor_availability?id=eq.ID` em `availabilityRepository.update`
 - `DELETE /rest/v1/doctor_availability?id=eq.ID` em `availabilityRepository.remove`
 - `GET /rest/v1/doctor_exceptions` em `availabilityRepository.getExceptions`
 - `POST /rest/v1/doctor_exceptions` em `availabilityRepository.createException`
 - `POST /functions/v1/get-available-slots` em `availabilityRepository.getAvailableSlots`
 ## Reports / Laudos Medicos
 - `GET /rest/v1/reports` em `reportRepository.getInitialReports`
 - `POST /rest/v1/reports` em `reportRepository.create`
 - `PATCH /rest/v1/reports?id=eq.ID` em `reportRepository.update`
 ## SMS / Comunicacao
 - `POST /functions/v1/send-sms` em `communicationRepository.sendSms`
 ## Storage
 - `POST /storage/v1/object/avatars/{path}` em `profileRepository.updateAvatar`
 - `GET /storage/v1/object/avatars/{path}` em `profileRepository.downloadAvatar`
 ## Observacoes
- O Supabase real responde as rotas REST em `/rest/v1/...`.
+- `VITE_API_BASE_URL` define a base dos endpoints nomeados da API. Quando nao informado, o front usa `VITE_SUPABASE_FUNCTIONS_URL`.
- As Edge Functions reais respondem em `/functions/v1/...`.
+- Os reposititorios aceitam formatos de resposta comuns como arrays diretos ou objetos com chaves `data`, `reports`, `agendamentos`, `medicos` etc.
- Algumas rotas curtas do Apidog retornam `404` no ambiente real; o codigo usa o caminho que respondeu em producao.
+- Os fallbacks existem para manter o front funcional em ambientes onde parte das Edge Functions ainda nao foi publicada.
 - `Schemas` no Apidog nao sao endpoints executaveis, apenas contratos de dados.
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,6 +1,5 @@
 import js from '@eslint/js'
 import globals from 'globals'
 import react from 'eslint-plugin-react'
 import reactHooks from 'eslint-plugin-react-hooks'
 import reactRefresh from 'eslint-plugin-react-refresh'
 import { defineConfig, globalIgnores } from 'eslint/config'
@@ -11,28 +10,20 @@ export default defineConfig([
    files: ['**/*.{js,jsx}'],
    extends: [
      js.configs.recommended,
      react.configs.flat['jsx-runtime'],
      reactHooks.configs.flat.recommended,
      reactRefresh.configs.vite,
    ],
    languageOptions: {
      ecmaVersion: 2020,
-      globals: {
+      globals: globals.browser,
        ...globals.browser,
        ...globals.node,
      },
      parserOptions: {
        ecmaVersion: 'latest',
        ecmaFeatures: { jsx: true },
        sourceType: 'module',
      },
    },
    plugins: {
      react,
    },
    rules: {
-      'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
      'react/jsx-uses-vars': 'error',
    },
  },
 ])
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -7,15 +7,9 @@
    "dev": "vite",
    "build": "vite build",
    "lint": "eslint .",
    "test": "node --test \"tests/*.test.mjs\"",
    "preview": "vite preview"
  },
  "dependencies": {
    "@tiptap/extension-text-align": "^3.23.1",
    "@tiptap/extension-underline": "^3.23.1",
    "@tiptap/pm": "^3.23.1",
    "@tiptap/react": "^3.23.1",
    "@tiptap/starter-kit": "^3.23.1",
    "date-fns": "^4.1.0",
    "react": "^19.2.4",
    "react-dom": "^19.2.4"
@@ -28,7 +22,6 @@
    "@vitejs/plugin-react": "^6.0.1",
    "autoprefixer": "^10.4.27",
    "eslint": "^9.39.4",
    "eslint-plugin-react": "^7.37.5",
    "eslint-plugin-react-hooks": "^7.0.1",
    "eslint-plugin-react-refresh": "^0.5.2",
    "globals": "^17.4.0",
--- a/src/App.css
+++ b/src/App.css
@@ -0,0 +1,6 @@
 .line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
 }
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,35 +1,30 @@
-import { Component, lazy, Suspense, useCallback, useEffect, useMemo, useState } from 'react'
+import { useCallback, useEffect, useMemo, useState } from 'react'
 import './App.css'
 import { AppShell } from './components/AppShell.jsx'
 import { canAccess } from './config/permissions.js'
 import { useAuth } from './hooks/useAuth.js'
 import { AgendaPage } from './pages/AgendaPage.jsx'
 import { AnalyticsPage } from './pages/AnalyticsPage.jsx'
 import { ForgotPasswordPage, LoginPage, RegisterPage } from './pages/AuthPages.jsx'
 import { HomePage } from './pages/HomePage.jsx'
 import { MedicalRecordsPage } from './pages/MedicalRecordsPage.jsx'
 import { MessagesPage } from './pages/MessagesPage.jsx'
 import { NotFoundPage } from './pages/NotFoundPage.jsx'
 import { PatientDetailPage, PatientsPage } from './pages/PatientsPage.jsx'
 import { ProfilePage } from './pages/ProfilePage.jsx'
 import { ReportsPage } from './pages/ReportsPage.jsx'
 import { SettingsPage } from './pages/SettingsPage.jsx'
 import { UsersPage } from './pages/UsersPage.jsx'
 import { VisitsPage } from './pages/VisitsPage.jsx'
 import { patientRepository } from './repositories/patientRepository.js'
 const AgendaPage = lazyPage(() => import('./pages/AgendaPage.jsx'), 'AgendaPage')
 const AnalyticsPage = lazyPage(() => import('./pages/AnalyticsPage.jsx'), 'AnalyticsPage')
 const HomePage = lazyPage(() => import('./pages/HomePage.jsx'), 'HomePage')
 const MedicalRecordsPage = lazyPage(() => import('./pages/MedicalRecordsPage.jsx'), 'MedicalRecordsPage')
 const MessagesPage = lazyPage(() => import('./pages/MessagesPage.jsx'), 'MessagesPage')
 const PatientDetailPage = lazyPage(() => import('./pages/PatientsPage.jsx'), 'PatientDetailPage')
 const PatientsPage = lazyPage(() => import('./pages/PatientsPage.jsx'), 'PatientsPage')
 const ProfilePage = lazyPage(() => import('./pages/ProfilePage.jsx'), 'ProfilePage')
 const ReportsPage = lazyPage(() => import('./pages/ReportsPage.jsx'), 'ReportsPage')
 const SettingsPage = lazyPage(() => import('./pages/SettingsPage.jsx'), 'SettingsPage')
 const UsersPage = lazyPage(() => import('./pages/UsersPage.jsx'), 'UsersPage')
 const VisitsPage = lazyPage(() => import('./pages/VisitsPage.jsx'), 'VisitsPage')
 const PANEL_PATHS = ['/inicio', '/home', '/dashboard']
 const ROLE_HOME_PATHS = {
  medico: '/agenda',
  secretaria: '/agenda',
 }
 function lazyPage(loader, exportName) {
  return lazy(() => loader().then((module) => ({ default: module[exportName] })))
 }
 function App() {
  const [location, setLocation] = useState(() => readLocation())
  const { isAuthenticated, role, loading: authLoading } = useAuth()
@@ -77,7 +72,7 @@ function App() {
  // Rotas públicas (sem shell)
  if (!route.withShell) {
-    return <RouteSuspense resetKey={location.pathname}>{route.element}</RouteSuspense>
+    return route.element
  }
  // Usuário não autenticado
@@ -102,78 +97,11 @@ function App() {
  return (
    <AppShell currentPath={location.pathname} navigate={navigate} role={role} routeTitle={route.title}>
-      <RouteSuspense resetKey={location.pathname}>{route.element}</RouteSuspense>
+      {route.element}
    </AppShell>
  )
 }
 class RouteErrorBoundary extends Component {
  state = { error: null }
  static getDerivedStateFromError(error) {
    return { error }
  }
  componentDidUpdate(previousProps) {
    if (previousProps.resetKey !== this.props.resetKey && this.state.error) {
      this.setState({ error: null })
    }
  }
  render() {
    if (this.state.error) {
      return <RouteErrorFallback />
    }
    return this.props.children
  }
 }
 function RouteSuspense({ children, resetKey }) {
  return (
    <RouteErrorBoundary resetKey={resetKey}>
      <Suspense fallback={<RouteFallback />}>
        {children}
      </Suspense>
    </RouteErrorBoundary>
  )
 }
 function RouteFallback() {
  return (
    <div className="flex min-h-[40vh] items-center justify-center px-4">
      <div className="w-full max-w-xl rounded-2xl border border-[#404040] bg-[#262626] p-5 shadow-sm">
        <div className="h-4 w-36 animate-pulse rounded bg-[#404040]" />
        <div className="mt-4 grid gap-3">
          <div className="h-20 animate-pulse rounded-xl bg-[#1a1a1a]" />
          <div className="h-20 animate-pulse rounded-xl bg-[#1a1a1a]" />
        </div>
        <p className="mt-4 text-sm text-[#a3a3a3]">Carregando modulo...</p>
      </div>
    </div>
  )
 }
 function RouteErrorFallback() {
  return (
    <div className="flex min-h-[40vh] items-center justify-center px-4">
      <div className="max-w-xl rounded-2xl border border-red-500/40 bg-[#262626] p-6 text-center shadow-sm">
        <h2 className="text-lg font-bold text-[#e5e5e5]">NÃ£o foi possÃvel carregar esta tela</h2>
        <p className="mt-2 text-sm leading-6 text-[#a3a3a3]">
          Ocorreu um erro ao abrir o modulo. Recarregue a pagina e tente novamente.
        </p>
        <button
          className="mt-5 rounded-lg bg-[#3b82f6] px-4 py-2 text-sm font-semibold text-white transition hover:bg-[#2563eb]"
          onClick={() => window.location.reload()}
          type="button"
        >
          Recarregar
        </button>
      </div>
    </div>
  )
 }
 function resolveRoute(pathname, navigate, role) {
  if (pathname === '/' || pathname === '/login') {
    return {
@@ -231,23 +159,6 @@ function resolveRoute(pathname, navigate, role) {
    }
  }
  if (pathname === '/prontuario/novo') {
    return {
      element: <MedicalRecordsPage mode="new" navigate={navigate} />,
      title: 'Novo prontuário',
      withShell: true,
    }
  }
  if (pathname.startsWith('/prontuario/')) {
    const [, , recordId, action] = pathname.split('/')
    return {
      element: <MedicalRecordsPage mode={action === 'editar' ? 'edit' : 'detail'} navigate={navigate} recordId={recordId} />,
      title: action === 'editar' ? 'Editar prontuário' : 'Prontuário',
      withShell: true,
    }
  }
  if (pathname.startsWith('/pacientes/')) {
    const patientId = pathname.split('/')[2]
    return {
--- a/src/assets/react.svg
+++ b/src/assets/react.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
--- a/src/assets/vite.svg
+++ b/src/assets/vite.svg
--- a/src/components/AppShell.jsx
+++ b/src/components/AppShell.jsx
@@ -43,7 +43,6 @@ const titles = {
 export function AppShell({ children, currentPath, navigate, role, routeTitle }) {
  const [menuOpen, setMenuOpen] = useState(false)
  const [sidebarCollapsed, setSidebarCollapsed] = useState(false)
  const [profileMenuOpen, setProfileMenuOpen] = useState(false)
  const [notificationsOpen, setNotificationsOpen] = useState(false)
  const [viewerProfile, setViewerProfile] = useState({ name: 'Usuário', role: 'Usuário do Sistema' })
@@ -140,14 +139,6 @@ export function AppShell({ children, currentPath, navigate, role, routeTitle })
    navigate('/login', { replace: true })
  }
  function toggleSidebarCollapsed() {
    if (typeof window !== 'undefined' && !window.matchMedia('(min-width: 1024px)').matches) {
      return
    }
    setSidebarCollapsed((current) => !current)
  }
  return (
    <div className="min-h-screen bg-[#171717] text-[#e5e5e5]">
      <a
@@ -158,19 +149,15 @@ export function AppShell({ children, currentPath, navigate, role, routeTitle })
      </a>
      <aside
-        className={`fixed inset-y-0 left-0 z-40 flex w-56 -translate-x-full flex-col border-r border-[#404040] bg-[#262626] transition-all duration-200 lg:translate-x-0 ${
+        className={`fixed inset-y-0 left-0 z-40 flex w-56 -translate-x-full flex-col border-r border-[#404040] bg-[#262626] transition-transform duration-200 lg:translate-x-0 ${
          sidebarCollapsed ? 'lg:w-16' : 'lg:w-56'
        } ${
          menuOpen ? 'translate-x-0' : ''
        }`}
      >
-        <div className={`flex h-16 items-center border-b border-[#404040] px-3 ${sidebarCollapsed ? 'lg:justify-center' : ''}`}>
+        <div className="flex h-16 items-center border-b border-[#404040] px-3">
          <BrandLogo
            iconClassName="size-8 rounded-sm"
            iconButtonLabel={sidebarCollapsed ? 'Expandir sidebar' : 'Recolher sidebar'}
            markClassName="size-5"
-            onIconClick={toggleSidebarCollapsed}
+            textClassName="text-xl font-bold leading-7 tracking-[-0.025em] text-[#e5e5e5]"
            textClassName={`text-xl font-bold leading-7 tracking-[-0.025em] text-[#e5e5e5] ${sidebarCollapsed ? 'lg:hidden' : ''}`}
          />
        </div>
@@ -182,7 +169,6 @@ export function AppShell({ children, currentPath, navigate, role, routeTitle })
                item={item}
                key={`${item.label}-${item.href}`}
                onNavigate={goTo}
                sidebarCollapsed={sidebarCollapsed}
              />
            ))}
          </div>
@@ -190,21 +176,12 @@ export function AppShell({ children, currentPath, navigate, role, routeTitle })
        <div className="p-3">
          <button
-            className={`w-full rounded-md border border-[#404040] bg-[#303030] text-left transition hover:border-[#525252] hover:bg-[#333333] ${
+            className="w-full rounded-md border border-[#404040] bg-[#303030] px-3 py-2.5 text-left transition hover:border-[#525252] hover:bg-[#333333]"
              sidebarCollapsed ? 'grid h-10 place-items-center px-0 py-0 lg:rounded-full' : 'px-3 py-2.5'
            }`}
            onClick={() => goTo('/perfil')}
            title={sidebarCollapsed ? `${viewerProfile.name} - ${viewerProfile.role}` : undefined}
            type="button"
          >
            {sidebarCollapsed ? (
              <span className="text-xs font-bold text-[#3b82f6]">{getInitials(viewerProfile.name)}</span>
            ) : (
              <>
            <p className="truncate text-xs font-semibold text-[#e5e5e5]">{viewerProfile.name}</p>
            <p className="mt-0.5 truncate text-[11px] leading-4 text-[#a3a3a3]">{viewerProfile.role}</p>
              </>
            )}
          </button>
        </div>
      </aside>
@@ -218,7 +195,7 @@ export function AppShell({ children, currentPath, navigate, role, routeTitle })
        />
      ) : null}
-      <div className={`transition-[padding] duration-200 ${sidebarCollapsed ? 'lg:pl-16' : 'lg:pl-56'}`}>
+      <div className="lg:pl-56">
        <header className="sticky top-0 z-20 h-auto border-b border-[#404040] bg-[#262626] px-4 py-3 md:px-8 lg:h-16 lg:py-0">
          <div className="flex h-full flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
            <div className="flex min-w-0 items-center gap-3">
@@ -259,7 +236,7 @@ export function AppShell({ children, currentPath, navigate, role, routeTitle })
                  >
                    <div className="flex items-center justify-between px-2 py-2">
                      <p className="text-sm font-semibold text-[#e5e5e5]">Notificações</p>
-                      <span className="feature-badge-mock rounded border border-amber-500/40 bg-amber-500/15 px-2 py-0.5 text-[10px] font-bold uppercase tracking-[0.08em] text-amber-300">
+                      <span className="rounded bg-amber-500/15 px-2 py-0.5 text-[10px] font-bold uppercase tracking-[0.08em] text-amber-300">
                        Mock
                      </span>
                    </div>
@@ -369,11 +346,10 @@ export function AppShell({ children, currentPath, navigate, role, routeTitle })
  )
 }
-function NavItem({ active, item, onNavigate, sidebarCollapsed = false }) {
+function NavItem({ active, item, onNavigate }) {
  return (
    <a
      aria-current={active ? 'page' : undefined}
      aria-label={sidebarCollapsed ? item.label : undefined}
      className={`flex h-9 items-center gap-3 rounded-sm px-2 text-sm font-medium transition ${
        active ? 'bg-[#3b82f6]/10 text-[#3b82f6]' : 'text-[#a3a3a3] hover:bg-[#303030] hover:text-[#e5e5e5]'
      }`}
@@ -382,10 +358,9 @@ function NavItem({ active, item, onNavigate, sidebarCollapsed = false }) {
        event.preventDefault()
        onNavigate(item.href)
      }}
      title={sidebarCollapsed ? item.label : undefined}
    >
-      <AppIcon className={`size-5 shrink-0 ${sidebarCollapsed ? 'lg:mx-auto' : ''}`} name={item.icon} />
+      <AppIcon className="size-5 shrink-0" name={item.icon} />
-      <span className={sidebarCollapsed ? 'lg:hidden' : ''}>{item.label}</span>
+      <span>{item.label}</span>
    </a>
  )
 }
--- a/src/components/Brand.jsx
+++ b/src/components/Brand.jsx
@@ -1,32 +1,14 @@
 export function BrandLogo({
  className = '',
  iconClassName = 'size-10 rounded-[6px]',
  iconButtonLabel = 'MediConnect',
  markClassName = 'size-6',
  onIconClick,
  textClassName = 'text-2xl font-bold leading-8 tracking-[-0.025em] text-white',
 }) {
-  const icon = (
+  return (
    <div className={`flex items-center gap-3 ${className}`}>
      <div className={`grid place-items-center bg-[#3b82f6] text-white ${iconClassName}`}>
        <StethoscopeIcon className={markClassName} />
      </div>
  )
  return (
    <div className={`flex items-center gap-3 ${className}`}>
      {onIconClick ? (
        <button
          aria-label={iconButtonLabel}
          className="shrink-0 rounded-sm transition hover:brightness-110 focus:outline-none focus:ring-2 focus:ring-[#3b82f6]/50"
          onClick={onIconClick}
          title={iconButtonLabel}
          type="button"
        >
          {icon}
        </button>
      ) : (
        icon
      )}
      <p className={textClassName}>MediConnect</p>
    </div>
  )
--- a/src/components/RichTextEditor.jsx
+++ b/src/components/RichTextEditor.jsx
@@ -1,148 +0,0 @@
 import { useEffect, useRef } from 'react'
 import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
 import TextAlign from '@tiptap/extension-text-align'
 import Underline from '@tiptap/extension-underline'
 export function RichTextEditor({ onChange, value }) {
  const lastSyncedHtmlRef = useRef(value || '')
  const applyingExternalContentRef = useRef(false)
  const tiptapEditor = useEditor({
    extensions: [
      StarterKit,
      Underline,
      TextAlign.configure({
        types: ['heading', 'paragraph'],
      }),
    ],
    content: value || '',
    editorProps: {
      attributes: {
        class: 'report-rich-surface min-h-[560px] px-4 py-3 text-sm leading-6 text-[#e5e5e5] outline-none',
      },
    },
    shouldRerenderOnTransaction: false,
    onUpdate: ({ editor: currentEditor }) => {
      if (applyingExternalContentRef.current) return
      const nextHtml = currentEditor.getHTML()
      lastSyncedHtmlRef.current = nextHtml
      onChange(nextHtml)
    },
  })
  useEffect(() => {
    if (!tiptapEditor) return
    const nextValue = value || ''
    if (lastSyncedHtmlRef.current === nextValue) return
    if (tiptapEditor.getHTML() === nextValue) {
      lastSyncedHtmlRef.current = nextValue
      return
    }
    applyingExternalContentRef.current = true
    try {
      tiptapEditor.commands.setContent(nextValue, { emitUpdate: false })
    } finally {
      applyingExternalContentRef.current = false
    }
    lastSyncedHtmlRef.current = nextValue
  }, [tiptapEditor, value])
  const blockFormat = tiptapEditor?.isActive('heading', { level: 2 })
    ? 'h2'
    : tiptapEditor?.isActive('heading', { level: 3 })
      ? 'h3'
      : 'p'
  return (
    <div className="report-rich-editor overflow-hidden rounded-sm border border-[#404040] bg-[#171717]">
      <div className="report-rich-toolbar flex flex-wrap items-center gap-1 border-b border-[#404040] bg-[#202020] px-3 py-2">
        <ToolbarButton disabled={!tiptapEditor?.can().undo()} label="Desfazer" name="undo" onClick={() => tiptapEditor?.chain().focus().undo().run()} />
        <ToolbarButton disabled={!tiptapEditor?.can().redo()} label="Refazer" name="redo" onClick={() => tiptapEditor?.chain().focus().redo().run()} />
        <span className="mx-1 h-5 w-px bg-[#404040]" />
        <select
          className="h-8 rounded-sm border border-[#404040] bg-[#171717] px-2 text-xs font-semibold text-[#d4d4d4]"
          onChange={(event) => {
            const selected = event.target.value
            if (selected === 'h2') {
              tiptapEditor?.chain().focus().toggleHeading({ level: 2 }).run()
              return
            }
            if (selected === 'h3') {
              tiptapEditor?.chain().focus().toggleHeading({ level: 3 }).run()
              return
            }
            tiptapEditor?.chain().focus().setParagraph().run()
          }}
          value={blockFormat}
        >
          <option value="p">Padrao</option>
          <option value="h2">Titulo</option>
          <option value="h3">Subtitulo</option>
        </select>
        <ToolbarButton active={tiptapEditor?.isActive('bold')} label="Negrito" name="bold" onClick={() => tiptapEditor?.chain().focus().toggleBold().run()} />
        <ToolbarButton active={tiptapEditor?.isActive('italic')} label="Italico" name="italic" onClick={() => tiptapEditor?.chain().focus().toggleItalic().run()} />
        <ToolbarButton active={tiptapEditor?.isActive('underline')} label="Sublinhado" name="underline" onClick={() => tiptapEditor?.chain().focus().toggleUnderline().run()} />
        <ToolbarButton active={tiptapEditor?.isActive('strike')} label="Tachado" name="strike" onClick={() => tiptapEditor?.chain().focus().toggleStrike().run()} />
        <span className="mx-1 h-5 w-px bg-[#404040]" />
        <ToolbarButton active={tiptapEditor?.isActive({ textAlign: 'left' })} label="Alinhar a esquerda" name="align-left" onClick={() => tiptapEditor?.chain().focus().setTextAlign('left').run()} />
        <ToolbarButton active={tiptapEditor?.isActive({ textAlign: 'center' })} label="Centralizar" name="align-center" onClick={() => tiptapEditor?.chain().focus().setTextAlign('center').run()} />
        <ToolbarButton active={tiptapEditor?.isActive({ textAlign: 'right' })} label="Alinhar a direita" name="align-right" onClick={() => tiptapEditor?.chain().focus().setTextAlign('right').run()} />
        <ToolbarButton active={tiptapEditor?.isActive('bulletList')} label="Lista" name="list" onClick={() => tiptapEditor?.chain().focus().toggleBulletList().run()} />
      </div>
      <EditorContent editor={tiptapEditor} />
    </div>
  )
 }
 function ToolbarButton({ active = false, disabled = false, label, name, onClick }) {
  return (
    <button
      aria-label={label}
      aria-pressed={active}
      className={`grid size-8 place-items-center rounded-sm transition ${
        active ? 'bg-[#3b82f6]/20 text-[#3b82f6]' : 'text-[#a3a3a3] hover:bg-[#303030] hover:text-[#e5e5e5]'
      } disabled:cursor-not-allowed disabled:opacity-40`}
      disabled={disabled}
      onMouseDown={(event) => event.preventDefault()}
      onClick={onClick}
      title={label}
      type="button"
    >
      <RichTextIcon className="size-4" name={name} />
    </button>
  )
 }
 function RichTextIcon({ className = 'size-4', name }) {
  const common = {
    className,
    fill: 'none',
    stroke: 'currentColor',
    strokeLinecap: 'round',
    strokeLinejoin: 'round',
    strokeWidth: 1.8,
    viewBox: '0 0 24 24',
  }
  const icons = {
    undo: <path d="M9 14 4 9l5-5M4 9h10a6 6 0 0 1 0 12h-1" />,
    redo: <path d="m15 14 5-5-5-5M20 9H10a6 6 0 0 0 0 12h1" />,
    bold: <path d="M7 5h6a4 4 0 0 1 0 8H7zM7 13h7a4 4 0 0 1 0 8H7z" />,
    italic: <path d="M19 4h-9M14 20H5M15 4 9 20" />,
    underline: <path d="M6 4v6a6 6 0 0 0 12 0V4M4 21h16" />,
    strike: <path d="M5 12h14M16 6a4 4 0 0 0-4-2c-2 0-4 1-4 3 0 4 8 2 8 7 0 2-2 4-5 4-2 0-4-1-5-3" />,
    'align-left': <path d="M4 6h16M4 12h10M4 18h16" />,
    'align-center': <path d="M4 6h16M7 12h10M4 18h16" />,
    'align-right': <path d="M4 6h16M10 12h10M4 18h16" />,
    list: <path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" />,
  }
  return <svg {...common}>{icons[name] || icons.list}</svg>
 }
--- a/src/components/calendar/AgendaMonthlyView.jsx
+++ b/src/components/calendar/AgendaMonthlyView.jsx
@@ -1,3 +1,4 @@
 import React from 'react'
 import {
  startOfMonth,
  endOfMonth,
--- a/src/components/calendar/AgendaWeeklyView.jsx
+++ b/src/components/calendar/AgendaWeeklyView.jsx
@@ -1,3 +1,4 @@
 import React from 'react'
 import {
  startOfWeek,
  endOfWeek,
--- a/src/components/featureStateStyles.js
+++ b/src/components/featureStateStyles.js
@@ -6,21 +6,21 @@ export const featureStateStyles = {
    label: '',
  },
  partial: {
-    badge: 'feature-badge-partial border-sky-500/40 bg-sky-500/15 text-sky-300',
+    badge: 'border-sky-500/40 bg-sky-500/15 text-sky-300',
-    panel: 'feature-panel-partial border-sky-500/35 bg-sky-500/8',
+    panel: 'border-sky-500/35 bg-sky-500/8',
-    title: 'feature-title-partial text-sky-300',
+    title: 'text-sky-300',
    label: 'Parcial',
  },
  mock: {
-    badge: 'feature-badge-mock border-amber-500/40 bg-amber-500/15 text-amber-300',
+    badge: 'border-amber-500/40 bg-amber-500/15 text-amber-300',
-    panel: 'feature-panel-mock border-amber-500/35 bg-amber-500/8',
+    panel: 'border-amber-500/35 bg-amber-500/8',
-    title: 'feature-title-mock text-amber-300',
+    title: 'text-amber-300',
    label: 'Mockado',
  },
  wip: {
-    badge: 'feature-badge-wip border-rose-500/40 bg-rose-500/15 text-rose-300',
+    badge: 'border-rose-500/40 bg-rose-500/15 text-rose-300',
-    panel: 'feature-panel-wip border-rose-500/35 bg-rose-500/8',
+    panel: 'border-rose-500/35 bg-rose-500/8',
-    title: 'feature-title-wip text-rose-300',
+    title: 'text-rose-300',
    label: 'WIP',
  },
 }
--- a/src/components/ui.jsx
+++ b/src/components/ui.jsx
@@ -1,3 +1,12 @@
 const toneClasses = {
  blue: 'bg-sky-50 text-sky-700 border-sky-200',
  green: 'bg-emerald-50 text-emerald-700 border-emerald-200',
  amber: 'bg-amber-50 text-amber-700 border-amber-200',
  red: 'bg-rose-50 text-rose-700 border-rose-200',
  slate: 'bg-slate-100 text-slate-700 border-slate-200',
  neutral: 'bg-white text-slate-700 border-slate-200',
 }
 const buttonVariants = {
  primary:
    'border-sky-700 bg-sky-700 text-white hover:bg-sky-800 focus-visible:outline-sky-700',
@@ -9,13 +18,6 @@ const buttonVariants = {
    'border-rose-600 bg-rose-600 text-white hover:bg-rose-700 focus-visible:outline-rose-600',
 }
 export const appCardClass = 'rounded-2xl border border-[#404040] bg-[#262626] shadow-sm'
 export const appInputClass =
  'h-10 w-full rounded-lg border border-[#404040] bg-[#1a1a1a] px-3 text-sm text-[#e5e5e5] outline-none transition placeholder:text-[#a3a3a3] focus:border-[#3b82f6] focus:ring-1 focus:ring-[#3b82f6]'
 export const appTextareaClass =
  'min-h-28 w-full rounded-lg border border-[#404040] bg-[#1a1a1a] px-3 py-2 text-sm leading-6 text-[#e5e5e5] outline-none transition placeholder:text-[#a3a3a3] focus:border-[#3b82f6] focus:ring-1 focus:ring-[#3b82f6]'
 export const appLabelClass = 'mb-1.5 block text-xs font-medium text-[#e5e5e5]'
 export function Button({
  children,
  className = '',
@@ -42,6 +44,16 @@ export function Card({ children, className = '' }) {
  )
 }
 export function Badge({ children, tone = 'neutral', className = '' }) {
  return (
    <span
      className={`inline-flex items-center rounded-md border px-2.5 py-1 text-xs font-semibold ${toneClasses[tone] || toneClasses.neutral} ${className}`}
    >
      {children}
    </span>
  )
 }
 export function PageHeader({ actions, description, eyebrow, title }) {
  return (
    <header className="flex flex-col gap-4 md:flex-row md:items-start md:justify-between">
@@ -65,11 +77,129 @@ export function PageHeader({ actions, description, eyebrow, title }) {
  )
 }
-export function DarkField({ children, label }) {
+export function StatCard({ helper, label, tone = 'slate', value }) {
  return (
-    <div className="block">
+    <Card className="p-5">
-      <span className={appLabelClass}>{label}</span>
+      <div className="flex items-start justify-between gap-4">
-      {children}
+        <div>
          <p className="text-sm font-medium text-slate-500">{label}</p>
          <p className="mt-2 text-3xl font-bold text-slate-950">{value}</p>
        </div>
        <span className={`h-3 w-3 rounded-sm ${dotTone(tone)}`} aria-hidden="true" />
      </div>
      <p className="mt-3 text-sm text-slate-600">{helper}</p>
    </Card>
  )
 }
 export function EmptyState({ action, description, title }) {
  return (
    <div className="rounded-lg border border-dashed border-slate-300 bg-slate-50 p-8 text-center">
      <h3 className="text-lg font-semibold text-slate-950">{title}</h3>
      <p className="mx-auto mt-2 max-w-md text-sm leading-6 text-slate-600">{description}</p>
      {action ? <div className="mt-5 flex justify-center">{action}</div> : null}
    </div>
  )
 }
 export function Field({ children, hint, label }) {
  return (
    <label className="grid gap-2 text-sm font-semibold text-slate-700">
      <span>{label}</span>
      {children}
      {hint ? <span className="text-xs font-normal text-slate-500">{hint}</span> : null}
    </label>
  )
 }
 export function TextInput({ className = '', ...props }) {
  return (
    <input
      className={`min-h-11 rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 outline-none transition placeholder:text-slate-400 focus:border-sky-600 focus:ring-2 focus:ring-sky-100 ${className}`}
      {...props}
    />
  )
 }
 export function SelectInput({ children, className = '', ...props }) {
  return (
    <select
      className={`min-h-11 rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 outline-none transition focus:border-sky-600 focus:ring-2 focus:ring-sky-100 ${className}`}
      {...props}
    >
      {children}
    </select>
  )
 }
 export function Textarea({ className = '', ...props }) {
  return (
    <textarea
      className={`min-h-28 rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 outline-none transition placeholder:text-slate-400 focus:border-sky-600 focus:ring-2 focus:ring-sky-100 ${className}`}
      {...props}
    />
  )
 }
 export function Tabs({ active, items, onChange }) {
  return (
    <div className="flex flex-wrap gap-2 rounded-lg border border-slate-200 bg-white p-1">
      {items.map((item) => (
        <button
          className={`rounded-md px-3 py-2 text-sm font-semibold transition ${
            active === item.value
              ? 'bg-sky-700 text-white'
              : 'text-slate-600 hover:bg-slate-100 hover:text-slate-950'
          }`}
          key={item.value}
          onClick={() => onChange(item.value)}
          type="button"
        >
          {item.label}
        </button>
      ))}
    </div>
  )
 }
 export function Modal({ actions, children, onClose, open, title }) {
  if (!open) {
    return null
  }
  return (
    <div className="fixed inset-0 z-50 flex items-end justify-center bg-slate-950/50 p-4 sm:items-center">
      <div className="w-full max-w-xl rounded-lg border border-slate-200 bg-white shadow-xl">
        <div className="flex items-center justify-between gap-4 border-b border-slate-200 px-5 py-4">
          <h2 className="text-lg font-semibold text-slate-950">{title}</h2>
          <button
            aria-label="Fechar"
            className="rounded-md px-2 py-1 text-xl leading-none text-slate-500 hover:bg-slate-100"
            onClick={onClose}
            type="button"
          >
            x
          </button>
        </div>
        <div className="px-5 py-5">{children}</div>
        {actions ? (
          <div className="flex flex-wrap justify-end gap-2 border-t border-slate-200 px-5 py-4">
            {actions}
          </div>
        ) : null}
      </div>
    </div>
  )
 }
 function dotTone(tone) {
  const dots = {
    blue: 'bg-sky-500',
    green: 'bg-emerald-500',
    amber: 'bg-amber-500',
    red: 'bg-rose-500',
    slate: 'bg-slate-500',
  }
  return dots[tone] || dots.slate
 }
--- a/src/config/api.js
+++ b/src/config/api.js
@@ -1,49 +1,19 @@
-const env = import.meta.env ?? {}
+const SUPABASE_URL = import.meta.env.VITE_SUPABASE_URL || 'https://yuanqfswhberkoevtmfr.supabase.co'
-const SUPABASE_URL = readEnv('VITE_SUPABASE_URL')
+const SUPABASE_ANON_KEY = import.meta.env.VITE_SUPABASE_ANON_KEY || 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ'
 const SUPABASE_ANON_KEY = readEnv('VITE_SUPABASE_ANON_KEY')
 const SUPABASE_FUNCTIONS_URL = readEnv('VITE_SUPABASE_FUNCTIONS_URL')
 const SUPABASE_REST_URL = readEnv('VITE_SUPABASE_REST_URL')
 const SUPABASE_STORAGE_URL = readEnv('VITE_SUPABASE_STORAGE_URL')
 const API_BASE_URL = readEnv('VITE_API_BASE_URL')
 const AUTH_SESSION_KEY = 'mediconnect.auth.session'
 export const AUTH_SESSION_CHANGED_EVENT = 'mediconnect:auth-session-changed'
 export const apiConfig = {
-  apiUrl: API_BASE_URL || SUPABASE_FUNCTIONS_URL || joinUrl(SUPABASE_URL, '/functions/v1'),
+  apiUrl: import.meta.env.VITE_API_BASE_URL || import.meta.env.VITE_SUPABASE_FUNCTIONS_URL || `${SUPABASE_URL}/functions/v1`,
  supabaseUrl: SUPABASE_URL,
-  restUrl: SUPABASE_REST_URL || joinUrl(SUPABASE_URL, '/rest/v1'),
+  restUrl: import.meta.env.VITE_SUPABASE_REST_URL || `${SUPABASE_URL}/rest/v1`,
-  functionsUrl: SUPABASE_FUNCTIONS_URL || joinUrl(SUPABASE_URL, '/functions/v1'),
+  functionsUrl: import.meta.env.VITE_SUPABASE_FUNCTIONS_URL || `${SUPABASE_URL}/functions/v1`,
-  storageUrl: SUPABASE_STORAGE_URL || joinUrl(SUPABASE_URL, '/storage/v1'),
+  storageUrl: import.meta.env.VITE_SUPABASE_STORAGE_URL || `${SUPABASE_URL}/storage/v1`,
  anonKey: SUPABASE_ANON_KEY,
 }
 export function getMissingApiConfig() {
  return [
    ['VITE_SUPABASE_URL', apiConfig.supabaseUrl],
    ['VITE_SUPABASE_ANON_KEY', apiConfig.anonKey],
  ]
    .filter(([, value]) => !value)
    .map(([name]) => name)
 }
 export function assertApiConfig() {
  const missing = getMissingApiConfig()
  if (missing.length) {
    throw new Error(
      `Configuração da API incompleta. Defina ${missing.join(' e ')} no ambiente.`,
    )
  }
 }
 export function apiEndpoint(path, baseUrl = apiConfig.apiUrl) {
  assertApiConfig()
  if (!baseUrl) {
    throw new Error('URL da API não configurada.')
  }
  const normalizedBase = baseUrl.replace(/\/+$/, '')
  const normalizedPath = path.startsWith('/') ? path : `/${path}`
  return `${normalizedBase}${normalizedPath}`
@@ -80,6 +50,7 @@ export function hasAuthenticatedSession() {
  const session = getAuthSession()
  if (!session?.access_token) return false
  // Validate expiration locally if available
  if (session.expires_at && session.expires_at * 1000 <= Date.now()) {
    clearAuthSession()
    return false
@@ -89,8 +60,6 @@ export function hasAuthenticatedSession() {
 }
 export function getAnonHeaders(extraHeaders = {}) {
  assertApiConfig()
  return cleanHeaders({
    apikey: apiConfig.anonKey,
    'Content-Type': 'application/json',
@@ -99,8 +68,6 @@ export function getAnonHeaders(extraHeaders = {}) {
 }
 export function getAuthenticatedHeaders(extraHeaders = {}) {
  assertApiConfig()
  const session = getAuthSession()
  const accessToken = session?.access_token
@@ -123,22 +90,5 @@ function cleanHeaders(headers) {
 }
 function notifyAuthSessionChanged() {
  if (typeof window !== 'undefined') {
  window.dispatchEvent(new Event(AUTH_SESSION_CHANGED_EVENT))
 }
 }
 function readEnv(name) {
  if (env[name]) return env[name]
  if (typeof process !== 'undefined' && process.env?.[name]) {
    return process.env[name]
  }
  return ''
 }
 function joinUrl(baseUrl, path) {
  if (!baseUrl) return ''
  return `${baseUrl.replace(/\/+$/, '')}${path}`
 }
--- a/src/data/mockData.js
+++ b/src/data/mockData.js
@@ -1,3 +1,170 @@
 export const todayLabel = '07 abr 2026'
 export const dashboardMetrics = [
  {
    label: 'Consultas hoje',
    value: '18',
    helper: '6 por teleconsulta',
    tone: 'blue',
  },
  {
    label: 'Pacientes em acompanhamento',
    value: '124',
    helper: '12 com prioridade alta',
    tone: 'green',
  },
  {
    label: 'Mensagens novas',
    value: '9',
    helper: '4 aguardando resposta',
    tone: 'amber',
  },
  {
    label: 'Documentos pendentes',
    value: '7',
    helper: 'Exames e receitas',
    tone: 'slate',
  },
 ]
 export const patients = [
  {
    id: 'ana-souza',
    name: 'Ana Souza',
    age: 42,
    document: 'CPF 284.019.430-10',
    plan: 'Unimed',
    condition: 'Diabetes tipo 2',
    status: 'Acompanhamento',
    risk: 'Moderado',
    phone: '(81) 98812-2301',
    email: 'ana.souza@email.com',
    address: 'Rua das Flores, 220',
    lastVisit: '31 mar 2026',
    nextVisit: '08 abr 2026, 10:00',
    team: ['Dra. Marina Lopes', 'Enf. Paulo Reis'],
    notes: [
      'Paciente relatou melhora na rotina alimentar.',
      'Solicitar retorno com glicemia de jejum atualizada.',
    ],
    exams: ['Hemoglobina glicada', 'Glicemia de jejum', 'Perfil lipidico'],
  },
  {
    id: 'bruno-lima',
    name: 'Bruno Lima',
    age: 35,
    document: 'CPF 031.762.880-04',
    plan: 'SulAmerica',
    condition: 'Hipertensao',
    status: 'Retorno',
    risk: 'Alto',
    phone: '(81) 99744-9011',
    email: 'bruno.lima@email.com',
    address: 'Av. Norte, 1180',
    lastVisit: '02 abr 2026',
    nextVisit: '07 abr 2026, 14:30',
    team: ['Dr. Rafael Nunes', 'Nutri. Clara Meireles'],
    notes: [
      'Pressão ainda oscilando no período da tarde.',
      'Conferir adesão ao medicamento e orientar diário de pressão.',
    ],
    exams: ['MAPA 24h', 'Eletrocardiograma', 'Creatinina'],
  },
  {
    id: 'carla-mendes',
    name: 'Carla Mendes',
    age: 29,
    document: 'CPF 740.991.112-80',
    plan: 'Particular',
    condition: 'Pre-natal',
    status: 'Primeira consulta',
    risk: 'Baixo',
    phone: '(81) 98120-4477',
    email: 'carla.mendes@email.com',
    address: 'Rua Aurora, 90',
    lastVisit: 'Sem historico',
    nextVisit: '09 abr 2026, 08:30',
    team: ['Dra. Marina Lopes'],
    notes: [
      'Primeiro atendimento cadastrado pela recepcao.',
      'Confirmar exames iniciais e historico familiar.',
    ],
    exams: ['Beta HCG', 'Ultrassom obstetrico', 'Hemograma'],
  },
  {
    id: 'diego-alves',
    name: 'Diego Alves',
    age: 51,
    document: 'CPF 607.113.904-18',
    plan: 'Bradesco Saude',
    condition: 'Pos-operatorio',
    status: 'Monitoramento',
    risk: 'Moderado',
    phone: '(81) 98772-5330',
    email: 'diego.alves@email.com',
    address: 'Rua Imperial, 410',
    lastVisit: '05 abr 2026',
    nextVisit: '10 abr 2026, 16:00',
    team: ['Dr. Rafael Nunes', 'Fisio. Jonas Pedro'],
    notes: [
      'Evolucao dentro do esperado no curativo.',
      'Manter avaliacao de dor e mobilidade nos proximos contatos.',
    ],
    exams: ['Raio X controle', 'Hemograma', 'PCR'],
  },
 ]
 export const appointments = [
  {
    id: 'apt-001',
    date: '2026-04-07',
    time: '08:00',
    patient: 'Carla Mendes',
    patientId: 'carla-mendes',
    professional: 'Dra. Marina Lopes',
    type: 'Consulta inicial',
    room: 'Sala 01',
    status: 'Confirmada',
    mode: 'Presencial',
  },
  {
    id: 'apt-002',
    date: '2026-04-07',
    time: '09:30',
    patient: 'Ana Souza',
    patientId: 'ana-souza',
    professional: 'Dra. Marina Lopes',
    type: 'Retorno',
    room: 'Sala virtual 1',
    status: 'Em triagem',
    mode: 'Teleconsulta',
  },
  {
    id: 'apt-003',
    date: '2026-04-07',
    time: '11:00',
    patient: 'Diego Alves',
    patientId: 'diego-alves',
    professional: 'Dr. Rafael Nunes',
    type: 'Acompanhamento',
    room: 'Sala 03',
    status: 'Aguardando',
    mode: 'Presencial',
  },
  {
    id: 'apt-004',
    date: '2026-04-07',
    time: '14:30',
    patient: 'Bruno Lima',
    patientId: 'bruno-lima',
    professional: 'Dr. Rafael Nunes',
    type: 'Retorno',
    room: 'Sala virtual 2',
    status: 'Confirmada',
    mode: 'Teleconsulta',
  },
 ]
 export const careQueue = [
  {
    id: 'queue-001',
@@ -12,10 +179,10 @@ export const careQueue = [
    id: 'queue-002',
    patient: 'Bruno Lima',
    patientId: 'bruno-lima',
-    status: 'Aguardando medico',
+    status: 'Aguardando médico',
    priority: 'Alta',
    wait: '25 min',
-    reason: 'Pressao elevada',
+    reason: 'Pressão elevada',
  },
  {
    id: 'queue-003',
@@ -27,3 +194,135 @@ export const careQueue = [
    reason: 'Consulta inicial',
  },
 ]
 export const conversations = [
  {
    id: 'conv-ana',
    patient: 'Ana Souza',
    patientId: 'ana-souza',
    subject: 'Duvida sobre exame',
    unread: 2,
    lastMessage: 'Enviei o resultado pelo portal.',
    status: 'Aguardando equipe',
    messages: [
      {
        from: 'patient',
        body: 'Bom dia, consegui enviar a hemoglobina glicada pelo app?',
        time: '08:12',
      },
      {
        from: 'team',
        body: 'Sim, Ana. Recebemos o arquivo e a Dra. Marina vai revisar antes da consulta.',
        time: '08:20',
      },
      {
        from: 'patient',
        body: 'Obrigada. Enviei o resultado pelo portal.',
        time: '08:24',
      },
    ],
  },
  {
    id: 'conv-bruno',
    patient: 'Bruno Lima',
    patientId: 'bruno-lima',
    subject: 'Pressão no fim do dia',
    unread: 1,
    lastMessage: 'Hoje marcou 15 por 9 novamente.',
    status: 'Prioridade alta',
    messages: [
      {
        from: 'patient',
        body: 'Hoje marcou 15 por 9 novamente.',
        time: '13:05',
      },
      {
        from: 'team',
        body: 'Bruno, vamos acompanhar no retorno de hoje. Traga as medidas da semana.',
        time: '13:12',
      },
    ],
  },
  {
    id: 'conv-carla',
    patient: 'Carla Mendes',
    patientId: 'carla-mendes',
    subject: 'Confirmação de horario',
    unread: 0,
    lastMessage: 'Confirmado para quinta as 08:30.',
    status: 'Respondida',
    messages: [
      {
        from: 'team',
        body: 'Carla, sua consulta ficou confirmada para quinta as 08:30.',
        time: '17:42',
      },
    ],
  },
 ]
 export const professionals = [
  {
    id: 'marina-lopes',
    name: 'Dra. Marina Lopes',
    role: 'Clínica geral',
    schedule: 'Seg a sex, 08:00-16:00',
    status: 'Disponivel',
    nextSlot: 'Hoje, 15:30',
    patients: 48,
  },
  {
    id: 'rafael-nunes',
    name: 'Dr. Rafael Nunes',
    role: 'Cardiologista',
    schedule: 'Ter e qui, 09:00-18:00',
    status: 'Em atendimento',
    nextSlot: 'Hoje, 17:00',
    patients: 36,
  },
  {
    id: 'clara-meireles',
    name: 'Nutri. Clara Meireles',
    role: 'Nutricionista',
    schedule: 'Seg, qua e sex, 10:00-15:00',
    status: 'Disponivel',
    nextSlot: 'Amanha, 10:30',
    patients: 21,
  },
  {
    id: 'paulo-reis',
    name: 'Enf. Paulo Reis',
    role: 'Enfermagem',
    schedule: 'Seg a sex, 07:00-13:00',
    status: 'Triagem',
    nextSlot: 'Hoje, 12:10',
    patients: 64,
  },
 ]
 export const activityFeed = [
  {
    id: 'feed-001',
    title: 'Receita enviada',
    detail: 'Dra. Marina enviou orientacao para Ana Souza.',
    time: '09:10',
  },
  {
    id: 'feed-002',
    title: 'Triagem aberta',
    detail: 'Bruno Lima entrou na fila de atendimento.',
    time: '09:45',
  },
  {
    id: 'feed-003',
    title: 'Documento pendente',
    detail: 'Exame de Diego Alves aguarda revisao.',
    time: '10:05',
  },
 ]
 export const reminders = [
  'Confirmar retornos de alto risco ate 16:00.',
  'Revisar documentos enviados pelos pacientes.',
  'Atualizar fila de teleconsultas antes do plantao.',
 ]
--- a/src/data/reportTemplates.js
+++ b/src/data/reportTemplates.js
@@ -1,82 +0,0 @@
 export const reportTemplates = [
  {
    id: 'consulta-medica',
    category: 'Relatorios',
    title: 'Relatorio de Consulta Medica',
    description: 'Resumo clinico com queixa, exame fisico, hipotese diagnostica e conduta.',
    popular: true,
    tags: ['consulta', 'clinico', 'conduta'],
    exam: 'Consulta medica',
    cidCode: 'Z00.0',
    diagnosis: 'Paciente avaliado(a) em consulta medica, com hipotese diagnostica em investigacao conforme quadro clinico.',
    conclusion: 'Paciente orientado(a) quanto a conduta proposta, sinais de alerta e necessidade de seguimento.',
    contentHtml:
      '<h2>Relatorio de Consulta Medica</h2><p><strong>Queixa principal:</strong> </p><p><strong>Historia clinica:</strong> </p><p><strong>Exame fisico:</strong> </p><p><strong>Hipoteses diagnosticas:</strong> </p><p><strong>Conduta:</strong> </p>',
  },
  {
    id: 'evolucao-clinica',
    category: 'Relatorios',
    title: 'Evolucao Clinica',
    description: 'Registro de evolucao diaria para acompanhamento de internacao.',
    tags: ['internacao', 'evolucao', 'diario'],
    exam: 'Evolucao clinica',
    cidCode: 'Z51.9',
    diagnosis: 'Paciente em acompanhamento clinico durante internacao, com evolucao registrada em prontuario.',
    conclusion: 'Manter acompanhamento multiprofissional e reavaliar conduta conforme evolucao.',
    contentHtml:
      '<h2>Evolucao Clinica</h2><p><strong>Data e hora:</strong> </p><p><strong>Estado geral:</strong> </p><p><strong>Sinais vitais:</strong> </p><p><strong>Evolucao:</strong> </p><p><strong>Conduta do dia:</strong> </p><p><strong>Profissional:</strong> </p>',
  },
  {
    id: 'hemograma',
    category: 'Laudos',
    title: 'Laudo de Hemograma',
    description: 'Interpretacao clinica de hemograma com correlacao diagnostica.',
    tags: ['laboratorial', 'sangue', 'hemograma'],
    exam: 'Hemograma completo',
    cidCode: 'Z01.7',
    diagnosis: 'Exame laboratorial avaliado em conjunto com quadro clinico e exames complementares.',
    conclusion: 'Resultado analisado e correlacionado com a hipotese diagnostica descrita.',
    contentHtml:
      '<h2>Laudo de Hemograma</h2><p><strong>Material:</strong> Sangue periferico.</p><p><strong>Achados principais:</strong> </p><p><strong>Interpretacao:</strong> </p><p><strong>Conclusao:</strong> </p>',
  },
  {
    id: 'imagem',
    category: 'Laudos',
    title: 'Laudo de Imagem',
    description: 'Modelo para exames de imagem com descricao tecnica e impressao diagnostica.',
    popular: true,
    tags: ['imagem', 'radiologia', 'exame'],
    exam: 'Exame de imagem',
    cidCode: 'Z01.6',
    diagnosis: 'Achados de imagem descritos conforme exame realizado e indicacao clinica.',
    conclusion: 'Impressao diagnostica registrada conforme achados do exame.',
    contentHtml:
      '<h2>Laudo de Imagem</h2><p><strong>Tecnica:</strong> </p><p><strong>Achados:</strong> </p><p><strong>Impressao diagnostica:</strong> </p><p><strong>Recomendacao:</strong> </p>',
  },
  {
    id: 'pre-operatorio',
    category: 'Relatorios',
    title: 'Avaliacao Pre-operatoria',
    description: 'Avaliacao clinica para estratificacao de risco e liberacao cirurgica.',
    tags: ['pre-op', 'cirurgia', 'risco'],
    exam: 'Avaliacao pre-operatoria',
    cidCode: 'Z01.8',
    diagnosis: 'Paciente em avaliacao pre-operatoria, com risco definido conforme dados clinicos disponiveis.',
    conclusion: 'Conduta pre-operatoria orientada conforme avaliacao clinica e exames apresentados.',
    contentHtml:
      '<h2>Avaliacao Pre-operatoria</h2><p><strong>Procedimento proposto:</strong> </p><p><strong>Comorbidades:</strong> </p><p><strong>Medicamentos em uso:</strong> </p><p><strong>Estratificacao de risco:</strong> </p><p><strong>Orientacoes:</strong> </p>',
  },
  {
    id: 'encaminhamento',
    category: 'Encaminhamentos',
    title: 'Encaminhamento Especializado',
    description: 'Encaminhamento com justificativa clinica e resumo do caso.',
    tags: ['encaminhamento', 'especialista', 'conduta'],
    exam: 'Encaminhamento medico',
    cidCode: 'Z75.8',
    diagnosis: 'Paciente encaminhado(a) para avaliacao especializada por necessidade clinica descrita.',
    conclusion: 'Solicitada avaliacao especializada e continuidade do cuidado compartilhado.',
    contentHtml:
      '<h2>Encaminhamento Especializado</h2><p><strong>Especialidade solicitada:</strong> </p><p><strong>Resumo clinico:</strong> </p><p><strong>Motivo do encaminhamento:</strong> </p><p><strong>Exames anexos:</strong> </p>',
  },
 ]
--- a/src/hooks/useAgenda.js
+++ b/src/hooks/useAgenda.js
@@ -355,8 +355,6 @@ export function useAgenda() {
      notes: form.notes,
      room: form.mode === 'Teleconsulta' ? 'Virtual' : 'Consultório 1',
      professionalId: targetProfessionalId,
      createdBy: editingAppointment?.createdBy || viewerProfile?.id || '',
      createdByName: editingAppointment?.createdByName || viewerProfile?.name || viewerProfile?.email || '',
      ...overrides,
    }
  }
@@ -423,8 +421,6 @@ function enrichAppointment(appointment, payload, patients, professionals) {
    status: payload.status,
    notes: payload.notes,
    room: payload.room,
    createdBy: appointment.createdBy || payload.createdBy,
    createdByName: appointment.createdByName || payload.createdByName,
  }
 }
--- a/src/index.css
+++ b/src/index.css
@@ -46,12 +46,12 @@ button:disabled {
 :root[data-theme='light'] {
  color: #333333;
-  background: #d9e4f0;
+  background: #cfd7e0;
  color-scheme: light;
 }
 [data-theme='light'] body {
-  background: #d9e4f0;
+  background: #cfd7e0;
  color: #333333;
 }
@@ -61,21 +61,13 @@ button:disabled {
  color-scheme: light;
 }
 [data-theme='light'] :where(input, textarea, [contenteditable='true'], .ProseMirror) {
  caret-color: #000000;
 }
 [data-theme='light'] .auth-dark :where(input, textarea) {
  caret-color: #e5e5e5;
 }
 [data-theme='light'] aside.bg-\[\#262626\] {
  background-color: #f3f4f6;
 }
 [data-theme='light'] .bg-\[\#0a0a0a\],
 [data-theme='light'] .bg-\[\#171717\] {
-  background-color: #d9e4f0;
+  background-color: #cfd7e0;
 }
 [data-theme='light'] .bg-\[\#1a1a1a\] {
@@ -114,7 +106,7 @@ button:disabled {
 }
 [data-theme='light'] .disabled\:bg-\[\#303030\]:disabled {
-  background-color: #d9e4f0;
+  background-color: #cfd7e0;
 }
 [data-theme='light'] .border-\[\#404040\],
@@ -122,21 +114,11 @@ button:disabled {
  border-color: #d6dee8;
 }
 [data-theme='light'] .divide-y.divide-\[\#404040\] > :not(:last-child),
 [data-theme='light'] .divide-\[\#404040\] > :not(:last-child),
 [data-theme='light'] table .divide-\[\#404040\] > tr:not(:last-child) {
  border-color: #d6dee8;
 }
 [data-theme='light'] .border-\[\#525252\],
 [data-theme='light'] .hover\:border-\[\#525252\]:hover {
  border-color: #d1d5db;
 }
 [data-theme='light'] .border-\[\#5b4b75\] {
  border-color: #d6dee8;
 }
 [data-theme='light'] .hover\:border-\[\#404040\]:hover,
 [data-theme='light'] .disabled\:border-\[\#404040\]:disabled {
  border-color: #d6dee8;
@@ -272,157 +254,6 @@ button:disabled {
  background-color: #404040;
 }
 [data-theme='light'] .feature-badge-partial {
  border-color: #0284c7;
  background: #dff3ff;
  color: #075985;
  box-shadow: inset 0 0 0 1px rgba(2, 132, 199, 0.12);
 }
 [data-theme='light'] .feature-panel-partial {
  border-color: #38bdf8;
  background: #eef9ff;
 }
 [data-theme='light'] .feature-title-partial {
  color: #075985;
 }
 [data-theme='light'] .feature-badge-mock {
  border-color: #d97706;
  background: #fff2c2;
  color: #92400e;
  box-shadow: inset 0 0 0 1px rgba(217, 119, 6, 0.14);
 }
 [data-theme='light'] .feature-panel-mock {
  border-color: #f59e0b;
  background: #fff8db;
 }
 [data-theme='light'] .feature-title-mock {
  color: #92400e;
 }
 [data-theme='light'] .feature-badge-wip {
  border-color: #e11d48;
  background: #ffe4e8;
  color: #9f1239;
  box-shadow: inset 0 0 0 1px rgba(225, 29, 72, 0.12);
 }
 [data-theme='light'] .feature-panel-wip {
  border-color: #fb7185;
  background: #fff1f3;
 }
 [data-theme='light'] .feature-title-wip {
  color: #9f1239;
 }
 [data-theme='light'] .report-editor-backdrop {
  background: rgba(15, 23, 42, 0.35);
 }
 [data-theme='light'] .report-editor-shell {
  border-color: #c8d4e2;
  background: #f8fbff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
 }
 [data-theme='light'] .report-editor-header,
 [data-theme='light'] .report-editor-footer {
  border-color: #c8d4e2;
  background: #ffffff;
 }
 [data-theme='light'] .report-editor-body {
  background: #f8fbff;
 }
 [data-theme='light'] .report-template-trigger,
 [data-theme='light'] .report-template-menu,
 [data-theme='light'] .report-rich-editor,
 [data-theme='light'] .report-rich-toolbar {
  border-color: #c8d4e2;
  background: #ffffff;
  color: #333333;
 }
 [data-theme='light'] .report-rich-surface {
  background: #ffffff;
  caret-color: #000000;
  color: #333333;
 }
 [data-theme='light'] .report-rich-toolbar select {
  border-color: #c8d4e2;
  background: #ffffff;
  color: #333333;
 }
 [data-theme='light'] .report-rich-toolbar button {
  color: #4b5563;
 }
 [data-theme='light'] .report-rich-toolbar button[aria-pressed='true'],
 [data-theme='light'] .report-rich-toolbar button:hover {
  color: #2563eb;
 }
 .report-rich-surface {
  caret-color: #e5e5e5;
  cursor: text;
  min-height: 560px;
 }
 .report-rich-surface * {
  cursor: text;
 }
 .report-rich-surface.ProseMirror-focused {
  caret-color: #e5e5e5;
 }
 [data-theme='light'] .report-rich-surface.ProseMirror-focused {
  caret-color: #000000;
 }
 .report-rich-surface p {
  margin: 0 0 0.75rem;
 }
 .report-rich-surface h2 {
  margin: 0 0 0.85rem;
  font-size: 1.1rem;
  font-weight: 700;
 }
 .report-rich-surface h3 {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 700;
 }
 .report-rich-surface ul,
 .report-rich-surface ol {
  margin: 0.5rem 0 0.75rem;
  padding-left: 1.4rem;
 }
 .report-rich-surface .is-empty::before {
  color: #737373;
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
 }
 [data-theme='light'] .report-rich-toolbar button:hover,
 [data-theme='light'] .report-template-menu button:hover {
  background: #e8edf4;
 }
 .agenda-calendar-shell {
  border-color: #3b3b3b;
  background: #202020;
--- a/src/mappers/appointmentMapper.js
+++ b/src/mappers/appointmentMapper.js
@@ -68,14 +68,6 @@ export const appointmentMapper = {
      status: mappedStatus,
      notes: apiData.notes || apiData.observations || apiData.observacoes || apiData.observacao || apiData.description || '',
      room: apiData.room || apiData.sala || apiData.local || 'Consultório 1',
      createdBy: apiData.createdBy || apiData.created_by || '',
      createdByName:
        apiData.createdByName ||
        apiData.created_by_name ||
        apiData.created_by_profile?.full_name ||
        apiData.created_by_profile?.name ||
        apiData.created_by_profile?.email ||
        '',
    }
  },
@@ -93,7 +85,6 @@ export const appointmentMapper = {
        notes: emptyToUndefined(uiData.notes),
        observations: emptyToUndefined(uiData.notes),
        duration_minutes: 30, // Padrao
        created_by: emptyToUndefined(uiData.createdBy),
      }
    }
@@ -107,7 +98,6 @@ export const appointmentMapper = {
      status: uiData.status || 'Confirmada',
      room: uiData.room,
      notes: uiData.notes,
      created_by: uiData.createdBy,
    }
  },
 }
--- a/src/pages/AgendaPage.jsx
+++ b/src/pages/AgendaPage.jsx
@@ -15,7 +15,6 @@ import { useState } from 'react'
 import { AgendaDailyView } from '../components/calendar/AgendaDailyView.jsx'
 import { AgendaMonthlyView } from '../components/calendar/AgendaMonthlyView.jsx'
 import { AgendaWeeklyView } from '../components/calendar/AgendaWeeklyView.jsx'
 import { StethoscopeIcon } from '../components/Brand.jsx'
 import { useAgenda } from '../hooks/useAgenda.js'
 import { formatLocalDateInput, parseLocalDate } from '../utils/agendaDate.js'
@@ -333,7 +332,6 @@ export function AgendaPage() {
                  type="search"
                  value={modalPatientSearch || getPatientLabel(selectedPatient)}
                />
                {modalPatientSearch && !form.patientId ? (
                <SearchResults
                  emptyText="Nenhum paciente encontrado."
                  getLabel={getPatientLabel}
@@ -344,9 +342,6 @@ export function AgendaPage() {
                  }}
                  selectedId={form.patientId}
                />
                ) : selectedPatient ? (
                  <SelectedHint label={getPatientLabel(selectedPatient)} />
                ) : null}
              </DarkField>
              <DarkField label="Profissional">
@@ -369,7 +364,6 @@ export function AgendaPage() {
                      type="search"
                      value={modalDoctorSearch || selectedProfessional?.name || ''}
                    />
                    {modalDoctorSearch && !form.professionalId ? (
                    <SearchResults
                      emptyText="Nenhum médico encontrado."
                      getDescription={(professional) => professional.unit || professional.email}
@@ -381,9 +375,6 @@ export function AgendaPage() {
                      }}
                      selectedId={form.professionalId}
                    />
                    ) : selectedProfessional ? (
                      <SelectedHint label={selectedProfessional.name} />
                    ) : null}
                  </>
                )}
              </DarkField>
@@ -490,7 +481,6 @@ export function AgendaPage() {
                Agendamento de {selectedPatient ? getPatientLabel(selectedPatient) : 'paciente não informado'} às {form.time}.
              </p>
              <p className="mt-1">Status atual: {form.status}</p>
              <p className="mt-1">Criado por: {editingAppointment.createdByName || editingAppointment.createdBy || 'Usuário não informado'}</p>
              {form.notes ? <p className="mt-1">Observações: {form.notes}</p> : null}
            </div>
          ) : null}
@@ -540,14 +530,9 @@ function DarkModal({ children, onClose, open, title }) {
  return (
    <div className="fixed inset-0 z-50 flex items-end justify-center bg-black/60 p-4 sm:items-center">
-      <div className="flex max-h-[94vh] w-full max-w-6xl flex-col overflow-hidden rounded-xl border border-[#404040] bg-[#242424] shadow-2xl">
+      <div className="w-full max-w-4xl rounded-2xl border border-[#404040] bg-[#262626] shadow-2xl">
        <div className="flex items-center justify-between gap-4 border-b border-[#404040] px-5 py-4">
          <div className="flex items-center gap-3">
            <span className="grid size-9 place-items-center rounded-sm bg-[#3b82f6] text-white">
              <StethoscopeIcon className="size-5" />
            </span>
          <h2 className="text-lg font-bold text-[#e5e5e5]">{title}</h2>
          </div>
          <button
            aria-label="Fechar"
            className="grid size-8 place-items-center rounded-sm text-xl leading-none text-[#a3a3a3] transition hover:bg-[#303030] hover:text-[#e5e5e5]"
@@ -557,20 +542,12 @@ function DarkModal({ children, onClose, open, title }) {
            x
          </button>
        </div>
-        <div className="min-h-0 overflow-y-auto p-5">{children}</div>
+        <div className="p-5">{children}</div>
      </div>
    </div>
  )
 }
 function SelectedHint({ label }) {
  return (
    <span className="rounded-md border border-[#404040] bg-[#1f1f1f] px-3 py-2 text-xs font-semibold text-[#a3a3a3]">
      Selecionado: {label}
    </span>
  )
 }
 function SearchResults({ emptyText, getDescription, getLabel, items, onSelect, selectedId }) {
  return (
    <div className="max-h-44 overflow-y-auto rounded-md border border-[#404040] bg-[#1f1f1f]">
--- a/src/pages/MedicalRecordsPage.jsx
+++ b/src/pages/MedicalRecordsPage.jsx
--- a/src/pages/MessagesPage.jsx
+++ b/src/pages/MessagesPage.jsx
@@ -1,7 +1,6 @@
 import { useEffect, useMemo, useState } from 'react'
 import { normalizeRole } from '../config/permissions.js'
 import { StethoscopeIcon } from '../components/Brand.jsx'
 import { FeatureCallout } from '../components/FeatureState.jsx'
 import { featurePanelClass } from '../components/featureStateStyles.js'
 import { communicationRepository } from '../repositories/communicationRepository.js'
@@ -589,8 +588,8 @@ function MessageComposer({ allowedChannelKeys, draft, onChange, onClose, onSubmi
  }
  return (
-    <ModalFrame branded onClose={onClose} title="Nova Mensagem">
+    <ModalFrame onClose={onClose} title="Nova Mensagem">
-      <form className="space-y-5" onSubmit={onSubmit}>
+      <form className="space-y-4" onSubmit={onSubmit}>
        <DarkField label="Paciente">
          <div className="space-y-2">
            <input
@@ -672,7 +671,7 @@ function MessageComposer({ allowedChannelKeys, draft, onChange, onClose, onSubmi
        <DarkField label="Mensagem">
          <textarea
-            className={`${textareaClass} min-h-44`}
+            className={textareaClass}
            onChange={(event) => update('content', event.target.value)}
            placeholder="Escreva a mensagem"
            value={draft.content}
@@ -739,24 +738,17 @@ function TemplateEditor({ allowedChannelKeys, draft, onChange, onClose, onSubmit
  )
 }
-function ModalFrame({ branded = false, children, onClose, title }) {
+function ModalFrame({ children, onClose, title }) {
  return (
    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/70 p-4">
-      <div className={`flex max-h-[94vh] w-full ${branded ? 'max-w-6xl' : 'max-w-2xl'} flex-col overflow-hidden rounded-xl border border-[#404040] bg-[#242424] shadow-2xl`}>
+      <div className="w-full max-w-2xl rounded-2xl border border-[#404040] bg-[#262626] shadow-2xl">
        <div className="flex items-center justify-between border-b border-[#404040] px-5 py-4">
          <div className="flex items-center gap-3">
            {branded ? (
              <span className="grid size-9 place-items-center rounded-sm bg-[#3b82f6] text-white">
                <StethoscopeIcon className="size-5" />
              </span>
            ) : null}
          <h2 className="text-lg font-bold text-[#f5f5f5]">{title}</h2>
          </div>
          <button className="grid size-9 place-items-center rounded-sm text-[#a3a3a3] hover:bg-[#303030]" onClick={onClose} type="button">
            <CommIcon className="size-5" name="x" />
          </button>
        </div>
-        <div className="min-h-0 overflow-y-auto p-5">{children}</div>
+        <div className="p-5">{children}</div>
      </div>
    </div>
  )
--- a/src/pages/PatientsPage.jsx
+++ b/src/pages/PatientsPage.jsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 import { hasCapability } from '../config/permissions.js'
 import { patientRepository } from '../repositories/patientRepository.js'
@@ -179,32 +179,18 @@ export function PatientsPage({ navigate, role }) {
  try {
    if (isNew) {
      const created = normalizeCreatedPatient(await patientRepository.create(patient))
      const patientId = created?.id || patient.id
      const avatarResult = patient.avatarFile
        ? await patientRepository.uploadAvatar(patientId, patient.avatarFile)
        : null
      const newRow = {
        ...patient,
-        avatarFile: undefined,
+        id: created?.id || patient.id,
-        avatarUrl: avatarResult?.avatarUrl || patient.avatarUrl,
+        detailId: created?.id || patient.detailId || patient.id,
        id: patientId,
        detailId: patientId || patient.detailId || patient.id,
        name: created?.full_name || created?.name || patient.name,
        phone: created?.phone_mobile || created?.phone || patient.phone,
      }
      setRows((currentRows) => [newRow, ...currentRows])
    } else {
      await patientRepository.update(patient.id, patient)
      const avatarResult = patient.avatarFile
        ? await patientRepository.uploadAvatar(patient.id, patient.avatarFile)
        : null
      const nextPatient = {
        ...patient,
        avatarFile: undefined,
        avatarUrl: avatarResult?.avatarUrl || patient.avatarUrl,
      }
      setRows((currentRows) =>
-        currentRows.map((item) => (item.id === patient.id ? nextPatient : item))
+        currentRows.map((item) => (item.id === patient.id ? patient : item))
      )
    }
  } catch (err) {
@@ -372,13 +358,9 @@ export function PatientsPage({ navigate, role }) {
                  <tr className="transition hover:bg-[#303030]" key={patient.id}>
                    <td className="px-6 py-4 align-top">
                      <button className="flex items-center gap-3 text-left" onClick={() => openDetail(patient)} type="button">
                        {patient.avatarUrl ? (
                          <img alt="" className="size-8 shrink-0 rounded-full border border-[#3b82f6]/30 object-cover" src={patient.avatarUrl} />
                        ) : (
                        <span className="grid size-8 shrink-0 place-items-center rounded-full bg-[#333333] text-xs font-bold text-[#3b82f6]">
                          {patient.name.charAt(0)}
                        </span>
                        )}
                        <span className="min-w-0">
                          <span className="block whitespace-normal break-words font-medium text-[#e5e5e5] transition hover:text-[#3b82f6]">
                            {patient.name}
@@ -527,11 +509,7 @@ function PatientEditor({ existingIds, onCancel, onSave, patient, saving }) {
    lastVisit: patient?.lastVisit || null,
    nextVisit: patient?.nextVisit || null,
    lastVisitIso: patient?.lastVisitIso || null,
    avatarUrl: patient?.avatarUrl || patient?.avatar_url || '',
  }))
  const fileInputRef = useRef(null)
  const [avatarFile, setAvatarFile] = useState(null)
  const [avatarPreview, setAvatarPreview] = useState(formData.avatarUrl)
  const [attachmentsOpen, setAttachmentsOpen] = useState(false)
  const isNewPatient = !patient
@@ -558,15 +536,6 @@ function PatientEditor({ existingIds, onCancel, onSave, patient, saving }) {
    setFormData((currentData) => ({ ...currentData, [name]: nextValue }))
  }
  function handleAvatarChange(event) {
    const file = event.target.files?.[0]
    if (!file) return
    setAvatarFile(file)
    setAvatarPreview(URL.createObjectURL(file))
    event.target.value = ''
  }
  function handleSubmit(event) {
    event.preventDefault()
@@ -615,8 +584,6 @@ function PatientEditor({ existingIds, onCancel, onSave, patient, saving }) {
      state: formData.state,
      address: formatAddress(formData),
      notes: formData.notesText ? [formData.notesText] : [],
      avatarFile,
      avatarUrl: avatarFile ? formData.avatarUrl : avatarPreview || formData.avatarUrl,
    })
  }
@@ -642,27 +609,15 @@ function PatientEditor({ existingIds, onCancel, onSave, patient, saving }) {
          <section className={darkCard}>
            <h2 className="mb-6 text-lg font-semibold text-[#e5e5e5]">Dados do Paciente</h2>
            <div className="mb-8 flex flex-col items-start gap-4 md:flex-row">
              {avatarPreview ? (
                <img alt="" className="size-20 shrink-0 rounded-full border border-[#3b82f6]/30 object-cover" src={avatarPreview} />
              ) : (
              <div className="grid size-20 shrink-0 place-items-center rounded-full border border-[#3b82f6]/30 bg-[#3b82f6]/20 text-[#3b82f6]">
                <PatientIcon className="size-10" name="user" />
              </div>
              )}
              <button
                className="mt-2 rounded-lg border border-[#404040] bg-[#1a1a1a] px-4 py-1.5 text-sm font-medium text-[#e5e5e5] transition hover:bg-[#333333]"
                onClick={() => fileInputRef.current?.click()}
                type="button"
              >
                Carregar
              </button>
              <input
                accept="image/*"
                className="hidden"
                onChange={handleAvatarChange}
                ref={fileInputRef}
                type="file"
              />
            </div>
            <div className="grid grid-cols-1 gap-x-6 gap-y-6 md:grid-cols-12">
@@ -829,15 +784,7 @@ export function PatientDetailPage({ navigate, patient, role }) {
    setSaving(true)
    try {
      await patientRepository.update(updatedPatient.id, updatedPatient)
-      const avatarResult = updatedPatient.avatarFile
+      setLocalPatient((current) => ({ ...current, ...updatedPatient }))
        ? await patientRepository.uploadAvatar(updatedPatient.id, updatedPatient.avatarFile)
        : null
      setLocalPatient((current) => ({
        ...current,
        ...updatedPatient,
        avatarFile: undefined,
        avatarUrl: avatarResult?.avatarUrl || updatedPatient.avatarUrl,
      }))
      setEditing(false)
    } catch (err) {
      window.alert(`Erro ao salvar paciente: ${err.message}`)
@@ -849,7 +796,7 @@ export function PatientDetailPage({ navigate, patient, role }) {
  async function deletePatient() {
    if (!canHardDeletePatients) return
-    if (!window.confirm('Tem certeza que deseja excluir este paciente definitivamente? Esta ação não poderá ser desfeita.')) {
+    if (!window.confirm('Tem certeza que deseja excluir este paciente definitivamente?')) {
      return
    }
@@ -884,9 +831,6 @@ export function PatientDetailPage({ navigate, patient, role }) {
          >
            <PatientIcon className="size-5" name="chevron-left" />
          </button>
          {localPatient.avatarUrl ? (
            <img alt="" className="mt-1 size-12 rounded-full border border-[#3b82f6]/30 object-cover" src={localPatient.avatarUrl} />
          ) : null}
          <div>
            <p className="text-xs font-semibold uppercase tracking-[0.16em] text-[#3b82f6]">Dados do Paciente</p>
            <h1 className="mt-1 text-2xl font-bold tracking-tight text-[#f5f5f5]">{localPatient.name}</h1>
@@ -956,15 +900,21 @@ export function PatientDetailPage({ navigate, patient, role }) {
      </section>
      {canHardDeletePatients ? (
-        <div className="flex justify-end">
+        <section className="rounded-2xl border border-red-500/30 bg-red-500/10 p-6">
          <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
            <div>
              <h2 className="text-sm font-bold text-red-300">Zona de exclusão</h2>
              <p className="mt-1 text-sm text-red-100/80">Remove definitivamente o paciente e seus dados locais carregados.</p>
            </div>
            <button
-            className="h-10 rounded-sm border border-red-700 bg-red-600 px-4 text-sm font-semibold text-white shadow-sm transition hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500/40"
+              className="h-10 rounded-sm border border-red-500/40 bg-red-500/10 px-4 text-sm font-semibold text-red-300 transition hover:bg-red-500/20"
              onClick={deletePatient}
              type="button"
            >
              Excluir paciente
            </button>
          </div>
        </section>
      ) : null}
      {messageShortcutOpen ? (
--- a/src/pages/ProfilePage.jsx
+++ b/src/pages/ProfilePage.jsx
@@ -1,5 +1,7 @@
 import { useEffect, useRef, useState } from 'react'
 import { FeatureCallout } from '../components/FeatureState.jsx'
 import { featurePanelClass } from '../components/featureStateStyles.js'
 import { normalizeRole } from '../config/permissions.js'
 import { authRepository } from '../repositories/authRepository.js'
 import { profileRepository } from '../repositories/profileRepository.js'
@@ -69,13 +71,21 @@ export function ProfilePage({ navigate }) {
  return (
    <div className="mx-auto max-w-6xl space-y-6">
      {canEditProfile ? (
        <FeatureCallout
          description="Carregar perfil, avatar e logout usam integração. O botão de salvar preferências desta tela ainda grava só localmente."
          status="partial"
          title="Perfil com persistência parcial"
        />
      ) : null}
      <header>
        <h1 className="text-2xl font-bold tracking-tight text-[#f5f5f5]">Perfil</h1>
        <p className="mt-1 text-sm text-[#b8b8b8]">Dados do usuário logado e preferências básicas do shell.</p>
      </header>
      <div className="grid gap-6 lg:grid-cols-[1fr_360px]">
-        <section className={`${cardClass} p-6`}>
+        <section className={`${cardClass} ${featurePanelClass(canEditProfile ? 'partial' : 'live')} p-6`}>
          <div className="mb-6 flex items-center gap-4">
            {profile.avatarUrl ? (
              <img alt="" className="size-16 rounded-full border border-[#3b82f6]/30 object-cover" src={profile.avatarUrl} />
@@ -87,6 +97,8 @@ export function ProfilePage({ navigate }) {
            <div>
              <h2 className="text-lg font-bold text-[#f5f5f5]">{profile.name}</h2>
              <p className="mt-1 text-sm text-[#a3a3a3]">{profile.role}</p>
              {canEditProfile ? (
                <>
                  <button
                    className="mt-1 text-xs font-semibold text-[#3b82f6] disabled:opacity-60"
                    disabled={uploadingAvatar}
@@ -102,6 +114,8 @@ export function ProfilePage({ navigate }) {
                    ref={fileInputRef}
                    type="file"
                  />
                </>
              ) : null}
              {avatarError ? <p className="mt-1 text-xs font-semibold text-red-400">{avatarError}</p> : null}
            </div>
          </div>
@@ -151,7 +165,7 @@ export function ProfilePage({ navigate }) {
          </form>
        </section>
-        <aside className={`${cardClass} p-6`}>
+        <aside className={`${cardClass} ${featurePanelClass('live')} p-6`}>
          <h2 className="text-xl font-bold text-[#f5f5f5]">Resumo de acesso</h2>
          <dl className="mt-5 grid gap-4 text-sm">
            <Info label="Perfil" value={profile.role} />
--- a/src/pages/ReportsPage.jsx
+++ b/src/pages/ReportsPage.jsx
@@ -1,10 +1,6 @@
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { normalizeRole } from '../config/permissions.js'
 import { StethoscopeIcon } from '../components/Brand.jsx'
 import { RichTextEditor } from '../components/RichTextEditor.jsx'
 import { DarkField, appCardClass as cardClass, appInputClass as inputClass, appLabelClass as labelClass } from '../components/ui.jsx'
 import { reportTemplates } from '../data/reportTemplates.js'
 import { patientRepository } from '../repositories/patientRepository.js'
 import { professionalRepository } from '../repositories/professionalRepository.js'
 import { profileRepository } from '../repositories/profileRepository.js'
@@ -32,6 +28,13 @@ const orderOptions = [
  { label: 'Prazo mais distante', value: 'due_at.desc' },
 ]
 const inputClass =
  'h-10 w-full rounded-lg border border-[#404040] bg-[#1a1a1a] px-3 text-sm text-[#e5e5e5] outline-none transition placeholder:text-[#a3a3a3] focus:border-[#3b82f6] focus:ring-1 focus:ring-[#3b82f6]'
 const textareaClass =
  'min-h-24 w-full rounded-lg border border-[#404040] bg-[#1a1a1a] px-3 py-2 text-sm text-[#e5e5e5] outline-none transition placeholder:text-[#a3a3a3] focus:border-[#3b82f6] focus:ring-1 focus:ring-[#3b82f6]'
 const labelClass = 'mb-1.5 block text-xs font-medium text-[#e5e5e5]'
 const cardClass = 'rounded-2xl border border-[#404040] bg-[#262626] shadow-sm'
 const emptyEditor = {
  id: null,
  orderNumber: '',
@@ -231,7 +234,6 @@ export function ReportsPage({ role }) {
    setEditor({
      ...emptyEditor,
      patientId: patientOptions[0]?.id || '',
      requestedBy: isDoctorRole ? currentProfessional?.name || viewerProfile?.name || '' : '',
    })
    setEditorOpen(true)
  }
@@ -262,25 +264,18 @@ export function ReportsPage({ role }) {
    setSaving(true)
    const plainContent = stripHtml(editor.contentHtml)
    const fallbackAuthor =
      currentProfessional?.name ||
      viewerProfile?.name ||
      viewerProfile?.email ||
      'Profissional MediConnect'
    const payload = {
      orderNumber: editor.id ? editor.orderNumber : `REL-${Date.now()}`,
-      patientId: editor.patientId || patientOptions[0]?.id || '',
+      patientId: editor.patientId,
      status: editor.status,
-      exam: editor.exam || 'Relatório médico',
+      exam: editor.exam,
-      requestedBy: editor.requestedBy || fallbackAuthor,
+      requestedBy: editor.requestedBy,
-      cidCode: editor.cidCode || 'Z00.0',
+      cidCode: editor.cidCode,
-      diagnosis: editor.diagnosis || plainContent.slice(0, 240) || 'Relatório médico registrado em prontuário.',
+      diagnosis: editor.diagnosis,
-      conclusion: editor.conclusion || plainContent.slice(0, 240) || 'Relatório médico salvo no sistema.',
+      conclusion: editor.conclusion,
      contentHtml: editor.contentHtml,
      contentJson: editor.contentJson,
-      dueAt: editor.dueAt ? new Date(editor.dueAt).toISOString() : new Date().toISOString(),
+      dueAt: editor.dueAt ? new Date(editor.dueAt).toISOString() : '',
      createdBy: editor.id ? undefined : viewerProfile?.id || currentProfessional?.userId || currentProfessional?.id || undefined,
      updatedBy: viewerProfile?.id || currentProfessional?.userId || currentProfessional?.id || undefined,
    }
@@ -477,17 +472,14 @@ export function ReportsPage({ role }) {
      </section>
      {editorOpen ? (
-        <ReportEditorModalV3
+        <ReportEditorModal
          currentProfessional={currentProfessional}
          editor={editor}
          isDoctorRole={isDoctorRole}
          onChange={setEditor}
          onClose={() => setEditorOpen(false)}
          onSave={handleSave}
          patientOptions={patientOptions}
          professionalOptions={professionalOptions}
          saving={saving}
          viewerProfile={viewerProfile}
        />
      ) : null}
@@ -528,258 +520,173 @@ function ReportRow({ onEdit, onView, report }) {
  )
 }
-function ReportEditorModalV3({
+function ReportEditorModal({ editor, onChange, onClose, onSave, patientOptions, professionalOptions, saving }) {
-  currentProfessional,
+  const [requesterSearch, setRequesterSearch] = useState(editor.requestedBy || '')
  editor,
  isDoctorRole,
  onChange,
  onClose,
  onSave,
  patientOptions,
  professionalOptions,
  saving,
  viewerProfile,
 }) {
  const selectedPatient = patientOptions.find((patient) => String(patient.id) === String(editor.patientId))
  const doctorRequesterName = currentProfessional?.name || viewerProfile?.name || ''
  const [patientSearch, setPatientSearch] = useState(selectedPatient?.name || '')
  const [requesterSearch, setRequesterSearch] = useState(editor.requestedBy || doctorRequesterName)
  const [templateSearch, setTemplateSearch] = useState('')
  const [templatesOpen, setTemplatesOpen] = useState(false)
  const isValid = isReportEditorValid(editor)
-  const filteredPatients = patientOptions.filter((patient) => {
+  const filteredRequesterOptions = professionalOptions
-    const query = normalizeSearch(patientSearch)
+    .filter((professional) => normalizeSearch(professional.name).includes(normalizeSearch(requesterSearch)))
-    return query && normalizeSearch(patient.name).includes(query)
+    .slice(0, 6)
  })
  const filteredProfessionals = professionalOptions.filter((professional) => {
    const query = normalizeSearch(requesterSearch)
    return query && normalizeSearch(professional.name).includes(query)
  })
  const filteredTemplates = reportTemplates.filter((template) => {
    const query = normalizeSearch(templateSearch)
    const matchesSearch = !query || normalizeSearch([template.title, template.description, template.tags.join(' ')].join(' ')).includes(query)
    return matchesSearch
  })
  function updateField(field, value) {
    onChange((current) => ({ ...current, [field]: value }))
  }
  useEffect(() => {
    if (isDoctorRole && doctorRequesterName && !editor.requestedBy) {
      onChange((current) => ({ ...current, requestedBy: doctorRequesterName }))
    }
  }, [doctorRequesterName, editor.requestedBy, isDoctorRole, onChange])
  function selectPatient(patient) {
    setPatientSearch(patient.name)
    updateField('patientId', patient.id)
  }
  function selectRequester(professional) {
    setRequesterSearch(professional.name)
    updateField('requestedBy', professional.name)
  }
  function applyTemplate(template) {
    setTemplatesOpen(false)
    onChange((current) => ({
      ...current,
      exam: current.exam || template.exam,
      cidCode: current.cidCode || template.cidCode,
      diagnosis: current.diagnosis || template.diagnosis,
      conclusion: current.conclusion || template.conclusion,
      contentHtml: current.contentHtml ? `${current.contentHtml}<hr>${template.contentHtml}` : template.contentHtml,
      contentJson: {
        templateId: template.id,
        templateTitle: template.title,
        appliedAt: new Date().toISOString(),
      },
    }))
  }
  return (
-    <div className="report-editor-backdrop fixed inset-0 z-50 flex items-center justify-center bg-black/70 p-3" onClick={onClose}>
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4" onClick={onClose}>
      <div
-        className="report-editor-shell flex max-h-[94vh] w-full max-w-6xl flex-col overflow-hidden rounded-xl border border-[#404040] bg-[#242424] shadow-2xl"
+        className="flex max-h-[92vh] w-full max-w-4xl flex-col rounded-2xl border border-[#404040] bg-[#262626] shadow-xl"
        onClick={(event) => event.stopPropagation()}
      >
-        <div className="report-editor-header flex items-center justify-between border-b border-[#404040] px-6 py-4">
+        <div className="flex items-center justify-between border-b border-[#404040] px-6 py-4">
-          <div className="flex items-center gap-3">
+          <h2 className="text-lg font-bold text-[#e5e5e5]">
-            <span className="grid size-9 place-items-center rounded-sm bg-[#3b82f6] text-white">
+            {editor.id ? 'Editar relatório' : 'Novo relatório'}
-              <StethoscopeIcon className="size-5" />
+          </h2>
-            </span>
+          <button className="rounded-lg p-1.5 transition hover:bg-[#2a2a2a]" onClick={onClose} type="button">
-            <div>
+            <ReportIcon className="size-4 text-[#a3a3a3]" name="x" />
              <h2 className="text-lg font-bold text-[#f5f5f5]">{editor.id ? 'Editar relatório' : 'Novo relatório'}</h2>
              <p className="text-xs text-[#a3a3a3]">Escolha um template opcional e edite o conteúdo do relatório.</p>
            </div>
          </div>
          <button className="grid size-9 place-items-center rounded-sm text-[#a3a3a3] transition hover:bg-[#303030] hover:text-[#e5e5e5]" onClick={onClose} type="button">
            <ReportIcon className="size-4" name="x" />
          </button>
        </div>
-        <div className="grid min-h-0 flex-1">
+        <div className="flex-1 overflow-y-auto p-6">
-          <main className="report-editor-body min-h-0 overflow-y-auto p-5">
+          <div className="space-y-4">
-            <div className="mb-4 flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
+            <div className="grid gap-4 md:grid-cols-2">
              <DarkField label="Paciente *">
                <select className={inputClass} onChange={(event) => updateField('patientId', event.target.value)} value={editor.patientId}>
                  <option value="">Selecione um paciente</option>
                  {patientOptions.map((patient) => (
                    <option key={patient.id} value={patient.id}>
                      {patient.name}
                    </option>
                  ))}
                </select>
              </DarkField>
              <DarkField label="Status *">
-                <select className={`${inputClass} md:w-52`} onChange={(event) => updateField('status', event.target.value)} value={editor.status}>
+                <select className={inputClass} onChange={(event) => updateField('status', event.target.value)} value={editor.status}>
                  <option value="draft">Rascunho</option>
                  <option value="finalized">Finalizado</option>
                </select>
              </DarkField>
              <div className="relative">
                <button
                  className="report-template-trigger inline-flex h-10 items-center gap-2 rounded-sm border border-[#404040] bg-[#171717] px-4 text-sm font-semibold text-[#e5e5e5] transition hover:bg-[#303030]"
                  onClick={() => setTemplatesOpen((current) => !current)}
                  type="button"
                >
                  <ReportIcon className="size-4" name="file" />
                  Templates
                  <ReportIcon className="size-4" name="chevron-right" />
                </button>
                {templatesOpen ? (
                  <div className="report-template-menu absolute right-0 top-12 z-10 w-[min(28rem,calc(100vw-2rem))] rounded-md border border-[#404040] bg-[#202020] p-3 shadow-2xl">
                    <div className="relative mb-3">
                      <ReportIcon className="pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-[#a3a3a3]" name="search" />
                      <input
                        className="h-10 w-full rounded-sm border border-[#404040] bg-[#171717] pl-10 pr-3 text-sm text-[#e5e5e5] outline-none transition placeholder:text-[#a3a3a3] focus:border-[#3b82f6]"
                        onChange={(event) => setTemplateSearch(event.target.value)}
                        placeholder="Buscar templates..."
                        value={templateSearch}
                      />
                    </div>
                    <div className="max-h-80 overflow-y-auto">
                      {filteredTemplates.length ? (
                        filteredTemplates.map((template) => (
                          <button
                            className="block w-full rounded-sm border border-transparent px-3 py-3 text-left transition hover:border-[#3b82f6]/40 hover:bg-[#303030]"
                            key={template.id}
                            onClick={() => applyTemplate(template)}
                            type="button"
                          >
                            <span className="flex items-center justify-between gap-3">
                              <span className="font-semibold text-[#f5f5f5]">{template.title}</span>
                              {template.popular ? <span className="rounded bg-amber-500/15 px-2 py-0.5 text-[10px] font-bold text-amber-300">Popular</span> : null}
                            </span>
                            <span className="mt-1 block text-xs leading-5 text-[#a3a3a3]">{template.description}</span>
                          </button>
                        ))
                      ) : (
                        <p className="px-3 py-4 text-sm text-[#a3a3a3]">Nenhum template encontrado.</p>
                      )}
                    </div>
                  </div>
                ) : null}
              </div>
            </div>
-            <div className="mb-5 grid gap-4 md:grid-cols-2">
+            <div className="grid gap-4 md:grid-cols-2">
-              <DarkField label="Paciente *">
+              <DarkField label="Exame *">
                <div className="relative">
                <input
                  className={inputClass}
-                    onChange={(event) => {
+                  onChange={(event) => updateField('exam', event.target.value)}
-                      setPatientSearch(event.target.value)
+                  placeholder="Nome do exame"
-                      updateField('patientId', '')
+                  value={editor.exam}
                    }}
                    placeholder="Digite o nome do paciente"
                    type="search"
                    value={patientSearch}
                />
                  {patientSearch && !editor.patientId ? (
                    <SearchMenu
                      emptyText="Nenhum paciente encontrado."
                      items={filteredPatients.slice(0, 6)}
                      onSelect={selectPatient}
                    />
                  ) : null}
                </div>
              </DarkField>
              <DarkField label="Solicitante *">
-                <div className="relative">
+                <div className="space-y-2">
                  <input
                    className={inputClass}
                    disabled={isDoctorRole}
                    onChange={(event) => {
                      if (isDoctorRole) return
                      setRequesterSearch(event.target.value)
                      updateField('requestedBy', event.target.value)
                    }}
-                    placeholder="Digite o nome do médico solicitante"
+                    placeholder="Pesquisar médico"
                    readOnly={isDoctorRole}
                    type="search"
-                    value={isDoctorRole ? doctorRequesterName : requesterSearch}
+                    value={requesterSearch}
                  />
-                  {!isDoctorRole && requesterSearch ? (
+                  <div className="max-h-36 overflow-y-auto rounded-md border border-[#404040] bg-[#1a1a1a] p-1">
-                    <SearchMenu
+                    {filteredRequesterOptions.length ? (
-                      emptyText="Nenhum médico encontrado."
+                      filteredRequesterOptions.map((professional) => (
-                      items={filteredProfessionals.slice(0, 6)}
+                        <button
-                      onSelect={selectRequester}
+                          className={`flex w-full items-center justify-between gap-3 rounded-sm px-3 py-2 text-left text-sm font-medium transition hover:bg-[#303030] ${
-                    />
+                            editor.requestedBy === professional.name ? 'text-[#51a2ff]' : 'text-[#e5e5e5]'
-                  ) : null}
+                          }`}
                          key={professional.id || professional.createdByValue || professional.name}
                          onClick={() => {
                            setRequesterSearch(professional.name)
                            updateField('requestedBy', professional.name)
                          }}
                          type="button"
                        >
                          <span className="truncate">{professional.name}</span>
                          {editor.requestedBy === professional.name ? <ReportIcon className="size-3.5" name="check" /> : null}
                        </button>
                      ))
                    ) : (
                      <p className="px-3 py-2 text-sm text-[#a3a3a3]">Nenhum médico encontrado.</p>
                    )}
                  </div>
                </div>
              </DarkField>
            </div>
-              <DarkField label="Exame *">
+            <div className="grid gap-4 md:grid-cols-2">
                <input className={inputClass} onChange={(event) => updateField('exam', event.target.value)} value={editor.exam} />
              </DarkField>
              <DarkField label="CID-10 *">
-                <input className={inputClass} onChange={(event) => updateField('cidCode', event.target.value)} value={editor.cidCode} />
+                <input
                  className={inputClass}
                  onChange={(event) => updateField('cidCode', event.target.value)}
                  placeholder="Ex: Z01.7"
                  value={editor.cidCode}
                />
              </DarkField>
              <DarkField label="Prazo *">
                <input
                  className={`${inputClass} [color-scheme:dark]`}
                  onChange={(event) => updateField('dueAt', event.target.value)}
                  type="datetime-local"
                  value={editor.dueAt}
                />
              </DarkField>
            </div>
            <DarkField label="Diagnóstico *">
-                <input className={inputClass} onChange={(event) => updateField('diagnosis', event.target.value)} value={editor.diagnosis} />
+              <textarea
                className={textareaClass}
                onChange={(event) => updateField('diagnosis', event.target.value)}
                placeholder="Diagnóstico do relatório"
                value={editor.diagnosis}
              />
            </DarkField>
            <DarkField label="Conclusão *">
-                <input className={inputClass} onChange={(event) => updateField('conclusion', event.target.value)} value={editor.conclusion} />
+              <textarea
                className={textareaClass}
                onChange={(event) => updateField('conclusion', event.target.value)}
                placeholder="Conclusão do relatório"
                value={editor.conclusion}
              />
            </DarkField>
            </div>
-            <DarkField label="Editor de texto">
+            <DarkField label="Complemento">
-              <RichTextEditor
+              <textarea
-                onChange={(value) => updateField('contentHtml', value)}
+                className={`${textareaClass} min-h-72`}
                onChange={(event) => updateField('contentHtml', event.target.value)}
                value={editor.contentHtml}
              />
            </DarkField>
-          </main>
+          </div>
        </div>
-        <div className="report-editor-footer flex flex-wrap items-center justify-between gap-3 border-t border-[#404040] px-6 py-4">
+        <div className="flex items-center justify-between border-t border-[#404040] px-6 py-4">
-          <p className="text-xs font-semibold text-amber-300">
+          <button
-            {!isValid ? '* Preencha o editor de texto para salvar.' : 'Relatório pronto para salvar.'}
+            className="rounded-lg border border-[#404040] bg-[#262626] px-4 py-2 text-sm font-medium text-[#e5e5e5] transition hover:bg-[#2a2a2a]"
-          </p>
+            onClick={onClose}
-          <div className="flex gap-3">
+            type="button"
-            <button className="rounded-sm border border-[#404040] bg-[#262626] px-4 py-2 text-sm font-semibold text-[#e5e5e5] transition hover:bg-[#303030]" onClick={onClose} type="button">
+          >
            Cancelar
          </button>
          <button
-              className="inline-flex items-center gap-2 rounded-sm border border-[#3b82f6] bg-[#3b82f6] px-4 py-2 text-sm font-semibold text-white transition hover:bg-[#2563eb] disabled:cursor-not-allowed disabled:border-[#404040] disabled:bg-[#303030] disabled:text-[#737373]"
+            className="inline-flex items-center gap-2 rounded-lg bg-[#3b82f6] px-4 py-2 text-sm font-medium text-white transition hover:bg-[#2563eb] disabled:cursor-not-allowed disabled:opacity-40"
            disabled={!isValid || saving}
            onClick={onSave}
            type="button"
          >
            <ReportIcon className="size-3.5" name="save" />
-              {saving ? 'Salvando...' : editor.status === 'finalized' ? 'Liberar relatório' : 'Salvar rascunho'}
+            {saving ? 'Salvando...' : 'Salvar relatório'}
          </button>
        </div>
      </div>
    </div>
    </div>
  )
 }
 function sanitizePreviewHtml(value) {
  return String(value || '')
    .replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, '')
    .replace(/\son\w+="[^"]*"/gi, '')
 }
 function ReportViewModal({ onClose, report }) {
  const currentStatus = statusConfig[report.status] || statusConfig.draft
@@ -829,12 +736,9 @@ function ReportViewModal({ onClose, report }) {
            <DetailBlock label="Conclusão" value={report.conclusion || '-'} />
          </div>
          <div className="mt-6 rounded-xl border border-[#404040] bg-[#1a1a1a] p-5">
-            <p className="mb-3 text-xs font-semibold uppercase tracking-wide text-[#a3a3a3]">Relatório</p>
+            <p className="mb-3 text-xs font-semibold uppercase tracking-wide text-[#a3a3a3]">Complemento</p>
            {report.contentHtml ? (
-              <div
+              <p className="whitespace-pre-wrap text-sm leading-6 text-[#e5e5e5]">{report.contentHtml}</p>
                className="whitespace-pre-wrap text-sm leading-6 text-[#e5e5e5]"
                dangerouslySetInnerHTML={{ __html: sanitizePreviewHtml(report.contentHtml) }}
              />
            ) : (
              <p className="text-sm text-[#a3a3a3]">Nenhum complemento informado.</p>
            )}
@@ -854,25 +758,12 @@ function FilterField({ children, label }) {
  )
 }
-function SearchMenu({ emptyText, items, onSelect }) {
+function DarkField({ children, label }) {
  return (
-    <div className="absolute left-0 right-0 top-11 z-20 max-h-56 overflow-y-auto rounded-md border border-[#404040] bg-[#202020] shadow-2xl">
+    <label className="block">
-      {items.length ? (
+      <span className={labelClass}>{label}</span>
-        items.map((item) => (
+      {children}
-          <button
+    </label>
            className="block w-full px-3 py-2 text-left text-sm font-semibold text-[#e5e5e5] transition hover:bg-[#303030]"
            key={item.id || item.name}
            onMouseDown={(event) => event.preventDefault()}
            onClick={() => onSelect(item)}
            type="button"
          >
            {item.name}
          </button>
        ))
      ) : (
        <p className="px-3 py-2 text-xs text-[#737373]">{emptyText}</p>
      )}
    </div>
  )
 }
@@ -961,24 +852,16 @@ function uniqueValues(values) {
 function isReportEditorValid(editor) {
  return [
    editor.patientId,
-    editor.requestedBy,
+    editor.status,
    editor.exam,
    editor.requestedBy,
    editor.cidCode,
    editor.diagnosis,
    editor.conclusion,
-    editor.status,
+    editor.dueAt,
    stripHtml(editor.contentHtml),
  ].every((value) => String(value || '').trim())
 }
 function stripHtml(value) {
  return String(value || '')
    .replace(/<[^>]+>/g, ' ')
    .replace(/&nbsp;/g, ' ')
    .replace(/\s+/g, ' ')
    .trim()
 }
 function normalizeSearch(value) {
  return String(value || '')
    .normalize('NFD')
@@ -1038,8 +921,8 @@ function printReportAsPdf(report, status) {
          <p class="value">${escapeHtml(report.conclusion || '-')}</p>
        </div>
        <div class="section box">
-          <p class="label">Relatório</p>
+          <p class="label">Complemento</p>
-          <div class="value">${report.contentHtml ? sanitizePreviewHtml(report.contentHtml) : 'Nenhum complemento informado.'}</div>
+          <p class="value">${escapeHtml(report.contentHtml || 'Nenhum complemento informado.')}</p>
        </div>
      </body>
    </html>
@@ -1086,105 +969,6 @@ function ReportIcon({ className = 'size-4', name }) {
    )
  }
  if (name === 'bolt') {
    return (
      <svg {...common}>
        <path d="m13 2-8 12h6l-1 8 8-12h-6l1-8Z" />
      </svg>
    )
  }
  if (name === 'search') {
    return (
      <svg {...common}>
        <circle cx="11" cy="11" r="7" />
        <path d="m20 20-3.5-3.5" />
      </svg>
    )
  }
  if (name === 'undo') {
    return (
      <svg {...common}>
        <path d="M9 7 5 11l4 4" />
        <path d="M5 11h9a5 5 0 0 1 5 5v1" />
      </svg>
    )
  }
  if (name === 'redo') {
    return (
      <svg {...common}>
        <path d="m15 7 4 4-4 4" />
        <path d="M19 11h-9a5 5 0 0 0-5 5v1" />
      </svg>
    )
  }
  if (name === 'bold') {
    return (
      <svg {...common}>
        <path d="M7 5h6a3 3 0 0 1 0 6H7zM7 11h7a3 3 0 0 1 0 6H7z" />
      </svg>
    )
  }
  if (name === 'italic') {
    return (
      <svg {...common}>
        <path d="M10 5h7M7 19h7M14 5l-4 14" />
      </svg>
    )
  }
  if (name === 'underline') {
    return (
      <svg {...common}>
        <path d="M7 5v6a5 5 0 0 0 10 0V5M5 21h14" />
      </svg>
    )
  }
  if (name === 'strike') {
    return (
      <svg {...common}>
        <path d="M5 12h14M8 17a5 5 0 0 0 4 2c2.8 0 5-1.4 5-3.5 0-4-9-2.5-9-7C8 6.6 9.8 5 12.5 5c1.6 0 3 .5 4 1.5" />
      </svg>
    )
  }
  if (name === 'align-left') {
    return (
      <svg {...common}>
        <path d="M4 6h16M4 10h10M4 14h16M4 18h10" />
      </svg>
    )
  }
  if (name === 'align-center') {
    return (
      <svg {...common}>
        <path d="M4 6h16M7 10h10M4 14h16M7 18h10" />
      </svg>
    )
  }
  if (name === 'align-right') {
    return (
      <svg {...common}>
        <path d="M4 6h16M10 10h10M4 14h16M10 18h10" />
      </svg>
    )
  }
  if (name === 'list') {
    return (
      <svg {...common}>
        <path d="M8 6h12M8 12h12M8 18h12M4 6h.01M4 12h.01M4 18h.01" />
      </svg>
    )
  }
  if (name === 'file') {
    return (
      <svg {...common}>
--- a/src/pages/SettingsPage.jsx
+++ b/src/pages/SettingsPage.jsx
@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import { FeatureCallout } from '../components/FeatureState.jsx'
 import { settingsRepository } from '../repositories/settingsRepository.js'
 import { getStoredTheme, setStoredTheme } from '../utils/theme.js'
@@ -15,6 +16,13 @@ export function SettingsPage() {
  return (
    <div className="mx-auto max-w-5xl">
      <FeatureCallout
        className="mb-6"
        description="Preferências, integrações e backup ainda são protótipos locais, sem persistência real."
        status="mock"
        title="Configurações ainda estão em modo protótipo"
      />
      <header className="mb-8">
        <h1 className="text-2xl font-bold tracking-tight text-[#f5f5f5]">Configurações</h1>
        <p className="mt-1 text-sm text-[#b8b8b8]">Gerencie preferências, segurança e integrações do MediConnect</p>
@@ -127,6 +135,50 @@ function AppearanceSection() {
  )
 }
 function NotificationsSection() {
  const [settings, setSettings] = useState({
    email: true,
    sms: true,
    whatsapp: true,
    push: false,
    ai: true,
    appointment: true,
    report: true,
    noShow: true,
  })
  return (
    <SectionFrame description="Configure como e quando deseja receber alertas." title="Notificações">
      <Subsection title="Canais de Comunicação">
        <ToggleRow checked={settings.email} description="Receba resumos e alertas via e-mail" label="Notificações por E-mail" onChange={(value) => setSettings((current) => ({ ...current, email: value }))} />
        <ToggleRow checked={settings.sms} description="Alertas urgentes via mensagem de texto" label="SMS" onChange={(value) => setSettings((current) => ({ ...current, sms: value }))} />
        <ToggleRow checked={settings.whatsapp} description="Integração com WhatsApp Business para lembretes" label="WhatsApp" onChange={(value) => setSettings((current) => ({ ...current, whatsapp: value }))} />
        <ToggleRow checked={settings.push} description="Notificações no navegador em tempo real" label="Push (navegador)" onChange={(value) => setSettings((current) => ({ ...current, push: value }))} />
      </Subsection>
      <Subsection title="Tipos de Alerta">
        <ToggleRow checked={settings.ai} description="Alerta preditivo quando paciente tem alto risco de faltar" label="Risco de No-Show (IA)" onChange={(value) => setSettings((current) => ({ ...current, ai: value }))} />
        <ToggleRow checked={settings.appointment} description="Lembre pacientes 24h e 1h antes da consulta" label="Lembrete de Consulta" onChange={(value) => setSettings((current) => ({ ...current, appointment: value }))} />
        <ToggleRow checked={settings.report} description="Notificar quando relatórios mensais estiverem prontos" label="Relatório Disponível" onChange={(value) => setSettings((current) => ({ ...current, report: value }))} />
        <ToggleRow checked={settings.noShow} description="Confirmar quando uma falta é registrada no sistema" label="No-Show registrado" onChange={(value) => setSettings((current) => ({ ...current, noShow: value }))} />
      </Subsection>
      <Subsection title="Horário Silencioso">
        <SettingRow description="Sem notificações push entre 22h e 7h" label="Ativar horário silencioso">
          <ToggleSwitch checked onChange={() => {}} />
        </SettingRow>
        <SettingRow label="Horário de início / fim">
          <div className="flex items-center gap-2">
            <input className={`${inputClass} w-28`} defaultValue="22:00" type="time" />
            <span className="text-sm text-[#a3a3a3]">até</span>
            <input className={`${inputClass} w-28`} defaultValue="07:00" type="time" />
          </div>
        </SettingRow>
      </Subsection>
    </SectionFrame>
  )
 }
 function PrivacySection() {
  const [twoFactor, setTwoFactor] = useState(false)
  const [audit, setAudit] = useState(true)
@@ -176,6 +228,81 @@ function PrivacySection() {
  )
 }
 function AccountSection() {
  const [profile, setProfile] = useState({
    name: 'Dra. Ana Silva',
    email: 'ana.silva@mediconnect.com.br',
    role: 'Coordenação Médica',
    crm: 'CRM/SE 12345',
  })
  function update(field, value) {
    setProfile((current) => ({ ...current, [field]: value }))
  }
  return (
    <SectionFrame description="Gerencie suas informações pessoais e credenciais." title="Conta & Perfil">
      <div className="mb-6 flex items-center gap-4 rounded-xl border border-[#404040] bg-[#171717] p-5">
        <div className="grid size-16 place-items-center rounded-full border-2 border-[#3b82f6]/20 bg-[#3b82f6]/10 text-xl font-bold text-[#3b82f6]">
          AS
        </div>
        <div>
          <p className="text-sm font-bold text-[#f5f5f5]">{profile.name}</p>
          <p className="text-xs text-[#a3a3a3]">{profile.role}</p>
          <button className="mt-1 text-xs font-semibold text-[#3b82f6]" type="button">
            Alterar foto
          </button>
        </div>
      </div>
      <div className="grid gap-4 sm:grid-cols-2">
        <TextField label="Nome completo" onChange={(value) => update('name', value)} value={profile.name} />
        <TextField label="E-mail" onChange={(value) => update('email', value)} value={profile.email} />
        <TextField label="Cargo / Função" onChange={(value) => update('role', value)} value={profile.role} />
        <TextField label="CRM / Registro" onChange={(value) => update('crm', value)} value={profile.crm} />
      </div>
      <Subsection title="Segurança">
        <SettingRow description="Última alteração há 45 dias" label="Alterar senha">
          <button className="h-9 rounded-sm border border-[#404040] bg-[#303030] px-3 text-sm font-semibold text-[#e5e5e5]" type="button">
            Alterar
          </button>
        </SettingRow>
        <SettingRow description="Gerenciar dispositivos conectados" label="Sessões ativas">
          <button className="text-sm font-semibold text-[#3b82f6]" type="button">
            Ver sessões
          </button>
        </SettingRow>
      </Subsection>
    </SectionFrame>
  )
 }
 function IntegrationsSection() {
  const integrations = settingsRepository.getIntegrations()
  return (
    <SectionFrame description="Conecte o MediConnect com sistemas e serviços externos." title="Integrações">
      <div className="space-y-3">
        {integrations.map(([name, desc, connected, color]) => (
          <div className="flex items-center gap-4 rounded-xl border border-[#404040] bg-[#171717] p-4" key={name}>
            <div className={`grid size-10 shrink-0 place-items-center rounded-lg ${color}`}>
              <SettingsIcon className="size-5 text-white" name="globe" />
            </div>
            <div className="min-w-0 flex-1">
              <p className="text-sm font-semibold text-[#f5f5f5]">{name}</p>
              <p className="text-xs text-[#a3a3a3]">{desc}</p>
            </div>
            <span className={`rounded-full px-2.5 py-1 text-xs font-semibold ${connected ? 'bg-[#303030] text-[#d4d4d4]' : 'bg-[#303030] text-[#a3a3a3]'}`}>
              {connected ? 'Conectado' : 'Desconectado'}
            </span>
          </div>
        ))}
      </div>
    </SectionFrame>
  )
 }
 function DataSection() {
  return (
    <SectionFrame description="Exporte, importe e gerencie backups do sistema." title="Dados & Backup">
@@ -265,6 +392,15 @@ function SettingRow({ children, description, label }) {
  )
 }
 function TextField({ label, onChange, value }) {
  return (
    <label className="grid gap-2">
      <span className="text-xs font-semibold text-[#a3a3a3]">{label}</span>
      <input className={`${inputClass} w-full`} onChange={(event) => onChange(event.target.value)} value={value} />
    </label>
  )
 }
 function ToggleSwitch({ checked, onChange }) {
  return (
    <button
@@ -290,6 +426,15 @@ function SettingsIcon({ className = 'size-4', name }) {
    viewBox: '0 0 24 24',
  }
  if (name === 'bell') {
    return (
      <svg {...common}>
        <path d="M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9" />
        <path d="M10 21h4" />
      </svg>
    )
  }
  if (name === 'shield') {
    return (
      <svg {...common}>
@@ -298,6 +443,23 @@ function SettingsIcon({ className = 'size-4', name }) {
    )
  }
  if (name === 'user') {
    return (
      <svg {...common}>
        <path d="M16 19a4 4 0 0 0-8 0M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" />
      </svg>
    )
  }
  if (name === 'globe') {
    return (
      <svg {...common}>
        <circle cx="12" cy="12" r="9" />
        <path d="M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18" />
      </svg>
    )
  }
  if (name === 'database') {
    return (
      <svg {...common}>
--- a/src/pages/UsersPage.jsx
+++ b/src/pages/UsersPage.jsx
@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react'
 import { StethoscopeIcon } from '../components/Brand.jsx'
 import { ADMIN_CREATABLE_ROLES, GESTOR_CREATABLE_ROLES, hasCapability, normalizeRole, ROLE_LABELS } from '../config/permissions.js'
 import { userRepository } from '../repositories/userRepository.js'
@@ -19,11 +18,6 @@ const authMethodOptions = [
    description: 'Definir senha inicial agora',
  },
 ]
 const BRAZILIAN_UF = [
  'AC', 'AL', 'AP', 'AM', 'BA', 'CE', 'DF', 'ES', 'GO', 'MA', 'MT', 'MS', 'MG',
  'PA', 'PB', 'PR', 'PE', 'PI', 'RJ', 'RN', 'RS', 'RO', 'RR', 'SC', 'SP', 'SE',
  'TO',
 ]
 const initialUserForm = {
  email: '',
  full_name: '',
@@ -34,8 +28,6 @@ const initialUserForm = {
  password: '',
  confirm_password: '',
  create_patient_record: false,
  crm: '',
  crm_uf: '',
 }
 export function UsersPage({ role: currentRole }) {
@@ -45,8 +37,6 @@ export function UsersPage({ role: currentRole }) {
  const [modalOpen, setModalOpen] = useState(false)
  const [saving, setSaving] = useState(false)
  const [deletingId, setDeletingId] = useState(null)
  const [editingUserId, setEditingUserId] = useState(null)
  const [selectedUser, setSelectedUser] = useState(null)
  const [form, setForm] = useState(initialUserForm)
  const [roleFilter, setRoleFilter] = useState('Todos')
@@ -54,7 +44,6 @@ export function UsersPage({ role: currentRole }) {
  const canManageUsers = hasCapability(normalizedRole, 'manageUsers')
  const creatableRoles = normalizedRole === 'admin' ? ADMIN_CREATABLE_ROLES : GESTOR_CREATABLE_ROLES
  const isPasswordCreation = form.auth_method === 'password'
  const isDoctorForm = normalizeRole(form.role) === 'medico'
  const filterableRoles = normalizedRole === 'admin' ? ADMIN_CREATABLE_ROLES : GESTOR_CREATABLE_ROLES
  const filteredUsers = users.filter((user) => {
    if (roleFilter === 'Todos') return true
@@ -83,28 +72,6 @@ export function UsersPage({ role: currentRole }) {
    setForm((current) => ({ ...current, [name]: type === 'checkbox' ? checked : value }))
  }
  function openCreateModal() {
    setEditingUserId(null)
    setForm(initialUserForm)
    setModalOpen(true)
  }
  function openEditModal(user) {
    setSelectedUser(null)
    setEditingUserId(user.id)
    setForm({
      ...initialUserForm,
      email: user.email || '',
      full_name: user.full_name || user.name || '',
      phone: user.phone || user.phone_mobile || '',
      cpf: user.cpf || '',
      role: normalizeRole(getUserRole(user)) || '',
      crm: user.crm || '',
      crm_uf: user.crm_uf || user.crmUf || '',
    })
    setModalOpen(true)
  }
  async function handleCreate(event) {
    event.preventDefault()
    if (!canManageUsers) {
@@ -117,12 +84,7 @@ export function UsersPage({ role: currentRole }) {
      return
    }
-    if (isDoctorForm && (!form.crm || !form.crm_uf)) {
+    if (isPasswordCreation) {
      window.alert('CRM e CRM UF são obrigatórios para usuários médicos.')
      return
    }
    if (!editingUserId && isPasswordCreation) {
      if (!form.password || !form.confirm_password) {
        window.alert('Preencha a senha e a confirmação de senha.')
        return
@@ -141,11 +103,7 @@ export function UsersPage({ role: currentRole }) {
    setSaving(true)
    try {
-      if (editingUserId) {
+      if (isPasswordCreation) {
        const updatedUser = await userRepository.update(editingUserId, form)
        setUsers((current) => current.map((user) => (user.id === editingUserId ? { ...user, ...form, ...updatedUser } : user)))
        window.alert(`Usuário atualizado: ${form.email}.`)
      } else if (isPasswordCreation) {
        await userRepository.createWithPassword(form)
        window.alert(`Usuário criado com email e senha para ${form.email}.`)
      } else {
@@ -153,11 +111,10 @@ export function UsersPage({ role: currentRole }) {
        window.alert(`Usuário criado! Magic Link enviado para ${form.email}.`)
      }
      setModalOpen(false)
      setEditingUserId(null)
      setForm(initialUserForm)
-      if (!editingUserId) loadUsers()
+      loadUsers()
    } catch (err) {
-      window.alert(`Erro ao salvar usuário: ${err.message}`)
+      window.alert(`Erro ao criar usuário: ${err.message}`)
    } finally {
      setSaving(false)
    }
@@ -203,7 +160,7 @@ export function UsersPage({ role: currentRole }) {
        </div>
        <button
          className="inline-flex h-10 w-full items-center justify-center gap-2 rounded-lg bg-[#3b82f6] px-4 text-sm font-medium text-white shadow-sm transition hover:bg-[#2563eb] md:w-auto"
-          onClick={openCreateModal}
+          onClick={() => setModalOpen(true)}
          type="button"
        >
          + Novo usuário
@@ -255,7 +212,7 @@ export function UsersPage({ role: currentRole }) {
                  filteredUsers.map((user) => {
                    const userRole = getUserRole(user)
                    return (
-                      <tr className="cursor-pointer transition hover:bg-[#303030]" key={user.id} onClick={() => setSelectedUser(user)}>
+                      <tr className="transition hover:bg-[#303030]" key={user.id}>
                        <td className="px-6 py-4">
                          <div className="flex items-center gap-3">
                            <span className="grid size-8 place-items-center rounded-full bg-[#333333] text-xs font-bold text-[#3b82f6]">
@@ -281,10 +238,7 @@ export function UsersPage({ role: currentRole }) {
                          <button
                            className="rounded-lg border border-[#ef4444]/30 bg-[#ef4444]/10 px-3 py-1.5 text-xs font-semibold text-[#ef4444] transition hover:bg-[#ef4444]/20 disabled:opacity-50"
                            disabled={deletingId === user.id}
-                            onClick={(event) => {
+                            onClick={() => handleDelete(user)}
                              event.stopPropagation()
                              handleDelete(user)
                            }}
                            type="button"
                          >
                            {deletingId === user.id ? 'Deletando...' : 'Deletar'}
@@ -306,33 +260,19 @@ export function UsersPage({ role: currentRole }) {
        </div>
      )}
      {selectedUser ? (
        <UserDetailModal
          onClose={() => setSelectedUser(null)}
          onDelete={handleDelete}
          onEdit={openEditModal}
          user={selectedUser}
        />
      ) : null}
      {modalOpen ? (
        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4" onClick={() => setModalOpen(false)}>
          <div
-            className="flex max-h-[94vh] w-full max-w-6xl flex-col overflow-hidden rounded-xl border border-[#404040] bg-[#242424] shadow-2xl"
+            className="max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-2xl border border-[#404040] bg-[#262626] p-6 shadow-xl"
            onClick={(e) => e.stopPropagation()}
          >
-            <div className="flex items-center justify-between border-b border-[#404040] px-6 py-4">
+            <div className="mb-6 flex items-center justify-between">
              <div className="flex items-center gap-3">
                <span className="grid size-9 place-items-center rounded-sm bg-[#3b82f6] text-white">
                  <StethoscopeIcon className="size-5" />
                </span>
              <div>
-                  <h2 className="text-lg font-bold text-[#e5e5e5]">{editingUserId ? 'Editar Usuário' : 'Novo Usuário'}</h2>
+                <h2 className="text-lg font-bold text-[#e5e5e5]">Novo Usuário</h2>
                <p className="mt-1 text-xs text-[#a3a3a3]">
-                    {editingUserId ? 'Atualize os dados e permissões do usuário.' : isPasswordCreation ? 'Crie o acesso inicial com email e senha.' : 'Um Magic Link sera enviado para o email cadastrado.'}
+                  {isPasswordCreation ? 'Crie o acesso inicial com email e senha.' : 'Um Magic Link sera enviado para o email cadastrado.'}
                </p>
              </div>
              </div>
              <button
                className="rounded p-1 text-[#a3a3a3] transition hover:bg-[#333333]"
                onClick={() => setModalOpen(false)}
@@ -342,8 +282,7 @@ export function UsersPage({ role: currentRole }) {
              </button>
            </div>
-            <form className="min-h-0 space-y-5 overflow-y-auto p-6" onSubmit={handleCreate}>
+            <form className="space-y-4" onSubmit={handleCreate}>
              {!editingUserId ? (
              <div>
                <span className={darkLabel}>Criar usuário usando *</span>
                <div className="grid gap-3 sm:grid-cols-2">
@@ -377,7 +316,6 @@ export function UsersPage({ role: currentRole }) {
                  })}
                </div>
              </div>
              ) : null}
              <div>
                <label className={darkLabel}>Nome completo *</label>
@@ -479,38 +417,6 @@ export function UsersPage({ role: currentRole }) {
                </select>
              </div>
              {isDoctorForm ? (
                <div className="grid gap-4 sm:grid-cols-2">
                  <div>
                    <label className={darkLabel}>CRM *</label>
                    <input
                      className={darkInput}
                      name="crm"
                      onChange={handleFormChange}
                      placeholder="Ex: 123456"
                      required={isDoctorForm}
                      value={form.crm}
                    />
                  </div>
                  <div>
                    <label className={darkLabel}>CRM UF *</label>
                    <select
                      className={darkInput}
                      name="crm_uf"
                      onChange={handleFormChange}
                      required={isDoctorForm}
                      value={form.crm_uf}
                    >
                      <option value="">Selecione</option>
                      {BRAZILIAN_UF.map((uf) => (
                        <option key={uf} value={uf}>{uf}</option>
                      ))}
                    </select>
                  </div>
                </div>
              ) : null}
              {!editingUserId ? (
              <label className="flex cursor-pointer items-center gap-2 text-sm text-[#e5e5e5]">
                <input
                  checked={form.create_patient_record}
@@ -522,9 +428,7 @@ export function UsersPage({ role: currentRole }) {
                Criar também um registro de paciente
              </label>
-              ) : null}
+              <div className="flex justify-end gap-3 pt-2">
              <div className="flex justify-end gap-3 border-t border-[#404040] pt-4">
                <button
                  className="rounded-lg border border-[#404040] bg-[#262626] px-4 py-2 text-sm font-medium text-[#e5e5e5] transition hover:bg-[#333333]"
                  disabled={saving}
@@ -538,7 +442,7 @@ export function UsersPage({ role: currentRole }) {
                  disabled={saving}
                  type="submit"
                >
-                  {saving ? 'Salvando...' : editingUserId ? 'Salvar alterações' : isPasswordCreation ? 'Criar com senha' : 'Criar e enviar Magic Link'}
+                  {saving ? 'Criando...' : isPasswordCreation ? 'Criar com senha' : 'Criar e enviar Magic Link'}
                </button>
              </div>
            </form>
@@ -549,73 +453,6 @@ export function UsersPage({ role: currentRole }) {
  )
 }
 function UserDetailModal({ onClose, onDelete, onEdit, user }) {
  const userRole = normalizeRole(getUserRole(user)) || getUserRole(user)
  const details = [
    ['Nome', user.full_name || user.name || 'Não informado'],
    ['Email', user.email || 'Não informado'],
    ['Celular', user.phone || user.phone_mobile || 'Não informado'],
    ['CPF', user.cpf || 'Não informado'],
    ['Perfil', ROLE_LABELS[userRole] || userRole || 'Não informado'],
    ['Status', user.email_confirmed_at ? 'Ativo' : 'Pendente'],
  ]
  if (userRole === 'medico') {
    details.push(['CRM', user.crm || 'Não informado'])
    details.push(['CRM UF', user.crm_uf || user.crmUf || 'Não informado'])
  }
  return (
    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4" onClick={onClose}>
      <div
        className="w-full max-w-3xl rounded-xl border border-[#404040] bg-[#242424] shadow-2xl"
        onClick={(event) => event.stopPropagation()}
      >
        <div className="flex items-center justify-between border-b border-[#404040] px-6 py-4">
          <div>
            <h2 className="text-lg font-bold text-[#e5e5e5]">Detalhes do usuário</h2>
            <p className="mt-1 text-xs text-[#a3a3a3]">{user.email}</p>
          </div>
          <button className="rounded p-1 text-[#a3a3a3] transition hover:bg-[#333333]" onClick={onClose} type="button">
            ✕
          </button>
        </div>
        <div className="grid gap-4 p-6 md:grid-cols-2">
          {details.map(([label, value]) => (
            <div className="rounded-xl border border-[#404040] bg-[#1a1a1a] p-4" key={label}>
              <p className="text-xs font-semibold uppercase tracking-wide text-[#a3a3a3]">{label}</p>
              <p className="mt-2 text-sm font-semibold text-[#e5e5e5]">{value}</p>
            </div>
          ))}
        </div>
        <div className="flex flex-wrap justify-end gap-3 border-t border-[#404040] px-6 py-4">
          <button
            className="mr-auto rounded-lg border border-[#ef4444]/30 bg-[#ef4444]/10 px-4 py-2 text-sm font-semibold text-[#ef4444] transition hover:bg-[#ef4444]/20"
            onClick={() => onDelete(user)}
            type="button"
          >
            Deletar
          </button>
          <button
            className="rounded-lg border border-[#404040] bg-[#262626] px-4 py-2 text-sm font-semibold text-[#e5e5e5] transition hover:bg-[#333333]"
            onClick={onClose}
            type="button"
          >
            Fechar
          </button>
          <button
            className="rounded-lg bg-[#3b82f6] px-4 py-2 text-sm font-semibold text-white transition hover:bg-[#2563eb]"
            onClick={() => onEdit(user)}
            type="button"
          >
            Editar
          </button>
        </div>
      </div>
    </div>
  )
 }
 function RoleBadge({ role }) {
  const styles = {
    admin: 'bg-purple-500/20 text-purple-400',
--- a/src/pages/VisitsPage.jsx
+++ b/src/pages/VisitsPage.jsx
@@ -18,20 +18,20 @@ export function VisitsPage({ navigate }) {
  const visibleQueue = useMemo(() => {
    if (activeTab === 'finalizadas') {
-      return careQueue.filter((item) => isFinalizedStatus(item.status))
+      return careQueue.filter((item) => item.status === 'Finalizada')
    }
    if (activeTab === 'atendimento') {
-      return careQueue.filter((item) => !isFinalizedStatus(item.status) && !isWaitingDoctorStatus(item.status))
+      return careQueue.filter((item) => item.status !== 'Finalizada' && item.status !== 'Aguardando médico')
    }
-    return careQueue.filter((item) => !isFinalizedStatus(item.status))
+    return careQueue.filter((item) => item.status !== 'Finalizada')
  }, [activeTab, careQueue])
  const summary = [
-    { label: 'Na fila', value: careQueue.filter((item) => !isFinalizedStatus(item.status)).length, tone: 'text-[#3b82f6]' },
+    { label: 'Na fila', value: careQueue.filter((item) => item.status !== 'Finalizada').length, tone: 'text-[#3b82f6]' },
    { label: 'Alta prioridade', value: careQueue.filter((item) => item.priority === 'Alta').length, tone: 'text-red-400' },
-    { label: 'Finalizadas', value: careQueue.filter((item) => isFinalizedStatus(item.status)).length, tone: 'text-emerald-400' },
+    { label: 'Finalizadas', value: careQueue.filter((item) => item.status === 'Finalizada').length, tone: 'text-emerald-400' },
  ]
  return (
@@ -160,21 +160,3 @@ function PriorityPill({ priority }) {
  return <span className={`rounded px-2.5 py-1 text-xs font-bold ${className}`}>{priority}</span>
 }
 function isFinalizedStatus(status) {
  return normalizeStatus(status) === 'finalizada'
 }
 function isWaitingDoctorStatus(status) {
  return normalizeStatus(status) === 'aguardando_medico'
 }
 function normalizeStatus(status) {
  return String(status || '')
    .normalize('NFD')
    .replace(/[\u0300-\u036f]/g, '')
    .toLowerCase()
    .trim()
    .replace(/[^a-z0-9]+/g, '_')
    .replace(/^_+|_+$/g, '')
 }
--- a/src/repositories/authRepository.js
+++ b/src/repositories/authRepository.js
@@ -8,7 +8,7 @@ import {
  hasAuthenticatedSession,
  saveAuthSession,
 } from '../config/api.js'
-import { getResponseError } from './repositoryUtils.js'
+import { translateErrorMessage } from './repositoryUtils.js'
 export const authRepository = {
  async login({ email, password }) {
@@ -60,20 +60,6 @@ export const authRepository = {
    return true
  },
  async sendMagicLink(email) {
    const response = await fetch(`${apiConfig.supabaseUrl}/auth/v1/otp`, {
      method: 'POST',
      headers: getAnonHeaders(),
      body: JSON.stringify({ email: email?.trim() }),
    })
    if (!response.ok) {
      throw new Error(await getResponseError(response, 'Erro ao enviar Magic Link.'))
    }
    return true
  },
  async getUser() {
    const apiResponse = await fetch(`${apiConfig.functionsUrl.replace(/\/+$/, '')}/user-info`, {
      method: 'POST',
@@ -132,3 +118,8 @@ export const authRepository = {
 function shouldFallback(response) {
  return [404, 405].includes(response.status)
 }
 async function getResponseError(response, fallbackMessage) {
  const error = await response.json().catch(() => ({}))
  return translateErrorMessage(error.error_description || error.msg || error.message || error.error || fallbackMessage)
 }
--- a/src/repositories/medicalRecordRepository.js
+++ b/src/repositories/medicalRecordRepository.js
@@ -1,308 +1,15 @@
 const STORAGE_KEY = 'mediconnect.medicalRecords.v2'
 const INITIAL_RECORDS = [
  {
    id: 'record-1',
    patientId: 'mock-carlos-eduardo',
    patient: 'Carlos Eduardo Santos',
    patientDocument: 'CPF nao informado',
    patientEmail: 'carlos.santos@example.com',
    patientPhone: '11999990001',
    dateTime: '2026-03-27T10:30',
    createdAt: '2026-03-27T10:30:00.000Z',
    updatedAt: '2026-03-27T10:30:00.000Z',
    doctor: 'Dra. Ana Silva',
    type: 'Consulta Retorno',
    cid: 'I10 - Hipertensao',
    status: 'completo',
    summary: 'Paciente relata melhora com medicacao. PA: 130/85. Mantida conduta.',
    diagnosticReasoning: 'Quadro compativel com hipertensao arterial sistemica em acompanhamento, com melhora apos adesao medicamentosa.',
    diagnosticHypotheses: 'HAS primaria; efeito de baixa adesao previa ao tratamento; risco cardiovascular global moderado.',
    definitiveDiagnosis: 'Hipertensao arterial sistemica controlada.',
    prescriptions: 'Manter losartana 50 mg de 12/12h e hidroclorotiazida 25 mg pela manha.',
    procedures: 'Afericao pressorica seriada e orientacao sobre automonitoramento domiciliar.',
    surgeries: 'Nao se aplica no atendimento atual.',
    orientations: 'Reduzir sodio, manter atividade fisica regular e retornar com diario pressorico.',
    labResults: 'Exames laboratoriais sem alteracoes relevantes no periodo.',
    imageResults: 'Sem exames de imagem novos para este atendimento.',
    multiprofessionalNotes: 'Enfermagem orientou tecnica correta de afericao de pressao arterial.',
    signature: 'Dra. Ana Silva - CRM 123456',
    professionalStamp: 'Assinado digitalmente por Dra. Ana Silva em 27/03/2026 10:30',
  },
  {
    id: 'record-2',
    patientId: 'mock-mariana-costa',
    patient: 'Mariana Costa',
    patientDocument: 'CPF nao informado',
    patientEmail: 'mariana.costa@example.com',
    patientPhone: '11999990002',
    dateTime: '2026-03-26T15:00',
    createdAt: '2026-03-26T15:00:00.000Z',
    updatedAt: '2026-03-26T15:00:00.000Z',
    doctor: 'Dra. Ana Silva',
    type: 'Exame',
    cid: 'Z01.7 - Exame laboratorial',
    status: 'completo',
    summary: 'Resultados de hemograma dentro da normalidade. Solicitar retorno em 6 meses.',
    diagnosticReasoning: 'Resultados laboratoriais analisados em conjunto com quadro clinico estavel.',
    diagnosticHypotheses: 'Acompanhamento preventivo sem sinais laboratoriais de alarme.',
    definitiveDiagnosis: 'Exame laboratorial sem alteracoes clinicamente significativas.',
    prescriptions: 'Sem nova prescricao medicamentosa.',
    procedures: 'Revisao de exames laboratoriais e comparacao com historico previo.',
    surgeries: 'Nao se aplica.',
    orientations: 'Manter rotina preventiva e retorno em 6 meses ou antes se houver sintomas.',
    labResults: 'Hemograma completo dentro dos parametros de referencia.',
    imageResults: 'Sem exames de imagem relacionados.',
    multiprofessionalNotes: 'Equipe administrativa orientou retirada de copia dos exames.',
    signature: 'Dra. Ana Silva - CRM 123456',
    professionalStamp: 'Assinado digitalmente por Dra. Ana Silva em 26/03/2026 15:00',
  },
  {
    id: 'record-3',
    patientId: 'mock-joao-pedro',
    patient: 'Joao Pedro Alves',
    patientDocument: 'CPF nao informado',
    patientEmail: 'joao.alves@example.com',
    patientPhone: '11999990003',
    dateTime: '2026-03-25T09:15',
    createdAt: '2026-03-25T09:15:00.000Z',
    updatedAt: '2026-03-25T09:15:00.000Z',
    doctor: 'Dr. Carlos Mendes',
    type: 'Primeira Consulta',
    cid: 'R10 - Dor abdominal',
    status: 'rascunho',
    summary: 'Queixa de dor abdominal ha 2 semanas. Solicitados exames complementares.',
    diagnosticReasoning: 'Dor abdominal subaguda, sem sinais de peritonite, em investigacao etiologica.',
    diagnosticHypotheses: 'Dispepsia funcional; gastrite; doenca biliar; sindrome do intestino irritavel.',
    definitiveDiagnosis: 'Diagnostico definitivo pendente de exames complementares.',
    prescriptions: 'Sintomatico conforme dor e orientacao de retorno se piora.',
    procedures: 'Exame fisico abdominal e solicitacao de exames complementares.',
    surgeries: 'Nao indicada ate o momento.',
    orientations: 'Retornar com exames, procurar urgencia se febre, vomitos persistentes ou dor intensa.',
    labResults: 'Hemograma, PCR e funcao hepatica solicitados.',
    imageResults: 'Ultrassonografia abdominal solicitada.',
    multiprofessionalNotes: 'Nutricionista podera ser acionada conforme resultado dos exames.',
    signature: 'Dr. Carlos Mendes - CRM 654321',
    professionalStamp: 'Rascunho criado por Dr. Carlos Mendes em 25/03/2026 09:15',
  },
  {
    id: 'record-4',
    patientId: 'mock-fernanda-lima',
    patient: 'Fernanda Lima',
    patientDocument: 'CPF nao informado',
    patientEmail: 'fernanda.lima@example.com',
    patientPhone: '11999990004',
    dateTime: '2026-03-24T11:00',
    createdAt: '2026-03-24T11:00:00.000Z',
    updatedAt: '2026-03-24T11:00:00.000Z',
    doctor: 'Dra. Ana Silva',
    type: 'Avaliacao Pre-Op',
    cid: 'K80 - Colelitiase',
    status: 'completo',
    summary: 'Apta para procedimento cirurgico. Exames pre-operatorios normais.',
    diagnosticReasoning: 'Colelitiase sintomatica com avaliacao clinica favoravel para procedimento proposto.',
    diagnosticHypotheses: 'Colelitiase sintomatica; baixo risco cardiopulmonar para cirurgia eletiva.',
    definitiveDiagnosis: 'Colelitiase com indicacao de abordagem cirurgica eletiva.',
    prescriptions: 'Manter medicacoes habituais conforme orientacao anestesica.',
    procedures: 'Avaliacao pre-operatoria e revisao de exames.',
    surgeries: 'Colecistectomia videolaparoscopica proposta pela equipe cirurgica.',
    orientations: 'Jejum e orientacoes pre-operatorias conforme protocolo institucional.',
    labResults: 'Hemograma, coagulograma e funcao renal sem contraindicacoes.',
    imageResults: 'Ultrassonografia com colelitíase, sem sinais de colecistite aguda.',
    multiprofessionalNotes: 'Anestesia orientou avaliacao pre-anestesica complementar.',
    signature: 'Dra. Ana Silva - CRM 123456',
    professionalStamp: 'Assinado digitalmente por Dra. Ana Silva em 24/03/2026 11:00',
  },
  {
    id: 'record-5',
    patientId: 'mock-roberto-campos',
    patient: 'Roberto Campos',
    patientDocument: 'CPF nao informado',
    patientEmail: 'roberto.campos@example.com',
    patientPhone: '11999990005',
    dateTime: '2026-03-22T16:20',
    createdAt: '2026-03-22T16:20:00.000Z',
    updatedAt: '2026-03-22T16:20:00.000Z',
    doctor: 'Dr. Roberto Nunes',
    type: 'Consulta Retorno',
    cid: 'E11 - DM Tipo 2',
    status: 'completo',
    summary: 'HbA1c: 7.2%. Ajuste de metformina. Retorno em 3 meses.',
    diagnosticReasoning: 'Diabetes mellitus tipo 2 com controle parcial, necessitando ajuste terapeutico.',
    diagnosticHypotheses: 'DM2 em controle parcial; risco metabolico associado.',
    definitiveDiagnosis: 'Diabetes mellitus tipo 2.',
    prescriptions: 'Ajuste de metformina conforme tolerancia e manutencao de medidas nao farmacologicas.',
    procedures: 'Revisao de exames metabolicos e avaliacao de adesao.',
    surgeries: 'Nao se aplica.',
    orientations: 'Dieta, atividade fisica, monitoramento glicemico e retorno em 3 meses.',
    labResults: 'HbA1c 7,2%; demais exames revisados em consulta.',
    imageResults: 'Sem exames de imagem novos.',
    multiprofessionalNotes: 'Encaminhado para orientacao nutricional.',
    signature: 'Dr. Roberto Nunes - CRM 778899',
    professionalStamp: 'Assinado digitalmente por Dr. Roberto Nunes em 22/03/2026 16:20',
  },
 ]
 export const medicalRecordRepository = {
  getRecordTypes() {
-    return ['Consulta Retorno', 'Primeira Consulta', 'Exame', 'Avaliacao Pre-Op', 'Evolucao Clinica', 'Registro Multiprofissional']
+    return ['Consulta Retorno', 'Primeira Consulta', 'Exame', 'Avaliacao Pre-Op']
  },
  getInitialRecords() {
    return readRecords()
  },
  getAll() {
    return readRecords()
  },
  getById(recordId) {
    return readRecords().find((record) => String(record.id) === String(recordId)) || null
  },
  create(data) {
    const records = readRecords()
    const now = new Date().toISOString()
    const record = normalizeRecord({
      ...data,
      id: data.id || `record-${Date.now()}`,
      createdAt: data.createdAt || now,
      updatedAt: now,
    })
    writeRecords([record, ...records])
    return record
  },
  update(recordId, data) {
    const records = readRecords()
    const now = new Date().toISOString()
    let updatedRecord = null
    const nextRecords = records.map((record) => {
      if (String(record.id) !== String(recordId)) return record
      updatedRecord = normalizeRecord({ ...record, ...data, id: record.id, updatedAt: now })
      return updatedRecord
    })
    writeRecords(nextRecords)
    return updatedRecord
  },
  getMockReportHistory(patientId, patientName) {
    const baseName = patientName || 'Paciente'
    return [
-      {
+      { id: 'record-1', patient: 'Carlos Eduardo Santos', date: '27/03/2026', doctor: 'Dra. Ana Silva', type: 'Consulta Retorno', cid: 'I10 - Hipertensao', status: 'completo', summary: 'Paciente relata melhora com medicacao. PA: 130/85. Mantida conduta.' },
-        id: `${patientId || 'mock'}-report-1`,
+      { id: 'record-2', patient: 'Mariana Costa', date: '26/03/2026', doctor: 'Dra. Ana Silva', type: 'Exame', cid: 'Z01.7 - Exame laboratorial', status: 'completo', summary: 'Resultados de hemograma dentro da normalidade. Solicitar retorno em 6 meses.' },
-        title: 'Relatorio de consulta medica',
+      { id: 'record-3', patient: 'Joao Pedro Alves', date: '25/03/2026', doctor: 'Dr. Carlos Mendes', type: 'Primeira Consulta', cid: 'R10 - Dor abdominal', status: 'rascunho', summary: 'Queixa de dor abdominal ha 2 semanas. Solicitados exames complementares.' },
-        status: 'Finalizado',
+      { id: 'record-4', patient: 'Fernanda Lima', date: '24/03/2026', doctor: 'Dra. Ana Silva', type: 'Avaliacao Pre-Op', cid: 'K80 - Colelitiase', status: 'completo', summary: 'Apta para procedimento cirurgico. Exames pre-operatorios normais.' },
-        createdAt: '2026-03-27T13:30:00.000Z',
+      { id: 'record-5', patient: 'Roberto Campos', date: '22/03/2026', doctor: 'Dr. Roberto Nunes', type: 'Consulta Retorno', cid: 'E11 - DM Tipo 2', status: 'completo', summary: 'HbA1c: 7.2%. Ajuste de metformina. Retorno em 3 meses.' },
        author: 'Dra. Ana Silva',
        summary: `Resumo clinico recente de ${baseName}, com conduta registrada em prontuario.`,
      },
      {
        id: `${patientId || 'mock'}-report-2`,
        title: 'Laudo de exame',
        status: 'Finalizado',
        createdAt: '2026-03-20T09:00:00.000Z',
        author: 'Dr. Carlos Mendes',
        summary: 'Resultado complementar revisado pela equipe assistencial.',
      },
    ]
  },
 }
 function readRecords() {
  if (typeof window === 'undefined') return INITIAL_RECORDS.map(normalizeRecord)
  try {
    const raw = window.localStorage.getItem(STORAGE_KEY)
    if (!raw) {
      const initial = INITIAL_RECORDS.map(normalizeRecord)
      writeRecords(initial)
      return initial
    }
    const parsed = JSON.parse(raw)
    if (!Array.isArray(parsed)) return INITIAL_RECORDS.map(normalizeRecord)
    return parsed.map(normalizeRecord).sort(sortByDateDesc)
  } catch {
    return INITIAL_RECORDS.map(normalizeRecord)
  }
 }
 function writeRecords(records) {
  if (typeof window === 'undefined') return
  try {
    window.localStorage.setItem(STORAGE_KEY, JSON.stringify(records.map(normalizeRecord).sort(sortByDateDesc)))
  } catch {
    // Local persistence is best-effort while the module is still mock-backed.
  }
 }
 function normalizeRecord(record) {
  const dateTime = record.dateTime || parseLegacyDate(record.date) || toLocalInputValue(new Date())
  const summary = record.summary || record.orientations || record.diagnosticReasoning || 'Registro de prontuario sem resumo.'
  return {
    id: String(record.id || `record-${Date.now()}`),
    patientId: String(record.patientId || ''),
    patient: record.patient || 'Paciente sem nome',
    patientDocument: record.patientDocument || record.document || '',
    patientEmail: record.patientEmail || record.email || '',
    patientPhone: record.patientPhone || record.phone || '',
    dateTime,
    date: record.date || formatDateTime(dateTime),
    createdAt: record.createdAt || toIso(dateTime),
    updatedAt: record.updatedAt || record.createdAt || toIso(dateTime),
    doctor: record.doctor || record.professional || 'Profissional nao informado',
    type: record.type || 'Primeira Consulta',
    cid: record.cid || 'CID nao informado',
    status: record.status === 'rascunho' ? 'rascunho' : 'completo',
    summary,
    diagnosticReasoning: record.diagnosticReasoning || record.anamnesis || summary,
    diagnosticHypotheses: record.diagnosticHypotheses || record.cid || 'Hipoteses diagnosticas nao informadas.',
    definitiveDiagnosis: record.definitiveDiagnosis || record.cid || 'Diagnostico definitivo nao informado.',
    prescriptions: record.prescriptions || 'Prescricao nao informada.',
    procedures: record.procedures || record.physicalExam || 'Procedimentos nao informados.',
    surgeries: record.surgeries || 'Cirurgias nao informadas ou nao se aplica.',
    orientations: record.orientations || record.conduct || 'Orientacoes nao informadas.',
    labResults: record.labResults || 'Laudos laboratoriais nao informados.',
    imageResults: record.imageResults || 'Laudos de imagem nao informados.',
    multiprofessionalNotes: record.multiprofessionalNotes || 'Notas multiprofissionais nao informadas.',
    signature: record.signature || record.doctor || 'Assinatura nao informada.',
    professionalStamp: record.professionalStamp || `Registro assinado por ${record.doctor || 'profissional nao informado'}.`,
  }
 }
 function sortByDateDesc(a, b) {
  return new Date(b.dateTime || b.createdAt).getTime() - new Date(a.dateTime || a.createdAt).getTime()
 }
 function parseLegacyDate(value) {
  const match = String(value || '').match(/^(\d{2})\/(\d{2})\/(\d{4})$/)
  if (!match) return ''
  return `${match[3]}-${match[2]}-${match[1]}T09:00`
 }
 function toIso(value) {
  const parsed = new Date(value)
  return Number.isNaN(parsed.getTime()) ? new Date().toISOString() : parsed.toISOString()
 }
 function toLocalInputValue(date) {
  const parsed = date instanceof Date ? date : new Date(date)
  const safeDate = Number.isNaN(parsed.getTime()) ? new Date() : parsed
  const year = safeDate.getFullYear()
  const month = String(safeDate.getMonth() + 1).padStart(2, '0')
  const day = String(safeDate.getDate()).padStart(2, '0')
  const hours = String(safeDate.getHours()).padStart(2, '0')
  const minutes = String(safeDate.getMinutes()).padStart(2, '0')
  return `${year}-${month}-${day}T${hours}:${minutes}`
 }
 function formatDateTime(value) {
  const parsed = new Date(value)
  if (Number.isNaN(parsed.getTime())) return 'Data nao informada'
  return parsed.toLocaleString('pt-BR')
 }
--- a/src/repositories/patientRepository.js
+++ b/src/repositories/patientRepository.js
@@ -1,4 +1,4 @@
-import { apiConfig, getAnonHeaders, getAuthenticatedHeaders } from '../config/api.js'
+import { apiConfig, getAuthenticatedHeaders } from '../config/api.js'
 import { getResponseError } from './repositoryUtils.js'
 export const patientRepository = {
@@ -10,10 +10,11 @@ export const patientRepository = {
  },
  async getById(patientId) {
-    const [patient, appointments] = await Promise.all([
+    const [patients, appointments] = await Promise.all([
-      getPatientById(patientId),
+      this.getAll(),
      getAppointments().catch(() => []),
    ])
    const patient = patients.find((p) => String(p.id) === String(patientId)) || null
    return patient ? mapPatientToDetail(patient, appointments) : null
  },
@@ -82,29 +83,6 @@ export const patientRepository = {
    return response.json()
  },
  async registerPublic(data) {
    const body = cleanPayload({
      full_name: data.name || data.full_name,
      cpf: data.cpf,
      email: data.email,
      phone_mobile: data.phone || data.phone_mobile,
      birth_date: data.birthDate || data.birth_date || null,
      redirect_url: data.redirectUrl || data.redirect_url,
    })
    const response = await fetch(`${apiConfig.functionsUrl}/register-patient`, {
      method: 'POST',
      headers: getAnonHeaders(),
      body: JSON.stringify(body),
    })
    if (!response.ok) {
      throw new Error(await getResponseError(response, 'Erro ao realizar auto-cadastro de paciente.'))
    }
    return response.json()
  },
  // 4. Atualizar paciente
  async update(patientId, data) {
    const body = {
@@ -125,35 +103,6 @@ export const patientRepository = {
    return response.json()
  },
  async uploadAvatar(patientId, file) {
    if (!patientId) {
      throw new Error('Não foi possível identificar o paciente para enviar o avatar.')
    }
    const extension = file.name?.split('.').pop() || 'jpg'
    const objectPath = `patients/${patientId}/avatar.${extension}`
    const avatarUrl = `${apiConfig.storageUrl}/object/avatars/${objectPath}`
    const response = await fetch(avatarUrl, {
      method: 'POST',
      headers: getAuthenticatedHeaders({
        'Content-Type': file.type || 'application/octet-stream',
        'x-upsert': 'true',
      }),
      body: file,
    })
    if (!response.ok) {
      throw new Error(await getResponseError(response, 'Falha ao enviar avatar do paciente.'))
    }
    await updatePatientAvatarUrl(patientId, avatarUrl).catch(() => null)
    return {
      avatarUrl,
      path: objectPath,
    }
  },
  // 5. Deletar paciente
  async remove(patientId) {
    const response = await fetch(`${apiConfig.restUrl}/patients?id=eq.${patientId}`, {
@@ -166,20 +115,6 @@ export const patientRepository = {
  },
 }
 async function getPatientById(patientId) {
  const query = new URLSearchParams({
    select: '*',
    id: `eq.${patientId}`,
    limit: '1',
  })
  const response = await fetch(`${apiConfig.restUrl}/patients?${query.toString()}`, { headers: getAuthenticatedHeaders() })
  if (!response.ok) throw new Error(await getResponseError(response, 'Erro ao buscar paciente.'))
  const data = await response.json()
  return Array.isArray(data) ? data[0] || null : data
 }
 function mapPatientToDirectory(patient, appointments = []) {
  const appointmentSummary = summarizeAppointments(patient.id, appointments)
  const city = getFirstValue(patient, ['city', 'cidade', 'address_city', 'municipio'], patient.address?.city)
@@ -190,7 +125,6 @@ function mapPatientToDirectory(patient, appointments = []) {
    ...patient,
    name: patient.name || patient.full_name || patient.nome || 'Paciente',
    phone: patient.phone || patient.phone_mobile || patient.telefone || '',
    avatarUrl: normalizeAvatarUrl(patient.avatarUrl || patient.avatar_url || patient.avatar_path),
    detailId: patient.id,
    insurance: normalizeInsurance(insurance),
    city,
@@ -226,7 +160,6 @@ function mapPatientToDetail(patient, appointments = []) {
    status: patient.status || 'Acompanhamento',
    risk: patient.risk || patient.risco || 'Baixo',
    email: patient.email || '',
    avatarUrl: directory.avatarUrl,
    address: formatAddress(directory) || patient.address || patient.endereco || 'Endereço não informado',
    team: patient.team || patient.equipe || [],
    notes: normalizeNotes(patient.notes || patient.observacoes || directory.notesText),
@@ -376,25 +309,6 @@ function normalizeInsurance(value) {
  return normalized
 }
 function normalizeAvatarUrl(value) {
  const avatar = String(value || '').trim()
  if (!avatar) return ''
  if (/^https?:\/\//i.test(avatar)) return avatar
  return `${apiConfig.storageUrl}/object/avatars/${avatar.replace(/^\/+/, '')}`
 }
 async function updatePatientAvatarUrl(patientId, avatarUrl) {
  const response = await fetch(`${apiConfig.restUrl}/patients?id=eq.${patientId}`, {
    method: 'PATCH',
    headers: getAuthenticatedHeaders({ Prefer: 'return=minimal' }),
    body: JSON.stringify({ avatar_url: avatarUrl }),
  })
  if (!response.ok) {
    throw new Error(await getResponseError(response, 'Falha ao salvar avatar do paciente.'))
  }
 }
 function calculateAge(birthDate) {
  if (!birthDate) return 0
@@ -411,9 +325,3 @@ function calculateAge(birthDate) {
  return age
 }
 function cleanPayload(payload) {
  return Object.fromEntries(
    Object.entries(payload).filter(([, value]) => value !== undefined && value !== null && value !== ''),
  )
 }
--- a/src/repositories/professionalRepository.js
+++ b/src/repositories/professionalRepository.js
@@ -1,5 +1,4 @@
 import { apiConfig, getAuthenticatedHeaders } from '../config/api.js'
 import { getResponseError, normalizeItem } from './repositoryUtils.js'
 export const professionalRepository = {
  async getAll() {
@@ -7,37 +6,12 @@ export const professionalRepository = {
      headers: getAuthenticatedHeaders()
    })
-    if (!response.ok) {
+    if (!response.ok) throw new Error('Erro ao buscar médicos.')
      throw new Error(await getResponseError(response, 'Erro ao buscar médicos.'))
    }
    const data = await response.json()
    return (Array.isArray(data) ? data : []).map(mapProfessional)
  },
  async create(data) {
    const response = await fetch(`${apiConfig.functionsUrl}/create-doctor`, {
      method: 'POST',
      headers: getAuthenticatedHeaders(),
      body: JSON.stringify(cleanPayload({
        full_name: data.fullName || data.full_name || data.name,
        email: data.email,
        cpf: data.cpf,
        crm: data.crm,
        crm_uf: data.crmUf || data.crm_uf,
        phone_mobile: data.phoneMobile || data.phone_mobile || data.phone,
        specialty: data.specialty || data.specialidade,
        birth_date: data.birthDate || data.birth_date,
      })),
    })
    if (!response.ok) {
      throw new Error(await getResponseError(response, 'Erro ao criar médico.'))
    }
    return mapProfessional(normalizeItem(await response.json(), ['doctor']))
  },
  getCoverageMap() {
    return {
      slots: ['08-12', '09-13', '10-15', '13-18', '08-14'],
@@ -78,9 +52,3 @@ function mapProfessional(doctor) {
 function normalizeValue(value) {
  return String(value || '').trim().toLowerCase()
 }
 function cleanPayload(payload) {
  return Object.fromEntries(
    Object.entries(payload).filter(([, value]) => value !== undefined && value !== null && value !== ''),
  )
 }
--- a/src/repositories/profileRepository.js
+++ b/src/repositories/profileRepository.js
@@ -17,10 +17,7 @@ export const profileRepository = {
      profile?.avatarUrl ||
      user?.avatarUrl ||
      user?.avatar_url ||
      profile?.avatar_path ||
      user?.avatar_path ||
      meta.avatar_url ||
      meta.avatar_path ||
      meta.picture ||
      ''
@@ -31,7 +28,7 @@ export const profileRepository = {
      phone: profile?.phone || user?.phone || user?.telefone || meta.phone || meta.telefone || '',
      role: ROLE_LABELS[normalizedRole] || user?.role || user?.cargo || meta.role || meta.cargo || 'Usuário do Sistema',
      unit: profile?.unit || user?.unit || user?.unidade || meta.unit || meta.unidade || 'Clínica Boa Vista',
-      avatarUrl: getAvatarUrl(avatarUrl),
+      avatarUrl,
      doctorId: data?.doctor_id || data?.doctorId || null,
      patientId: data?.patient_id || data?.patientId || null,
      roles,
@@ -83,45 +80,19 @@ export const profileRepository = {
    }
    return {
-      avatarUrl: getAvatarUrl(objectPath),
+      avatarUrl: `${apiConfig.storageUrl}/object/public/avatars/${objectPath}`,
      path: objectPath,
    }
  },
  async downloadAvatar(path) {
    const objectPath = String(path || '').replace(/^\/+/, '')
    const response = await fetch(`${apiConfig.storageUrl}/object/avatars/${objectPath}`, {
      method: 'GET',
      headers: getAuthenticatedHeaders({ 'Content-Type': undefined }),
    })
    if (!response.ok) {
      throw new Error(await getResponseError(response, 'Falha ao baixar avatar.'))
    }
    return {
      blob: await response.blob(),
      contentType: response.headers.get('content-type') || 'application/octet-stream',
      path: objectPath,
    }
  },
 }
 function normalizeAvatarResponse(data) {
  const path = data.path || data.key || ''
  return {
-    avatarUrl: data.avatarUrl || data.avatar_url || data.publicUrl || data.public_url || data.url || getAvatarUrl(path),
+    avatarUrl: data.avatarUrl || data.avatar_url || data.publicUrl || data.public_url || data.url || '',
-    path,
+    path: data.path || data.key || '',
  }
 }
 function getAvatarUrl(path) {
  const objectPath = String(path || '').replace(/^\/+/, '')
  if (!objectPath) return ''
  if (/^https?:\/\//i.test(objectPath)) return objectPath
  return `${apiConfig.storageUrl}/object/avatars/${objectPath}`
 }
 function collectRoles({ data, meta, profile, user }) {
  return [
    ...(Array.isArray(data?.roles) ? data.roles : []),
--- a/src/repositories/repositoryUtils.js
+++ b/src/repositories/repositoryUtils.js
@@ -23,7 +23,7 @@ export async function fetchJsonWithFallback(requests, fallbackMessage) {
  }
  if (lastError && !lastResponse) {
-    throw new Error(translateErrorMessage(lastError.message || fallbackMessage, fallbackMessage))
+    throw new Error(translateErrorMessage(lastError.message || fallbackMessage))
  }
  throw new Error(await getResponseError(lastResponse, fallbackMessage))
@@ -49,54 +49,48 @@ export function normalizeItem(data, keys = []) {
  return data || null
 }
-export async function getResponseError(response, fallbackMessage = 'Erro inesperado.') {
+export async function getResponseError(response, fallbackMessage) {
-  if (!response) return translateErrorMessage(fallbackMessage)
+  if (!response) return fallbackMessage
  const text = await response.text().catch(() => '')
  const error = parseErrorBody(text)
  const message = translateErrorMessage(
-    getErrorMessage(error, text) || fallbackMessage,
+    error.error_description ||
    error.msg ||
    error.message ||
    error.error ||
    error.details ||
    error.hint ||
    text ||
    fallbackMessage,
  )
  return response.status ? `${fallbackMessage} (${response.status}): ${message}` : message
 }
-export function translateErrorMessage(message, fallbackMessage = 'Erro inesperado.') {
+export function translateErrorMessage(message) {
  const rawMessage = String(message || '').trim()
  const normalized = rawMessage.toLowerCase()
-  if (!rawMessage) return fallbackMessage
+  if (!rawMessage) return 'Erro inesperado.'
  if (isPortugueseMessage(rawMessage)) return rawMessage
  const translations = [
    [/failed to fetch|networkerror|load failed|network request failed/, 'Não foi possível conectar ao servidor. Verifique sua conexão e tente novamente.'],
    [/fetch failed|failed sending request|connection refused|timeout|timed out/, 'Não foi possível conectar ao servidor. Verifique sua conexão e tente novamente.'],
    [/invalid login credentials|invalid credentials/, 'E-mail ou senha inválidos.'],
    [/signup requires a valid password|password should be at least|weak password|invalid password/, 'Informe uma senha válida para continuar.'],
    [/email rate limit exceeded|rate limit exceeded|too many requests|for security purposes.*request this after/, 'Muitas tentativas em pouco tempo. Aguarde alguns minutos e tente novamente.'],
    [/invalid email|email address.*invalid|unable to validate email address/, 'Informe um e-mail válido.'],
    [/email not confirmed/, 'E-mail ainda não confirmado. Verifique sua caixa de entrada.'],
    [/user already registered|already registered/, 'Este e-mail já está cadastrado.'],
    [/user not found/, 'Usuário não encontrado.'],
    [/signup.*disabled|signups not allowed|user signups are disabled/, 'O cadastro de novos usuários está desabilitado no momento.'],
    [/database error saving new user|database error.*user/, 'Não foi possível salvar o usuário. Tente novamente ou contate o suporte.'],
    [/database error|unexpected failure|internal server error|server error/, 'A API encontrou um erro interno. Tente novamente ou contate o suporte.'],
    [/jwt expired|invalid jwt|jwt malformed|invalid token|token is expired/, 'Sessão expirada. Faça login novamente.'],
    [/missing required parameters?/, 'Parâmetros obrigatórios não foram enviados.'],
    [/required field|field .* is required|required parameter|missing .* field/, 'Campo obrigatório não preenchido.'],
    [/duplicate key value violates unique constraint/, 'Já existe um registro com essas informações.'],
-    [/new row violates row-level security policy|row-level security policy|permission denied|insufficient privileges|not authorized|unauthorized|forbidden/, 'Você não tem permissão para realizar esta ação.'],
+    [/new row violates row-level security policy|row-level security policy|permission denied/, 'Você não tem permissão para realizar esta ação.'],
    [/violates foreign key constraint/, 'Não foi possível salvar porque há um vínculo obrigatório ausente ou inválido.'],
    [/violates check constraint/, 'Os dados enviados não atendem às regras de validação.'],
    [/null value in column "([^"]+)".*violates not-null constraint/, 'Campo obrigatório não preenchido.'],
    [/invalid input value for enum ([^:]+): "([^"]+)"/, 'Valor inválido para uma opção do sistema.'],
    [/invalid input syntax for type uuid/, 'Identificador inválido enviado para a API.'],
    [/invalid input syntax for type (integer|bigint|numeric|date|timestamp|boolean)/, 'Valor inválido enviado para a API.'],
    [/value too long for type|too long/, 'Um dos campos excede o tamanho permitido.'],
    [/relation .* does not exist/, 'Recurso da API não encontrado.'],
    [/function .* does not exist/, 'Endpoint da API não encontrado.'],
    [/endpoint.*not found|not found/, 'Recurso da API não encontrado.'],
    [/cors|preflight/, 'A API bloqueou a requisição por configuração de CORS.'],
  ]
@@ -104,31 +98,7 @@ export function translateErrorMessage(message, fallbackMessage = 'Erro inesperad
    if (pattern.test(normalized)) return translation
  }
-  return isLikelyEnglishMessage(rawMessage) ? fallbackMessage : rawMessage
+  return rawMessage
 }
 function getErrorMessage(error, text) {
  return error.error_description ||
    error.msg ||
    error.message ||
    error.error ||
    error.detail ||
    error.details ||
    error.hint ||
    formatFieldErrors(error.errors) ||
    text
 }
 function formatFieldErrors(errors) {
  if (!errors || typeof errors !== 'object') return ''
  const messages = Object.entries(errors)
    .flatMap(([field, fieldErrors]) => {
      const values = Array.isArray(fieldErrors) ? fieldErrors : [fieldErrors]
      return values.filter(Boolean).map((message) => `${field}: ${message}`)
    })
  return messages.join('; ')
 }
 function isPortugueseMessage(message) {
@@ -136,10 +106,6 @@ function isPortugueseMessage(message) {
    /\b(erro|falha|não|nao|usuário|usuario|senha|campo|obrigatório|obrigatorio|sessão|sessao)\b/i.test(message)
 }
 function isLikelyEnglishMessage(message) {
  return /[a-z]/i.test(message) && !/[ãõáéíóúâêôç]/i.test(message)
 }
 function shouldFallback(response) {
  return [404, 405].includes(response.status)
 }
--- a/src/repositories/settingsRepository.js
+++ b/src/repositories/settingsRepository.js
@@ -1,4 +1,15 @@
 export const settingsRepository = {
  getIntegrations() {
    return [
      ['WhatsApp Business', 'Envio automático de lembretes e confirmações', true, 'bg-[#3b82f6]'],
      ['Google Calendar', 'Sincronização bidirecional de agenda', false, 'bg-blue-500'],
      ['Stripe / PagSeguro', 'Pagamentos online e links de cobrança', true, 'bg-violet-500'],
      ['CFM - Conselho Federal de Medicina', 'Validação automática de CRM', false, 'bg-amber-500'],
      ['ANS - Planos de Saúde', 'Integração com tabela TUSS e convênios', false, 'bg-rose-500'],
      ['API de IA Preditiva', 'Score de absenteísmo e predição de faltas', true, 'bg-[#3b82f6]'],
    ]
  },
  getSections() {
    return [
      { id: 'aparencia', label: 'Aparência e Acessibilidade', description: 'Tema, cores e exibição', icon: 'palette' },
--- a/src/repositories/userRepository.js
+++ b/src/repositories/userRepository.js
@@ -33,9 +33,10 @@ export const userRepository = {
  },
  async getById(userId) {
-    const response = await fetch(`${apiConfig.functionsUrl}/user-info-by-id/${encodeURIComponent(userId)}`, {
+    const response = await fetch(`${apiConfig.functionsUrl}/user-info-by-id`, {
      method: 'POST',
      headers: getAuthenticatedHeaders(),
      body: JSON.stringify({ user_id: userId }),
    })
    if (!response.ok) {
@@ -78,47 +79,11 @@ export const userRepository = {
    return response.json()
  },
  async update(userId, data) {
    let lastResponse = null
    const body = cleanPayload({
      email: data.email?.trim(),
      full_name: data.full_name?.trim(),
      phone: data.phone?.trim(),
      phone_mobile: data.phone?.trim(),
      cpf: data.cpf?.trim(),
      role: data.role,
      crm: data.crm?.trim(),
      crm_uf: data.crm_uf?.trim() || data.crmUf?.trim(),
    })
    for (const table of USER_PROFILE_TABLES) {
      const response = await fetch(`${apiConfig.restUrl}/${table}?id=eq.${encodeURIComponent(userId)}`, {
        method: 'PATCH',
        headers: getAuthenticatedHeaders({ Prefer: 'return=representation' }),
        body: JSON.stringify(body),
      }).catch(() => null)
      if (!response) continue
      lastResponse = response
      if (response.ok) {
        const data = await response.json().catch(() => null)
        return normalizeListedUser(normalizeCollection(data)[0] || data || body)
      }
      if (![404, 406].includes(response.status)) {
        throw new Error(await getResponseError(response, 'Erro ao atualizar usuário.'))
      }
    }
    throw new Error(await getResponseError(lastResponse, 'Tabela de perfis de usuários não encontrada.'))
  },
  async remove(userId) {
    const response = await fetch(`${apiConfig.functionsUrl}/delete-user`, {
      method: 'POST',
      headers: getAuthenticatedHeaders(),
-      body: JSON.stringify({ userId, user_id: userId }),
+      body: JSON.stringify({ user_id: userId }),
    })
    if (!response.ok) {
@@ -136,8 +101,6 @@ function buildCreateUserBody(data) {
    phone: data.phone?.trim(),
    cpf: data.cpf?.trim(),
    role: data.role,
    crm: data.crm?.trim(),
    crm_uf: data.crm_uf?.trim() || data.crmUf?.trim(),
  }
  if (data.create_patient_record) {
@@ -154,13 +117,5 @@ function normalizeListedUser(user) {
    email: user.email || user.user_email || '',
    full_name: user.full_name || user.name || user.nome || '',
    role: Array.isArray(user.roles) ? user.roles[0] : (user.role || user.cargo || ''),
    crm: user.crm || '',
    crm_uf: user.crm_uf || user.crmUf || '',
  }
 }
 function cleanPayload(payload) {
  return Object.fromEntries(
    Object.entries(payload).filter(([, value]) => value !== undefined && value !== null && value !== ''),
  )
 }
--- a/src/utils/theme.js
+++ b/src/utils/theme.js
@@ -1,10 +1,10 @@
 export const THEME_STORAGE_KEY = 'mediconnect.theme'
 export function getStoredTheme() {
-  if (typeof window === 'undefined') return 'light'
+  if (typeof window === 'undefined') return 'dark'
  const storedTheme = window.localStorage.getItem(THEME_STORAGE_KEY)
-  return storedTheme === 'dark' ? 'dark' : 'light'
+  return storedTheme === 'light' ? 'light' : 'dark'
 }
 export function applyTheme(theme) {
--- a/test.mjs
+++ b/test.mjs
@@ -0,0 +1,11 @@
 import { apiConfig } from './src/config/api.js';
 async function test() {
  const url = `${apiConfig.restUrl}/appointments?select=*,patients(full_name),doctors(name)`;
  const res = await fetch(url, { headers: { apikey: apiConfig.anonKey }});
  const text = await res.text();
  console.log('Status:', res.status);
  console.log('Response:', text);
 }
 test().catch(console.error);
--- a/test2.mjs
+++ b/test2.mjs
@@ -0,0 +1,11 @@
 const url = "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?select=*,patients(full_name),doctors(name)";
 const key = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
 async function test() {
  const res = await fetch(url, { headers: { apikey: key, Authorization: "Bearer " + key }});
  const text = await res.text();
  console.log('Status:', res.status);
  console.log('Response:', text);
 }
 test().catch(console.error);
--- a/test3.mjs
+++ b/test3.mjs
@@ -0,0 +1,14 @@
 const url1 = "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctors?select=*&limit=1";
 const url2 = "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/patients?select=*&limit=1";
 const url3 = "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?select=*&limit=1";
 const key = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
 async function test() {
  const reqs = [url1, url2, url3].map(u => fetch(u, { headers: { apikey: key, Authorization: "Bearer " + key }}));
  const res = await Promise.all(reqs);
  for(const r of res) {
    console.log(r.url, await r.text());
  }
 }
 test().catch(console.error);
--- a/test4.mjs
+++ b/test4.mjs
@@ -0,0 +1,13 @@
 const url = "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/";
 const key = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
 async function test() {
  const res = await fetch(url, { headers: { apikey: key }});
  const json = await res.json();
  console.log("Doctors columns:", Object.keys(json.definitions.doctors.properties));
  console.log("Patients columns:", Object.keys(json.definitions.patients.properties));
  console.log("Appointments columns:", Object.keys(json.definitions.appointments.properties));
 }
 test().catch(console.error);
--- a/test5.mjs
+++ b/test5.mjs
@@ -0,0 +1,11 @@
 import fs from 'fs';
 const url = "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/";
 const key = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
 async function test() {
  const res = await fetch(url, { headers: { apikey: key }});
  const json = await res.json();
  fs.writeFileSync('openapi.json', JSON.stringify(json, null, 2));
 }
 test().catch(console.error);
--- a/tests/mappers.test.mjs
+++ b/tests/mappers.test.mjs
@@ -1,60 +0,0 @@
 import assert from 'node:assert/strict'
 import test from 'node:test'
 import { appointmentMapper } from '../src/mappers/appointmentMapper.js'
 import { reportMapper } from '../src/mappers/reportMapper.js'
 test('appointmentMapper envia valores aceitos pela API Supabase', () => {
  const payload = appointmentMapper.toApi(
    {
      patientId: 'patient-1',
      professionalId: 'doctor-1',
      date: '2026-05-11',
      time: '10:30',
      mode: 'Teleconsulta',
      status: 'Em triagem',
      notes: '',
    },
    'supabase',
  )
  assert.equal(payload.patient_id, 'patient-1')
  assert.equal(payload.doctor_id, 'doctor-1')
  assert.equal(payload.appointment_type, 'telemedicina')
  assert.equal(payload.status, 'checked_in')
  assert.equal(payload.duration_minutes, 30)
  assert.equal('notes' in payload, true)
 })
 test('appointmentMapper converte resposta da API para labels da agenda', () => {
  const appointment = appointmentMapper.toUi({
    id: 'appt-1',
    status: 'confirmed',
    appointment_type: 'telemedicina',
    scheduled_at: '2026-05-11T13:30:00.000Z',
    patients: { id: 'patient-1', full_name: 'Ana Souza' },
    doctors: { id: 'doctor-1', full_name: 'Dra. Leticia' },
  })
  assert.equal(appointment.id, 'appt-1')
  assert.equal(appointment.status, 'Confirmada')
  assert.equal(appointment.mode, 'Teleconsulta')
  assert.equal(appointment.patient, 'Ana Souza')
  assert.equal(appointment.professional, 'Dra. Leticia')
 })
 test('reportMapper remove campos vazios e normaliza status', () => {
  const payload = reportMapper.toApi({
    patientId: 'patient-1',
    status: 'finalized',
    exam: '',
    requestedBy: 'Dra. Leticia',
    contentHtml: '<p>Conclusao clinica</p>',
  })
  assert.equal(payload.patient_id, 'patient-1')
  assert.equal(payload.status, 'finalized')
  assert.equal(payload.requested_by, 'Dra. Leticia')
  assert.equal(payload.content_html, '<p>Conclusao clinica</p>')
  assert.equal('exam' in payload, false)
 })
--- a/tests/patientRepository.test.mjs
+++ b/tests/patientRepository.test.mjs
@@ -1,59 +0,0 @@
 import assert from 'node:assert/strict'
 import test from 'node:test'
 process.env.VITE_SUPABASE_URL = 'https://example.supabase.co'
 process.env.VITE_SUPABASE_ANON_KEY = 'anon-key'
 globalThis.Event = class Event {
  constructor(type) {
    this.type = type
  }
 }
 globalThis.window = {
  dispatchEvent() {},
  sessionStorage: {
    getItem() {
      return JSON.stringify({
        access_token: 'access-token',
        expires_at: Math.floor(Date.now() / 1000) + 3600,
      })
    },
    removeItem() {},
    setItem() {},
  },
 }
 test('patientRepository.getById busca o paciente direto por id', async () => {
  const calls = []
  globalThis.fetch = async (url) => {
    const requestUrl = String(url)
    calls.push(requestUrl)
    if (requestUrl.includes('/patients?')) {
      return Response.json([
        {
          id: 'patient-1',
          full_name: 'Ana Souza',
          cpf: '12345678900',
          birth_date: '1990-01-01',
        },
      ])
    }
    if (requestUrl.includes('/appointments?')) {
      return Response.json([])
    }
    throw new Error(`URL inesperada: ${requestUrl}`)
  }
  const { patientRepository } = await import('../src/repositories/patientRepository.js')
  const patient = await patientRepository.getById('patient-1')
  assert.equal(patient.id, 'patient-1')
  assert.equal(patient.name, 'Ana Souza')
  assert.ok(calls.some((url) => url.includes('/patients?') && url.includes('id=eq.patient-1')))
  assert.ok(calls.every((url) => !url.includes('/patients?select=*') || url.includes('id=eq.patient-1')))
 })
--- a/tests/permissions.test.mjs
+++ b/tests/permissions.test.mjs
@@ -1,30 +0,0 @@
 import assert from 'node:assert/strict'
 import test from 'node:test'
 import { canAccess, hasCapability, normalizeRole } from '../src/config/permissions.js'
 test('normaliza aliases de perfis conhecidos', () => {
  assert.equal(normalizeRole('doctor'), 'medico')
  assert.equal(normalizeRole('Gestao / Coordenacao'), 'gestor')
  assert.equal(normalizeRole('administrator'), 'admin')
  assert.equal(normalizeRole('secretary'), 'secretaria')
 })
 test('medico acessa pacientes e prontuario, mas nao painel ou analytics', () => {
  assert.equal(canAccess('medico', '/pacientes'), true)
  assert.equal(canAccess('medico', '/prontuario/123'), true)
  assert.equal(canAccess('medico', '/inicio'), false)
  assert.equal(canAccess('medico', '/relatorios'), false)
 })
 test('secretaria acessa agenda e pacientes, mas nao painel', () => {
  assert.equal(canAccess('secretaria', '/agenda'), true)
  assert.equal(canAccess('secretaria', '/pacientes'), true)
  assert.equal(canAccess('secretaria', '/inicio'), false)
 })
 test('roles administrativos mantem capacidades criticas', () => {
  assert.equal(hasCapability('admin', 'manageUsers'), true)
  assert.equal(hasCapability('gestor', 'hardDeletePatients'), true)
  assert.equal(hasCapability('medico', 'hardDeletePatients'), false)
 })
--- a/tests/repositoryUtils.test.mjs
+++ b/tests/repositoryUtils.test.mjs
@@ -1,40 +0,0 @@
 import assert from 'node:assert/strict'
 import test from 'node:test'
 import { getResponseError, translateErrorMessage } from '../src/repositories/repositoryUtils.js'
 test('traduz erros crus comuns do Supabase para pt-BR', () => {
  assert.equal(translateErrorMessage('Invalid login credentials'), 'E-mail ou senha inválidos.')
  assert.equal(
    translateErrorMessage('new row violates row-level security policy for table "patients"'),
    'Você não tem permissão para realizar esta ação.',
  )
  assert.equal(
    translateErrorMessage('invalid input value for enum appointment_type: "teleconsulta"'),
    'Valor inválido para uma opção do sistema.',
  )
 })
 test('getResponseError preserva erros estruturados em portugues da API', async () => {
  const response = new Response(
    JSON.stringify({
      title: 'Erro de Validacao',
      errors: {
        cpf: ['Campo obrigatorio'],
      },
    }),
    { status: 400 },
  )
  const message = await getResponseError(response, 'Erro ao criar usuario.')
  assert.match(message, /Erro ao criar usuario\. \(400\):/)
  assert.match(message, /cpf: Campo obrigatorio/)
 })
 test('getResponseError usa fallback em ingles desconhecido', async () => {
  const response = new Response('Something went wrong in backend', { status: 500 })
  const message = await getResponseError(response, 'Falha ao salvar registro.')
  assert.equal(message, 'Falha ao salvar registro. (500): Falha ao salvar registro.')
 })
		`@@ -0,0 +1 @@`
							<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>