diff --git a/itou/templates/apply/includes/appointments.html b/itou/templates/apply/includes/appointments.html
index 1b28a4801b8..93e4c7fc5e3 100644
--- a/itou/templates/apply/includes/appointments.html
+++ b/itou/templates/apply/includes/appointments.html
@@ -21,15 +21,15 @@ <h3>Rendez-vous</h3>
                         </td>
                         <td>{{ participation.appointment.starts_at }}</td>
                         <td>{{ participation.appointment.reason }}</td>
-                        <td>
-                            <button type="button" class="btn btn-link px-0" data-bs-toggle="modal" data-bs-target="#participation-details-{{ participation.pk }}">
+                        <td id="participation-{{ participation.pk }}-row">
+                            <button type="button" class="btn btn-link px-0" data-bs-toggle="modal" data-bs-target="#participation-{{ participation.pk }}-modal">
                                 Détails
                             </button>
-                            <div class="modal modal--mini fade" id="participation-details-{{ participation.pk }}" tabindex="-1" aria-labelledby="participation-details-{{ participation.pk }}-title" aria-hidden="true">
+                            <div class="modal modal--mini fade" id="participation-{{ participation.pk }}-modal" tabindex="-1" aria-labelledby="participation-{{ participation.pk }}-modal-title" aria-hidden="true">
                                 <div class="modal-dialog modal-dialog-centered">
                                     <div class="modal-content">
                                         <div class="modal-header">
-                                            <h3 class="modal-title" id="participation-details-{{ participation.pk }}-title">Détails du rendez-vous</h3>
+                                            <h3 class="modal-title" id="participation-{{ participation.pk }}-modal-title">Détails du rendez-vous</h3>
                                             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                                         </div>
                                         <div class="modal-body">
diff --git a/tests/rdv_insertion/factories.py b/tests/rdv_insertion/factories.py
index cca9a8773e3..d06624952bd 100644
--- a/tests/rdv_insertion/factories.py
+++ b/tests/rdv_insertion/factories.py
@@ -77,6 +77,12 @@ class Meta:
         skip_postgeneration_save = True
 
     class Params:
+        for_snapshot = factory.Trait(
+            reason_category=InvitationRequest.ReasonCategory.SIAE_INTERVIEW,
+            job_seeker__for_snapshot=True,
+            company__for_snapshot=True,
+            email_invitation__for_snapshot=True,
+        )
         with_sms_invitation = factory.Trait(
             job_seeker__phone="0600000000",
             sms_invitation=factory.RelatedFactory(
@@ -104,6 +110,13 @@ class InvitationFactory(factory.django.DjangoModelFactory):
     class Meta:
         model = Invitation
 
+    class Params:
+        for_snapshot = factory.Trait(
+            type=Invitation.Type.EMAIL,
+            status=Invitation.Status.DELIVERED,
+            rdv_insertion_id=1234,
+        )
+
     type = factory.Faker("random_element", elements=Invitation.Type.values)
     status = factory.Faker("random_element", elements=Invitation.Status.values)
     rdv_insertion_id = factory.Sequence(lambda n: n)
diff --git a/tests/rdv_insertion/tests.py b/tests/rdv_insertion/tests.py
index 2271d4bd8ed..877c8f9686f 100644
--- a/tests/rdv_insertion/tests.py
+++ b/tests/rdv_insertion/tests.py
@@ -1,3 +1,4 @@
+import datetime
 import os
 from urllib.parse import urljoin
 
@@ -7,13 +8,24 @@
 from django.core.cache import cache
 from django.core.exceptions import ImproperlyConfigured
 from django.test import override_settings
+from freezegun import freeze_time
 
-from itou.rdv_insertion.api import RDV_S_CREDENTIALS_CACHE_KEY, get_api_credentials
+from itou.rdv_insertion.api import (
+    RDV_I_INVITATION_DELIVERED_STATUSES,
+    RDV_I_INVITATION_NOT_DELIVERED_STATUSES,
+    RDV_S_CREDENTIALS_CACHE_KEY,
+    get_api_credentials,
+    get_invitation_status,
+)
+from itou.rdv_insertion.models import Invitation, Participation
 from itou.utils.mocks.rdv_insertion import (
     RDV_INSERTION_AUTH_FAILURE_BODY,
     RDV_INSERTION_AUTH_SUCCESS_BODY,
     RDV_INSERTION_AUTH_SUCCESS_HEADERS,
 )
+from tests.job_applications.factories import JobApplicationFactory
+from tests.prescribers.factories import PrescriberOrganizationWithMembershipFactory
+from tests.rdv_insertion.factories import InvitationFactory, InvitationRequestFactory, ParticipationFactory
 from tests.utils.test import TestCase
 
 
@@ -94,3 +106,168 @@ def test_renewal_failure_rdvi_misconfiguration(self):
             get_api_credentials()
         assert not respx.routes["rdv_solidarites_sign_in"].called
         assert cache.ttl(RDV_S_CREDENTIALS_CACHE_KEY) == 0
+
+
+class TestRdvInsertionApiUtils:
+    def test_get_invitation_status_opened(self):
+        invitation_dict = {"clicked": True}
+        assert get_invitation_status(invitation_dict) == Invitation.Status.OPENED
+
+    def test_get_invitation_status_delivered(self, subtests):
+        for status in RDV_I_INVITATION_DELIVERED_STATUSES:
+            invitation_dict = {"clicked": False, "delivery_status": status}
+            with subtests.test(status=status):
+                assert get_invitation_status(invitation_dict) == Invitation.Status.DELIVERED
+
+    def test_get_invitation_status_not_delivered(self, subtests):
+        for status in RDV_I_INVITATION_NOT_DELIVERED_STATUSES:
+            invitation_dict = {"clicked": False, "delivery_status": status}
+            with subtests.test(status=status):
+                assert get_invitation_status(invitation_dict) == Invitation.Status.NOT_DELIVERED
+
+    def test_get_invitation_status_logs_error_for_unknown_status(self, caplog):
+        invitation_dict = {"clicked": False, "delivery_status": "unknown_status"}
+        get_invitation_status(invitation_dict)
+        assert "Invalid RDV-I invitation status: 'unknown_status' not in supported list" in caplog.messages
+
+
+class TestInvitationRequestModel:
+    def setup_method(self, **kwargs):
+        organization = PrescriberOrganizationWithMembershipFactory(
+            membership__user__first_name="Max", membership__user__last_name="Throughput"
+        )
+        self.job_application = JobApplicationFactory(
+            to_company__name="Hit Pit",
+            to_company__with_membership=True,
+            to_company__rdv_insertion_id=1234,
+            job_seeker__first_name="Jacques",
+            job_seeker__last_name="Henry",
+            sender=organization.active_members.get(),
+            for_snapshot=True,
+        )
+        self.invitation_request = InvitationRequestFactory(
+            job_seeker=self.job_application.job_seeker,
+            company=self.job_application.to_company,
+            email_invitation=None,
+        )
+        self.invitation_email = InvitationFactory(
+            invitation_request=self.invitation_request,
+            type=Invitation.Type.EMAIL,
+            status=Invitation.Status.DELIVERED,
+            rdv_insertion_id=1234,
+        )
+        self.invitation_sms = InvitationFactory(
+            invitation_request=self.invitation_request,
+            type=Invitation.Type.SMS,
+            status=Invitation.Status.DELIVERED,
+            rdv_insertion_id=1235,
+        )
+
+    def test_email_invitation_property(self):
+        assert self.invitation_request.email_invitation == self.invitation_email
+
+        self.invitation_email.delete()
+        assert self.invitation_request.email_invitation is None
+
+    def test_sms_invitation_property(self):
+        assert self.invitation_request.sms_invitation == self.invitation_sms
+
+        self.invitation_sms.delete()
+        assert self.invitation_request.sms_invitation is None
+
+
+class TestInvitationModel:
+    def setup_method(self, **kwargs):
+        self.invitation_request = InvitationRequestFactory(email_invitation=None)
+        self.invitation_email = InvitationFactory(
+            invitation_request=self.invitation_request,
+            type=Invitation.Type.EMAIL,
+            status=Invitation.Status.DELIVERED,
+            rdv_insertion_id=1234,
+        )
+        self.invitation_sms = InvitationFactory(
+            invitation_request=self.invitation_request,
+            type=Invitation.Type.SMS,
+            status=Invitation.Status.DELIVERED,
+            rdv_insertion_id=1235,
+        )
+        self.invitation_postal = InvitationFactory(
+            invitation_request=self.invitation_request,
+            type=Invitation.Type.POSTAL,
+            status=Invitation.Status.DELIVERED,
+            rdv_insertion_id=1236,
+        )
+
+    def test_is_email_property(self):
+        assert self.invitation_email.is_email
+        assert not self.invitation_sms.is_email
+        assert not self.invitation_postal.is_email
+
+    def test_is_sms_property(self):
+        assert not self.invitation_email.is_sms
+        assert self.invitation_sms.is_sms
+        assert not self.invitation_postal.is_sms
+
+    def test_is_postal_property(self):
+        assert not self.invitation_email.is_postal
+        assert not self.invitation_sms.is_postal
+        assert self.invitation_postal.is_postal
+
+
+@freeze_time("2024-08-01")
+class TestParticipationModel:
+    def setup_method(self, freeze, **kwargs):
+        organization = PrescriberOrganizationWithMembershipFactory(
+            membership__user__first_name="Max", membership__user__last_name="Throughput"
+        )
+        self.job_application = JobApplicationFactory(
+            to_company__name="Hit Pit",
+            to_company__with_membership=True,
+            to_company__rdv_insertion_id=1234,
+            job_seeker__first_name="Jacques",
+            job_seeker__last_name="Henry",
+            sender=organization.active_members.get(),
+            for_snapshot=True,
+        )
+        self.participation = ParticipationFactory(
+            job_seeker=self.job_application.job_seeker,
+            appointment__company=self.job_application.to_company,
+            appointment__starts_at=datetime.datetime(2024, 8, 1, 8, 0, tzinfo=datetime.UTC),
+        )
+
+    def test_get_status_display(self):
+        # Status unknow and starts_at in the future
+        self.participation.status = Participation.Status.UNKNOWN
+        assert self.participation.get_status_display() == "RDV à venir"
+
+        # Status unknown and starts_at in the past
+        self.participation.appointment.starts_at = datetime.datetime(2024, 7, 31, tzinfo=datetime.UTC)
+        assert self.participation.get_status_display() == "Statut du RDV à préciser"
+
+        self.participation.status = Participation.Status.SEEN
+        assert self.participation.get_status_display() == Participation.Status.SEEN.label
+
+        self.participation.status = Participation.Status.REVOKED
+        assert self.participation.get_status_display() == Participation.Status.REVOKED.label
+
+        self.participation.status = Participation.Status.EXCUSED
+        assert self.participation.get_status_display() == Participation.Status.EXCUSED.label
+
+        self.participation.status = Participation.Status.NOSHOW
+        assert self.participation.get_status_display() == Participation.Status.NOSHOW.label
+
+    def test_get_status_class_name(self):
+        self.participation.status = Participation.Status.UNKNOWN
+        assert self.participation.get_status_class_name() == "bg-important-lightest text-important"
+
+        self.participation.status = Participation.Status.SEEN
+        assert self.participation.get_status_class_name() == "bg-success-lighter text-success"
+
+        self.participation.status = Participation.Status.REVOKED
+        assert self.participation.get_status_class_name() == "bg-warning-lighter text-warning"
+
+        self.participation.status = Participation.Status.EXCUSED
+        assert self.participation.get_status_class_name() == "bg-warning-lighter text-warning"
+
+        self.participation.status = Participation.Status.NOSHOW
+        assert self.participation.get_status_class_name() == "bg-danger-lighter text-danger"
diff --git a/tests/utils/tests.py b/tests/utils/tests.py
index 1fc38d90c99..b4c478128d3 100644
--- a/tests/utils/tests.py
+++ b/tests/utils/tests.py
@@ -50,6 +50,7 @@
 from itou.utils.perms.middleware import ItouCurrentOrganizationMiddleware
 from itou.utils.sync import DiffItem, DiffItemKind, yield_sync_diff
 from itou.utils.templatetags import dict_filters, format_filters, job_applications, job_seekers
+from itou.utils.templatetags.datetime_filters import duration
 from itou.utils.tokens import COMPANY_SIGNUP_MAGIC_LINK_TIMEOUT, CompanySignupTokenGenerator
 from itou.utils.urls import (
     add_url_params,
@@ -1586,3 +1587,22 @@ def test_create_fake_postcode():
     with mock.patch.dict(DEPARTMENTS, {"80": "80 - Somme"}):
         postcode = create_fake_postcode()
         assert department_from_postcode(postcode)
+
+
+@pytest.mark.parametrize(
+    "timedelta, expected",
+    [
+        (datetime.timedelta(seconds=0), "N/A"),
+        (datetime.timedelta(seconds=30), "N/A"),
+        (datetime.timedelta(minutes=1), "1 min"),
+        (datetime.timedelta(minutes=30), "30 min"),
+        (datetime.timedelta(hours=1), "1h"),
+        (datetime.timedelta(hours=1, minutes=30), "1h30"),
+        (datetime.timedelta(hours=12), "12h"),
+        (datetime.timedelta(hours=12, minutes=30), "12h30"),
+        (datetime.timedelta(days=1), "24h"),
+        (datetime.timedelta(days=1, hours=1, minutes=30), "25h30"),
+    ],
+)
+def test_duration(timedelta, expected):
+    assert duration(timedelta) == expected
diff --git a/tests/www/apply/__snapshots__/test_detail_rdv_insertion.ambr b/tests/www/apply/__snapshots__/test_detail_rdv_insertion.ambr
index c3e2692085e..8f7785ce658 100644
--- a/tests/www/apply/__snapshots__/test_detail_rdv_insertion.ambr
+++ b/tests/www/apply/__snapshots__/test_detail_rdv_insertion.ambr
@@ -18,15 +18,15 @@
                           </td>
                           <td>1 septembre 2024 10:00</td>
                           <td>Entretien d'embauche</td>
-                          <td>
-                              <button class="btn btn-link px-0" data-bs-target="#participation-details-11111111-1111-1111-1111-111111111111" data-bs-toggle="modal" type="button">
+                          <td id="participation-11111111-1111-1111-1111-111111111111-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-11111111-1111-1111-1111-111111111111-modal" data-bs-toggle="modal" type="button">
                                   Détails
                               </button>
-                              <div aria-hidden="true" aria-labelledby="participation-details-11111111-1111-1111-1111-111111111111-title" class="modal modal--mini fade" id="participation-details-11111111-1111-1111-1111-111111111111" tabindex="-1">
+                              <div aria-hidden="true" aria-labelledby="participation-11111111-1111-1111-1111-111111111111-modal-title" class="modal modal--mini fade" id="participation-11111111-1111-1111-1111-111111111111-modal" tabindex="-1">
                                   <div class="modal-dialog modal-dialog-centered">
                                       <div class="modal-content">
                                           <div class="modal-header">
-                                              <h3 class="modal-title" id="participation-details-11111111-1111-1111-1111-111111111111-title">Détails du rendez-vous</h3>
+                                              <h3 class="modal-title" id="participation-11111111-1111-1111-1111-111111111111-modal-title">Détails du rendez-vous</h3>
                                               <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                                           </div>
                                           <div class="modal-body">
@@ -91,15 +91,15 @@
                           </td>
                           <td>1 septembre 2024 10:00</td>
                           <td>Entretien d'embauche</td>
-                          <td>
-                              <button class="btn btn-link px-0" data-bs-target="#participation-details-11111111-1111-1111-1111-111111111111" data-bs-toggle="modal" type="button">
+                          <td id="participation-11111111-1111-1111-1111-111111111111-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-11111111-1111-1111-1111-111111111111-modal" data-bs-toggle="modal" type="button">
                                   Détails
                               </button>
-                              <div aria-hidden="true" aria-labelledby="participation-details-11111111-1111-1111-1111-111111111111-title" class="modal modal--mini fade" id="participation-details-11111111-1111-1111-1111-111111111111" tabindex="-1">
+                              <div aria-hidden="true" aria-labelledby="participation-11111111-1111-1111-1111-111111111111-modal-title" class="modal modal--mini fade" id="participation-11111111-1111-1111-1111-111111111111-modal" tabindex="-1">
                                   <div class="modal-dialog modal-dialog-centered">
                                       <div class="modal-content">
                                           <div class="modal-header">
-                                              <h3 class="modal-title" id="participation-details-11111111-1111-1111-1111-111111111111-title">Détails du rendez-vous</h3>
+                                              <h3 class="modal-title" id="participation-11111111-1111-1111-1111-111111111111-modal-title">Détails du rendez-vous</h3>
                                               <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                                           </div>
                                           <div class="modal-body">
@@ -147,15 +147,15 @@
                           </td>
                           <td>1 juin 2024 10:00</td>
                           <td>Entretien d'embauche</td>
-                          <td>
-                              <button class="btn btn-link px-0" data-bs-target="#participation-details-22222222-2222-2222-2222-222222222222" data-bs-toggle="modal" type="button">
+                          <td id="participation-22222222-2222-2222-2222-222222222222-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-22222222-2222-2222-2222-222222222222-modal" data-bs-toggle="modal" type="button">
                                   Détails
                               </button>
-                              <div aria-hidden="true" aria-labelledby="participation-details-22222222-2222-2222-2222-222222222222-title" class="modal modal--mini fade" id="participation-details-22222222-2222-2222-2222-222222222222" tabindex="-1">
+                              <div aria-hidden="true" aria-labelledby="participation-22222222-2222-2222-2222-222222222222-modal-title" class="modal modal--mini fade" id="participation-22222222-2222-2222-2222-222222222222-modal" tabindex="-1">
                                   <div class="modal-dialog modal-dialog-centered">
                                       <div class="modal-content">
                                           <div class="modal-header">
-                                              <h3 class="modal-title" id="participation-details-22222222-2222-2222-2222-222222222222-title">Détails du rendez-vous</h3>
+                                              <h3 class="modal-title" id="participation-22222222-2222-2222-2222-222222222222-modal-title">Détails du rendez-vous</h3>
                                               <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                                           </div>
                                           <div class="modal-body">
@@ -220,15 +220,15 @@
                           </td>
                           <td>1 septembre 2024 10:00</td>
                           <td>Entretien d'embauche</td>
-                          <td>
-                              <button class="btn btn-link px-0" data-bs-target="#participation-details-11111111-1111-1111-1111-111111111111" data-bs-toggle="modal" type="button">
+                          <td id="participation-11111111-1111-1111-1111-111111111111-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-11111111-1111-1111-1111-111111111111-modal" data-bs-toggle="modal" type="button">
                                   Détails
                               </button>
-                              <div aria-hidden="true" aria-labelledby="participation-details-11111111-1111-1111-1111-111111111111-title" class="modal modal--mini fade" id="participation-details-11111111-1111-1111-1111-111111111111" tabindex="-1">
+                              <div aria-hidden="true" aria-labelledby="participation-11111111-1111-1111-1111-111111111111-modal-title" class="modal modal--mini fade" id="participation-11111111-1111-1111-1111-111111111111-modal" tabindex="-1">
                                   <div class="modal-dialog modal-dialog-centered">
                                       <div class="modal-content">
                                           <div class="modal-header">
-                                              <h3 class="modal-title" id="participation-details-11111111-1111-1111-1111-111111111111-title">Détails du rendez-vous</h3>
+                                              <h3 class="modal-title" id="participation-11111111-1111-1111-1111-111111111111-modal-title">Détails du rendez-vous</h3>
                                               <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                                           </div>
                                           <div class="modal-body">
@@ -276,15 +276,15 @@
                           </td>
                           <td>4 janvier 2024 09:00</td>
                           <td>Entretien d'embauche</td>
-                          <td>
-                              <button class="btn btn-link px-0" data-bs-target="#participation-details-22222222-2222-2222-2222-222222222222" data-bs-toggle="modal" type="button">
+                          <td id="participation-22222222-2222-2222-2222-222222222222-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-22222222-2222-2222-2222-222222222222-modal" data-bs-toggle="modal" type="button">
                                   Détails
                               </button>
-                              <div aria-hidden="true" aria-labelledby="participation-details-22222222-2222-2222-2222-222222222222-title" class="modal modal--mini fade" id="participation-details-22222222-2222-2222-2222-222222222222" tabindex="-1">
+                              <div aria-hidden="true" aria-labelledby="participation-22222222-2222-2222-2222-222222222222-modal-title" class="modal modal--mini fade" id="participation-22222222-2222-2222-2222-222222222222-modal" tabindex="-1">
                                   <div class="modal-dialog modal-dialog-centered">
                                       <div class="modal-content">
                                           <div class="modal-header">
-                                              <h3 class="modal-title" id="participation-details-22222222-2222-2222-2222-222222222222-title">Détails du rendez-vous</h3>
+                                              <h3 class="modal-title" id="participation-22222222-2222-2222-2222-222222222222-modal-title">Détails du rendez-vous</h3>
                                               <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                                           </div>
                                           <div class="modal-body">
@@ -332,15 +332,15 @@
                           </td>
                           <td>3 janvier 2024 09:00</td>
                           <td>Entretien d'embauche</td>
-                          <td>
-                              <button class="btn btn-link px-0" data-bs-target="#participation-details-33333333-3333-3333-3333-333333333333" data-bs-toggle="modal" type="button">
+                          <td id="participation-33333333-3333-3333-3333-333333333333-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-33333333-3333-3333-3333-333333333333-modal" data-bs-toggle="modal" type="button">
                                   Détails
                               </button>
-                              <div aria-hidden="true" aria-labelledby="participation-details-33333333-3333-3333-3333-333333333333-title" class="modal modal--mini fade" id="participation-details-33333333-3333-3333-3333-333333333333" tabindex="-1">
+                              <div aria-hidden="true" aria-labelledby="participation-33333333-3333-3333-3333-333333333333-modal-title" class="modal modal--mini fade" id="participation-33333333-3333-3333-3333-333333333333-modal" tabindex="-1">
                                   <div class="modal-dialog modal-dialog-centered">
                                       <div class="modal-content">
                                           <div class="modal-header">
-                                              <h3 class="modal-title" id="participation-details-33333333-3333-3333-3333-333333333333-title">Détails du rendez-vous</h3>
+                                              <h3 class="modal-title" id="participation-33333333-3333-3333-3333-333333333333-modal-title">Détails du rendez-vous</h3>
                                               <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                                           </div>
                                           <div class="modal-body">
@@ -388,15 +388,15 @@
                           </td>
                           <td>2 janvier 2024 09:00</td>
                           <td>Entretien d'embauche</td>
-                          <td>
-                              <button class="btn btn-link px-0" data-bs-target="#participation-details-44444444-4444-4444-4444-444444444444" data-bs-toggle="modal" type="button">
+                          <td id="participation-44444444-4444-4444-4444-444444444444-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-44444444-4444-4444-4444-444444444444-modal" data-bs-toggle="modal" type="button">
                                   Détails
                               </button>
-                              <div aria-hidden="true" aria-labelledby="participation-details-44444444-4444-4444-4444-444444444444-title" class="modal modal--mini fade" id="participation-details-44444444-4444-4444-4444-444444444444" tabindex="-1">
+                              <div aria-hidden="true" aria-labelledby="participation-44444444-4444-4444-4444-444444444444-modal-title" class="modal modal--mini fade" id="participation-44444444-4444-4444-4444-444444444444-modal" tabindex="-1">
                                   <div class="modal-dialog modal-dialog-centered">
                                       <div class="modal-content">
                                           <div class="modal-header">
-                                              <h3 class="modal-title" id="participation-details-44444444-4444-4444-4444-444444444444-title">Détails du rendez-vous</h3>
+                                              <h3 class="modal-title" id="participation-44444444-4444-4444-4444-444444444444-modal-title">Détails du rendez-vous</h3>
                                               <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                                           </div>
                                           <div class="modal-body">
@@ -444,15 +444,15 @@
                           </td>
                           <td>1 janvier 2024 09:00</td>
                           <td>Entretien d'embauche</td>
-                          <td>
-                              <button class="btn btn-link px-0" data-bs-target="#participation-details-55555555-5555-5555-5555-555555555555" data-bs-toggle="modal" type="button">
+                          <td id="participation-55555555-5555-5555-5555-555555555555-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-55555555-5555-5555-5555-555555555555-modal" data-bs-toggle="modal" type="button">
                                   Détails
                               </button>
-                              <div aria-hidden="true" aria-labelledby="participation-details-55555555-5555-5555-5555-555555555555-title" class="modal modal--mini fade" id="participation-details-55555555-5555-5555-5555-555555555555" tabindex="-1">
+                              <div aria-hidden="true" aria-labelledby="participation-55555555-5555-5555-5555-555555555555-modal-title" class="modal modal--mini fade" id="participation-55555555-5555-5555-5555-555555555555-modal" tabindex="-1">
                                   <div class="modal-dialog modal-dialog-centered">
                                       <div class="modal-content">
                                           <div class="modal-header">
-                                              <h3 class="modal-title" id="participation-details-55555555-5555-5555-5555-555555555555-title">Détails du rendez-vous</h3>
+                                              <h3 class="modal-title" id="participation-55555555-5555-5555-5555-555555555555-modal-title">Détails du rendez-vous</h3>
                                               <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                                           </div>
                                           <div class="modal-body">
@@ -498,3 +498,163 @@
           </table>
   '''
 # ---
+# name: TestRdvInsertionAppointmentsList.test_appointments_tooltips
+  '''
+  <td id="participation-11111111-1111-1111-1111-111111111111-row">
+                              <button class="btn btn-link px-0" data-bs-target="#participation-11111111-1111-1111-1111-111111111111-modal" data-bs-toggle="modal" type="button">
+                                  Détails
+                              </button>
+                              <div aria-hidden="true" aria-labelledby="participation-11111111-1111-1111-1111-111111111111-modal-title" class="modal modal--mini fade" id="participation-11111111-1111-1111-1111-111111111111-modal" tabindex="-1">
+                                  <div class="modal-dialog modal-dialog-centered">
+                                      <div class="modal-content">
+                                          <div class="modal-header">
+                                              <h3 class="modal-title" id="participation-11111111-1111-1111-1111-111111111111-modal-title">Détails du rendez-vous</h3>
+                                              <button aria-label="Fermer" class="btn-close" data-bs-dismiss="modal" type="button"></button>
+                                          </div>
+                                          <div class="modal-body">
+                                              <p>
+                                                  <span class="badge badge-sm rounded-pill bg-important-lightest text-important">RDV à venir</span>
+                                              </p>
+                                              <p>
+                                                  Date et heure : <strong>01/09/2024 à 10h00</strong>
+                                                  <br/>
+                                                  Durée : <strong>15 min</strong>
+                                              </p>
+                                              <p>
+                                                  Type de rendez-vous :
+                                                  
+                                                      <strong>Individuel</strong>
+                                                  
+                                                  <br/>
+                                                  Catégorie de motif : <strong>Entretien SIAE</strong>
+                                                  <br/>
+                                                  Motif : <strong>Entretien d'embauche</strong>
+                                              </p>
+                                              
+                                                  <p>
+                                                      Lieu : <strong>Salle de réunion</strong>
+                                                      <br/>
+                                                      Adresse : <strong>112 Quai de Jemmapes, 75010 Paris</strong>
+                                                      
+                                                          <br/>
+                                                          Téléphone : <strong>06 00 00 00 00</strong>
+                                                      
+                                                  </p>
+                                              
+                                              
+                                              
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+                          </td>
+  '''
+# ---
+# name: TestRdvInsertionInvitationRequestsList.test_invitations_requests_listing
+  '''
+  <div class="mb-6" id="rdvi-invitation-requests">
+      <div class="d-flex justify-content-between mb-4">
+          <h3>Invitations envoyées</h3>
+          
+  
+  
+      
+          <form class="d-inline-flex has-btn-with-spinner-loading-text" hx-post="/apply/11111111-1111-1111-1111-111111111111/rdv_insertion_invite_for_detail" hx-swap="outerHTML" hx-target="#rdvi-invitation-requests">
+              <input name="csrfmiddlewaretoken" type="hidden" value="NORMALIZED_CSRF_TOKEN"/>
+              <button aria-label="Proposer un rendez-vous à Jacques HENRY" class="btn btn-secondary btn-ico" data-matomo-action="clic" data-matomo-category="candidature" data-matomo-event="true" data-matomo-option="proposer-rdv">
+                  <div class="stable-text">
+                      <i aria-hidden="true" class="ri-mail-send-line font-weight-medium"></i>
+                      <span>Proposer un rendez-vous</span>
+                  </div>
+                  <div class="loading-text">
+                      <span aria-hidden="true" class="spinner-border spinner-border-sm" role="status"></span>
+                      <span>Envoi en cours</span>
+                  </div>
+              </button>
+          </form>
+      
+  
+  
+      </div>
+      
+          <p>Aucune invitation en attente de réponse actuellement</p>
+      
+  </div>
+  '''
+# ---
+# name: TestRdvInsertionInvitationRequestsList.test_invite_response_includes_updated_invitation_requests_listing[existing_invitation_requests]
+  '''
+  <div class="mb-6" id="rdvi-invitation-requests">
+      <div class="d-flex justify-content-between mb-4">
+          <h3>Invitations envoyées</h3>
+          
+  
+  
+      
+          <form class="d-inline-flex has-btn-with-spinner-loading-text" hx-post="/apply/11111111-1111-1111-1111-111111111111/rdv_insertion_invite_for_detail" hx-swap="outerHTML" hx-target="#rdvi-invitation-requests">
+              <input name="csrfmiddlewaretoken" type="hidden" value="NORMALIZED_CSRF_TOKEN"/>
+              <button aria-label="Proposer un rendez-vous à Jacques HENRY" class="btn btn-secondary btn-ico" data-matomo-action="clic" data-matomo-category="candidature" data-matomo-event="true" data-matomo-option="proposer-rdv">
+                  <div class="stable-text">
+                      <i aria-hidden="true" class="ri-mail-send-line font-weight-medium"></i>
+                      <span>Proposer un rendez-vous</span>
+                  </div>
+                  <div class="loading-text">
+                      <span aria-hidden="true" class="spinner-border spinner-border-sm" role="status"></span>
+                      <span>Envoi en cours</span>
+                  </div>
+              </button>
+          </form>
+      
+  
+  
+      </div>
+      
+          <p>Aucune invitation en attente de réponse actuellement</p>
+      
+  </div>
+  '''
+# ---
+# name: TestRdvInsertionInvitationRequestsList.test_invite_response_includes_updated_invitation_requests_listing[updated_invitation_requests]
+  '''
+  <div class="mb-6" id="rdvi-invitation-requests">
+      <div class="d-flex justify-content-between mb-4">
+          <h3>Invitations envoyées</h3>
+          
+  
+  
+      
+          <button class="btn btn-success btn-ico" data-bs-html="true" data-bs-placement="left" data-bs-title="Une relance sera envoyée 3 jours après.
+              &lt;br&gt;
+              Vous pourrez renvoyer une invitation sous 10J." data-bs-toggle="tooltip" disabled="" type="button">
+              <i aria-hidden="true" class="ri-check-line font-weight-medium"></i>
+              <span>Invitation envoyée</span>
+          </button>
+      
+  
+  
+      </div>
+      
+          <table class="table">
+              <thead>
+                  <tr>
+                      <th scope="col">Date d'envoi</th>
+                      <th scope="col">Motif</th>
+                      <th scope="col">Invitation SMS</th>
+                      <th scope="col">Invitation mail</th>
+                  </tr>
+              </thead>
+              <tbody>
+                  
+                      <tr>
+                          <td>1 août 2024 02:00</td>
+                          <td>Entretien SIAE</td>
+                          <td>-</td>
+                          <td>Délivrée</td>
+                      </tr>
+                  
+              </tbody>
+          </table>
+      
+  </div>
+  '''
+# ---
diff --git a/tests/www/apply/__snapshots__/test_list_rdv_insertion.ambr b/tests/www/apply/__snapshots__/test_list_rdv_insertion.ambr
index 39e74028a2a..4b2c8690373 100644
--- a/tests/www/apply/__snapshots__/test_list_rdv_insertion.ambr
+++ b/tests/www/apply/__snapshots__/test_list_rdv_insertion.ambr
@@ -1,5 +1,5 @@
 # serializer version: 1
-# name: TestRDVInsertionView.test_rdv_insertion_configured_and_valid_rdv_insertion_exchange_with_no_pending_request
+# name: TestRdvInsertionView.test_rdv_insertion_configured_and_valid_rdv_insertion_exchange_with_no_pending_request
   '''
   <button class="btn btn-success btn-ico" data-bs-html="true" data-bs-placement="left" data-bs-title="Une relance sera envoyée 3 jours après.
               &lt;br&gt;
@@ -9,7 +9,7 @@
           </button>
   '''
 # ---
-# name: TestRDVInsertionView.test_rdv_insertion_configured_and_valid_rdv_insertion_exchange_with_pending_request[invitation_request_created]
+# name: TestRdvInsertionView.test_rdv_insertion_configured_and_valid_rdv_insertion_exchange_with_pending_request[invitation_request_created]
   '''
   <button class="btn btn-success btn-ico" data-bs-html="true" data-bs-placement="left" data-bs-title="Une relance sera envoyée 3 jours après.
               &lt;br&gt;
@@ -19,7 +19,7 @@
           </button>
   '''
 # ---
-# name: TestRDVInsertionView.test_rdv_insertion_configured_and_valid_rdv_insertion_exchange_with_pending_request[pending_invitation_request_still_too_recent]
+# name: TestRdvInsertionView.test_rdv_insertion_configured_and_valid_rdv_insertion_exchange_with_pending_request[pending_invitation_request_still_too_recent]
   '''
   <button class="btn btn-success btn-ico" data-bs-html="true" data-bs-placement="left" data-bs-title="Une relance sera envoyée 3 jours après.
               &lt;br&gt;
@@ -29,7 +29,7 @@
           </button>
   '''
 # ---
-# name: TestRDVInsertionView.test_rdv_insertion_configured_and_valid_rdv_insertion_exchange_with_pending_request[pending_invitation_request_too_recent]
+# name: TestRdvInsertionView.test_rdv_insertion_configured_and_valid_rdv_insertion_exchange_with_pending_request[pending_invitation_request_too_recent]
   '''
   <button class="btn btn-success btn-ico" data-bs-html="true" data-bs-placement="left" data-bs-title="Une relance sera envoyée 3 jours après.
               &lt;br&gt;
@@ -39,7 +39,7 @@
           </button>
   '''
 # ---
-# name: TestRDVInsertionView.test_rdv_insertion_configured_invalid_job_application
+# name: TestRdvInsertionView.test_rdv_insertion_configured_invalid_job_application
   '''
   <button class="btn btn-danger btn-ico" data-bs-placement="left" data-bs-title="Une erreur s’est produite, l’envoi n’a pas abouti." data-bs-toggle="tooltip" disabled="" type="button">
                   <i aria-hidden="true" class="ri-alert-line font-weight-medium"></i>
@@ -47,7 +47,7 @@
               </button>
   '''
 # ---
-# name: TestRDVInsertionView.test_rdv_insertion_configured_with_failed_rdv_insertion_exchange
+# name: TestRdvInsertionView.test_rdv_insertion_configured_with_failed_rdv_insertion_exchange
   '''
   <form class="d-inline-flex has-btn-with-spinner-loading-text" hx-post="/apply/11111111-1111-1111-1111-111111111111/rdv-insertion-invite" hx-swap="outerHTML">
                   <input name="csrfmiddlewaretoken" type="hidden" value="NORMALIZED_CSRF_TOKEN"/>
@@ -64,7 +64,7 @@
               </form>
   '''
 # ---
-# name: TestRDVInsertionView.test_rdv_insertion_not_configured
+# name: TestRdvInsertionView.test_rdv_insertion_not_configured
   '''
   <button class="btn btn-danger btn-ico" data-bs-placement="left" data-bs-title="Une erreur s’est produite, l’envoi n’a pas abouti." data-bs-toggle="tooltip" disabled="" type="button">
                   <i aria-hidden="true" class="ri-alert-line font-weight-medium"></i>
diff --git a/tests/www/apply/test_detail_rdv_insertion.py b/tests/www/apply/test_detail_rdv_insertion.py
index 47d536b55eb..a9055e40f9f 100644
--- a/tests/www/apply/test_detail_rdv_insertion.py
+++ b/tests/www/apply/test_detail_rdv_insertion.py
@@ -1,16 +1,46 @@
 import datetime
+from urllib.parse import urljoin
 
+import httpx
+import pytest
+import respx
 from django.urls import reverse
 from freezegun import freeze_time
 from pytest_django.asserts import assertContains, assertNotContains, assertTemplateUsed
 
-from itou.rdv_insertion.models import Appointment, Participation
+from itou.rdv_insertion.models import Appointment, InvitationRequest, Participation
+from itou.utils.mocks.rdv_insertion import (
+    RDV_INSERTION_AUTH_SUCCESS_HEADERS,
+    RDV_INSERTION_CREATE_AND_INVITE_SUCCESS_BODY,
+)
 from tests.job_applications.factories import JobApplicationFactory
 from tests.prescribers.factories import PrescriberOrganizationWithMembershipFactory
-from tests.rdv_insertion.factories import ParticipationFactory
+from tests.rdv_insertion.factories import InvitationRequestFactory, ParticipationFactory
 from tests.utils.test import parse_response_to_soup
 
 
+@pytest.fixture(autouse=True)
+def mock_rdvs_api(settings):
+    settings.RDV_SOLIDARITES_API_BASE_URL = "https://rdv-solidarites.fake/api/v1/"
+    settings.RDV_SOLIDARITES_EMAIL = "tech@inclusion.beta.gouv.fr"
+    settings.RDV_SOLIDARITES_PASSWORD = "password"
+    settings.RDV_INSERTION_API_BASE_URL = "https://rdv-insertion.fake/api/v1/"
+    settings.RDV_INSERTION_INVITE_HOLD_DURATION = datetime.timedelta(days=2)
+
+    respx.post(
+        urljoin(
+            settings.RDV_INSERTION_API_BASE_URL,
+            "organisations/1234/users/create_and_invite",
+        ),
+        name="rdv_solidarites_create_and_invite",
+    ).mock(
+        return_value=httpx.Response(
+            200,
+            json=RDV_INSERTION_CREATE_AND_INVITE_SUCCESS_BODY,
+        )
+    )
+
+
 @freeze_time("2024-08-01")
 class TestRdvInsertionAppointmentsList:
     APPOINTMENTS_TAB_TITLE = "Rendez-vous"
@@ -76,6 +106,22 @@ def test_details_should_include_appointments_tab_is_configured_and_with_upcoming
         assertTemplateUsed(response, "apply/process_details_company.html")
         assertContains(response, self.APPOINTMENTS_TAB_TITLE)
 
+    def test_appointments_tab_should_not_display_appointments_table_when_no_appointments_exist(self, client):
+        self.participation.appointment.delete()
+
+        client.force_login(self.job_application.to_company.members.get())
+        response = client.get(
+            reverse("apply:details_for_company", kwargs={"job_application_id": self.job_application.pk})
+        )
+        assertNotContains(response, '<table id="rdvi-appointments"')
+
+    def test_appointments_tab_should_display_appointments_table_when_appointments_exist(self, client):
+        client.force_login(self.job_application.to_company.members.get())
+        response = client.get(
+            reverse("apply:details_for_company", kwargs={"job_application_id": self.job_application.pk})
+        )
+        assertContains(response, '<table id="rdvi-appointments"')
+
     def test_appointments_tab_should_display_upcoming_appointments(self, client):
         client.force_login(self.job_application.to_company.members.get())
         response = client.get(
@@ -203,17 +249,76 @@ def test_appointments_listing_status_badges(self, client, snapshot):
         table = parse_response_to_soup(response, selector="#rdvi-appointments")
         assert str(table) == snapshot()
 
+    def test_appointments_tooltips(self, client, snapshot):
+        client.force_login(self.job_application.to_company.members.get())
+        response = client.get(
+            reverse("apply:details_for_company", kwargs={"job_application_id": self.job_application.pk})
+        )
 
-# Todo tests :
-# - Fix tests + check emploi des for_snapshot et éventuelles redéfinitions inutiles de ce qui est spécifié dedans
-# - Présence du tableau des invitation
-# - Présence (man que la non-présence dans le cas présent) du tableau des RDV
-# - Tooltips du tableau des RDV
-# - Rechargement HTMX du tableau des invitations + MAJ state bouton
-# - Fonction get_invitation_status
-#     + logging en cas de statut inconnu retourné
-# - Propriétés email_invitation et sms_invitation
-# - Propriétés is_email, is_postal et is_sms
-# - Méthodes get_status_display et get_status_class_name
-# - Template filter duration
-# - Eventuellement check le nombre de queries SQL et update/ajouter des asserts
+        details_button = parse_response_to_soup(
+            response, selector="#participation-11111111-1111-1111-1111-111111111111-row"
+        )
+        assert str(details_button) == snapshot()
+
+
+@freeze_time("2024-08-01")
+class TestRdvInsertionInvitationRequestsList:
+    @freeze_time("2024-07-01")
+    def setup_method(self, freeze, **kwargs):
+        organization = PrescriberOrganizationWithMembershipFactory(
+            membership__user__first_name="Max", membership__user__last_name="Throughput"
+        )
+        self.job_application = JobApplicationFactory(
+            to_company__name="Hit Pit",
+            to_company__with_membership=True,
+            to_company__rdv_insertion_id=1234,
+            job_seeker__first_name="Jacques",
+            job_seeker__last_name="Henry",
+            sender=organization.active_members.get(),
+            for_snapshot=True,
+        )
+        self.invitation_request = InvitationRequestFactory(
+            job_seeker=self.job_application.job_seeker,
+            company=self.job_application.to_company,
+            for_snapshot=True,
+        )
+
+    def test_invitations_requests_listing(self, client, snapshot):
+        client.force_login(self.job_application.to_company.members.get())
+        response = client.get(
+            reverse("apply:details_for_company", kwargs={"job_application_id": self.job_application.pk})
+        )
+        table = parse_response_to_soup(response, selector="#rdvi-invitation-requests")
+        assert str(table) == snapshot()
+
+    def test_invite_button_uses_for_detail_endpoint(self, client):
+        client.force_login(self.job_application.to_company.members.get())
+        response = client.get(
+            reverse("apply:details_for_company", kwargs={"job_application_id": self.job_application.pk})
+        )
+        assertContains(
+            response,
+            reverse("apply:rdv_insertion_invite_for_detail", kwargs={"job_application_id": self.job_application.pk}),
+        )
+
+    @respx.mock
+    def test_invite_response_includes_updated_invitation_requests_listing(self, client, snapshot, mocker):
+        mocker.patch(
+            "itou.www.apply.views.process_views.get_api_credentials", return_value=RDV_INSERTION_AUTH_SUCCESS_HEADERS
+        )
+        assert InvitationRequest.objects.count() == 1
+        client.force_login(self.job_application.to_company.members.get())
+        response = client.get(
+            reverse("apply:details_for_company", kwargs={"job_application_id": self.job_application.pk})
+        )
+        table = parse_response_to_soup(response, selector="#rdvi-invitation-requests")
+        assert str(table) == snapshot(name="existing_invitation_requests")
+
+        # Call the invite endpoint
+        response = client.post(
+            reverse("apply:rdv_insertion_invite_for_detail", kwargs={"job_application_id": self.job_application.pk}),
+            follow=True,
+        )
+        assert InvitationRequest.objects.count() == 2
+        invitation_requests_table = parse_response_to_soup(response, selector="#rdvi-invitation-requests")
+        assert str(invitation_requests_table) == snapshot(name="updated_invitation_requests")
diff --git a/tests/www/apply/test_list_rdv_insertion.py b/tests/www/apply/test_list_rdv_insertion.py
index a0dabd0343b..e7c605324be 100644
--- a/tests/www/apply/test_list_rdv_insertion.py
+++ b/tests/www/apply/test_list_rdv_insertion.py
@@ -43,7 +43,7 @@ def mock_rdvs_api(settings):
     )
 
 
-class TestRDVInsertionDisplay:
+class TestRdvInsertionDisplay:
     SEE_JOB_APPLICATION_LABEL = "Voir sa candidature"
     INVITE_LABEL = "Proposer un rendez-vous"
     ONGOING_INVITE_LABEL = "Envoi en cours"
@@ -161,7 +161,7 @@ def test_list_with_many_upcoming_appointments(self, client):
         assertContains(response, self.OTHER_APPOINTMENTS_TWO_TOOLTIP_LABEL)
 
 
-class TestRDVInsertionView:
+class TestRdvInsertionView:
     def setup_method(self):
         org = PrescriberOrganizationWithMembershipFactory(
             membership__user__first_name="Max",