From b4e1d0ee1b2b21d14ae4886af18ef458f0edaeca Mon Sep 17 00:00:00 2001
From: rajchales-monito <rajchales-monito@users.noreply.github.com>
Date: Fri, 24 Jul 2026 12:33:09 +0200
Subject: [PATCH] Show presence in chat header

---
 public/admin.css | 8 ++++++++
 public/admin.js  | 1 +
 2 files changed, 9 insertions(+)

diff --git a/public/admin.css b/public/admin.css
index 99c5b9a..52891cb 100644
--- a/public/admin.css
+++ b/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);
diff --git a/public/admin.js b/public/admin.js
index 113e577..caf1ffb 100644
--- a/public/admin.js
+++ b/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>