Observações

setField("observacoes", e.target.value)} />
                </div>

<div className="space-y-2">
                  <Label>Adicionar anexos</Label>
                  <div className="border-2 border-dashed rounded-lg p-4">
                    <Label htmlFor="anexos" className="cursor-pointer block w-full rounded-md p-4 bg-primary text-primary-foreground">
                      <div className="flex flex-col items-center justify-center text-center">
                        <Upload className="h-7 w-7 mb-2 text-primary-foreground" />
                        <p className="text-sm text-primary-foreground">Clique para adicionar documentos (PDF, imagens, etc.)</p>
                      </div>
                    </Label>
                    <Input id="anexos" type="file" multiple className="hidden" onChange={addLocalAnexos} />
                  </div>

{form.anexos.length > 0 && (
                    <div className="space-y-2">
                      {form.anexos.map((f, i) => (
                        <div key={`${f.name}-${i}`} className="flex items-center justify-between p-2 border rounded">
                          <span className="text-sm">{f.name}</span>
                          <Button type="button" variant="ghost" size="sm" onClick={() => removeLocalAnexo(i)}>
                            <X className="h-4 w-4" />
                          </Button>
                        </div>
                      ))}
                    </div>
                  )}
                </div>

{mode === "edit" && serverAnexos.length > 0 && (
                  <div className="space-y-2">
                    <Label>Anexos já enviados</Label>
                    <div className="space-y-2">
                      {serverAnexos.map((ax) => {
                        const id = ax.id ?? ax.anexo_id ?? ax.uuid ?? "";
                        return (
                          <div key={String(id)} className="flex items-center justify-between p-2 border rounded">
                            <span className="text-sm">{ax.nome || ax.filename || `Anexo ${id}`}</span>
                            <Button type="button" variant="ghost" size="sm" onClick={() => handleRemoverAnexoServidor(String(id))}>
                              <Trash2 className="h-4 w-4" />
                            </Button>
                          </div>
                        );
                      })}
                    </div>
                  </div>
                )}
              </CardContent>
            </CollapsibleContent>
          </Card>
        </Collapsible>

{}
        <div className="flex justify-end gap-4 pt-6 border-t">
          <Button type="button" variant="outline" onClick={() => (inline ? onClose?.() : onOpenChange?.(false))} disabled={isSubmitting}>
            <XCircle className="mr-2 h-4 w-4" />
            Cancelar
          </Button>
          <Button type="submit" disabled={isSubmitting}>
            {isSubmitting ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : <Save className="mr-2 h-4 w-4" />}
            {isSubmitting ? "Salvando..." : mode === "create" ? "Salvar Paciente" : "Atualizar Paciente"}
          </Button>
        </div>
      </form>
    </>
  );

if (inline) {
    return (
      <>
        <div className="space-y-6">{content}</div>
        
        {/* Debug */}
        {console.log("🎨 RENDER inline - credentials:", credentials, "showCredentials:", showCredentials)}
        
        {/* Dialog de credenciais */}
        {credentials && (
          <CredentialsDialog
            open={showCredentials}
            onOpenChange={(open) => {
              console.log("🔄 CredentialsDialog onOpenChange:", open);
              setShowCredentials(open);
              if (!open) {
                console.log("🔄 Dialog fechando - chamando onSaved e limpando formulário");
                
                // Chama onSaved com o paciente salvo
                if (savedPatient) {
                  console.log("✅ Chamando onSaved com paciente:", savedPatient.id);
                  onSaved?.(savedPatient);
                }
                
                // Limpa o formulário e fecha
                setForm(initial);
                setPhotoPreview(null);
                setServerAnexos([]);
                setCredentials(null);
                setSavedPatient(null);
                onClose?.();
              }
            }}
            email={credentials.email}
            password={credentials.password}
            userName={form.nome}
            userType="paciente"
          />
        )}
      </>
    );
  }

return (
    <>
      {console.log("🎨 RENDER dialog - credentials:", credentials, "showCredentials:", showCredentials)}
      
      <Dialog open={open} onOpenChange={onOpenChange}>
        <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
          <DialogHeader>
            <DialogTitle className="flex items-center gap-2">
              <User className="h-5 w-5" /> {title}
            </DialogTitle>
          </DialogHeader>
          {content}
        </DialogContent>
      </Dialog>
      
      {/* Dialog de credenciais */}
      {credentials && (
        <CredentialsDialog
          open={showCredentials}
          onOpenChange={(open) => {
            setShowCredentials(open);
            if (!open) {
              // Quando fechar o dialog, limpa o formulário e fecha o modal principal
              setForm(initial);
              setPhotoPreview(null);
              setServerAnexos([]);
              setCredentials(null);
              onOpenChange?.(false);
            }
          }}
          email={credentials.email}
          password={credentials.password}
          userName={form.nome}
          userType="paciente"
        />
      )}
    </>
  );
}