diff --git a/src/.tmp/magico-helpdesk-dashboard.html b/src/.tmp/magico-helpdesk-dashboard.html
index 1ce773e..d32bc39 100644
--- a/src/.tmp/magico-helpdesk-dashboard.html
+++ b/src/.tmp/magico-helpdesk-dashboard.html
@@ -1647,7 +1647,7 @@
   <div class="modal-dialog  modal-xl modal-dialog-centered">
     <div class="modal-content">
       <div class="modal-header">
-        <h4 class="modal-title" id="inviteUserModalLabel">+48 456 789 123</h4>
+        <h4 class="modal-title" id="inviteUserModalLabel">Jan Kowalski +48 456 789 123</h4>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
 
@@ -1655,11 +1655,177 @@
       <div class="modal-body">
 
         <div class="row">
-          <div class="col-8">
-            123
+          <div class="col-12 col-md-8">
+            <div class="mb-5">
+              <button type="button" class="btn btn-primary">Zadzwoń</button>
+              <button type="button" class="btn btn-light">Wyślij SMS</button>
+            </div>
+
+            <div class="magico-scroll" style="overflow-y: auto; overflow-x: hidden; height: 40rem;">
+            
+            <!-- Step -->
+          <ul class="step">
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <small class="step-divider">Dziś</small>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <div class="step-avatar">
+                  <img class="step-avatar" src="./assets/img/160x160/img9.jpg" alt="Image Description">
+                </div>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Zmiana statusu</h5>
+                    <p class="fs-5 mb-1 pe-3">2 minuty temu</p>
+                  </div>
+
+                  <p class="fs-5 mb-1">Zmieniono status na <span class="badge bg-soft-success text-primary rounded-pill"><span class="legend-indicator bg-success"></span>"GOTOWE"</span></p>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <div class="step-avatar">
+                  <img class="step-avatar" src="./assets/img/160x160/img9.jpg" alt="Image Description">
+                </div>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Połączenie wychodzące</h5>
+                    <p class="fs-5 mb-1 pe-3">4 minuty temu</p>
+                  </div>
+
+                  <p class="fs-5 mb-1">Czas trwania: 2:54</p>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <span class="step-icon step-icon-soft-dark">
+                  <i class="bi bi-telephone-inbound"></i>
+                </span>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Połączenie przychodzące</h5>
+                    <p class="fs-5 mb-1 pe-3">14 minuty temu</p>
+                  </div>
+
+                  <p class="fs-5 mb-1">Czas trwania: 2:54</p>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <span class="step-icon step-icon-soft-danger">
+                  <i class="bi bi-telephone-x"></i>
+                </span>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Połączenie nieodebrane</h5>
+                    <p class="fs-5 mb-1 pe-3">25 minut temu</p>
+                  </div>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <small class="step-divider">Wczoraj</small>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <span class="step-icon step-icon-soft-info">D</span>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Dodano komentarz</h5>
+                    <p class="fs-5 mb-1 pe-3">wczoraj 14:30</p>
+                  </div>
+
+                  <p class="fs-5 mb-1">Lorem ipsum, dolor, sit amet consectetur adipisicing elit. Maxime, accusantium praesentium obcaecati sed pariatur ipsa aperiam cupiditate labore non tempora rem ut aspernatur reprehenderit corrupti veritatis rerum, odio quo excepturi.</p>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+            
+          </ul>
+          <!-- End Step -->
+
+          <!-- Footer -->
+          <div class="d-grid">
+            <a class="btn btn-white" href="javascript:;">
+              <i class="bi-arrow-clockwise me-1"></i> Wczytaj więcej
+            </a>
           </div>
-          <div class="col-4">
-            456
+          <!-- End Footer -->
+
+            </div>
+
+          </div>
+          <div class="col-12 col-md-4">
+
+            <div class="text-end mb-4">
+              <button type="button" class="btn btn-soft-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Zaplanuj połączenie">
+                <i class="bi bi-clock"></i>
+              </button>
+
+              <div class="btn-group" role="group">
+                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#uploadFilesModal">
+                  <i class="bi-telephone-fill me-1"></i> W KOLEJCE
+                </button>
+
+                <div class="btn-group">
+                  <button type="button" class="btn btn-primary dropdown-toggle" id="uploadGroupDropdown" data-bs-toggle="dropdown" aria-expanded="false"></button>
+
+                  <div class="dropdown-menu dropdown-menu-end" aria-labelledby="uploadGroupDropdown" style="">
+                    <a class="dropdown-item text-success" href="#">
+                      <h2><span class="badge bg-success d-block">GOTOWE</span></h2>
+                    </a>
+                    
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <hr class="mb-4">
+
+            <form>
+              <div class="mb-3">
+                <textarea id="exampleFormControlTextarea1" class="form-control" placeholder="Komentarz" rows="4"></textarea>
+              </div>
+              <div class="d-flex justify-content-end gap-3">
+                        <a class="js-delete-field btn btn-white btn-sm" href="javascript:;" data-hs-add-field-delete="0">Anuluj</a>
+                        <a class="btn btn-primary btn-sm" href="javascript:;">Skomentuj</a>
+                      </div>
+            </form>
+
+
+
           </div>
         </div>
         
diff --git a/src/magico-helpdesk-dashboard.html b/src/magico-helpdesk-dashboard.html
index 9e4a1ad..0a4a63a 100644
--- a/src/magico-helpdesk-dashboard.html
+++ b/src/magico-helpdesk-dashboard.html
@@ -470,7 +470,7 @@
   <div class="modal-dialog  modal-xl modal-dialog-centered">
     <div class="modal-content">
       <div class="modal-header">
-        <h4 class="modal-title" id="inviteUserModalLabel">+48 456 789 123</h4>
+        <h4 class="modal-title" id="inviteUserModalLabel">Jan Kowalski +48 456 789 123</h4>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
 
@@ -478,11 +478,177 @@
       <div class="modal-body">
 
         <div class="row">
-          <div class="col-8">
-            123
+          <div class="col-12 col-md-8">
+            <div class="mb-5">
+              <button type="button" class="btn btn-primary">Zadzwoń</button>
+              <button type="button" class="btn btn-light">Wyślij SMS</button>
+            </div>
+
+            <div class="magico-scroll" style="overflow-y: auto; overflow-x: hidden; height: 40rem;">
+            
+            <!-- Step -->
+          <ul class="step">
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <small class="step-divider">Dziś</small>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <div class="step-avatar">
+                  <img class="step-avatar" src="./assets/img/160x160/img9.jpg" alt="Image Description">
+                </div>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Zmiana statusu</h5>
+                    <p class="fs-5 mb-1 pe-3">2 minuty temu</p>
+                  </div>
+
+                  <p class="fs-5 mb-1">Zmieniono status na <span class="badge bg-soft-success text-primary rounded-pill"><span class="legend-indicator bg-success"></span>"GOTOWE"</span></p>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <div class="step-avatar">
+                  <img class="step-avatar" src="./assets/img/160x160/img9.jpg" alt="Image Description">
+                </div>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Połączenie wychodzące</h5>
+                    <p class="fs-5 mb-1 pe-3">4 minuty temu</p>
+                  </div>
+
+                  <p class="fs-5 mb-1">Czas trwania: 2:54</p>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <span class="step-icon step-icon-soft-dark">
+                  <i class="bi bi-telephone-inbound"></i>
+                </span>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Połączenie przychodzące</h5>
+                    <p class="fs-5 mb-1 pe-3">14 minuty temu</p>
+                  </div>
+
+                  <p class="fs-5 mb-1">Czas trwania: 2:54</p>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <span class="step-icon step-icon-soft-danger">
+                  <i class="bi bi-telephone-x"></i>
+                </span>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Połączenie nieodebrane</h5>
+                    <p class="fs-5 mb-1 pe-3">25 minut temu</p>
+                  </div>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <small class="step-divider">Wczoraj</small>
+              </div>
+            </li>
+            <!-- End Step Item -->
+
+
+            <!-- Step Item -->
+            <li class="step-item">
+              <div class="step-content-wrapper">
+                <span class="step-icon step-icon-soft-info">D</span>
+
+                <div class="step-content">
+                  <div class="d-flex justify-content-between">
+                    <h5 class="mb-1">Dodano komentarz</h5>
+                    <p class="fs-5 mb-1 pe-3">wczoraj 14:30</p>
+                  </div>
+
+                  <p class="fs-5 mb-1">Lorem ipsum, dolor, sit amet consectetur adipisicing elit. Maxime, accusantium praesentium obcaecati sed pariatur ipsa aperiam cupiditate labore non tempora rem ut aspernatur reprehenderit corrupti veritatis rerum, odio quo excepturi.</p>
+                </div>
+              </div>
+            </li>
+            <!-- End Step Item -->
+            
+          </ul>
+          <!-- End Step -->
+
+          <!-- Footer -->
+          <div class="d-grid">
+            <a class="btn btn-white" href="javascript:;">
+              <i class="bi-arrow-clockwise me-1"></i> Wczytaj więcej
+            </a>
           </div>
-          <div class="col-4">
-            456
+          <!-- End Footer -->
+
+            </div>
+
+          </div>
+          <div class="col-12 col-md-4">
+
+            <div class="text-end mb-4">
+              <button type="button" class="btn btn-soft-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Zaplanuj połączenie">
+                <i class="bi bi-clock"></i>
+              </button>
+
+              <div class="btn-group" role="group">
+                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#uploadFilesModal">
+                  <i class="bi-telephone-fill me-1"></i> W KOLEJCE
+                </button>
+
+                <div class="btn-group">
+                  <button type="button" class="btn btn-primary dropdown-toggle" id="uploadGroupDropdown" data-bs-toggle="dropdown" aria-expanded="false"></button>
+
+                  <div class="dropdown-menu dropdown-menu-end" aria-labelledby="uploadGroupDropdown" style="">
+                    <a class="dropdown-item text-success" href="#">
+                      <h2><span class="badge bg-success d-block">GOTOWE</span></h2>
+                    </a>
+                    
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <hr class="mb-4">
+
+            <form>
+              <div class="mb-3">
+                <textarea id="exampleFormControlTextarea1" class="form-control" placeholder="Komentarz" rows="4"></textarea>
+              </div>
+              <div class="d-flex justify-content-end gap-3">
+                        <a class="js-delete-field btn btn-white btn-sm" href="javascript:;" data-hs-add-field-delete="0">Anuluj</a>
+                        <a class="btn btn-primary btn-sm" href="javascript:;">Skomentuj</a>
+                      </div>
+            </form>
+
+
+
           </div>
         </div>