From d42e15c15970cd50b3b50114b812e147a6e2bfbf Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Fri, 25 Jul 2025 14:18:22 -0500
Subject: [PATCH] Add real-time last update display to map sidebar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This adds a "Last Update" section below the navigation that shows:
- Relative time ("less than a minute ago")
- Exact UTC timestamp ("2025-07-25 19:04 UTC")

Updates automatically whenever LiveView receives packet updates or map bounds changes.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 lib/aprsme_web/live/map_live/index.ex         | 26 ++++++++++++++++++-
 .../live/map_live/packet_processor.ex         |  4 +++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/lib/aprsme_web/live/map_live/index.ex b/lib/aprsme_web/live/map_live/index.ex
index d17c62f..937f182 100644
--- a/lib/aprsme_web/live/map_live/index.ex
+++ b/lib/aprsme_web/live/map_live/index.ex
@@ -199,7 +199,9 @@ defmodule AprsmeWeb.MapLive.Index do
       # Overlay controls
       overlay_callsign: "",
       # Slideover state - will be set based on screen size
-      slideover_open: true
+      slideover_open: true,
+      # Track when last update occurred for display
+      last_update_at: DateTime.utc_now()
     )
   end
 
@@ -1295,6 +1297,27 @@ defmodule AprsmeWeb.MapLive.Index do
           />
         </div>
         
+    <!-- Last Update -->
+        <div class="pt-4 border-t border-slate-200 space-y-3">
+          <div class="flex items-center space-x-2 text-sm text-slate-600">
+            <svg class="w-4 h-4 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+              />
+            </svg>
+            <span class="font-medium">{gettext("Last Update")}</span>
+          </div>
+          <div class="text-xs text-slate-500">
+            <div class="font-mono">{time_ago_in_words(@last_update_at)}</div>
+            <div class="font-mono text-slate-400">
+              {Calendar.strftime(@last_update_at, "%Y-%m-%d %H:%M UTC")}
+            </div>
+          </div>
+        </div>
+        
     <!-- Deployment Information -->
         <div class="pt-4 border-t border-slate-200 space-y-3">
           <div class="flex items-center space-x-2 text-sm text-slate-600">
@@ -1618,6 +1641,7 @@ defmodule AprsmeWeb.MapLive.Index do
       socket
       |> assign(map_bounds: map_bounds, packet_state: updated_packet_state)
       |> assign(needs_initial_historical_load: false)
+      |> assign(last_update_at: DateTime.utc_now())
 
     # Load historical packets for the new bounds (now socket.assigns.map_bounds is correct)
     Logger.debug("Starting progressive historical loading for new bounds")
diff --git a/lib/aprsme_web/live/map_live/packet_processor.ex b/lib/aprsme_web/live/map_live/packet_processor.ex
index 8441add..3c7f407 100644
--- a/lib/aprsme_web/live/map_live/packet_processor.ex
+++ b/lib/aprsme_web/live/map_live/packet_processor.ex
@@ -38,6 +38,10 @@ defmodule AprsmeWeb.MapLive.PacketProcessor do
 
     # Handle packet visibility logic
     socket = handle_packet_visibility(packet, lat, lon, callsign_key, socket)
+    
+    # Update last update timestamp for display purposes
+    socket = assign(socket, :last_update_at, DateTime.utc_now())
+    
     {:noreply, socket}
   end