From e7ec457d0e4869d9d0ea104b8ad5fb2e2a2e0108 Mon Sep 17 00:00:00 2001
From: M1 <m1-pro@M1s-MacBook-Pro.local>
Date: Tue, 17 Mar 2026 10:48:24 +0400
Subject: [PATCH] feat: show jitter_ms in pings table time column

---
 apps/web/src/views/detail.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/views/detail.ejs b/apps/web/src/views/detail.ejs
index 899b322..e731607 100644
--- a/apps/web/src/views/detail.ejs
+++ b/apps/web/src/views/detail.ejs
@@ -86,7 +86,7 @@
                 <th class="text-left px-4 py-2 font-medium">Status</th>
                 <th class="text-left px-4 py-2 font-medium">Code</th>
                 <th class="text-left px-4 py-2 font-medium">Latency</th>
-                <th class="text-left px-4 py-2 font-medium">Time</th>
+                <th class="text-left px-4 py-2 font-medium">Time / Jitter</th>
                 <th class="text-left px-4 py-2 font-medium">Error</th>
               </tr>
             </thead>
@@ -96,7 +96,7 @@
                   <td class="px-4 py-2"><%~ c.up ? '<span class="text-green-400">Up</span>' : '<span class="text-red-400">Down</span>' %></td>
                   <td class="px-4 py-2 text-gray-300"><%= c.status_code != null ? c.status_code : '—' %></td>
                   <td class="px-4 py-2 text-gray-300"><%= c.latency_ms != null ? c.latency_ms + 'ms' : '—' %></td>
-                  <td class="px-4 py-2 text-gray-500"><%~ it.timeAgoSSR(c.checked_at) %></td>
+                  <td class="px-4 py-2 text-gray-500"><%~ it.timeAgoSSR(c.checked_at) %><% if (c.jitter_ms != null) { %><span class="text-gray-600 text-xs ml-1">(+<%= c.jitter_ms %>ms jitter)</span><% } %></td>
                   <td class="px-4 py-2 text-red-400/70 text-xs truncate max-w-[200px]"><%= c.error ? c.error : '' %></td>
                 </tr>
               <% }) %>
@@ -317,7 +317,7 @@
           <td class="px-4 py-2">${ping.up ? '<span class="text-green-400">Up</span>' : '<span class="text-red-400">Down</span>'}</td>
           <td class="px-4 py-2 text-gray-300">${ping.status_code ?? '—'}</td>
           <td class="px-4 py-2 text-gray-300">${ping.latency_ms != null ? ping.latency_ms + 'ms' : '—'}</td>
-          <td class="px-4 py-2 text-gray-500">${timeAgo(ping.checked_at)}</td>
+          <td class="px-4 py-2 text-gray-500">${timeAgo(ping.checked_at)}${ping.jitter_ms != null ? `<span class="text-gray-600 text-xs ml-1">(+${ping.jitter_ms}ms jitter)</span>` : ''}</td>
           <td class="px-4 py-2 text-red-400/70 text-xs truncate max-w-[200px]">${ping.error ? escapeHtml(ping.error) : ''}</td>
         `;
         tbody.prepend(tr);