diff --git a/src/_data/audit_list.json b/src/_data/audit_list.json
new file mode 100644
index 00000000000..995f8f11b7f
--- /dev/null
+++ b/src/_data/audit_list.json
@@ -0,0 +1,22 @@
+[
+  {"id":1,"user_name":"Sample User 1","workspace_id":101,"workspace_name":"Sample Workspace A","type":"Routine","total":12,"flagged":3,"compromised":1,"review_count":2,"assigned_to_me":false},
+  {"id":2,"user_name":"Sample User 2","workspace_id":102,"workspace_name":"Sample Workspace B","type":"Routine","total":25,"flagged":5,"compromised":2,"review_count":3,"assigned_to_me":true},
+  {"id":3,"user_name":"Sample User 3","workspace_id":103,"workspace_name":"Sample Workspace C","type":"Routine","total":18,"flagged":4,"compromised":1,"review_count":1,"assigned_to_me":false},
+  {"id":4,"user_name":"Sample User 4","workspace_id":104,"workspace_name":"Sample Workspace D","type":"Routine","total":30,"flagged":7,"compromised":3,"review_count":5,"assigned_to_me":false},
+  {"id":5,"user_name":"Sample User 5","workspace_id":105,"workspace_name":"Sample Workspace E","type":"Routine","total":22,"flagged":6,"compromised":2,"review_count":4,"assigned_to_me":true},
+  {"id":6,"user_name":"John Carter","workspace_id":3,"workspace_name":"sample workspace","type":"Routine","total":54,"flagged":12,"compromised":4,"review_count":3,"assigned_to_me":false},
+  {"id":7,"user_name":"Priya Sharma","workspace_id":4,"workspace_name":"security audit","type":"Routine","total":76,"flagged":20,"compromised":10,"review_count":14,"assigned_to_me":false},
+  {"id":8,"user_name":"Rahul Verma","workspace_id":4,"workspace_name":"security audit","type":"Routine","total":32,"flagged":11,"compromised":3,"review_count":2,"assigned_to_me":true},
+  {"id":9,"user_name":"Neha Kapoor","workspace_id":5,"workspace_name":"exam monitoring","type":"Routine","total":15,"flagged":5,"compromised":1,"review_count":7,"assigned_to_me":false},
+  {"id":10,"user_name":"Amit Singh","workspace_id":5,"workspace_name":"exam monitoring","type":"Routine","total":200,"flagged":80,"compromised":25,"review_count":30,"assigned_to_me":false},
+  {"id":11,"user_name":"Divya Patel","workspace_id":6,"workspace_name":"student review","type":"Routine","total":90,"flagged":35,"compromised":12,"review_count":8,"assigned_to_me":false},
+  {"id":12,"user_name":"Karan Mehta","workspace_id":6,"workspace_name":"student review","type":"Routine","total":61,"flagged":22,"compromised":5,"review_count":10,"assigned_to_me":true},
+  {"id":13,"user_name":"Sanjay Kumar","workspace_id":7,"workspace_name":"final exam audit","type":"Routine","total":44,"flagged":10,"compromised":6,"review_count":4,"assigned_to_me":false},
+  {"id":14,"user_name":"Meera Nair","workspace_id":7,"workspace_name":"final exam audit","type":"Routine","total":28,"flagged":9,"compromised":2,"review_count":5,"assigned_to_me":false},
+  {"id":15,"user_name":"Rohit Gupta","workspace_id":8,"workspace_name":"test workspace","type":"Routine","total":75,"flagged":30,"compromised":11,"review_count":15,"assigned_to_me":false},
+  {"id":16,"user_name":"Sneha Iyer","workspace_id":8,"workspace_name":"test workspace","type":"Routine","total":22,"flagged":7,"compromised":2,"review_count":1,"assigned_to_me":false},
+  {"id":17,"user_name":"Vikram Joshi","workspace_id":9,"workspace_name":"online proctor","type":"Routine","total":300,"flagged":150,"compromised":40,"review_count":60,"assigned_to_me":true},
+  {"id":18,"user_name":"Ananya Das","workspace_id":9,"workspace_name":"online proctor","type":"Routine","total":18,"flagged":6,"compromised":1,"review_count":3,"assigned_to_me":false},
+  {"id":19,"user_name":"Harish Reddy","workspace_id":10,"workspace_name":"mid term audit","type":"Routine","total":64,"flagged":19,"compromised":7,"review_count":11,"assigned_to_me":false},
+  {"id":20,"user_name":"Pooja Shah","workspace_id":10,"workspace_name":"mid term audit","type":"Routine","total":39,"flagged":14,"compromised":3,"review_count":6,"assigned_to_me":false}
+]
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index a5c333e25bf..27259611e17 100644
--- a/src/index.html
+++ b/src/index.html
@@ -55,31 +55,6 @@ <h2 class="font-semibold text-base leading-6 text-gray-900">New Student Page</h2
             {% endfor %}
           </ul>
         </li>
-      </ul>
-            <ul>
-        <li class="mt-4 list-disc ml-5">
-          <h2 class="font-semibold text-base leading-6 text-gray-900">Sentinel</h2>
-          <ul class="list-disc pl-5">
-              {% for view, items in collections.sentinel | groupBy("data.student_view") %}
-              <li  x-data="{ isOpen: false }" @click.away="isOpen=false">
-                {% if items.length and items[0].data.title %}
-                <button type="button" @click="isOpen = !isOpen" class="text-indigo-600 cursor-pointer">{{ view | capitalize }}</button>
-                <ul x-show="isOpen" class="my-2 pl-5 list-disc">
-                  {% for item in items %}
-                    <li >
-                      <a target="_blank" href="{{ item.url | url }}" class="text-indigo-600 hover:text-indigo-900">
-                      {{ item.data.title }}
-                      </a>
-                    </li>
-                  {% endfor %}
-                </ul>
-                {% else %}
-                <a target="_blank" href="{{ items[0].url|url }}" class="text-indigo-600 hover:text-indigo-900">{{ view | capitalize }}</a>
-                {% endif %}
-              </li>
-            {% endfor %}
-          </ul>
-        </li>
       </ul>
       <ul>
         <li class="mt-4 list-disc ml-5">
@@ -166,6 +141,30 @@ <h3 class="text-base font-semibold leading-6 text-gray-900">TPStreams</h3>
         <li><a target="_blank" href="{{ item.url|url }}" class="text-indigo-600 hover:text-indigo-900">{{ item.data.title }}</a></li>
       {%- endfor -%}
       </ul>
+
+      <div class="border-b border-gray-200 pb-2 mt-8">
+        <h3 class="text-base font-semibold leading-6 text-gray-900">TPSentinel</h3>
+      </div>
+        <ul class="list-disc pl-5">
+            {% for view, items in collections.sentinel | groupBy("data.student_view") %}
+            <li  x-data="{ isOpen: false }" @click.away="isOpen=false">
+              {% if items.length and items[0].data.title %}
+              <button type="button" @click="isOpen = !isOpen" class="text-indigo-600 cursor-pointer">{{ view | capitalize }}</button>
+              <ul x-show="isOpen" class="my-2 pl-5 list-disc">
+                {% for item in items %}
+                  <li >
+                    <a target="_blank" href="{{ item.url | url }}" class="text-indigo-600 hover:text-indigo-900">
+                    {{ item.data.title }}
+                    </a>
+                  </li>
+                {% endfor %}
+              </ul>
+              {% else %}
+              <a target="_blank" href="{{ items[0].url|url }}" class="text-indigo-600 hover:text-indigo-900">{{ view | capitalize }}</a>
+              {% endif %}
+            </li>
+          {% endfor %}
+      </ul>
     </div>
     <div class="sm:px-6 lg:px-8 mt-8">
       <div class="border-b border-gray-200 pb-2">
diff --git a/src/sentinel/audit/list/filters.html b/src/sentinel/audit/list/filters.html
new file mode 100644
index 00000000000..ae99b91982c
--- /dev/null
+++ b/src/sentinel/audit/list/filters.html
@@ -0,0 +1,131 @@
+<!-- Header -->
+<div class="pt-3 px-3.5 border-b border-gray-200 dark:border-neutral-700">
+<div x-data="{ activeTab: 'needs-review' }" class="flex flex-wrap justify-between items-center gap-y-2 gap-x-5">
+  <!-- Nav Tab -->
+  <nav class="flex gap-1" aria-label="Tabs" role="tablist">
+    
+    <a href="#"
+       @click.prevent="activeTab = 'needs-review'"
+       :class="activeTab === 'needs-review' ? 'text-gray-800 dark:text-neutral-200 after:bg-gray-800 dark:after:bg-neutral-400' : 'text-gray-500 dark:text-neutral-500 hover:text-gray-800 dark:hover:text-neutral-300'"
+       class="relative inline-flex px-2 py-1.5 mb-2 text-sm rounded-lg after:absolute after:-bottom-2 after:inset-x-2 after:h-0.5 after:pointer-events-none"
+    >
+      Needs Review
+      <span class="py-0.5 px-2 text-xs font-medium rounded-full bg-gray-100 text-gray-800 dark:bg-neutral-700 dark:text-neutral-200">
+        20
+      </span>
+    </a>
+
+    <a href="#"
+       @click.prevent="activeTab = 'in-progress'"
+       :class="activeTab === 'in-progress' ? 'text-gray-800 dark:text-neutral-200 after:bg-gray-800 dark:after:bg-neutral-400' : 'text-gray-500 dark:text-neutral-500 hover:text-gray-800 dark:hover:text-neutral-300'"
+       class="relative inline-flex px-2 py-1.5 mb-2 text-sm rounded-lg after:absolute after:-bottom-2 after:inset-x-2 after:h-0.5 after:pointer-events-none"
+    >
+      In Progress
+      <span class="py-0.5 px-2 text-xs font-medium rounded-full bg-gray-100 text-gray-800 dark:bg-neutral-700 dark:text-neutral-200">
+        20
+      </span>
+    </a>
+
+    <a href="#"
+       @click.prevent="activeTab = 'completed'"
+       :class="activeTab === 'completed' ? 'text-gray-800 dark:text-neutral-200 after:bg-gray-800 dark:after:bg-neutral-400' : 'text-gray-500 dark:text-neutral-500 hover:text-gray-800 dark:hover:text-neutral-300'"
+       class="relative inline-flex px-2 py-1.5 mb-2 text-sm rounded-lg after:absolute after:-bottom-2 after:inset-x-2 after:h-0.5 after:pointer-events-none"
+    >
+      Completed
+      <span class="py-0.5 px-2 text-xs font-medium rounded-full bg-gray-100 text-gray-800 dark:bg-neutral-700 dark:text-neutral-200">
+        20
+      </span>
+    </a>
+
+  </nav>
+</div>
+</div>
+<!-- End Header -->
+<div>
+<div class="py-4 px-5 flex flex-wrap justify-between items-center gap-y-2 gap-x-5">
+    <div class="w-1/2 relative">
+    <!-- Search Input -->      
+        <div class="absolute inset-y-0 start-0 flex items-center pointer-events-none z-20 ps-3.5">
+        <svg class="shrink-0 size-4 text-gray-500 dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="11" cy="11" r="8"></circle>
+            <path d="m21 21-4.3-4.3"></path>
+        </svg>
+        </div>
+        <input type="text" name="search" value="" class="py-1 sm:py-1.5 ps-10 pe-8 block w-full bg-gray-100 border-transparent rounded-lg sm:text-sm focus:bg-white focus:border-indigo-500 focus:ring-indigo-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600" placeholder="Search by candidate name, email, or workspace...">
+    <!-- End Search Input -->
+    </div>
+    <div class="flex justify-end items-center gap-x-2">
+    <div class="p-2 inline-flex items-center text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-2xs hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+        
+        <span class="flex items-center gap-x-1 flatpickr-input" id="date-range-input" readonly="readonly">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 size-3.5"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg>
+        Filter by Date
+        <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"></path></svg>
+        </span>
+        
+    </div>
+
+    <!-- Filter Dropdown -->
+    <div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] inline-flex">
+        <button id="hs-pro-prtrdm" type="button" class="p-2 inline-flex items-center text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-2xs hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Filter">
+        <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
+        </svg>
+        </button>
+        <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-72 transition-[opacity,margin] duration opacity-0 hidden z-50 bg-white rounded-xl shadow-xl dark:bg-neutral-900 p-4 flex flex-col gap-y-4" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-prtrdm" tabindex="-1">            
+            
+            <!-- Priority Filter -->
+            <div >
+            <label for="priority-filter" class="block mb-2 text-sm font-medium text-gray-500 dark:text-neutral-500">Priority</label>
+            <select id="priority-filter" name="priority" class="py-2 px-3 w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:outline-hidden focus:ring-2 focus:ring-blue-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
+                <option value="">All Priorities</option>
+                
+                <option value="1">Critical</option>
+                
+                <option value="3">High</option>
+                
+                <option value="5">Medium</option>
+                
+                <option value="7">Low</option>
+                
+                <option value="10">Routine</option>
+                
+            </select>
+            </div>
+            <!-- Workspace Filter -->
+            <div>
+            <label for="workspace-filter" class="block mb-2 text-sm font-medium text-gray-500 dark:text-neutral-500">Workspace</label>
+            <select id="workspace-filter" name="workspace" class="py-2 px-3 w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:outline-hidden focus:ring-2 focus:ring-blue-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
+                <option value="">All Workspaces</option>
+                
+                <option value="2">course 1</option>
+                
+                <option value="1">proctoring</option>
+                
+                <option value="11">Finance</option>
+                
+            </select>
+            </div>
+            <!-- Anomaly Status Filter -->
+            <div>
+            <label for="anomaly-filter" class="block mb-2 text-sm font-medium text-gray-500 dark:text-neutral-500">Anomaly Status</label>
+            <select id="anomaly-filter" name="anomaly_status" class="py-2 px-3 w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:outline-hidden focus:ring-2 focus:ring-blue-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
+                <option value="">All Status</option>
+                <option value="has_anomalies">Has Anomalies</option>
+                <option value="no_anomalies">No Anomalies</option>
+            </select>
+            </div>
+            <div class="flex gap-x-2">
+            <button type="button" class="flex-1 py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:ring-2 focus:ring-blue-600 dark:focus:ring-blue-500">
+                Apply Filters
+            </button>
+            <a href="#" class="flex-1 py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:ring-2 focus:ring-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700">
+                Clear
+            </a>
+            </div>
+        </div>
+    </div>
+    <!-- End Filter Dropdown -->
+    </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/src/sentinel/audit/list/header.html b/src/sentinel/audit/list/header.html
new file mode 100644
index 00000000000..59f1da6d77d
--- /dev/null
+++ b/src/sentinel/audit/list/header.html
@@ -0,0 +1,8 @@
+<div class="flex flex-wrap justify-between items-center gap-2">
+  <div>
+    <h1 class="text-lg md:text-xl font-semibold text-gray-800 dark:text-neutral-200">Audit Review Queue</h1>
+    <p class="mt-1 text-sm text-gray-500 dark:text-neutral-400">
+      Review candidate workspace progress and verify completion
+    </p>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/sentinel/audit/list/index.html b/src/sentinel/audit/list/index.html
new file mode 100644
index 00000000000..7c335470546
--- /dev/null
+++ b/src/sentinel/audit/list/index.html
@@ -0,0 +1,16 @@
+---
+tags: sentinel
+student_view : Audit
+date: 2026-03-16
+---
+
+
+{% extends "src/sentinel/layout/index.html" %}
+
+{% block main_content %}
+
+{% include "./header.html" %}
+{% include "./table.html" %}
+{% include "src/sentinel/partials/date_picker.html" %}
+
+{% endblock main_content %}
\ No newline at end of file
diff --git a/src/sentinel/audit/list/table.html b/src/sentinel/audit/list/table.html
new file mode 100644
index 00000000000..78f31a748c7
--- /dev/null
+++ b/src/sentinel/audit/list/table.html
@@ -0,0 +1,172 @@
+<style>
+/* Hide number input arrows (Chrome, Safari, Edge, Opera) */
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+-webkit-appearance: none;
+margin: 0;
+}
+
+/* Hide arrows (Firefox) */
+input[type=number] {
+-moz-appearance: textfield;
+}
+</style>
+
+<div class="flex flex-col bg-white border border-gray-200 shadow-xs rounded-xl dark:bg-neutral-800 dark:border-neutral-700"> 
+    {% include "./filters.html" %} 
+    <!-- Tab Content -->
+    <div id="hs-pro-tabs-pdprt-tasks" role="tabpanel" aria-labelledby="hs-pro-tabs-pdprt-item-tasks">
+        <!-- Table Content -->
+        <div class="overflow-x-auto [&amp;::-webkit-scrollbar]:h-2 [&amp;::-webkit-scrollbar-thumb]:rounded-full [&amp;::-webkit-scrollbar-track]:bg-gray-100 [&amp;::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&amp;::-webkit-scrollbar-track]:bg-neutral-700 dark:[&amp;::-webkit-scrollbar-thumb]:bg-neutral-500">
+            <div class="min-w-full inline-block align-middle">
+                <table class="min-w-full divide-y divide-gray-200 dark:divide-neutral-700">
+                    {% include "./table_header.html" %}
+                <tbody class="divide-y divide-gray-200 dark:divide-neutral-700" >
+
+                
+                {% if audit_list %}
+                {% for audit in audit_list %}
+                <tr class="hover:bg-gray-50 dark:hover:bg-neutral-700/50">
+                    <td class="py-3 ps-4">
+                        <div class="flex items-center h-5">
+                        <input type="checkbox" class="border-gray-200 rounded-sm text-blue-600 focus:ring-blue-500 dark:bg-neutral-700 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500">
+                        </div>
+                    </td>
+                    <td class="py-3 px-5 whitespace-nowrap">
+                        <span class="text-sm text-gray-800 dark:text-neutral-200">
+                        {{audit.user_name}}
+                        </span>
+                    </td>
+                    <td class="py-3 px-5 whitespace-nowrap">
+                        <a class="text-sm text-foreground decoration-2 truncate hover:text-primary hover:underline focus:outline-none focus:text-primary focus:underline dark:text-foreground dark:hover:text-primary dark:focus:text-primary" href="#">{{ audit.workspace_name }}</a>
+                    </td>
+                    <td class="py-3 px-5 whitespace-nowrap">
+                        
+                        <span class="py-1 px-2.5 inline-flex items-center gap-x-0.5 bg-gray-100 text-gray-700 text-xs rounded-full dark:bg-gray-500/10 dark:text-gray-400">{{audit.type}}</span>
+                        
+                    </td>
+                    <td class="py-3 px-5 whitespace-nowrap">
+                        
+                        <div class="inline-flex items-center gap-x-2">
+                            <span class="text-sm text-gray-800 dark:text-neutral-200">{{ audit.total }}</span>
+                            <div class="relative inline-flex items-center gap-x-1" x-data="{ open: false }" @click.away="open = false">
+                            <button type="button" @click="open = !open" class="inline-flex items-center text-gray-400 hover:text-gray-600 dark:text-neutral-500 dark:hover:text-neutral-300">
+                                <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                <circle cx="12" cy="12" r="10"></circle>
+                                <path d="M12 16v-4"></path>
+                                <path d="M12 8h.01"></path>
+                                </svg>
+                            </button>
+                            <!-- djlint:off H021 -->
+                            <div x-show="open" x-transition="" class="absolute left-full top-0 ml-2 z-50 bg-white dark:bg-neutral-800 border border-gray-200 dark:border-neutral-700 rounded-lg shadow-lg p-3 min-w-[200px]" style="display: none">
+                                <!-- djlint:on H021 -->
+                                <div class="space-y-2 text-sm">
+                                <div class="flex items-center justify-between">
+                                    <span class="text-gray-600 dark:text-neutral-400">Flagged:</span>
+                                    <span class="font-medium text-gray-900 dark:text-neutral-100">{{ audit.flagged }}</span>
+                                </div>
+                                <div class="flex items-center justify-between">
+                                    <span class="text-red-600 dark:text-red-400">Compromised:</span>
+                                    <span class="font-medium text-red-900 dark:text-red-100">{{ audit.compromised }}</span>
+                                </div>
+                                </div>
+                            </div>
+                            </div>
+                        </div>
+                        
+                    </td>
+                    <td class="py-3 px-5 whitespace-nowrap">
+                        <span class="text-sm text-gray-800 dark:text-neutral-200">{{ audit.review_count }}</span>
+                    </td>
+                    <td class="py-3 px-5 whitespace-nowrap text-end">
+                        <div class="flex justify-center items-center -space-x-px">
+                        <a href="#" class="py-2 px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium first:rounded-s-lg last:rounded-e-lg border border-stone-200 bg-white text-stone-800 shadow-2xs hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
+                            Review
+                        </a>
+                        <div class="hs-dropdown relative inline-flex [--auto-close:inside] [--placement:bottom-right] first:rounded-s-lg last:rounded-e-lg border border-stone-200 bg-white shadow-2xs hover:bg-stone-50 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:bg-neutral-700">
+                            <button type="button" class="size-8 inline-flex justify-center items-center gap-x-2 rounded-e-lg text-stone-800 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-50 dark:text-neutral-300 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                <circle cx="12" cy="12" r="1"></circle>
+                                <circle cx="12" cy="5" r="1"></circle>
+                                <circle cx="12" cy="19" r="1"></circle>
+                            </svg>
+                            </button>
+                            <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-48 transition-[opacity,margin] duration opacity-0 hidden z-10 bg-white rounded-xl shadow-xl dark:bg-neutral-900" role="menu" aria-orientation="vertical" tabindex="-1">
+                            <div class="p-1">
+                                
+                                <button type="submit" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-100 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+                                    Assign to Me
+                                </button>
+                                
+                                <div class="my-1 border-t border-stone-200 dark:border-neutral-800"></div>
+                                
+                                <a href="#" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-100 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+                                View Details
+                                </a>
+                                
+                            </div>
+                            </div>
+                        </div>
+                        </div>
+                    </td>
+                </tr>
+                {% endfor %}
+                {% else %}
+                <!-- Empty State -->
+                <div class="p-5 min-h-96 flex flex-col justify-center items-center text-center">
+                    <svg class="w-48 mx-auto mb-4"
+                        width="178"
+                        height="90"
+                        viewBox="0 0 178 90"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                    <rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800" />
+                    <rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10" />
+                    <rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30" />
+                    <rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30" />
+                    <rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30" />
+                    <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800" />
+                    <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30" />
+                    <rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70" />
+                    <rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70" />
+                    <rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70" />
+                    <g filter="url(#filter19)">
+                    <rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges" />
+                    <rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges" />
+                    <rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700 " />
+                    <rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700" />
+                    <rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700" />
+                    </g>
+                    <defs>
+                    <filter id="filter19" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+                    <feOffset dy="6" />
+                    <feGaussianBlur stdDeviation="6" />
+                    <feComposite in2="hardAlpha" operator="out" />
+                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0" />
+                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810" />
+                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape" />
+                    </filter>
+                    </defs>
+                    </svg>
+                    <div class="max-w-sm mx-auto">
+                    <p class="mt-2 font-medium text-gray-800 dark:text-neutral-200">No items to review</p>
+                    <p class="mb-5 text-sm text-gray-500 dark:text-neutral-500">
+                        There are no candidate workspace progress items requiring review at this time.
+                    </p>
+                    </div>
+                </div>
+                <!-- End Empty State -->
+                {% endif %}
+            </tbody>
+            </table>
+        <div class="px-3.5 pb-3">
+        </div>
+    </div>
+</div>
+<!-- End Table Content -->
+</div>
+<!-- End Tab Content -->
+{% include "./table_footer.html" %}
+</div>
diff --git a/src/sentinel/audit/list/table_footer.html b/src/sentinel/audit/list/table_footer.html
new file mode 100644
index 00000000000..3d78651cccb
--- /dev/null
+++ b/src/sentinel/audit/list/table_footer.html
@@ -0,0 +1,41 @@
+<div class="px-3.5 pb-3">
+
+<div class="mt-5 flex flex-wrap justify-between items-center gap-2">
+    <div class="inline-flex items-center space-x-2">
+    <input type="number" min="1" :max="10" class="appearance-none [&amp;::-webkit-inner-spin-button]:appearance-none [&amp;::-webkit-outer-spin-button]:appearance-none [-moz-appearance:textfield] py-1.5 sm:py-2 px-3 block w-16 border-gray-200 rounded-lg sm:text-sm font-medium text-gray-700 placeholder:text-gray-400 placeholder:font-normal focus:border-gray-300 focus:ring-0 disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Go to">
+    <p class="text-sm text-gray-700 dark:text-neutral-400">
+      Showing
+      <span class="font-medium">1</span>
+      to
+      <span class="font-medium">20</span>
+      of
+      <span class="font-medium">30</span>
+      results
+    </p>
+    </div>
+
+    <!-- Pagination -->
+    <nav class="flex justify-end items-center gap-x-1" aria-label="Pagination">
+      
+        <span class="min-h-9.5 min-w-9.5 py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-400 bg-stone-50 dark:text-neutral-500 dark:bg-neutral-800 opacity-50 cursor-not-allowed" aria-label="Previous">
+          <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"></path></svg>
+          <span class="sr-only">Previous</span>
+        </span>
+      
+      <div class="flex items-center gap-x-1">
+        <span class="min-h-9.5 min-w-9.5 flex justify-center items-center bg-stone-100 text-stone-800 py-2 px-3 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:text-white" aria-current="page">1</span>
+        <span class="min-h-9.5 flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm dark:text-neutral-500">of</span>
+        <span class="min-h-9.5 flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm dark:text-neutral-500">2</span>
+      </div>
+      
+        <a class="min-h-9.5 min-w-9.5 py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-800 hover:bg-stone-100 focus:outline-hidden focus:bg-stone-100 dark:text-white dark:hover:bg-white/10 dark:focus:bg-neutral-700" aria-label="Next">
+          <span class="sr-only">Next</span>
+          <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"></path></svg>
+        </a>
+      
+    </nav>
+    <!-- End Pagination -->
+</div>
+
+
+  </div>
\ No newline at end of file
diff --git a/src/sentinel/audit/list/table_header.html b/src/sentinel/audit/list/table_header.html
new file mode 100644
index 00000000000..1fb56eacc44
--- /dev/null
+++ b/src/sentinel/audit/list/table_header.html
@@ -0,0 +1,165 @@
+<thead class="bg-gray-50 border-t border-gray-200 dark:bg-neutral-700/50 dark:border-neutral-700">
+<tr>
+    <!-- Checkbox -->
+    <th scope="col" class="py-3 ps-4">
+    <div class="flex items-center h-5">
+        <input type="checkbox" id="select-all" class="border-gray-200 rounded-sm text-blue-600 focus:ring-blue-500 dark:bg-neutral-700 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500" @change="const allIds = Array.from(document.querySelectorAll('tbody input[type=\'checkbox\']')).map(cb =&gt; cb.value); $event.target.checked ? selectedRows = allIds : selectedRows = []">
+        <label for="select-all" class="sr-only">Select all</label>
+    </div>
+    </th>
+    <!-- Candidate -->
+    <th scope="col" class="w-auto max-w-xs">
+    <div class="relative inline-flex w-full cursor-pointer" x-data="{ open: false }" @click.away="open = false">
+        <button type="button" class="px-4 py-2.5 text-start w-full whitespace-nowrap flex items-center gap-x-1 text-sm font-normal text-gray-500 focus:outline-hidden focus:bg-gray-100 dark:text-neutral-500 dark:focus:bg-neutral-700" @click="open = !open" aria-haspopup="menu" :aria-expanded="open" aria-label="Candidate sort dropdown" aria-expanded="false">
+        Candidate
+        <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="m7 15 5 5 5-5"></path>
+            <path d="m7 9 5-5 5 5"></path>
+        </svg>
+        </button>
+        <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute top-0 left-0 mt-10 w-40 z-10 bg-white rounded-xl shadow-xl dark:bg-neutral-900" role="menu" aria-orientation="vertical" style="display: none;">
+        <div class="p-1">
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="m5 12 7-7 7 7"></path>
+                <path d="M12 19V5"></path>
+            </svg>
+            Sort ascending
+            </a>
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 5v14"></path>
+                <path d="m19 12-7 7-7-7"></path>
+            </svg>
+            Sort descending
+            </a>
+        </div>
+        </div>
+    </div>
+    </th>
+    <!-- Workspace -->
+    <th scope="col" class="w-auto max-w-xs">
+    <div class="relative inline-flex w-full cursor-pointer" x-data="{ open: false }" @click.away="open = false">
+        <button type="button" class="px-4 py-2.5 text-start w-full whitespace-nowrap flex items-center gap-x-1 text-sm font-normal text-gray-500 focus:outline-hidden focus:bg-gray-100 dark:text-neutral-500 dark:focus:bg-neutral-700" @click="open = !open" aria-haspopup="menu" :aria-expanded="open" aria-label="Workspace sort dropdown" aria-expanded="false">
+        Workspace
+        <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="m7 15 5 5 5-5"></path>
+            <path d="m7 9 5-5 5 5"></path>
+        </svg>
+        </button>
+        <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute top-0 left-0 mt-10 w-40 z-10 bg-white rounded-xl shadow-xl dark:bg-neutral-900" role="menu" aria-orientation="vertical" style="display: none;">
+        <div class="p-1">
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="m5 12 7-7 7 7"></path>
+                <path d="M12 19V5"></path>
+            </svg>
+            Sort ascending
+            </a>
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 5v14"></path>
+                <path d="m19 12-7 7-7-7"></path>
+            </svg>
+            Sort descending
+            </a>
+        </div>
+        </div>
+    </div>
+    </th>
+    <!-- Priority -->
+    <th scope="col" class="w-32">
+    <div class="relative inline-flex w-full cursor-pointer" x-data="{ open: false }" @click.away="open = false">
+        <button type="button" class="px-4 py-2.5 text-start w-full whitespace-nowrap flex items-center gap-x-1 text-sm font-normal text-gray-500 focus:outline-hidden focus:bg-gray-100 dark:text-neutral-500 dark:focus:bg-neutral-700" @click="open = !open" aria-haspopup="menu" :aria-expanded="open" aria-label="Priority sort dropdown" aria-expanded="false">
+        Priority
+        <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="m7 15 5 5 5-5"></path>
+            <path d="m7 9 5-5 5 5"></path>
+        </svg>
+        </button>
+        <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute top-0 left-0 mt-10 w-40 z-10 bg-white rounded-xl shadow-xl dark:bg-neutral-900" role="menu" aria-orientation="vertical" style="display: none;">
+        <div class="p-1">
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="m5 12 7-7 7 7"></path>
+                <path d="M12 19V5"></path>
+            </svg>
+            Sort ascending
+            </a>
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 5v14"></path>
+                <path d="m19 12-7 7-7-7"></path>
+            </svg>
+            Sort descending
+            </a>
+        </div>
+        </div>
+    </div>
+    </th>
+    <!-- Anomalies -->
+    <th scope="col" class="w-32">
+    <div class="relative inline-flex w-full cursor-pointer" x-data="{ open: false }" @click.away="open = false">
+        <button type="button" class="px-4 py-2.5 text-start w-full whitespace-nowrap flex items-center gap-x-1 text-sm font-normal text-gray-500 focus:outline-hidden focus:bg-gray-100 dark:text-neutral-500 dark:focus:bg-neutral-700" @click="open = !open" aria-haspopup="menu" :aria-expanded="open" aria-label="Anomalies sort dropdown" aria-expanded="false">
+        Anomalies
+        <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="m7 15 5 5 5-5"></path>
+            <path d="m7 9 5-5 5 5"></path>
+        </svg>
+        </button>
+        <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute top-0 left-0 mt-10 w-40 z-10 bg-white rounded-xl shadow-xl dark:bg-neutral-900" role="menu" aria-orientation="vertical" style="display: none;">
+        <div class="p-1">
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="m5 12 7-7 7 7"></path>
+                <path d="M12 19V5"></path>
+            </svg>
+            Sort ascending
+            </a>
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 5v14"></path>
+                <path d="m19 12-7 7-7-7"></path>
+            </svg>
+            Sort descending
+            </a>
+        </div>
+        </div>
+    </div>
+    </th>
+    <!-- Sessions -->
+    <th scope="col" class="w-32">
+    <div class="relative inline-flex w-full cursor-pointer" x-data="{ open: false }" @click.away="open = false">
+        <button type="button" class="px-4 py-2.5 text-start w-full whitespace-nowrap flex items-center gap-x-1 text-sm font-normal text-gray-500 focus:outline-hidden focus:bg-gray-100 dark:text-neutral-500 dark:focus:bg-neutral-700" @click="open = !open" aria-haspopup="menu" :aria-expanded="open" aria-label="Sessions sort dropdown" aria-expanded="false">
+        Sessions
+        <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="m7 15 5 5 5-5"></path>
+            <path d="m7 9 5-5 5 5"></path>
+        </svg>
+        </button>
+        <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute top-0 left-0 mt-10 w-40 z-10 bg-white rounded-xl shadow-xl dark:bg-neutral-900" role="menu" aria-orientation="vertical" style="display: none;">
+        <div class="p-1">
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="m5 12 7-7 7 7"></path>
+                <path d="M12 19V5"></path>
+            </svg>
+            Sort ascending
+            </a>
+            <a href="#" @click="open = false" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] font-normal text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 focus:outline-hidden focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
+            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 5v14"></path>
+                <path d="m19 12-7 7-7-7"></path>
+            </svg>
+            Sort descending
+            </a>
+        </div>
+        </div>
+    </div>
+    </th>
+    <!-- Action -->
+    <th scope="col" class="py-3 px-5">
+    <span class="text-sm font-normal text-gray-500 capitalize dark:text-neutral-500">Action</span>
+    </th>
+</tr>
+</thead>
\ No newline at end of file
diff --git a/src/sentinel/layout/sidebar.html b/src/sentinel/layout/sidebar.html
index 64dc55600f6..d6a85d6aa56 100644
--- a/src/sentinel/layout/sidebar.html
+++ b/src/sentinel/layout/sidebar.html
@@ -94,7 +94,7 @@
         <ul class="flex flex-col gap-y-1 px-2 lg:px-5">
           <!-- Main Links -->
           <li>
-            <a class="flex gap-x-3 py-2 px-3 text-sm text-gray-800 rounded-lg hover:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-700 bg-gray-100 dark:bg-neutral-700"
+            <a class="flex gap-x-3 py-2 px-3 text-sm text-gray-800 rounded-lg hover:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-700"
               href="#">
               <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                 stroke-width="1.5" stroke="currentColor">
@@ -105,8 +105,8 @@
             </a>
           </li>
           <li>
-            <a class="flex gap-x-3 py-2 px-3 text-sm text-gray-800 rounded-lg hover:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-700"
-              href="#">
+            <a class="flex gap-x-3 py-2 px-3 text-sm text-gray-800 rounded-lg hover:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-700 {% if '/workspace/' in page.url %}bg-gray-100 dark:bg-neutral-700{% endif %}"
+              href="/sentinel/workspace/list/">
               <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                 stroke-width="1.5" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round"
@@ -127,16 +127,13 @@
             </a>
           </li>
           <li>
-            <a class="flex gap-x-3 py-2 px-3 text-sm text-gray-800 rounded-lg hover:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-700"
-              href="#">
-              <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                stroke-width="1.5" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round"
-                  d="M6.827 6.175A2.31 2.31 0 0 1 5.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 0 0-1.134-.175 2.31 2.31 0 0 1-1.64-1.055l-.822-1.316a2.192 2.192 0 0 0-1.736-1.039 48.774 48.774 0 0 0-5.232 0 2.192 2.192 0 0 0-1.736 1.039l-.821 1.316Z" />
-                <path stroke-linecap="round" stroke-linejoin="round"
-                  d="M16.5 12.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 10.5h.008v.008h-.008V10.5Z" />
+            <a class="flex gap-x-3 py-2 px-3 text-sm text-gray-800 rounded-lg hover:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-700 {% if '/audit/' in page.url %}bg-gray-100 dark:bg-neutral-700{% endif %}"
+              href="/sentinel/audit/list/">
+              <svg class="shrink-0 mt-0.5 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" />
+                <path d="m9 12 2 2 4-4" />
               </svg>
-              Evidence
+              Audit
             </a>
           </li>
           <!-- Accordion Candidates -->
diff --git a/src/sentinel/partials/date_picker.html b/src/sentinel/partials/date_picker.html
new file mode 100644
index 00000000000..0168e30450c
--- /dev/null
+++ b/src/sentinel/partials/date_picker.html
@@ -0,0 +1,58 @@
+<link rel="stylesheet" href="https://unpkg.com/flatpickr/dist/flatpickr.min.css" />
+<script src="https://unpkg.com/flatpickr/dist/flatpickr.min.js"></script>
+<script>
+(function() {
+    const input = document.getElementById("date-range-input");
+
+    function formatDateParam(date) {
+        const pad = v => String(v).padStart(2, "0");
+        return `${pad(date.getMonth() + 1)}/${pad(date.getDate())}/${date.getFullYear()} ` +
+               `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+    }
+
+    function createCancelButton(instance) {
+        const btn = document.createElement("button");
+        btn.textContent = "Cancel";
+        btn.className =
+         "py-2 px-3 text-xs rounded-lg border bg-white dark:bg-neutral-800 dark:border-neutral-700";
+        btn.onclick = () => {
+            instance.clear();
+            instance.close();
+        };
+        return btn;
+    }
+
+    function createApplyButton(instance, selectedDates) {
+        const btn = document.createElement("button");
+        btn.textContent = "Apply";
+        btn.className =
+         "py-2 px-3 text-xs rounded-lg border-transparent bg-blue-600 text-white";
+        btn.onclick = () => {
+            // TODO: Add logic to apply date range filter using instance.selectedDates
+            instance.close();
+        };
+        return btn;
+    }
+
+    function createFooter(instance, selectedDates) {
+        const footer = document.createElement("div");
+        footer.className = "flatpickr-footer flex justify-end gap-2 pr-2 py-2 dark:border-neutral-700";
+        footer.appendChild(createCancelButton(instance));
+        footer.appendChild(createApplyButton(instance, selectedDates));
+        instance.calendarContainer.appendChild(footer);
+    }
+
+    const config = {
+        mode: "range",
+        showMonths: 2,
+        closeOnSelect: false,
+        maxDate: "today",
+        dateFormat: "m-d-Y",
+        onReady(selectedDates, dateStr, instance) {
+            createFooter(instance, selectedDates);
+        }
+    };
+
+    flatpickr(input, config);
+})();
+</script>