modified: src/App.jsx

modified:   src/components/AppShell.jsx
modified:   src/config/api.js
modified:   src/config/permissions.js
modified:   src/data/mockData.js
modified:   src/hooks/useAgenda.js
modified:   src/hooks/useAuth.js
modified:   src/mappers/appointmentMapper.js
modified:   src/pages/AgendaPage.jsx
modified:   src/pages/AuthPages.jsx
modified:   src/pages/HomePage.jsx
modified:   src/pages/MedicalRecordsPage.jsx
modified:   src/pages/MessagesPage.jsx
modified:   src/pages/NotFoundPage.jsx
modified:   src/pages/PatientsPage.jsx
modified:   src/pages/ReportsPage.jsx
modified:   src/pages/TeamPage.jsx
modified:   src/pages/UsersPage.jsx
modified:   src/pages/VisitsPage.jsx
modified:   src/repositories/authRepository.js
new file:   src/repositories/availabilityRepository.js
modified:   src/repositories/communicationRepository.js
modified:   src/repositories/patientRepository.js
modified:   src/repositories/professionalRepository.js
modified:   src/repositories/profileRepository.js
modified:   src/repositories/reportRepository.js
modified:   src/repositories/repositoryUtils.js
modified:   src/repositories/settingsRepository.js
modified:   src/repositories/userRepository.js
modified:   src/repositories/visitRepository.js

src/hooks/useAgenda.js

@@ -2,6 +2,7 @@ import { useState, useEffect, useMemo } from 'react'
 import { isSameDay } from 'date-fns'
 
 import { appointmentRepository } from '../repositories/appointmentRepository.js'
+import { availabilityRepository } from '../repositories/availabilityRepository.js'
 import { patientRepository } from '../repositories/patientRepository.js'
 import { professionalRepository } from '../repositories/professionalRepository.js'
 import { profileRepository } from '../repositories/profileRepository.js'
@@ -15,6 +16,9 @@ export function useAgenda() {
   const [localAppointments, setLocalAppointments] = useState([])
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState('')
+  const [availableSlots, setAvailableSlots] = useState([])
+  const [slotsLoading, setSlotsLoading] = useState(false)
+  const [slotsError, setSlotsError] = useState('')
 
   const [activeView, setActiveView] = useState('Dia')
   const [baseDate, setBaseDate] = useState(new Date())
@@ -28,6 +32,10 @@ export function useAgenda() {
     time: '15:30',
     mode: 'Teleconsulta',
   })
+  const agendaScope = viewerProfile?.isDoctor ? 'doctor' : 'global'
+  const canCreateAppointment = agendaScope === 'doctor'
+    ? Boolean(currentProfessional?.id)
+    : professionals.length > 0
 
   useEffect(() => {
     let active = true
@@ -63,7 +71,7 @@ export function useAgenda() {
 
         if (agendaScope === 'doctor' && !resolvedProfessional) {
           setLocalAppointments([])
-          setError('Nao foi possivel vincular o medico logado a um profissional da base.')
+          setError('Não foi possível vincular o médico logado a um profissional da base.')
           return
         }
 
@@ -97,6 +105,59 @@ export function useAgenda() {
     }
   }, [])
 
+  useEffect(() => {
+    if (!modalOpen) return
+
+    const targetProfessionalId = agendaScope === 'doctor'
+      ? currentProfessional?.id
+      : form.professionalId
+
+    let active = true
+
+    async function loadAvailableSlots() {
+      if (!targetProfessionalId) {
+        setAvailableSlots([])
+        setSlotsError('')
+        return
+      }
+
+      setSlotsLoading(true)
+      setSlotsError('')
+
+      try {
+        const slots = await availabilityRepository.getAvailableSlots({
+          doctorId: targetProfessionalId,
+          date: formatLocalDateInput(baseDate),
+        })
+
+        if (!active) return
+
+        const activeSlots = slots.filter((slot) => slot.available)
+        setAvailableSlots(activeSlots)
+
+        if (activeSlots.length) {
+          setForm((current) =>
+            activeSlots.some((slot) => slot.time === current.time)
+              ? current
+              : { ...current, time: activeSlots[0].time },
+          )
+        }
+      } catch (loadError) {
+        if (!active) return
+        setAvailableSlots([])
+        setSlotsError(loadError.message || 'Não foi possível calcular horários disponíveis.')
+      } finally {
+        if (active) setSlotsLoading(false)
+      }
+    }
+
+    loadAvailableSlots()
+
+    return () => {
+      active = false
+    }
+  }, [agendaScope, baseDate, currentProfessional?.id, form.professionalId, modalOpen])
+
   const visibleAppointments = useMemo(() => {
     let filtered = localAppointments
 
@@ -118,11 +179,6 @@ export function useAgenda() {
     return sortAppointmentsByTime(filtered)
   }, [localAppointments, status, activeView, baseDate])
 
-  const agendaScope = viewerProfile?.isDoctor ? 'doctor' : 'global'
-  const canCreateAppointment = agendaScope === 'doctor'
-    ? Boolean(currentProfessional?.id)
-    : professionals.length > 0
-
   function updateForm(field, value) {
     setForm((current) => ({ ...current, [field]: value }))
   }
@@ -135,7 +191,7 @@ export function useAgenda() {
       : form.professionalId
 
     if (!targetProfessionalId) {
-      alert('Nao foi possivel identificar o profissional da consulta.')
+      alert('Não foi possível identificar o profissional da consulta.')
       return
     }
 
@@ -180,6 +236,9 @@ export function useAgenda() {
     updateForm,
     handleCreate,
     visibleAppointments,
+    availableSlots,
+    slotsLoading,
+    slotsError,
   }
 }