chore: release v0.27.12

frontend/src/components/FTMapPanel.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import L from 'leaflet';
 import 'leaflet/dist/leaflet.css';
-import { gridToLatLon, greatCirclePoints } from '@/lib/maidenhead';
+import { gridToLatLon, greatCirclePoints, splitAtAntimeridian } from '@/lib/maidenhead';
 import { BASEMAPS, type BasemapKey } from '@/components/MainMap';
 import { cn } from '@/lib/utils';
 import { useI18n } from '@/lib/i18n';
@@ -124,8 +124,12 @@ export function FTMapPanel({ decodes, myGrid }: { decodes: FTMapDecode[]; myGrid
       const age = now - Date.parse(d.at);
       const fade = Math.max(0.15, 1 - age / MAX_AGE_MS);
       const colour = bandColour(d.band);
-      const pts = greatCirclePoints(from.lat, from.lon, to.lat, to.lon, 48);
-      L.polyline(pts as L.LatLngExpression[], {
+      // Cut at the antimeridian: this map shows ONE world, so a path running
+      // past ±180 has to leave one edge and come back at the other. Without it
+      // every arc out of VK or ZL was drawn into the blank space off the side
+      // of the map, its far end sitting alone on the opposite coast.
+      const pts = splitAtAntimeridian(greatCirclePoints(from.lat, from.lon, to.lat, to.lon, 48));
+      L.polyline(pts as L.LatLngExpression[][], {
         color: colour, weight: 1.3, opacity: 0.65 * fade, smoothFactor: 0,
       }).addTo(layer);
       L.circleMarker([to.lat, to.lon], {