diff --git a/WEB-INF/vue/chat.jsp b/WEB-INF/vue/chat.jsp
index 9dfd805c35a3d9a43ec40001a75c8e6daf0b39d9..66f4aff145ce2fd778577390b30477d0ea02437d 100644
--- a/WEB-INF/vue/chat.jsp
+++ b/WEB-INF/vue/chat.jsp
@@ -1,9 +1,34 @@
 <%@ page contentType="text/html; charset=UTF-8"%>
+<%@ page import="modele.dao.DaoThread" %>
+<%@ page import="modele.dto.Thread" %>
+<%@ page import="modele.dao.DaoUser" %>
+<%@ page import="modele.dto.User" %>
+<%@ page import="modele.dao.DaoMessage" %>
+<%@ page import="modele.dto.Message" %>
+<%@ page import="modele.dao.DaoFollower" %>
+<%@ page import="java.lang.Integer" %>
+<%@ page import="java.lang.NumberFormatException" %>
+<%@ page import="java.util.List" %>
+
+<%!
+    DaoThread daoThread = new DaoThread();
+    DaoUser daoUser = new DaoUser();
+    DaoMessage daoMessage = new DaoMessage();
+    DaoFollower daoFollower = new DaoFollower();
+%>
+
+<%
+    User user = daoUser.findByUsername((String) request.getSession().getAttribute("username"));
+    int id = Integer.parseInt(request.getParameter("id"));
+    Thread thread = daoThread.findById(id);
+    List<Message> messages = daoMessage.findByThreadId(id);
+%>
+
 <!DOCTYPE html>
 <html>
     <head>
         <meta http-equiv="Content-type" content="text/html; charset=utf-8">
-        <title>Nature & pêche</title>
+        <title><%=thread.getName() %></title>
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
         <link href="<%= request.getContextPath() %>/res/font.css" rel="stylesheet">
@@ -25,7 +50,7 @@
                         <i class="bi bi-house"></i>
                     </a>
                     <label>
-                        Nature & pêche
+                        <%=thread.getName() %>
                     </label>
                     <a class="icon-link" data-bs-toggle="offcanvas" href="#userlist" role="button" aria-controls="offcanvasExample">
                         <i class="bi bi-people"></i>
@@ -42,15 +67,15 @@
                     <div class="offcanvas-body">
                         <h5>Créateur / Créatrice</h5>
                         <ul class="list-group">
-                            <li class="list-group-item">@florine</li>
+                            <li class="list-group-item">@<%=thread.getCreator() %></li>
                         </ul>
                         <hr>
                         <h5>Utilisateurs suivant ce fil</h5>
                         <ul class="list-group">
-                            <li class="list-group-item">@florine</li>
-                            <li class="list-group-item">@maxime</li>
-                            <li class="list-group-item">@bruno</li>
-                            <li class="list-group-item">@dfab</li>
+                            <% for (User userFollow : daoFollower.findUsersByThreadID(id)) { %>
+                            <% if (!daoThread.isCreatorOf(userFollow.getUsername(), thread.getId_thread())) {%>
+                            <li class="list-group-item">@<%=userFollow.getUsername() %></li>
+                            <% }} %>
                         </ul>
                     </div>
                 </div>