Show presence in chat header

public/admin.css

@@ -293,6 +293,14 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
   background: #f8fbf9;
   white-space: nowrap;
 }
+.visitor-summary-row .presence-dot {
+  border: 0;
+  padding: 0;
+  background: #c9d4ce;
+}
+.visitor-summary-row .presence-dot.active { background: #2f9e44; }
+.visitor-summary-row .presence-dot.idle { background: #f59f00; }
+.visitor-summary-row .presence-dot.offline { background: #c9d4ce; }
 .visitor-details {
   max-width: 980px;
   color: var(--muted);

public/admin.js

@@ -420,6 +420,7 @@ function renderActive() {
     <div class="visitor-head">
       <div class="visitor-summary-row">
         <h2>${escapeHtml(conversationVisitorName(conversation))}</h2>
+        ${presenceDot(conversation.visitorPresence)}
         <span title="Zeme">${visitorCountry(conversation)}</span>
         <span title="Doba na webu">${formatDuration(conversation.sessionSeconds)}</span>
         <span title="Navstivene stranky">${Number(conversation.pageCount || 0)} str.</span>