agendamento secretaria

app/manager/usuario/novo/page.tsx

@@ -25,6 +25,7 @@ interface UserFormData {
   papel: string;
   senha: string;
   confirmarSenha: string;
+  cpf : string
 }
 
 const defaultFormData: UserFormData = {
@@ -34,6 +35,7 @@ const defaultFormData: UserFormData = {
   papel: "",
   senha: "",
   confirmarSenha: "",
+  cpf : ""
 };
 
 const cleanNumber = (value: string): string => value.replace(/\D/g, "");
@@ -88,6 +90,7 @@ export default function NovoUsuarioPage() {
         phone: formData.telefone || null,
         role: formData.papel,
         password: formData.senha,
+        cpf : formData.cpf
       };
 
       console.log("📤 Enviando payload:", payload);
@@ -229,6 +232,19 @@ export default function NovoUsuarioPage() {
               </div>
             </div>
 
+             <div className="space-y-2">
+                <Label htmlFor="cpf">Cpf *</Label>
+                <Input
+                  id="cpf"
+                  type="cpf"
+                  value={formData.cpf}
+                  onChange={(e) => handleInputChange("cpf", e.target.value)}
+                  placeholder="xxx.xxx.xxx-xx"
+                  required
+                />
+              </div>
+
+
             <div className="flex justify-end gap-4 pt-6 border-t mt-6">
               <Link href="/manager/usuario">
                 <Button type="button" variant="outline" disabled={isSaving}>
@@ -253,4 +269,4 @@ export default function NovoUsuarioPage() {
       </div>
     </ManagerLayout>
   );
-}
+}

app/page.tsx

@@ -17,7 +17,7 @@ export default function InicialPage() {
       <header className="bg-card shadow-md py-4 px-6 flex justify-between items-center">
         <h1 className="text-2xl font-bold text-primary">MediConnect</h1>
         <nav className="flex space-x-6 text-muted-foreground font-medium">
-          <a href="#home" className="hover:text-primary"><Link href="/cadastro">Home</Link></a>
+          <Link href="/cadastro" className="hover:text-primary"> Home</Link>
           <a href="#about" className="hover:text-primary">Sobre</a>
           <a href="#departments" className="hover:text-primary">Departamentos</a>
           <a href="#doctors" className="hover:text-primary">Médicos</a>

app/secretary/schedule/page.tsx

@@ -1,5 +1,4 @@
 "use client";
-
 import type React from "react";
 import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
@@ -10,18 +9,22 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Textarea } from "@/components/ui/textarea";
-import { Calendar, Clock, User } from "lucide-react";
+import { Calendar, Clock, User } from "lucide-react"; // Importações que você já tinha
 import { patientsService } from "@/services/patientsApi.mjs";
 import { doctorsService } from "@/services/doctorsApi.mjs";
 import { appointmentsService } from "@/services/appointmentsApi.mjs";
-import { usersService } from "@/services/usersApi.mjs"; // 1. IMPORTAR O SERVIÇO DE USUÁRIOS
-import { toast } from "sonner";
+import { usersService } from "@/services/usersApi.mjs";
+import { toast } from "sonner"; // Para notificações
 
 export default function ScheduleAppointment() {
     const router = useRouter();
     const [patients, setPatients] = useState<any[]>([]);
     const [doctors, setDoctors] = useState<any[]>([]);
-    const [currentUserId, setCurrentUserId] = useState<string | null>(null); // 2. NOVO ESTADO PARA O ID DO USUÁRIO
+    const [currentUserId, setCurrentUserId] = useState<string | null>(null);
+
+    // Estados de loading e error para feedback visual e depuração
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
 
     // Estados do formulário
     const [selectedPatient, setSelectedPatient] = useState("");
@@ -40,39 +43,76 @@ export default function ScheduleAppointment() {
         "14:00", "14:30", "15:00", "15:30", "16:00", "16:30", "17:00", "17:30"
     ];
 
-    // Efeito para carregar todos os dados iniciais (pacientes, médicos e usuário atual)
+    // --- NOVO/ATUALIZADO useEffect COM LOGS PARA DEPURAR ---
     useEffect(() => {
         const fetchInitialData = async () => {
-            try {
-                // Busca tudo em paralelo para melhor performance
-                const [patientList, doctorList, currentUser] = await Promise.all([
-                    patientsService.list(),
-                    doctorsService.list(),
-                    usersService.summary_data() // 3. CHAMADA PARA BUSCAR O USUÁRIO
-                ]);
+            setLoading(true);
+            setError(null); // Limpa qualquer erro anterior ao iniciar uma nova busca
 
-                setPatients(patientList);
-                setDoctors(doctorList);
+            const results = await Promise.allSettled([
+                patientsService.list(),
+                doctorsService.list(),
+                usersService.getMe()
+            ]);
 
-                if (currentUser && currentUser.id) {
-                    setCurrentUserId(currentUser.id); // Armazena o ID do usuário no estado
-                    console.log("Usuário logado identificado:", currentUser.id);
-                } else {
-                    toast.error("Não foi possível identificar o usuário logado. O agendamento pode falhar.");
-                }
+            const [patientResult, doctorResult, userResult] = results;
+            let hasFetchError = false; // Flag para saber se houve algum erro geral
 
-            } catch (error) {
-                console.error("Falha ao buscar dados iniciais:", error);
-                toast.error("Não foi possível carregar os dados necessários para a página.");
+            // Checar pacientes
+            if (patientResult.status === 'fulfilled') {
+                setPatients(patientResult.value || []);
+                console.log("Pacientes carregados com sucesso:", patientResult.value);
+            } else {
+                console.error("ERRO AO CARREGAR PACIENTES:", patientResult.reason);
+                hasFetchError = true;
+                toast.error("Erro ao carregar lista de pacientes."); // Notificação para o usuário
             }
+
+            // Checar médicos
+            if (doctorResult.status === 'fulfilled') {
+                setDoctors(doctorResult.value || []);
+                console.log("Médicos carregados com sucesso:", doctorResult.value); // <-- CRÍTICO PARA DEPURAR
+            } else {
+                console.error("ERRO AO CARREGAR MÉDICOS:", doctorResult.reason);
+                hasFetchError = true;
+                setError("Falha ao carregar médicos."); // Define o erro para ser exibido no dropdown
+                toast.error("Erro ao carregar lista de médicos."); // Notificação para o usuário
+            }
+
+            // Checar usuário logado
+            if (userResult.status === 'fulfilled' && userResult.value?.user?.id) {
+                setCurrentUserId(userResult.value.user.id);
+                console.log("ID do usuário logado carregado:", userResult.value.user.id);
+            } else {
+                const reason = userResult.status === 'rejected' ? userResult.reason : "API não retornou um ID de usuário.";
+                console.error("ERRO AO CARREGAR USUÁRIO:", reason);
+                hasFetchError = true;
+                toast.error("Não foi possível identificar o usuário logado. Por favor, faça login novamente."); // Notificação
+                // Não definimos setError aqui, pois um erro no usuário não impede a renderização de médicos/pacientes
+            }
+
+            // Se houve qualquer erro na busca, defina uma mensagem geral de erro se não houver uma mais específica.
+            if (hasFetchError && !error) { // Se 'error' já foi definido por um problema específico, mantenha-o.
+                setError("Alguns dados não puderam ser carregados. Verifique o console.");
+            }
+
+            setLoading(false); // Finaliza o estado de carregamento
+            console.log("Estado de carregamento finalizado:", false);
         };
+
         fetchInitialData();
-    }, []);
+    }, []); // O array de dependências vazio significa que ele roda apenas uma vez após a montagem inicial
+
+    // --- LOGS PARA VERIFICAR OS ESTADOS ANTES DA RENDERIZAÇÃO ---
+    console.log("Estado 'loading' no render:", loading);
+    console.log("Estado 'error' no render:", error);
+    console.log("Conteúdo de 'doctors' no render:", doctors);
+    console.log("Número de médicos em 'doctors':", doctors.length);
 
     const handleSubmit = async (e: React.FormEvent) => {
         e.preventDefault();
+        console.log("Botão de submit clicado!"); // Log para confirmar que o clique funciona
 
-        // 4. ADICIONAR VALIDAÇÃO PARA O ID DO USUÁRIO
         if (!currentUserId) {
             toast.error("Sessão de usuário inválida. Por favor, faça login novamente.");
             return;
@@ -97,21 +137,21 @@ export default function ScheduleAppointment() {
                 patient_notes: patientNotes || null,
                 notes: internalNotes || null,
                 insurance_provider: insuranceProvider || null,
-                created_by: currentUserId, // 5. INCLUIR O ID DO USUÁRIO NO OBJETO
+                created_by: currentUserId,
             };
 
-            console.log("Enviando dados do agendamento:", newAppointmentData); // Log para depuração
+            console.log("🚀 Enviando os seguintes dados para a API:", newAppointmentData);
 
+            // A chamada para a API de criação
             await appointmentsService.create(newAppointmentData);
 
             toast.success("Consulta agendada com sucesso!");
             router.push("/secretary/appointments");
         } catch (error) {
-            console.error("Erro ao criar agendamento:", error);
-            toast.error("Ocorreu um erro ao agendar a consulta. Tente novamente.");
+            console.error("❌ Erro ao criar agendamento:", error);
+            toast.error("Ocorreu um erro ao agendar a consulta. Verifique o console.");
         }
     };
-
     return (
         <SecretaryLayout>
             <div className="space-y-6">
@@ -129,20 +169,66 @@ export default function ScheduleAppointment() {
                             </CardHeader>
                             <CardContent>
                                 <form onSubmit={handleSubmit} className="space-y-6">
-                                    {/* O restante do formulário permanece exatamente o mesmo */}
                                     <div className="space-y-2">
                                         <Label htmlFor="patient">Paciente</Label>
-                                        <Select value={selectedPatient} onValueChange={setSelectedPatient}><SelectTrigger><SelectValue placeholder="Selecione um paciente" /></SelectTrigger><SelectContent>{patients.map((p) => (<SelectItem key={p.id} value={p.id}>{p.full_name}</SelectItem>))}</SelectContent></Select>
-                                    </div>
-                                    <div className="space-y-2">
-                                        <Label htmlFor="doctor">Médico</Label>
-                                        <Select value={selectedDoctor} onValueChange={setSelectedDoctor}><SelectTrigger><SelectValue placeholder="Selecione um médico" /></SelectTrigger><SelectContent>{doctors.map((d) => (<SelectItem key={d.id} value={d.id}>{d.full_name} - {d.specialty}</SelectItem>))}</SelectContent></Select>
+                                        <Select value={selectedPatient} onValueChange={setSelectedPatient}>
+                                            <SelectTrigger>
+                                                <SelectValue placeholder="Selecione um paciente" />
+                                            </SelectTrigger>
+                                            <SelectContent>
+                                                {loading ? (
+                                                    <SelectItem value="loading-patients" disabled>Carregando pacientes...</SelectItem>
+                                                ) : error && patients.length === 0 ? ( // Se erro e não há pacientes
+                                                    <SelectItem value="error-patients" disabled>Erro ao carregar pacientes</SelectItem>
+                                                ) : patients.length === 0 ? ( // Se não há erro mas a lista está vazia
+                                                    <SelectItem value="no-patients" disabled>Nenhum paciente encontrado</SelectItem>
+                                                ) : (
+                                                    patients.map((p) => (
+                                                        <SelectItem key={p.id} value={p.id}>
+                                                            {p.full_name}
+                                                        </SelectItem>
+                                                    ))
+                                                )}
+                                            </SelectContent>
+                                        </Select>
                                     </div>
 
+                                    <div className="space-y-2">
+                                        <Label htmlFor="doctor">Médico</Label>
+                                        <Select value={selectedDoctor} onValueChange={setSelectedDoctor}>
+                                            <SelectTrigger>
+                                                <SelectValue placeholder="Selecione um médico" />
+                                            </SelectTrigger>
+                                            <SelectContent>
+                                                {/* Lógica condicional para o estado de carregamento, erro ou lista vazia */}
+                                                {loading ? (
+                                                    <SelectItem value="loading" disabled>Carregando médicos...</SelectItem>
+                                                ) : error && doctors.length === 0 ? ( // Se há erro E a lista de médicos está vazia
+                                                    <SelectItem value="error" disabled>Erro ao carregar médicos</SelectItem>
+                                                ) : doctors.length === 0 ? ( // Se não há erro mas a lista está vazia
+                                                    <SelectItem value="no-doctors" disabled>Nenhum médico encontrado</SelectItem>
+                                                ) : (
+                                                    doctors.map((d) => (
+                                                        <SelectItem key={d.id} value={d.id}>
+                                                            {d.full_name} - {d.specialty}
+                                                        </SelectItem>
+                                                    ))
+                                                )}
+                                            </SelectContent>
+                                        </Select>
+                                    </div>
+
+                                    {/* O restante do formulário permanece o mesmo */}
                                     <div className="grid md:grid-cols-2 gap-4">
                                         <div className="space-y-2">
                                             <Label htmlFor="date">Data</Label>
-                                            <Input id="date" type="date" value={selectedDate} onChange={(e) => setSelectedDate(e.target.value)} min={new Date().toISOString().split("T")[0]} />
+                                            <Input
+                                                id="date"
+                                                type="date"
+                                                value={selectedDate}
+                                                onChange={(e) => setSelectedDate(e.target.value)}
+                                                min={new Date().toISOString().split("T")[0]} // Garante que a data mínima é hoje
+                                            />
                                         </div>
                                         <div className="space-y-2">
                                             <Label htmlFor="time">Horário</Label>
@@ -164,40 +250,103 @@ export default function ScheduleAppointment() {
                                     <div className="grid md:grid-cols-2 gap-4">
                                         <div className="space-y-2">
                                             <Label htmlFor="appointmentType">Tipo de Consulta</Label>
-                                            <Select value={appointmentType} onValueChange={setAppointmentType}><SelectTrigger><SelectValue /></SelectTrigger><SelectContent><SelectItem value="presencial">Presencial</SelectItem><SelectItem value="telemedicina">Telemedicina</SelectItem></SelectContent></Select>
+                                            <Select value={appointmentType} onValueChange={setAppointmentType}>
+                                                <SelectTrigger><SelectValue /></SelectTrigger>
+                                                <SelectContent>
+                                                    <SelectItem value="presencial">Presencial</SelectItem>
+                                                    <SelectItem value="telemedicina">Telemedicina</SelectItem>
+                                                </SelectContent>
+                                            </Select>
                                         </div>
                                         <div className="space-y-2">
                                             <Label htmlFor="duration">Duração (minutos)</Label>
-                                            <Input id="duration" type="number" value={durationMinutes} onChange={(e) => setDurationMinutes(e.target.value)} placeholder="Ex: 30" />
+                                            <Input
+                                                id="duration"
+                                                type="number"
+                                                value={durationMinutes}
+                                                onChange={(e) => setDurationMinutes(e.target.value)}
+                                                placeholder="Ex: 30"
+                                                min="1" // Duração mínima
+                                            />
                                         </div>
                                     </div>
                                     <div className="space-y-2">
                                         <Label htmlFor="insurance">Convênio (opcional)</Label>
-                                        <Input id="insurance" placeholder="Nome do convênio do paciente" value={insuranceProvider} onChange={(e) => setInsuranceProvider(e.target.value)} />
+                                        <Input
+                                            id="insurance"
+                                            placeholder="Nome do convênio do paciente"
+                                            value={insuranceProvider}
+                                            onChange={(e) => setInsuranceProvider(e.target.value)}
+                                        />
                                     </div>
                                     <div className="space-y-2">
                                         <Label htmlFor="chiefComplaint">Queixa Principal (opcional)</Label>
-                                        <Textarea id="chiefComplaint" placeholder="Descreva brevemente o motivo da consulta..." value={chiefComplaint} onChange={(e) => setChiefComplaint(e.target.value)} rows={2} />
+                                        <Textarea
+                                            id="chiefComplaint"
+                                            placeholder="Descreva brevemente o motivo da consulta..."
+                                            value={chiefComplaint}
+                                            onChange={(e) => setChiefComplaint(e.target.value)}
+                                            rows={2}
+                                        />
                                     </div>
                                     <div className="space-y-2">
                                         <Label htmlFor="patientNotes">Observações do Paciente (opcional)</Label>
-                                        <Textarea id="patientNotes" placeholder="Anotações relevantes informadas pelo paciente..." value={patientNotes} onChange={(e) => setPatientNotes(e.target.value)} rows={2} />
+                                        <Textarea
+                                            id="patientNotes"
+                                            placeholder="Anotações relevantes informadas pelo paciente..."
+                                            value={patientNotes}
+                                            onChange={(e) => setPatientNotes(e.target.value)}
+                                            rows={2}
+                                        />
                                     </div>
                                     <div className="space-y-2">
                                         <Label htmlFor="internalNotes">Observações Internas (opcional)</Label>
-                                        <Textarea id="internalNotes" placeholder="Anotações para a equipe da clínica..." value={internalNotes} onChange={(e) => setInternalNotes(e.target.value)} rows={2} />
+                                        <Textarea
+                                            id="internalNotes"
+                                            placeholder="Anotações para a equipe da clínica..."
+                                            value={internalNotes}
+                                            onChange={(e) => setInternalNotes(e.target.value)}
+                                            rows={2}
+                                        />
                                     </div>
 
-                                    <Button type="submit" className="w-full" disabled={!selectedPatient || !selectedDoctor || !selectedDate || !selectedTime || !currentUserId}>
-                                        Agendar Consulta
-                                    </Button>
+                                    <Button
+    type="submit"
+    className="w-full"
+    // Remova temporariamente '|| !currentUserId || loading' para testar
+    disabled={!selectedPatient || !selectedDoctor || !selectedDate || !selectedTime /* || !currentUserId || loading */}
+>
+    Agendar Consulta
+</Button>
                                 </form>
                             </CardContent>
                         </Card>
                     </div>
 
                     <div className="space-y-6">
-                        {/* Card de Resumo e Informações Importantes */}
+                        {/* Card de Resumo e Informações Importantes (se houver, adicione aqui) */}
+                        <Card>
+                            <CardHeader>
+                                <CardTitle>Informações Rápidas</CardTitle>
+                                <CardDescription>Ajuda e status</CardDescription>
+                            </CardHeader>
+                            <CardContent className="space-y-4">
+                                {loading && (
+                                    <p className="text-sm text-blue-600 flex items-center"><Clock className="mr-2 h-4 w-4" /> Carregando dados iniciais...</p>
+                                )}
+                                {error && (
+                                    <p className="text-sm text-red-600 flex items-center">
+                                        <User className="mr-2 h-4 w-4" /> {error}
+                                    </p>
+                                )}
+                                {!currentUserId && !loading && (
+                                    <p className="text-sm text-red-600 flex items-center"><User className="mr-2 h-4 w-4" /> Usuário não identificado. Recarregue a página.</p>
+                                )}
+                                <p className="text-sm text-gray-500 flex items-center">
+                                    <Calendar className="mr-2 h-4 w-4" /> Selecione uma data e horário válidos.
+                                </p>
+                            </CardContent>
+                        </Card>
                     </div>
                 </div>
             </div>

components/LoginForm.tsx

@@ -4,24 +4,16 @@
 import type React from "react"
 import { useState } from "react"
 import { useRouter } from "next/navigation"
-import Link from "next/link"
-import { cn } from "@/lib/utils"
-
-// Nossos serviços de API centralizados
-import { loginWithEmailAndPassword, api } from "@/services/api.mjs";
 
+// Nossos serviços de API centralizados e limpos
+import { login, api } from "@/services/api.mjs";
 
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-
-
-
+import { Card, CardContent } from "@/components/ui/card";
 import { useToast } from "@/hooks/use-toast";
-
-
-import { Eye, EyeOff, Mail, Lock, Loader2, UserCheck, Stethoscope, IdCard, Receipt } from "lucide-react";
+import { Eye, EyeOff, Mail, Lock, Loader2 } from "lucide-react";
 
 interface LoginFormProps {
   children?: React.ReactNode
@@ -39,9 +31,46 @@ export function LoginForm({ children }: LoginFormProps) {
   const router = useRouter()
   const { toast } = useToast()
 
-  // ==================================================================
-  // LÓGICA DE LOGIN INTELIGENTE E CENTRALIZADA
-  // ==================================================================
+  // --- NOVOS ESTADOS PARA CONTROLE DE MÚLTIPLOS PERFIS ---
+  const [userRoles, setUserRoles] = useState<string[]>([]);
+  const [authenticatedUser, setAuthenticatedUser] = useState<any>(null);
+
+  /**
+   * --- NOVA FUNÇÃO ---
+   * Finaliza o login com o perfil de dashboard escolhido e redireciona.
+   */
+  const handleRoleSelection = (selectedDashboardRole: string) => {
+    const user = authenticatedUser;
+    if (!user) {
+        toast({ title: "Erro de Sessão", description: "Não foi possível encontrar os dados do usuário. Tente novamente.", variant: "destructive" });
+        setUserRoles([]); // Volta para a tela de login
+        return;
+    }
+    
+    const completeUserInfo = { ...user, user_metadata: { ...user.user_metadata, role: selectedDashboardRole } };
+    localStorage.setItem('user_info', JSON.stringify(completeUserInfo));
+
+    let redirectPath = "";
+    switch (selectedDashboardRole) {
+        case "manager": redirectPath = "/manager/home"; break;
+        case "doctor": redirectPath = "/doctor/medicos"; break;
+        case "secretary": redirectPath = "/secretary/pacientes"; break;
+        case "patient": redirectPath = "/patient/dashboard"; break;
+        case "finance": redirectPath = "/finance/home"; break;
+    }
+
+    if (redirectPath) {
+        toast({ title: `Entrando como ${selectedDashboardRole}...` });
+        router.push(redirectPath);
+    } else {
+        toast({ title: "Erro", description: "Perfil selecionado inválido.", variant: "destructive" });
+    }
+  };
+
+  /**
+   * --- FUNÇÃO ATUALIZADA ---
+   * Lida com a submissão do formulário, busca os perfis e decide o próximo passo.
+   */
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
     setIsLoading(true);
@@ -49,110 +78,138 @@ export function LoginForm({ children }: LoginFormProps) {
     localStorage.removeItem("user_info");
 
     try {
-        const authData = await loginWithEmailAndPassword(form.email, form.password);
+        // A chamada de login continua a mesma
+        const authData = await login();
         const user = authData.user;
         if (!user || !user.id) {
-            throw new Error("Resposta de autenticação inválida: ID do usuário não encontrado.");
+            throw new Error("Resposta de autenticação inválida.");
         }
 
+        // Armazena o usuário para uso posterior na seleção de perfil
+        setAuthenticatedUser(user);
+
+        // A busca de roles também continua a mesma, usando nosso 'api.get'
         const rolesData = await api.get(`/rest/v1/user_roles?user_id=eq.${user.id}&select=role`);
-
+        
         if (!rolesData || rolesData.length === 0) {
-            throw new Error("Login bem-sucedido, mas nenhum perfil de acesso foi encontrado para este usuário.");
+            throw new Error("Nenhum perfil de acesso foi encontrado para este usuário.");
         }
 
-        const userRole = rolesData[0].role;
-        const completeUserInfo = { ...user, user_metadata: { ...user.user_metadata, role: userRole } };
-        localStorage.setItem('user_info', JSON.stringify(completeUserInfo));
+        const rolesFromApi: string[] = rolesData.map((r: any) => r.role);
 
-        let redirectPath = "";
-        switch (userRole) {
-            case "admin":
-            case "manager": redirectPath = "/manager/home"; break;
-            case "medico": redirectPath = "/doctor/medicos"; break;
-            case "secretary": redirectPath = "/secretary/pacientes"; break;
-            case "patient": redirectPath = "/patient/dashboard"; break;
-            case "finance": redirectPath = "/finance/home"; break;
+        // --- AQUI COMEÇA A NOVA LÓGICA DE DECISÃO ---
+
+        // Caso 1: Usuário é ADMIN, mostra todos os dashboards possíveis.
+        if (rolesFromApi.includes('admin')) {
+            setUserRoles(["manager", "doctor", "secretary", "patient", "finance"]);
+            setIsLoading(false); // Para o loading para mostrar a tela de seleção
+            return;
         }
 
-        if (!redirectPath) {
-            throw new Error(`O perfil de acesso '${userRole}' não é válido para login. Contate o suporte.`);
-        }
-        
-        toast({
-            title: "Login bem-sucedido!",
-            description: `Bem-vindo(a)! Redirecionando...`,
+        // Mapeia os roles da API para os perfis de dashboard que o usuário pode acessar
+        const displayRoles = new Set<string>();
+        rolesFromApi.forEach(role => {
+            switch (role) {
+                case 'gestor':
+                    displayRoles.add('manager');
+                    displayRoles.add('finance');
+                    break;
+                case 'medico':
+                    displayRoles.add('doctor');
+                    break;
+                case 'secretaria':
+                    displayRoles.add('secretary');
+                    break;
+                case 'patient': // Mapeamento de 'patient' (ou outro nome que você use para paciente)
+                    displayRoles.add('patient');
+                    break;
+            }
         });
-        
-        router.push(redirectPath);
+
+        const finalRoles = Array.from(displayRoles);
+
+        // Caso 2: Se o usuário tem apenas UM perfil de dashboard, redireciona direto.
+        if (finalRoles.length === 1) {
+            handleRoleSelection(finalRoles[0]);
+        } 
+        // Caso 3: Se tem múltiplos perfis (ex: 'gestor'), mostra a tela de seleção.
+        else {
+            setUserRoles(finalRoles);
+        }
 
     } catch (error) {
         localStorage.removeItem("token");
         localStorage.removeItem("user_info");
         
-        console.error("ERRO DETALHADO NO CATCH:", error);
-
         toast({
             title: "Erro no Login",
             description: error instanceof Error ? error.message : "Ocorreu um erro inesperado.",
+            variant: "destructive",
         });
     } finally {
-        setIsLoading(false);
+        // Apenas para o loading se não houver redirecionamento ou seleção de perfil
+        if (userRoles.length === 0) {
+            setIsLoading(false);
+        }
     }
-  }
+  };
 
-  // ==================================================================
-  // JSX VISUALMENTE RICO E UNIFICADO
-  // ==================================================================
+  // --- JSX ATUALIZADO COM RENDERIZAÇÃO CONDICIONAL ---
   return (
-    // Usamos Card e CardContent para manter a consistência, mas o estilo principal
-    // virá da página 'app/login/page.tsx' que envolve este componente.
     <Card className="w-full bg-transparent border-0 shadow-none">
-      <CardContent className="p-0"> {/* Removemos o padding para dar controle à página pai */}
-        <form onSubmit={handleSubmit} className="space-y-6">
-          <div className="space-y-2">
-            <Label htmlFor="email">E-mail</Label>
-            <div className="relative">
-              <Mail className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground w-5 h-5" />
-              <Input 
-                id="email" 
-                type="email" 
-                placeholder="seu.email@exemplo.com" 
-                value={form.email} 
-                onChange={(e) => setForm({ ...form, email: e.target.value })} 
-                className="pl-10 h-11" 
-                required 
-                disabled={isLoading}
-                autoComplete="username" // Boa prática de acessibilidade
-              />
+      <CardContent className="p-0">
+        {userRoles.length === 0 ? (
+          // VISÃO 1: Formulário de Login (se nenhum perfil foi carregado ainda)
+          <form onSubmit={handleSubmit} className="space-y-6">
+            <div className="space-y-2">
+              <Label htmlFor="email">E-mail</Label>
+              <div className="relative">
+                <Mail className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground w-5 h-5" />
+                <Input 
+                  id="email" type="email" placeholder="seu.email@exemplo.com" 
+                  value={form.email} onChange={(e) => setForm({ ...form, email: e.target.value })} 
+                  className="pl-10 h-11" required disabled={isLoading} autoComplete="username"
+                />
+              </div>
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="password">Senha</Label>
+              <div className="relative">
+                <Lock className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground w-5 h-5" />
+                <Input 
+                  id="password" type={showPassword ? "text" : "password"} placeholder="Digite sua senha" 
+                  value={form.password} onChange={(e) => setForm({ ...form, password: e.target.value })} 
+                  className="pl-10 pr-12 h-11" required disabled={isLoading} autoComplete="current-password"
+                />
+                <button type="button" onClick={() => setShowPassword(!showPassword)} className="absolute right-2 top-1/2 -translate-y-1/2 h-8 w-8 p-0 text-muted-foreground hover:text-foreground" disabled={isLoading}>
+                  {showPassword ? <EyeOff className="w-5 h-5" /> : <Eye className="w-5 h-5" />}
+                </button>
+              </div>
+            </div>
+            <Button type="submit" className="w-full h-11 text-base font-semibold" disabled={isLoading}>
+              {isLoading ? <Loader2 className="w-5 h-5 animate-spin" /> : "Entrar"}
+            </Button>
+          </form>
+        ) : (
+          // VISÃO 2: Tela de Seleção de Perfil (se múltiplos perfis foram encontrados)
+          <div className="space-y-4 animate-in fade-in-50">
+            <h3 className="text-lg font-medium text-center text-foreground">Você tem múltiplos perfis</h3>
+            <p className="text-sm text-muted-foreground text-center">Selecione com qual perfil deseja entrar:</p>
+            <div className="flex flex-col space-y-3 pt-2">
+              {userRoles.map((role) => (
+                <Button 
+                  key={role} 
+                  variant="outline"
+                  className="h-11 text-base"
+                  onClick={() => handleRoleSelection(role)}
+                >
+                  Entrar como: {role.charAt(0).toUpperCase() + role.slice(1)}
+                </Button>
+              ))}
             </div>
           </div>
-          <div className="space-y-2">
-            <Label htmlFor="password">Senha</Label>
-            <div className="relative">
-              <Lock className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground w-5 h-5" />
-              <Input 
-                id="password" 
-                type={showPassword ? "text" : "password"} 
-                placeholder="Digite sua senha" 
-                value={form.password} 
-                onChange={(e) => setForm({ ...form, password: e.target.value })} 
-                className="pl-10 pr-12 h-11" 
-                required 
-                disabled={isLoading}
-                autoComplete="current-password" // Boa prática de acessibilidade
-              />
-              <button type="button" onClick={() => setShowPassword(!showPassword)} className="absolute right-2 top-1/2 -translate-y-1/2 h-8 w-8 p-0 text-muted-foreground hover:text-foreground" disabled={isLoading}>
-                {showPassword ? <EyeOff className="w-5 h-5" /> : <Eye className="w-5 h-5" />}
-              </button>
-            </div>
-          </div>
-          <Button type="submit" className="w-full h-11 text-base font-semibold" disabled={isLoading}>
-            {isLoading ? <Loader2 className="w-5 h-5 animate-spin" /> : "Entrar"}
-          </Button>
-        </form>
+        )}
 
-        {/* O children permite que a página de login adicione links extras aqui */}
         {children}
       </CardContent>
     </Card>

components/doctor-layout.tsx

@@ -120,13 +120,13 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
             // Botão para o dashboard do médico
         },
         {
-            href: "/doctor/medicos/consultas",
+            href: "/doctor/consultas",
             icon: Calendar,
             label: "Consultas",
             // Botão para página de consultas marcadas do médico atual
         },
         {
-            href: "#",
+            href: "/doctor/medicos/editorlaudo",
             icon: Clock,
             label: "Editor de Laudo",
             // Botão para página do editor de laudo

components/manager-layout.tsx

@@ -95,11 +95,11 @@ export default function ManagerLayout({ children }: ManagerLayoutProps) {
   const cancelLogout = () => setShowLogoutDialog(false);
 
   const menuItems = [
-    { href: "#dashboard", icon: Home, label: "Dashboard" },
-    { href: "#reports", icon: Calendar, label: "Relatórios gerenciais" },
-    { href: "#users", icon: User, label: "Gestão de Usuários" },
-    { href: "#doctors", icon: User, label: "Gestão de Médicos" },
-    { href: "#settings", icon: Calendar, label: "Configurações" },
+    { href: "/manager/dashboard", icon: Home, label: "Dashboard" },
+    { href: "#", icon: Calendar, label: "Relatórios gerenciais" },
+    { href: "/manager/usuario", icon: User, label: "Gestão de Usuários" },
+    { href: "/manager/home", icon: User, label: "Gestão de Médicos" },
+    { href: "#", icon: Calendar, label: "Configurações" },
   ];
 
   if (!managerData) {

hooks/useAuth.ts

@@ -0,0 +1,42 @@
+// Caminho: hooks/useAuth.ts
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import Cookies from 'js-cookie';
+
+// Uma interface genérica para as informações do usuário que pegamos do localStorage
+interface UserInfo {
+  id: string;
+  email: string;
+  user_metadata: {
+    full_name?: string;
+    role?: string; // O perfil escolhido no login
+    specialty?: string;
+    department?: string;
+  };
+  // Adicione outros campos que possam existir
+}
+
+export function useAuth() {
+  const [user, setUser] = useState<UserInfo | null>(null);
+  const router = useRouter();
+
+  useEffect(() => {
+    const userInfoString = localStorage.getItem('user_info');
+    const token = Cookies.get('access_token');
+
+    if (userInfoString && token) {
+      try {
+        const userInfo = JSON.parse(userInfoString);
+        setUser(userInfo);
+      } catch (error) {
+        console.error("Erro ao parsear user_info do localStorage", error);
+        router.push('/'); // Redireciona se os dados estiverem corrompidos
+      }
+    } else {
+      // Se não houver token ou info, redireciona para a página inicial/login
+      router.push('/');
+    }
+  }, [router]);
+
+  return user; // Retorna o usuário logado ou null enquanto carrega/redireciona
+}

services/api.mjs

@@ -1,67 +1,14 @@
-// Caminho: [seu-caminho]/services/api.mjs
+// SUBSTITUA TODO O CONTEÚDO DE services/api.mjs POR ESTE CÓDIGO
 
-const BASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
-const API_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
+// Caminho: services/api.mjs
 
-export async function loginWithEmailAndPassword(email, password) {
-    const response = await fetch(`${BASE_URL}/auth/v1/token?grant_type=password`, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-            "apikey": API_KEY,
-        },
-        body: JSON.stringify({ email, password }),
-    });
-
-    const data = await response.json();
-
-    if (!response.ok) {
-        throw new Error(data.error_description || "Credenciais inválidas.");
-    }
-
-    if (data.access_token && typeof window !== 'undefined') {
-        // Padronizando para salvar o token no localStorage
-        localStorage.setItem("token", data.access_token);
-    }
-
-    return data;
-}
-
-// --- NOVA FUNÇÃO DE LOGOUT CENTRALIZADA ---
-async function logout() {
-    const token = localStorage.getItem("token");
-    if (!token) return; // Se não há token, não há o que fazer
-
-    try {
-        await fetch(`${BASE_URL}/auth/v1/logout`, {
-            method: "POST",
-            headers: {
-                "apikey": API_KEY,
-                "Authorization": `Bearer ${token}`,
-            },
-        });
-    } catch (error) {
-        // Mesmo que a chamada falhe, o logout no cliente deve continuar.
-        // O token pode já ter expirado no servidor, por exemplo.
-        console.error("Falha ao invalidar token no servidor (isso pode ser normal se o token já expirou):", error);
-    }
-}
-
-async function request(endpoint, options = {}) {
-    const token = typeof window !== 'undefined' ? localStorage.getItem("token") : null;
-
-    const headers = {
-        "Content-Type": "application/json",
-        "apikey": API_KEY,
-        ...(token ? { "Authorization": `Bearer ${token}` } : {}),
-        ...options.headers,
-    };
-const API_KEY =
-  "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
-
-export const apikey = API_KEY;
-let loginPromise = null;
+const BASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL;
+const API_KEY = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
 
+/**
+ * Função de login que o seu formulário usa.
+ * Ela continua exatamente como era.
+ */
 export async function login() {
   console.log("🔐 Iniciando login...");
   const res = await fetch(`${BASE_URL}/auth/v1/token?grant_type=password`, {
@@ -93,89 +40,68 @@ export async function login() {
   return data;
 }
 
-async function request(endpoint, options = {}) {
-  if (!loginPromise) loginPromise = login();
+/**
+ * Função de logout.
+ */
+async function logout() {
+  const token = localStorage.getItem("token");
+  if (!token) return;
 
   try {
-    await loginPromise;
+    await fetch(`${BASE_URL}/auth/v1/logout`, {
+      method: "POST",
+      headers: {
+        "apikey": API_KEY,
+        "Authorization": `Bearer ${token}`,
+      },
+    });
   } catch (error) {
-    console.error("⚠️ Falha ao autenticar:", error);
+    console.error("Falha ao invalidar token no servidor:", error);
   } finally {
-    loginPromise = null;
+    localStorage.removeItem("token");
+    localStorage.removeItem("user_info");
   }
+}
 
-  let token =
-    typeof window !== "undefined" ? localStorage.getItem("token") : null;
-
-  if (!token) {
-    console.warn("⚠️ Token não encontrado, refazendo login...");
-    const data = await login();
-    token = data.access_token;
-  }
+/**
+ * Função genérica para fazer requisições.
+ * Agora com a correção para respostas vazias.
+ */
+async function request(endpoint, options = {}) {
+  const token = typeof window !== 'undefined' ? localStorage.getItem("token") : null;
 
   const headers = {
     "Content-Type": "application/json",
-    apikey: API_KEY,
-    Authorization: `Bearer ${token}`,
+    "apikey": API_KEY,
+    ...(token && { "Authorization": `Bearer ${token}` }),
     ...options.headers,
   };
 
-  const fullUrl =
-    endpoint.startsWith("/rest/v1") || endpoint.startsWith("/functions/")
-      ? `${BASE_URL}${endpoint}`
-      : `${BASE_URL}/rest/v1${endpoint}`;
+  const response = await fetch(`${BASE_URL}${endpoint}`, { ...options, headers });
 
-  console.log("🌐 Requisição para:", fullUrl, "com headers:", headers);
-
-  const response = await fetch(fullUrl, {
-    ...options,
-    headers,
-  });
-
-        if (!response.ok) {
-            let errorBody;
-            try {
-                errorBody = await response.json();
-            } catch (e) {
-                errorBody = await response.text();
-            }
-            throw new Error(`Erro HTTP: ${response.status} - ${JSON.stringify(errorBody)}`);
-        }
-        
-        if (response.status === 204) return {};
-        return await response.json();
-
-    } catch (error) {
-        console.error("Erro na requisição:", error);
-        throw error;
-    }
-}
-
-// Adicionamos a função de logout ao nosso objeto de API exportado
-export const api = {
-    get: (endpoint, options) => request(endpoint, { method: "GET", ...options }),
-    post: (endpoint, data, options) => request(endpoint, { method: "POST", body: JSON.stringify(data), ...options }),
-    patch: (endpoint, data, options) => request(endpoint, { method: "PATCH", body: JSON.stringify(data), ...options }),
-    delete: (endpoint, options) => request(endpoint, { method: "DELETE", ...options }),
-    logout: logout, // <-- EXPORTANDO A NOVA FUNÇÃO
-};
   if (!response.ok) {
-    const msg = await response.text();
-    console.error("❌ Erro HTTP:", response.status, msg);
-    throw new Error(`Erro HTTP: ${response.status} - Detalhes: ${msg}`);
+    const errorBody = await response.json().catch(() => response.text());
+    console.error("Erro na requisição:", response.status, errorBody);
+    throw new Error(`Erro na API: ${errorBody.message || JSON.stringify(errorBody)}`);
   }
 
-  const contentType = response.headers.get("content-type");
-  if (!contentType || !contentType.includes("application/json")) return {};
-  return await response.json();
+  // --- CORREÇÃO 1: PARA O SUBMIT DO AGENDAMENTO ---
+  // Se a resposta for um sucesso de criação (201) ou sem conteúdo (204), não quebra.
+  if (response.status === 201 || response.status === 204) {
+    return null;
+  }
+
+  return response.json();
 }
 
+// Exportamos o objeto 'api' com os métodos que os componentes vão usar.
 export const api = {
-  get: (endpoint, options) => request(endpoint, { method: "GET", ...options }),
-  post: (endpoint, data) =>
-    request(endpoint, { method: "POST", body: JSON.stringify(data) }),
-  patch: (endpoint, data) =>
-    request(endpoint, { method: "PATCH", body: JSON.stringify(data) }),
-  delete: (endpoint) => request(endpoint, { method: "DELETE" }),
-};
+  // --- CORREÇÃO 2: PARA CARREGAR O ID DO USUÁRIO ---
+  getSession: () => request('/auth/v1/user'),
 
+  get: (endpoint, options) => request(endpoint, { method: "GET", ...options }),
+  post: (endpoint, data, options) => request(endpoint, { method: "POST", body: JSON.stringify(data), ...options }),
+  patch: (endpoint, data, options) => request(endpoint, { method: "PATCH", body: JSON.stringify(data), ...options }),
+  delete: (endpoint, options) => request(endpoint, { method: "DELETE", ...options }),
+  logout: logout,
+};

services/doctorsApi.mjs

@@ -3,7 +3,7 @@ import { api } from "./api.mjs";
 export const doctorsService  = {
   list: () => api.get("/rest/v1/doctors"),
   getById: (id) => api.get(`/rest/v1/doctors?id=eq.${id}`).then(data => data[0]), 
-  create: (data) => api.post("/rest/v1/doctors", data),
+  create: (data) => api.post("/functions/v1/create-doctor", data),
   update: (id, data) => api.patch(`/rest/v1/doctors?id=eq.${id}`, data),
   delete: (id) => api.delete(`/rest/v1/doctors?id=eq.${id}`),
 };

services/usersApi.mjs

@@ -1,25 +1,32 @@
+// SUBSTITUA O OBJETO INTEIRO EM services/usersApi.mjs
+
 import { api } from "./api.mjs";
 
 export const usersService = {
+  // Função getMe corrigida para chamar a si mesma pelo nome
+  async getMe() {
+    const sessionData = await api.getSession();
+    if (!sessionData?.id) {
+      console.error("Sessão não encontrada ou usuário sem ID.", sessionData);
+      throw new Error("Usuário não autenticado.");
+    }
+    // Chamando a outra função do serviço pelo nome explícito
+    return usersService.full_data(sessionData.id);
+  },
+
   async list_roles() {
-    // continua usando /rest/v1 normalmente
     return await api.get(`/rest/v1/user_roles?select=id,user_id,role,created_at`);
   },
 
   async create_user(data) {
-    // continua usando a Edge Function corretamente
-    return await api.post(`/functions/v1/user-create`, data);
+    return await api.post(`/functions/v1/create-user-with-password`, data);
   },
 
-  // 🚀 Busca dados completos do usuário direto do banco
   async full_data(user_id) {
     if (!user_id) throw new Error("user_id é obrigatório");
 
-    // Busca o perfil
     const [profile] = await api.get(`/rest/v1/profiles?id=eq.${user_id}`);
-    // Busca o papel (role)
     const [role] = await api.get(`/rest/v1/user_roles?user_id=eq.${user_id}`);
-    // Busca as permissões se existirem em alguma tabela
     const permissions = {
       isAdmin: role?.role === "admin",
       isManager: role?.role === "gestor",
@@ -29,7 +36,6 @@ export const usersService = {
         role?.role === "admin" || role?.role === "gestor" ? true : false,
     };
 
-    // Monta o objeto no mesmo formato do endpoint `user-info`
     return {
       user: {
         id: user_id,
@@ -52,4 +58,4 @@ export const usersService = {
       permissions,
     };
   },
-};
+};