From 2f3500515a2ce6800a420da79e26d62b45c76ac4 Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sun, 26 Apr 2026 09:01:59 -0500
Subject: [PATCH] =?UTF-8?q?feat(rover):=20overlay=20LOS=20line=20+=20label?=
 =?UTF-8?q?=20profile=20rover=E2=86=92station=20endpoints?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/microwaveprop_web/live/rover_live.ex | 28 +++++++++++++++++++-----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/lib/microwaveprop_web/live/rover_live.ex b/lib/microwaveprop_web/live/rover_live.ex
index 1defd26e..d0167da6 100644
--- a/lib/microwaveprop_web/live/rover_live.ex
+++ b/lib/microwaveprop_web/live/rover_live.ex
@@ -773,12 +773,17 @@ defmodule MicrowavepropWeb.RoverLive do
 
     fill = "0,60 " <> line <> " 240,60"
 
+    los_y_start = Float.round(60.0 - (first.elev - min_e) / span * 50.0, 2)
+    los_y_end = Float.round(60.0 - (last.elev - min_e) / span * 50.0, 2)
+
     %{
       line: line,
       fill: fill,
       start_elev_m: first.elev,
       end_elev_m: last.elev,
-      total_km: total_km
+      total_km: total_km,
+      los_y_start: los_y_start,
+      los_y_end: los_y_end
     }
   end
 
@@ -1150,7 +1155,7 @@ defmodule MicrowavepropWeb.RoverLive do
           <div class="text-[11px] opacity-60">
             rover {elev_ft(link.rover_elev_m)} · max obstacle {elev_ft(link.max_obstacle_m)}
           </div>
-          <.profile_svg :if={link.profile_svg} svg={link.profile_svg} />
+          <.profile_svg :if={link.profile_svg} svg={link.profile_svg} callsign={link.callsign} />
         </div>
       </div>
     </div>
@@ -1158,17 +1163,28 @@ defmodule MicrowavepropWeb.RoverLive do
   end
 
   attr :svg, :map, required: true
+  attr :callsign, :string, required: true
 
   defp profile_svg(assigns) do
     ~H"""
     <svg viewBox="0 0 240 64" class="w-full h-12 mt-1" preserveAspectRatio="none">
       <polygon points={@svg.fill} fill="rgb(14 165 233 / 0.25)" />
       <polyline points={@svg.line} fill="none" stroke="#0ea5e9" stroke-width="1.2" />
+      <line
+        x1="0"
+        y1={@svg.los_y_start}
+        x2="240"
+        y2={@svg.los_y_end}
+        stroke="#f59e0b"
+        stroke-width="1"
+        stroke-dasharray="3 2"
+        opacity="0.85"
+      />
     </svg>
-    <div class="flex justify-between text-[10px] opacity-50 font-mono">
-      <span>{elev_ft(@svg.start_elev_m)}</span>
-      <span>{km_to_mi(@svg.total_km)} mi</span>
-      <span>{elev_ft(@svg.end_elev_m)}</span>
+    <div class="flex justify-between text-[10px] opacity-60 font-mono gap-2">
+      <span>rover {elev_ft(@svg.start_elev_m)}</span>
+      <span class="opacity-70">{km_to_mi(@svg.total_km)} mi</span>
+      <span>{@callsign} {elev_ft(@svg.end_elev_m)}</span>
     </div>
     """
   end