@zendir/ui 0.6.3 → 0.7.1

package/dist/react/charts/GroundTrackMapLeaflet.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroundTrackMapLeaflet.js","names":[],"sources":["../../../src/react/charts/GroundTrackMapLeaflet.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - GroundTrackMap Leaflet Provider\r\n *\r\n * Leaflet-based 2D world map for ground tracks, stations, and terminator.\r\n * Uses Zendir hybrid theme; all interactions enabled (zoom, scroll, drag, etc.).\r\n * Import leaflet-zendir.css when using this component.\r\n */\r\n\r\nimport React, {\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useMemo,\r\n  useState,\r\n} from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport type { GroundStation } from \"../types\";\r\nimport type {\r\n  SatelliteTrack,\r\n  GroundStationEnhanced,\r\n  SROGroundStation,\r\n  MapPin,\r\n  LightSource,\r\n} from \"./GroundTrackMap\";\r\nimport type { MapLayerDef } from \"./GroundTrackMap\";\r\n\r\n// Optional Leaflet — consumer must install leaflet when using mapProvider=\"leaflet\"\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport \"./leaflet-zendir.css\";\r\nimport {\r\n  splitPolylineAtAntimeridian,\r\n  segmentsWithWorldCopies,\r\n  geodesicCirclePointsContinuous,\r\n} from \"./groundTrackMapLeafletUtils\";\r\nimport {\r\n  DEFAULT_TILE,\r\n  FALLBACK_TILE,\r\n  TILE_ERROR_THRESHOLD,\r\n  OSM_ATTRIBUTION,\r\n  TILE_PRESETS,\r\n  getBasemapAttribution,\r\n} from \"./groundTrackMapLeafletTiles\";\r\n\r\nconst STATUS_COLOR_MAP: Record<string, string> = {\r\n  normal: \"#56f000\",\r\n  standby: \"#2dccff\",\r\n  caution: \"#fce83a\",\r\n  serious: \"#ffb302\",\r\n  critical: \"#ff3838\",\r\n  off: \"#a4abb6\",\r\n};\r\n\r\nconst DEFAULT_TRACK_COLORS = [\r\n  \"#2dccff\",\r\n  \"#3E3CFF\",\r\n  \"#9D70FF\",\r\n  \"#56f000\",\r\n  \"#fce83a\",\r\n  \"#ff7849\",\r\n  \"#2dd4bf\",\r\n  \"#ff3838\",\r\n];\r\n\r\n// =============================================================================\r\n// Icon helpers — produce L.DivIcon with inline SVG (no external assets needed)\r\n// =============================================================================\r\n\r\n/** Satellite spacecraft icon with solar panels, matching Astro UXDS style. */\r\nfunction createSatDivIcon(statusColor: string, trackColor: string): L.DivIcon {\r\n  // Status badge shape (Astro UXDS spec)\r\n  const badge =\r\n    statusColor === \"#56f000\"\r\n      ? `<circle cx=\"7\" cy=\"7\" r=\"3\" fill=\"${statusColor}\"/>` // normal: filled dot\r\n      : statusColor === \"#2dccff\"\r\n        ? `<circle cx=\"7\" cy=\"7\" r=\"2.5\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\"/>` // standby: ring\r\n        : statusColor === \"#fce83a\"\r\n          ? `<rect x=\"4.5\" y=\"4.5\" width=\"5\" height=\"5\" fill=\"${statusColor}\"/>` // caution: square\r\n          : statusColor === \"#ffb302\"\r\n            ? `<polygon points=\"7,3.5 10.5,7 7,10.5 3.5,7\" fill=\"${statusColor}\"/>` // serious: diamond (Astro UXDS)\r\n            : statusColor === \"#ff3838\"\r\n              ? `<polygon points=\"7,10 4,4 10,4\" fill=\"${statusColor}\"/>` // critical: triangle down\r\n              : `<circle cx=\"7\" cy=\"7\" r=\"2\" fill=\"${statusColor}\"/>`; // off: small dot\r\n\r\n  const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\">\r\n    <!-- Glow ring -->\r\n    <circle cx=\"17\" cy=\"17\" r=\"15\" fill=\"${statusColor}\" fill-opacity=\"0.12\"/>\r\n    <!-- Main body circle -->\r\n    <circle cx=\"17\" cy=\"17\" r=\"11\" fill=\"#0d1323\" stroke=\"${trackColor}\" stroke-width=\"1.5\"/>\r\n    <!-- Left solar panel -->\r\n    <rect x=\"2\" y=\"15\" width=\"9\" height=\"4\" rx=\"0.5\" fill=\"${trackColor}\" fill-opacity=\"0.75\"/>\r\n    <line x1=\"5.5\" y1=\"15\" x2=\"5.5\" y2=\"19\" stroke=\"${trackColor}\" stroke-width=\"0.5\" stroke-opacity=\"0.45\"/>\r\n    <!-- Connector left -->\r\n    <line x1=\"11\" y1=\"17\" x2=\"13\" y2=\"17\" stroke=\"${trackColor}\" stroke-width=\"1.2\"/>\r\n    <!-- Satellite bus body -->\r\n    <rect x=\"13\" y=\"14.5\" width=\"8\" height=\"5\" rx=\"1\" fill=\"${statusColor}\"/>\r\n    <!-- Connector right -->\r\n    <line x1=\"21\" y1=\"17\" x2=\"23\" y2=\"17\" stroke=\"${trackColor}\" stroke-width=\"1.2\"/>\r\n    <!-- Right solar panel -->\r\n    <rect x=\"23\" y=\"15\" width=\"9\" height=\"4\" rx=\"0.5\" fill=\"${trackColor}\" fill-opacity=\"0.75\"/>\r\n    <line x1=\"26.5\" y1=\"15\" x2=\"26.5\" y2=\"19\" stroke=\"${trackColor}\" stroke-width=\"0.5\" stroke-opacity=\"0.45\"/>\r\n    <!-- Status badge (top-left) -->\r\n    <circle cx=\"7\" cy=\"7\" r=\"5.5\" fill=\"#0d1323\"/>\r\n    ${badge}\r\n  </svg>`;\r\n\r\n  return L.divIcon({\r\n    html: svg,\r\n    className: \"zendir-sat-icon\",\r\n    iconSize: [34, 34] as unknown as L.PointExpression,\r\n    iconAnchor: [17, 17] as unknown as L.PointExpression,\r\n    tooltipAnchor: [0, -18] as unknown as L.PointExpression,\r\n  });\r\n}\r\n\r\n/** Ground station icon — dish/antenna shape, matching Astro UXDS style. */\r\nfunction createStationDivIcon(\r\n  statusColor: string,\r\n  type: string,\r\n  status: string,\r\n): L.DivIcon {\r\n  // Status badge\r\n  const badge =\r\n    status === \"normal\"\r\n      ? `<circle cx=\"5\" cy=\"5\" r=\"2.5\" fill=\"${statusColor}\"/>`\r\n      : status === \"standby\"\r\n        ? `<circle cx=\"5\" cy=\"5\" r=\"2\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>`\r\n        : status === \"caution\"\r\n          ? `<rect x=\"3\" y=\"3\" width=\"4\" height=\"4\" fill=\"${statusColor}\"/>`\r\n          : status === \"serious\"\r\n            ? `<polygon points=\"5,2.5 7.5,5 5,7.5 2.5,5\" fill=\"${statusColor}\"/>`\r\n            : status === \"critical\"\r\n              ? `<polygon points=\"5,7.5 2.5,2.5 7.5,2.5\" fill=\"${statusColor}\"/>`\r\n              : `<circle cx=\"5\" cy=\"5\" r=\"1.5\" fill=\"${statusColor}\"/>`;\r\n\r\n  let iconInner = \"\";\r\n  if (type === \"phased-array\") {\r\n    // Grid pattern (phased array)\r\n    iconInner = `\r\n      <rect x=\"9\" y=\"7\" width=\"10\" height=\"8\" rx=\"0.5\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"15\" stroke=\"${statusColor}\" stroke-width=\"0.7\"/>\r\n      <line x1=\"15\" y1=\"7\" x2=\"15\" y2=\"15\" stroke=\"${statusColor}\" stroke-width=\"0.7\"/>\r\n      <line x1=\"9\" y1=\"10\" x2=\"19\" y2=\"10\" stroke=\"${statusColor}\" stroke-width=\"0.7\"/>\r\n      <line x1=\"9\" y1=\"13\" x2=\"19\" y2=\"13\" stroke=\"${statusColor}\" stroke-width=\"0.7\"/>\r\n      <line x1=\"14\" y1=\"15\" x2=\"14\" y2=\"20\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <line x1=\"11\" y1=\"20\" x2=\"17\" y2=\"20\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>`;\r\n  } else if (type === \"relay\") {\r\n    // Relay dish with signal arcs\r\n    iconInner = `\r\n      <path d=\"M 8 16 a 7 7 0 0 1 7 -7\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n      <path d=\"M 8 16 m 2 -2 a 5 5 0 0 1 5 -5\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.2\" stroke-linecap=\"round\"/>\r\n      <line x1=\"14\" y1=\"16\" x2=\"14\" y2=\"21\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <line x1=\"11\" y1=\"21\" x2=\"17\" y2=\"21\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <path d=\"M 16 8 a 3 3 0 0 1 0 4\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.2\" stroke-linecap=\"round\"/>\r\n      <path d=\"M 17.5 6.5 a 5 5 0 0 1 0 7\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1\" stroke-linecap=\"round\"/>`;\r\n  } else {\r\n    // Default: dish antenna with concentric arcs (Astro UXDS antenna pattern)\r\n    iconInner = `\r\n      <path d=\"M 14 14 m -7 0 a 7 7 0 0 1 7 -7\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n      <path d=\"M 14 14 m -5 0 a 5 5 0 0 1 5 -5\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n      <path d=\"M 14 14 m -3 0 a 3 3 0 0 1 3 -3\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n      <circle cx=\"14\" cy=\"14\" r=\"1.5\" fill=\"${statusColor}\"/>\r\n      <line x1=\"14\" y1=\"15\" x2=\"14\" y2=\"21\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <line x1=\"11\" y1=\"21\" x2=\"17\" y2=\"21\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>`;\r\n  }\r\n\r\n  const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\">\r\n    <!-- Glow ring -->\r\n    <circle cx=\"14\" cy=\"14\" r=\"13\" fill=\"${statusColor}\" fill-opacity=\"0.1\"/>\r\n    <!-- Background -->\r\n    <circle cx=\"14\" cy=\"14\" r=\"11\" fill=\"#0d1323\" stroke=\"${statusColor}\" stroke-width=\"1.2\" stroke-opacity=\"0.7\"/>\r\n    ${iconInner}\r\n    <!-- Status badge (top-left) -->\r\n    <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#0d1323\"/>\r\n    ${badge}\r\n  </svg>`;\r\n\r\n  return L.divIcon({\r\n    html: svg,\r\n    className: \"zendir-station-icon\",\r\n    iconSize: [28, 28] as unknown as L.PointExpression,\r\n    iconAnchor: [14, 14] as unknown as L.PointExpression,\r\n    tooltipAnchor: [0, -14] as unknown as L.PointExpression,\r\n  });\r\n}\r\n\r\n/**\r\n * Calculate the sub-solar point (latitude, longitude) for a given UTC Date.\r\n * Returns the geographic location where the sun is directly overhead.\r\n */\r\nfunction calculateSubSolarPoint(date: Date): [number, number] {\r\n  const dayOfYear = Math.floor(\r\n    (date.getTime() - Date.UTC(date.getUTCFullYear(), 0, 0)) / 86400000,\r\n  );\r\n  const declination =\r\n    -23.44 * Math.cos(((2 * Math.PI) / 365) * (dayOfYear + 10));\r\n  const B = ((2 * Math.PI) / 365) * (dayOfYear - 81);\r\n  const eotMinutes =\r\n    9.87 * Math.sin(2 * B) - 7.53 * Math.cos(B) - 1.5 * Math.sin(B);\r\n  const utcHours =\r\n    date.getUTCHours() +\r\n    date.getUTCMinutes() / 60 +\r\n    date.getUTCSeconds() / 3600;\r\n  const solarHours = utcHours + eotMinutes / 60;\r\n  const lon = -(solarHours - 12) * 15;\r\n  return [declination, ((lon + 540) % 360) - 180];\r\n}\r\n\r\n/**\r\n * Calculate the approximate sub-lunar point for a given UTC Date.\r\n * Uses a simplified low-precision algorithm sufficient for map overlay rendering.\r\n */\r\nfunction calculateSubLunarPoint(date: Date): [number, number] {\r\n  const J2000 = Date.UTC(2000, 0, 1, 12, 0, 0);\r\n  const d = (date.getTime() - J2000) / 86400000;\r\n  const DEG = Math.PI / 180;\r\n  const L = (218.316 + 13.176396 * d) % 360;\r\n  const M = (134.963 + 13.064993 * d) % 360;\r\n  const F = (93.272 + 13.22935 * d) % 360;\r\n  const lon_ecl = L + 6.289 * Math.sin(M * DEG);\r\n  const lat_ecl = 5.128 * Math.sin(F * DEG);\r\n  const obliquity = 23.439 - 0.00000036 * d;\r\n  const sinRA =\r\n    Math.sin(lon_ecl * DEG) * Math.cos(obliquity * DEG) -\r\n    Math.tan(lat_ecl * DEG) * Math.sin(obliquity * DEG);\r\n  const cosRA = Math.cos(lon_ecl * DEG);\r\n  let RA = Math.atan2(sinRA, cosRA) / DEG;\r\n  if (RA < 0) RA += 360;\r\n  const dec =\r\n    Math.asin(\r\n      Math.sin(lat_ecl * DEG) * Math.cos(obliquity * DEG) +\r\n        Math.cos(lat_ecl * DEG) *\r\n          Math.sin(obliquity * DEG) *\r\n          Math.sin(lon_ecl * DEG),\r\n    ) / DEG;\r\n  const GMST = (280.46061837 + 360.98564736629 * d) % 360;\r\n  let geoLon = RA - GMST;\r\n  geoLon = ((geoLon + 540) % 360) - 180;\r\n  return [dec, geoLon];\r\n}\r\n\r\n/**\r\n * Compute a terminator line with CONTINUOUS (unwrapped) longitudes.\r\n *\r\n * `depressionDeg` offsets the solar zenith angle to produce twilight\r\n * boundaries instead of the geometric sunset line:\r\n *   - 0° = geometric sunset/sunrise (day/night boundary)\r\n *   - 6° = civil twilight (horizon still visible, outdoor activities possible)\r\n *   - 12° = nautical twilight (horizon barely visible, stars appearing)\r\n *   - 18° = astronomical twilight (sky fully dark for observation)\r\n *\r\n * These thresholds follow IAU/USNO standard definitions used in celestial\r\n * navigation, Astro UX space ops dashboards, and STK/GMAT mission tools.\r\n */\r\nfunction calculateTerminatorContinuous(\r\n  date: Date,\r\n  depressionDeg: number = 0,\r\n  numPoints: number = 360,\r\n): { sunset: Array<[number, number]>; sunrise: Array<[number, number]> } {\r\n  const dayOfYear = Math.floor(\r\n    (date.getTime() - Date.UTC(date.getUTCFullYear(), 0, 0)) / 86400000,\r\n  );\r\n  const declination =\r\n    -23.44 * Math.cos(((2 * Math.PI) / 365) * (dayOfYear + 10));\r\n  const decRad = (declination * Math.PI) / 180;\r\n\r\n  // Equation of Time correction (minutes) for more accurate solar position\r\n  const B = ((2 * Math.PI) / 365) * (dayOfYear - 81);\r\n  const eotMinutes =\r\n    9.87 * Math.sin(2 * B) - 7.53 * Math.cos(B) - 1.5 * Math.sin(B);\r\n\r\n  // Sub-solar longitude: the geographic longitude where the sun is directly overhead.\r\n  // At noon UTC (solarHours=12) the sun is over Greenwich (0°).\r\n  // At midnight UTC (solarHours=0) the sun is over the dateline (180°).\r\n  const utcHours =\r\n    date.getUTCHours() +\r\n    date.getUTCMinutes() / 60 +\r\n    date.getUTCSeconds() / 3600;\r\n  const solarHours = utcHours + eotMinutes / 60;\r\n  const subSolarLon = -(solarHours - 12) * 15;\r\n  const depRad = (depressionDeg * Math.PI) / 180;\r\n\r\n  const sunset: Array<[number, number]> = [];\r\n  const sunrise: Array<[number, number]> = [];\r\n\r\n  for (let i = 0; i <= numPoints; i++) {\r\n    // Avoid exact +/- 90 to prevent longitude singularities at the poles\r\n    const lat = -89.999 + (i / numPoints) * 179.998;\r\n    const latRad = lat * (Math.PI / 180);\r\n    const cosH =\r\n      -(Math.sin(depRad) + Math.sin(latRad) * Math.sin(decRad)) /\r\n      (Math.cos(latRad) * Math.cos(decRad));\r\n\r\n    if (cosH < -1) {\r\n      // All day — midnight sun at this latitude. No night boundary points.\r\n    } else if (cosH > 1) {\r\n      // All night — polar night at this latitude. Night spans all longitudes.\r\n      sunset.push([lat, subSolarLon]);\r\n      sunrise.push([lat, subSolarLon + 360]);\r\n    } else {\r\n      const H = (Math.acos(cosH) * 180) / Math.PI;\r\n      // Sunset boundary: H degrees EAST of the sub-solar point (afternoon side).\r\n      // Observers here see the sun setting in the west — entering night.\r\n      sunset.push([lat, subSolarLon + H]);\r\n      // Sunrise boundary: H degrees WEST of the sub-solar point (morning side),\r\n      // expressed as subSolarLon - H + 360 to keep values > sunset for a continuous polygon.\r\n      sunrise.push([lat, subSolarLon + 360 - H]);\r\n    }\r\n  }\r\n\r\n  return { sunset, sunrise };\r\n}\r\n\r\n/**\r\n * Build the full night polygon, properly closing the loops around the poles.\r\n * Ensures longitudes are strictly continuous so the map projection doesn't\r\n * draw antimeridian lines across the day side.\r\n */\r\nfunction buildNightPolygon(terminator: {\r\n  sunset: Array<[number, number]>;\r\n  sunrise: Array<[number, number]>;\r\n}): [number, number][] {\r\n  const { sunset, sunrise } = terminator;\r\n  if (!sunset.length || !sunrise.length) return [];\r\n\r\n  const poly: [number, number][] = [];\r\n\r\n  // Left edge of night (sunset): South to North\r\n  poly.push(...sunset);\r\n\r\n  // Right edge of night (sunrise): North to South\r\n  poly.push(...[...sunrise].reverse());\r\n\r\n  // Leaflet will automatically close the polygon by connecting the last point\r\n  // (South end of sunrise) back to the first point (South end of sunset).\r\n  // Because longitudes are continuous and bounded (sunrise.lon - sunset.lon <= 360),\r\n  // this closing line will simply span the bottom or top of the map, perfectly\r\n  // enclosing the night area without crossing the day side!\r\n\r\n  return poly;\r\n}\r\n\r\nexport type GroundStationMapItem =\r\n  | GroundStation\r\n  | GroundStationEnhanced\r\n  | SROGroundStation;\r\n\r\nexport interface GroundTrackMapLeafletProps {\r\n  allSatellites: SatelliteTrack[];\r\n  groundStations: GroundStationMapItem[];\r\n  showTerminator?: boolean;\r\n  /** Override the time used for the terminator calculation (defaults to wall-clock now). */\r\n  terminatorTime?: Date;\r\n  showGrid?: boolean;\r\n  showLegend?: boolean;\r\n  showEquator?: boolean;\r\n  showRecenterButton?: boolean;\r\n  /** Show a toggle button to switch between Dark and Satellite tile styles. Default true. */\r\n  showMapStyleToggle?: boolean;\r\n  defaultCenter?: [number, number];\r\n  defaultZoom?: number;\r\n  height?: number | string;\r\n  width?: number | string;\r\n  minHeight?: string;\r\n  emptyMessage?: string;\r\n  tileUrl?: string;\r\n  /**\r\n   * URL template for a \"night\" tile layer (e.g. NASA Black Marble, VIIRS city lights).\r\n   * Rendered beneath the terminator overlay so it only appears on the dark side.\r\n   * Requires `showTerminator`. Falls back to dark overlay when not provided.\r\n   */\r\n  nightTileUrl?: string;\r\n  /**\r\n   * Point light sources rendered on the night side (masked by the terminator).\r\n   * Each light fades in through twilight and reaches full brightness at night.\r\n   */\r\n  lightSources?: LightSource[];\r\n  className?: string;\r\n  onSatelliteClick?: (id: string) => void;\r\n  onStationClick?: (id: string) => void;\r\n  /** Points-of-interest pins */\r\n  pins?: MapPin[];\r\n  /** Allow adding/editing pins via map clicks */\r\n  pinsEditable?: boolean;\r\n  onPinAdd?: (pin: Omit<MapPin, \"id\">) => void;\r\n  onPinUpdate?: (pin: MapPin) => void;\r\n  onPinRemove?: (pinId: string) => void;\r\n  /** Custom overlay layers for the Layers panel */\r\n  customLayers?: MapLayerDef[];\r\n  /** Called when any layer is toggled */\r\n  onLayerChange?: (layerId: string, enabled: boolean) => void;\r\n  /**\r\n   * Show sun and moon position markers on the map.\r\n   * Requires `showTerminator`. Default: true when terminator is enabled.\r\n   */\r\n  showCelestialMarkers?: boolean;\r\n}\r\n\r\nexport function GroundTrackMapLeaflet({\r\n  allSatellites,\r\n  groundStations,\r\n  showTerminator = true,\r\n  terminatorTime,\r\n  showGrid = false,\r\n  showLegend = true,\r\n  showEquator = false,\r\n  showRecenterButton = true,\r\n  showMapStyleToggle = true,\r\n  defaultCenter = [20, 0],\r\n  defaultZoom = 2,\r\n  height = \"100%\",\r\n  width = \"100%\",\r\n  minHeight = \"400px\",\r\n  emptyMessage = \"No orbital data available\",\r\n  tileUrl,\r\n  nightTileUrl,\r\n  lightSources,\r\n  className = \"\",\r\n  onSatelliteClick,\r\n  onStationClick,\r\n  pins,\r\n  pinsEditable = false,\r\n  onPinAdd,\r\n  onPinUpdate,\r\n  onPinRemove,\r\n  customLayers,\r\n  onLayerChange,\r\n  showCelestialMarkers,\r\n}: GroundTrackMapLeafletProps): React.ReactElement {\r\n  const { tokens } = useTheme();\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const mapRef = useRef<L.Map | null>(null);\r\n  const tileLayerRef = useRef<L.TileLayer | null>(null);\r\n  const overlayGroupRef = useRef<L.LayerGroup | null>(null);\r\n  const controlsRef = useRef<L.Control[]>([]);\r\n  /** Separate layer group so pin updates don't clear satellite/station layers */\r\n  const pinsGroupRef = useRef<L.LayerGroup | null>(null);\r\n  const [ready, setReady] = useState(false);\r\n\r\n  // ── Layers panel open/close ──\r\n  const [layersPanelOpen, setLayersPanelOpen] = useState(false);\r\n  const layersPanelRef = useRef<HTMLDivElement>(null);\r\n\r\n  // Close layers panel when clicking outside\r\n  useEffect(() => {\r\n    if (!layersPanelOpen) return;\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        layersPanelRef.current &&\r\n        !layersPanelRef.current.contains(e.target as Node)\r\n      ) {\r\n        setLayersPanelOpen(false);\r\n      }\r\n    };\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [layersPanelOpen]);\r\n\r\n  // ── Tile style with localStorage persistence ──\r\n  const TILE_STORAGE_KEY = \"zendir-map-tile-style\";\r\n  const isExplicitTileUrl = tileUrl !== undefined;\r\n  const [tileStyle, setTileStyle] = useState<\"dark\" | \"satellite\">(() => {\r\n    if (isExplicitTileUrl) return \"dark\";\r\n    try {\r\n      const saved = localStorage.getItem(TILE_STORAGE_KEY);\r\n      if (saved === \"dark\" || saved === \"satellite\") return saved;\r\n    } catch {\r\n      /* SSR / storage blocked */\r\n    }\r\n    return \"dark\";\r\n  });\r\n\r\n  const handleTileStyleChange = useCallback((style: \"dark\" | \"satellite\") => {\r\n    setTileStyle(style);\r\n    try {\r\n      localStorage.setItem(TILE_STORAGE_KEY, style);\r\n    } catch {\r\n      /* noop */\r\n    }\r\n  }, []);\r\n\r\n  const effectiveTileUrl = isExplicitTileUrl\r\n    ? tileUrl\r\n    : TILE_PRESETS[tileStyle];\r\n\r\n  // ── Internal overlay toggle state (built-in layers: terminator, grid) ──\r\n  const [internalTerminator, setInternalTerminator] = useState(showTerminator);\r\n  const [internalGrid, setInternalGrid] = useState(showGrid);\r\n\r\n  // Sync with prop changes (props are the initial source of truth)\r\n  useEffect(() => {\r\n    setInternalTerminator(showTerminator);\r\n  }, [showTerminator]);\r\n  useEffect(() => {\r\n    setInternalGrid(showGrid);\r\n  }, [showGrid]);\r\n\r\n  // ── Custom layer toggle state ──\r\n  const [customLayerState, setCustomLayerState] = useState<\r\n    Record<string, boolean>\r\n  >(() => {\r\n    const state: Record<string, boolean> = {};\r\n    for (const l of customLayers ?? []) {\r\n      state[l.id] = l.defaultEnabled ?? true;\r\n    }\r\n    return state;\r\n  });\r\n\r\n  // Sync when customLayers prop changes (add new layers with defaults)\r\n  useEffect(() => {\r\n    setCustomLayerState((prev) => {\r\n      const next = { ...prev };\r\n      for (const l of customLayers ?? []) {\r\n        if (!(l.id in next)) next[l.id] = l.defaultEnabled ?? true;\r\n      }\r\n      return next;\r\n    });\r\n  }, [customLayers]);\r\n\r\n  const handleLayerToggle = useCallback(\r\n    (layerId: string, enabled: boolean) => {\r\n      if (layerId === \"terminator\") {\r\n        setInternalTerminator(enabled);\r\n      } else if (layerId === \"grid\") {\r\n        setInternalGrid(enabled);\r\n      } else {\r\n        setCustomLayerState((prev) => ({ ...prev, [layerId]: enabled }));\r\n      }\r\n      onLayerChange?.(layerId, enabled);\r\n    },\r\n    [onLayerChange],\r\n  );\r\n\r\n  const clearLayers = useCallback(() => {\r\n    const map = mapRef.current;\r\n    if (!map) return;\r\n    overlayGroupRef.current?.clearLayers();\r\n    controlsRef.current.forEach((ctrl) => map.removeControl(ctrl));\r\n    controlsRef.current = [];\r\n  }, []);\r\n\r\n  const addLayer = useCallback((layer: L.Layer) => {\r\n    overlayGroupRef.current?.addLayer(layer);\r\n  }, []);\r\n\r\n  // Create map once on mount (or when tileUrl changes). Intentionally not depending on\r\n  // defaultCenter/defaultZoom so animated updates do not recreate the map (no flicker/zoom reset).\r\n  useEffect(() => {\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- defaultCenter/defaultZoom used only for initial view\r\n    const el = containerRef.current;\r\n    if (!el) return;\r\n\r\n    const center: L.LatLngExpression = defaultCenter ?? [20, 0];\r\n    const zoom = defaultZoom ?? 2;\r\n\r\n    const map = L.map(el, {\r\n      center,\r\n      zoom,\r\n      zoomControl: false,\r\n      scrollWheelZoom: true,\r\n      doubleClickZoom: true,\r\n      touchZoom: true,\r\n      boxZoom: true,\r\n      keyboard: true,\r\n      dragging: true,\r\n      attributionControl: true,\r\n      // Canvas renderer for vector layers (tracks, footprints, terminator).\r\n      // The overlay set is torn down and rebuilt whenever track data or the\r\n      // terminator time changes; as SVG that churn creates/destroys hundreds\r\n      // of DOM nodes per rebuild, which Safari's compositor handles poorly —\r\n      // iPad tabs run out of memory and desktop Safari freezes on\r\n      // click-zoom. Canvas draws sidestep the DOM entirely.\r\n      preferCanvas: true,\r\n      maxBounds: [\r\n        [-90, -540],\r\n        [90, 540],\r\n      ],\r\n      maxBoundsViscosity: 1.0,\r\n    });\r\n\r\n    map.attributionControl.setPrefix(\"\");\r\n\r\n    const overlayGroup = L.layerGroup();\r\n    overlayGroup.addTo(map);\r\n    overlayGroupRef.current = overlayGroup;\r\n\r\n    const pinsGroup = L.layerGroup();\r\n    pinsGroup.addTo(map);\r\n    pinsGroupRef.current = pinsGroup;\r\n\r\n    mapRef.current = map;\r\n    setReady(true);\r\n\r\n    const onSize = () => {\r\n      map.invalidateSize({ animate: false });\r\n    };\r\n    // Immediate RAF + two deferred calls cover: first paint, CSS transitions, flex layout settle\r\n    const raf = requestAnimationFrame(onSize);\r\n    const t1 = setTimeout(onSize, 150);\r\n    const t2 = setTimeout(onSize, 500);\r\n\r\n    return () => {\r\n      clearTimeout(t1);\r\n      clearTimeout(t2);\r\n      cancelAnimationFrame(raf);\r\n      clearLayers();\r\n      pinsGroupRef.current?.clearLayers();\r\n      pinsGroupRef.current = null;\r\n      tileLayerRef.current = null;\r\n      map.remove();\r\n      mapRef.current = null;\r\n      overlayGroupRef.current = null;\r\n    };\r\n    // Mount-only: tile layer is swapped by a dedicated effect below.\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [clearLayers]);\r\n\r\n  // Swap tile layer without recreating the entire map (avoids flash on style toggle).\r\n  useEffect(() => {\r\n    const map = mapRef.current;\r\n    if (!map || !ready) return;\r\n\r\n    // Remove existing tile layer (Leaflet drops that layer's attribution with it)\r\n    if (tileLayerRef.current) {\r\n      tileLayerRef.current.remove();\r\n      tileLayerRef.current = null;\r\n    }\r\n\r\n    const isCartoTiles = effectiveTileUrl.includes(\"cartocdn\");\r\n    const basemapAttribution = getBasemapAttribution(effectiveTileUrl);\r\n\r\n    const tile = L.tileLayer(effectiveTileUrl, {\r\n      maxZoom: 19,\r\n      subdomains: isCartoTiles ? \"abcd\" : \"abc\",\r\n      crossOrigin: true,\r\n      attribution: basemapAttribution || undefined,\r\n    });\r\n    tile.addTo(map);\r\n    tile.bringToBack();\r\n    tileLayerRef.current = tile;\r\n\r\n    // Fallback on tile error\r\n    let hasSwitchedToFallback = false;\r\n    const onTileError = () => {\r\n      if (hasSwitchedToFallback) return;\r\n      hasSwitchedToFallback = true;\r\n      tile.off(\"tileerror\", onTileError);\r\n      tile.remove();\r\n      const fallback = L.tileLayer(FALLBACK_TILE, {\r\n        maxZoom: 19,\r\n        subdomains: \"abc\",\r\n        crossOrigin: true,\r\n        attribution: OSM_ATTRIBUTION,\r\n      });\r\n      fallback.addTo(map);\r\n      fallback.bringToBack();\r\n      tileLayerRef.current = fallback;\r\n    };\r\n    tile.on(\"tileerror\", onTileError);\r\n  }, [effectiveTileUrl, ready]);\r\n\r\n  useEffect(() => {\r\n    if (!ready || !mapRef.current) return;\r\n    const map = mapRef.current;\r\n    clearLayers();\r\n\r\n    // === Night Tile Layer (placed beneath terminator so night imagery appears on dark side) ===\r\n    if (nightTileUrl && internalTerminator) {\r\n      const nightTile = L.tileLayer(nightTileUrl, {\r\n        maxZoom: 19,\r\n        crossOrigin: true,\r\n        opacity: 0.7,\r\n        className: \"zendir-night-tiles\",\r\n      });\r\n      addLayer(nightTile);\r\n    }\r\n\r\n    if (internalTerminator) {\r\n      const now = terminatorTime ?? new Date();\r\n\r\n      // Graduated terminator shade. Stronger on satellite imagery for contrast,\r\n      // lighter on dark tiles where subtlety reads better.\r\n      const isSatelliteTile = tileStyle === \"satellite\";\r\n      const BAND_STEP = 1.5;\r\n      const MAX_DEP = 30;\r\n      const NIGHT_OPACITY = isSatelliteTile ? 0.75 : 0.38;\r\n      const NIGHT_COLOR = isSatelliteTile ? \"#030810\" : \"#2a3a52\";\r\n      const bandSteps: Array<{\r\n        depression: number;\r\n        opacity: number;\r\n        color: string;\r\n      }> = [];\r\n      for (let d = 0; d <= MAX_DEP; d += BAND_STEP) {\r\n        const t = Math.min(d / 18, 1);\r\n        const opacity =\r\n          Math.pow(t, 1.6) * (NIGHT_OPACITY * 0.85) +\r\n          (d > 18 ? ((d - 18) / 12) * (NIGHT_OPACITY * 0.15) : 0);\r\n        bandSteps.push({\r\n          depression: d,\r\n          opacity: Math.min(opacity, NIGHT_OPACITY),\r\n          color: NIGHT_COLOR,\r\n        });\r\n      }\r\n      bandSteps.push({\r\n        depression: 90,\r\n        opacity: NIGHT_OPACITY,\r\n        color: NIGHT_COLOR,\r\n      });\r\n\r\n      let prevOpacity = 0;\r\n\r\n      // Draw each band as a cumulative overlay — each adds incremental darkening\r\n      // By stacking full night polygons with small opacities, we avoid drawing\r\n      // complex band-difference polygons, which is much more robust at the poles.\r\n      for (const b of bandSteps) {\r\n        const terminator = calculateTerminatorContinuous(\r\n          now,\r\n          Math.min(b.depression, 89),\r\n        );\r\n        const bandOpacity = b.opacity - prevOpacity;\r\n        if (bandOpacity < 0.002 || terminator.sunset.length === 0) {\r\n          prevOpacity = b.opacity;\r\n          continue;\r\n        }\r\n\r\n        const poly = buildNightPolygon(terminator);\r\n        if (poly.length < 3) continue;\r\n\r\n        [0, 360, -360].forEach((offset) => {\r\n          const shifted = poly.map(\r\n            ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n          );\r\n          addLayer(\r\n            L.polygon(shifted, {\r\n              color: \"transparent\",\r\n              fillColor: b.color,\r\n              fillOpacity: bandOpacity,\r\n              interactive: false,\r\n            }),\r\n          );\r\n        });\r\n\r\n        prevOpacity = b.opacity;\r\n      }\r\n\r\n      // Draw a smooth terminator boundary line (0° depression)\r\n      // — a thin, continuous stroke showing the day/night geometric edge.\r\n      // Styling adapts to tile style: brighter on satellite for visibility.\r\n      const terminatorEdge = calculateTerminatorContinuous(now, 0);\r\n      const glowColor = isSatelliteTile ? \"#a0a0a0\" : \"#909090\";\r\n      const glowOpacity = isSatelliteTile ? 0.15 : 0.08;\r\n      const coreColor = isSatelliteTile ? \"#c0c0c0\" : \"#a8a8a8\";\r\n      const coreOpacity = isSatelliteTile ? 0.45 : 0.3;\r\n      if (terminatorEdge.sunset.length > 2) {\r\n        const sunsetLine = terminatorEdge.sunset.map(\r\n          ([lat, lon]) => [lat, lon] as [number, number],\r\n        );\r\n        const sunriseLine = terminatorEdge.sunrise.map(\r\n          ([lat, lon]) => [lat, lon] as [number, number],\r\n        );\r\n        [0, 360, -360].forEach((offset) => {\r\n          addLayer(\r\n            L.polyline(\r\n              sunsetLine.map(\r\n                ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n              ),\r\n              {\r\n                color: glowColor,\r\n                weight: 3,\r\n                opacity: glowOpacity,\r\n                interactive: false,\r\n                smoothFactor: 1.5,\r\n              },\r\n            ),\r\n          );\r\n          addLayer(\r\n            L.polyline(\r\n              sunriseLine.map(\r\n                ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n              ),\r\n              {\r\n                color: glowColor,\r\n                weight: 3,\r\n                opacity: glowOpacity,\r\n                interactive: false,\r\n                smoothFactor: 1.5,\r\n              },\r\n            ),\r\n          );\r\n          addLayer(\r\n            L.polyline(\r\n              sunsetLine.map(\r\n                ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n              ),\r\n              {\r\n                color: coreColor,\r\n                weight: 1,\r\n                opacity: coreOpacity,\r\n                interactive: false,\r\n                smoothFactor: 1.5,\r\n              },\r\n            ),\r\n          );\r\n          addLayer(\r\n            L.polyline(\r\n              sunriseLine.map(\r\n                ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n              ),\r\n              {\r\n                color: coreColor,\r\n                weight: 1,\r\n                opacity: coreOpacity,\r\n                interactive: false,\r\n                smoothFactor: 1.5,\r\n              },\r\n            ),\r\n          );\r\n        });\r\n      }\r\n\r\n      // TODO: Re-enable sun/moon celestial markers once visual design is finalized.\r\n      // Calculations (calculateSubSolarPoint, calculateSubLunarPoint) are correct.\r\n      // Uncomment and set back to prop-driven to restore:\r\n      //   const celestialEnabled = showCelestialMarkers !== undefined ? showCelestialMarkers : true;\r\n      const celestialEnabled = false;\r\n      if (celestialEnabled) {\r\n        const [sunLat, sunLon] = calculateSubSolarPoint(now);\r\n        const sunIcon = L.divIcon({\r\n          className: \"\",\r\n          iconSize: [28, 28] as unknown as L.PointExpression,\r\n          iconAnchor: [14, 14] as unknown as L.PointExpression,\r\n          html: `<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <defs><filter id=\"sun-glow\"><feGaussianBlur stdDeviation=\"1.5\" result=\"blur\"/><feMerge><feMergeNode in=\"blur\"/><feMergeNode in=\"SourceGraphic\"/></feMerge></filter></defs>\r\n          <circle cx=\"14\" cy=\"14\" r=\"6\" fill=\"#FFB300\" stroke=\"#FF8F00\" stroke-width=\"1.2\" filter=\"url(#sun-glow)\"/>\r\n          ${[0, 45, 90, 135, 180, 225, 270, 315]\r\n            .map((a) => {\r\n              const r1 = 8,\r\n                r2 = 12,\r\n                rad = (a * Math.PI) / 180;\r\n              return `<line x1=\"${14 + r1 * Math.cos(rad)}\" y1=\"${14 + r1 * Math.sin(rad)}\" x2=\"${14 + r2 * Math.cos(rad)}\" y2=\"${14 + r2 * Math.sin(rad)}\" stroke=\"#FFB300\" stroke-width=\"1.4\" stroke-linecap=\"round\" opacity=\"0.85\"/>`;\r\n            })\r\n            .join(\"\")}\r\n        </svg>`,\r\n        });\r\n        const sunMarker = L.marker([sunLat, sunLon], {\r\n          icon: sunIcon,\r\n          interactive: true,\r\n          zIndexOffset: 800,\r\n        });\r\n        sunMarker.bindTooltip(\r\n          `<b>Sub-Solar Point</b><br/>Sun's zenith position<br/>Lat ${sunLat.toFixed(2)}° Lon ${sunLon.toFixed(2)}°`,\r\n          {\r\n            direction: \"top\",\r\n            offset: [0, -14] as unknown as L.PointExpression,\r\n            className: \"zendir-celestial-tooltip\",\r\n          },\r\n        );\r\n        addLayer(sunMarker);\r\n\r\n        // Sub-lunar point marker\r\n        const [moonLat, moonLon] = calculateSubLunarPoint(now);\r\n        const moonIcon = L.divIcon({\r\n          className: \"\",\r\n          iconSize: [22, 22] as unknown as L.PointExpression,\r\n          iconAnchor: [11, 11] as unknown as L.PointExpression,\r\n          html: `<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <defs><filter id=\"moon-glow\"><feGaussianBlur stdDeviation=\"1\" result=\"blur\"/><feMerge><feMergeNode in=\"blur\"/><feMergeNode in=\"SourceGraphic\"/></feMerge></filter></defs>\r\n          <circle cx=\"11\" cy=\"11\" r=\"6.5\" fill=\"#e0e0e0\" stroke=\"#9e9e9e\" stroke-width=\"0.8\" filter=\"url(#moon-glow)\" opacity=\"0.9\"/>\r\n          <circle cx=\"9\" cy=\"9.5\" r=\"1.6\" fill=\"#bdbdbd\" opacity=\"0.5\"/>\r\n          <circle cx=\"13\" cy=\"12\" r=\"1.0\" fill=\"#bdbdbd\" opacity=\"0.4\"/>\r\n          <circle cx=\"10.5\" cy=\"13.5\" r=\"0.7\" fill=\"#bdbdbd\" opacity=\"0.35\"/>\r\n        </svg>`,\r\n        });\r\n        const moonMarker = L.marker([moonLat, moonLon], {\r\n          icon: moonIcon,\r\n          interactive: true,\r\n          zIndexOffset: 790,\r\n        });\r\n        moonMarker.bindTooltip(\r\n          `<b>Sub-Lunar Point</b><br/>Moon's zenith position<br/>Lat ${moonLat.toFixed(2)}° Lon ${moonLon.toFixed(2)}°`,\r\n          {\r\n            direction: \"top\",\r\n            offset: [0, -11] as unknown as L.PointExpression,\r\n            className: \"zendir-celestial-tooltip\",\r\n          },\r\n        );\r\n        addLayer(moonMarker);\r\n      } // end celestialEnabled\r\n    }\r\n\r\n    // === Light Sources (rendered as glowing markers on the night side) ===\r\n    if (lightSources && lightSources.length > 0 && internalTerminator) {\r\n      const now = terminatorTime ?? new Date();\r\n      const dayOfYear = Math.floor(\r\n        (now.getTime() - Date.UTC(now.getUTCFullYear(), 0, 0)) / 86400000,\r\n      );\r\n      const declination =\r\n        -23.44 * Math.cos(((2 * Math.PI) / 365) * (dayOfYear + 10));\r\n      const decRad = (declination * Math.PI) / 180;\r\n      const lsSubSolarLon =\r\n        -(now.getUTCHours() + now.getUTCMinutes() / 60 - 12) * 15;\r\n\r\n      for (const light of lightSources) {\r\n        const latRad = (light.latitude * Math.PI) / 180;\r\n        const sinAlt =\r\n          Math.sin(latRad) * Math.sin(decRad) +\r\n          Math.cos(latRad) *\r\n            Math.cos(decRad) *\r\n            Math.cos(((light.longitude - lsSubSolarLon) * Math.PI) / 180);\r\n        const solarAltDeg = (Math.asin(sinAlt) * 180) / Math.PI;\r\n\r\n        let nightFactor: number;\r\n        if (solarAltDeg >= 0) nightFactor = 0;\r\n        else if (solarAltDeg <= -18) nightFactor = 1;\r\n        else nightFactor = Math.min(1, -solarAltDeg / 18);\r\n\r\n        if (nightFactor < 0.01) continue;\r\n\r\n        const r = light.radius ?? 4;\r\n        const intensity = light.intensity ?? 0.8;\r\n        const color = light.color ?? \"#ffeedd\";\r\n        const alpha = intensity * nightFactor;\r\n\r\n        // Outer glow circle\r\n        const glowMarker = L.circleMarker([light.latitude, light.longitude], {\r\n          radius: r * 2,\r\n          fillColor: color,\r\n          fillOpacity: alpha * 0.4,\r\n          color: color,\r\n          weight: 0,\r\n          interactive: !!light.label,\r\n        });\r\n        addLayer(glowMarker);\r\n\r\n        // Bright core\r\n        const coreMarker = L.circleMarker([light.latitude, light.longitude], {\r\n          radius: Math.max(1, r * 0.5),\r\n          fillColor: color,\r\n          fillOpacity: Math.min(1, alpha * 1.2),\r\n          color: \"transparent\",\r\n          weight: 0,\r\n          interactive: false,\r\n        });\r\n        addLayer(coreMarker);\r\n\r\n        if (light.label) {\r\n          glowMarker.bindTooltip(light.label, {\r\n            permanent: false,\r\n            direction: \"top\",\r\n            className: \"zendir-leaflet-tooltip\",\r\n          });\r\n        }\r\n      }\r\n    }\r\n\r\n    if (internalGrid) {\r\n      const gridStyle = {\r\n        color: \"rgba(157, 112, 255, 0.12)\",\r\n        weight: 0.5,\r\n        interactive: false,\r\n      };\r\n      [-360, 0, 360].forEach((offset) => {\r\n        for (let lon = -180; lon <= 180; lon += 30) {\r\n          const l = lon + offset;\r\n          addLayer(\r\n            L.polyline(\r\n              [\r\n                [90, l],\r\n                [-90, l],\r\n              ],\r\n              gridStyle,\r\n            ),\r\n          );\r\n        }\r\n        for (let lat = -90; lat <= 90; lat += 30) {\r\n          addLayer(\r\n            L.polyline(\r\n              [\r\n                [lat, -180 + offset],\r\n                [lat, 180 + offset],\r\n              ],\r\n              gridStyle,\r\n            ),\r\n          );\r\n        }\r\n      });\r\n    }\r\n\r\n    if (showEquator) {\r\n      [-360, 0, 360].forEach((offset) => {\r\n        addLayer(\r\n          L.polyline(\r\n            [\r\n              [0, -180 + offset],\r\n              [0, 180 + offset],\r\n            ],\r\n            {\r\n              color: \"rgba(88, 166, 255, 0.25)\",\r\n              weight: 1,\r\n              dashArray: \"6, 4\",\r\n              interactive: false,\r\n            },\r\n          ),\r\n        );\r\n      });\r\n    }\r\n\r\n    groundStations.forEach((gs) => {\r\n      const status = (\"status\" in gs ? gs.status : undefined) ?? \"standby\";\r\n      const statusColor = STATUS_COLOR_MAP[status] || STATUS_COLOR_MAP.standby;\r\n      const stationType =\r\n        (\"type\" in gs ? (gs as { type?: string }).type : undefined) ?? \"dish\";\r\n      const radius = \"coverageRadius\" in gs ? gs.coverageRadius : undefined;\r\n      const showCoverage = \"showCoverage\" in gs ? gs.showCoverage : false;\r\n      if (radius != null && radius > 0 && showCoverage) {\r\n        const ring = geodesicCirclePointsContinuous(\r\n          gs.latitude,\r\n          gs.longitude,\r\n          radius,\r\n          64,\r\n        );\r\n        [0, 360, -360].forEach((offset) => {\r\n          addLayer(\r\n            L.polygon(\r\n              ring.map(([lat, lon]) => [lat, lon + offset] as [number, number]),\r\n              {\r\n                color: `${statusColor}55`,\r\n                fillColor: statusColor,\r\n                fillOpacity: 0.1,\r\n                weight: 1,\r\n                dashArray: \"4, 3\",\r\n                interactive: false,\r\n              },\r\n            ),\r\n          );\r\n        });\r\n      }\r\n\r\n      const gsIcon = createStationDivIcon(statusColor, stationType, status);\r\n      const marker = L.marker([gs.latitude, gs.longitude], { icon: gsIcon });\r\n      addLayer(marker);\r\n      const statusLabel = status !== \"standby\" ? ` · ${status}` : \"\";\r\n      marker.bindTooltip(\r\n        `<strong>${gs.name}</strong>${statusLabel}${\"network\" in gs && gs.network ? `<br/><span style=\"opacity:0.7\">${gs.network}</span>` : \"\"}`,\r\n        {\r\n          permanent: false,\r\n          direction: \"auto\",\r\n          className: \"zendir-leaflet-tooltip\",\r\n        },\r\n      );\r\n      marker.on(\"click\", () => {\r\n        onStationClick?.(\"id\" in gs ? String(gs.id) : gs.name);\r\n      });\r\n    });\r\n\r\n    allSatellites.forEach((sat, satIdx) => {\r\n      const track = sat.groundTrack;\r\n      if (!track || track.length === 0) return;\r\n\r\n      const color =\r\n        sat.color || DEFAULT_TRACK_COLORS[satIdx % DEFAULT_TRACK_COLORS.length];\r\n      const futureIdx = sat.futureTrackIndex ?? track.length;\r\n\r\n      const pastLatLngs = track\r\n        .slice(0, futureIdx)\r\n        .map((p) => [p.latitude, p.longitude] as [number, number]);\r\n      segmentsWithWorldCopies(splitPolylineAtAntimeridian(pastLatLngs)).forEach(\r\n        (seg) => {\r\n          if (seg.length >= 2) {\r\n            addLayer(L.polyline(seg, { color, weight: 2.5, opacity: 1 }));\r\n          }\r\n        },\r\n      );\r\n\r\n      if (futureIdx < track.length) {\r\n        const futureLatLngs = track\r\n          .slice(futureIdx)\r\n          .map((p) => [p.latitude, p.longitude] as [number, number]);\r\n        segmentsWithWorldCopies(\r\n          splitPolylineAtAntimeridian(futureLatLngs),\r\n        ).forEach((seg) => {\r\n          if (seg.length >= 2) {\r\n            addLayer(\r\n              L.polyline(seg, {\r\n                color,\r\n                weight: 1.5,\r\n                opacity: 0.5,\r\n                dashArray: \"6, 4\",\r\n              }),\r\n            );\r\n          }\r\n        });\r\n      }\r\n\r\n      // Access mask segments (contact passes) — solid green overlay on track\r\n      if (sat.accessMask && sat.accessMask.some(Boolean)) {\r\n        let segment: [number, number][] = [];\r\n        for (let i = 0; i < track.length; i++) {\r\n          if (sat.accessMask[i]) {\r\n            segment.push([track[i].latitude, track[i].longitude]);\r\n          } else if (segment.length >= 2) {\r\n            segmentsWithWorldCopies(\r\n              splitPolylineAtAntimeridian(segment),\r\n            ).forEach((seg) => {\r\n              if (seg.length >= 2) {\r\n                addLayer(\r\n                  L.polyline(seg, {\r\n                    color: STATUS_COLOR_MAP.normal,\r\n                    weight: 4,\r\n                    opacity: 0.9,\r\n                  }),\r\n                );\r\n              }\r\n            });\r\n            segment = [];\r\n          } else {\r\n            segment = [];\r\n          }\r\n        }\r\n        if (segment.length >= 2) {\r\n          segmentsWithWorldCopies(splitPolylineAtAntimeridian(segment)).forEach(\r\n            (seg) => {\r\n              if (seg.length >= 2) {\r\n                addLayer(\r\n                  L.polyline(seg, {\r\n                    color: STATUS_COLOR_MAP.normal,\r\n                    weight: 4,\r\n                    opacity: 0.9,\r\n                  }),\r\n                );\r\n              }\r\n            },\r\n          );\r\n        }\r\n      }\r\n\r\n      if (sat.passMarkers && sat.passMarkers.length > 0) {\r\n        sat.passMarkers.forEach((pm) => {\r\n          const isAos = pm.type === \"aos\";\r\n          const pmColor = isAos ? \"#56f000\" : \"#ff3838\";\r\n          const pmMarker = L.circleMarker([pm.latitude, pm.longitude], {\r\n            radius: 5,\r\n            fillColor: pmColor,\r\n            color: `${pmColor}cc`,\r\n            weight: 1.5,\r\n            fillOpacity: 0.9,\r\n          });\r\n          addLayer(pmMarker);\r\n          pmMarker.bindTooltip(\r\n            `${pm.type.toUpperCase()}${pm.label ? ` – ${pm.label}` : \"\"}`,\r\n            {\r\n              permanent: false,\r\n              direction: \"auto\",\r\n              className: \"zendir-leaflet-tooltip\",\r\n            },\r\n          );\r\n        });\r\n      }\r\n\r\n      if (sat.showFootprint && sat.footprintRadius) {\r\n        const lastIdx =\r\n          futureIdx > 0\r\n            ? Math.min(futureIdx - 1, track.length - 1)\r\n            : track.length - 1;\r\n        const last = track[lastIdx];\r\n        const ring = geodesicCirclePointsContinuous(\r\n          last.latitude,\r\n          last.longitude,\r\n          sat.footprintRadius,\r\n          64,\r\n        );\r\n        [0, 360, -360].forEach((offset) => {\r\n          addLayer(\r\n            L.polygon(\r\n              ring.map(([lat, lon]) => [lat, lon + offset] as [number, number]),\r\n              {\r\n                color: `${color}50`,\r\n                fillColor: color,\r\n                fillOpacity: 0.03,\r\n                weight: 1,\r\n                dashArray: \"4, 4\",\r\n                interactive: false,\r\n              },\r\n            ),\r\n          );\r\n        });\r\n      }\r\n\r\n      const currentIdx =\r\n        futureIdx > 0\r\n          ? Math.min(futureIdx - 1, track.length - 1)\r\n          : track.length - 1;\r\n      const current = track[currentIdx];\r\n      const statusColor =\r\n        STATUS_COLOR_MAP[sat.status || \"normal\"] || STATUS_COLOR_MAP.normal;\r\n\r\n      const satIcon = createSatDivIcon(statusColor, color);\r\n      const satMarker = L.marker([current.latitude, current.longitude], {\r\n        icon: satIcon,\r\n      });\r\n      addLayer(satMarker);\r\n      satMarker.bindTooltip(\r\n        `<strong style=\"color:${color}\">${sat.name}</strong><br/>` +\r\n          `Lat ${current.latitude.toFixed(3)}° &nbsp; Lon ${current.longitude.toFixed(3)}°` +\r\n          (current.altitude != null\r\n            ? `<br/>Alt ${current.altitude.toFixed(1)} km`\r\n            : \"\") +\r\n          (sat.status\r\n            ? `<br/><span style=\"color:${statusColor}\">${sat.status.toUpperCase()}</span>`\r\n            : \"\"),\r\n        {\r\n          permanent: false,\r\n          direction: \"auto\",\r\n          className: \"zendir-leaflet-tooltip\",\r\n        },\r\n      );\r\n      satMarker.on(\"click\", () => onSatelliteClick?.(sat.id));\r\n    });\r\n\r\n    if (showLegend && (allSatellites.length > 0 || groundStations.length > 0)) {\r\n      const Legend = L.Control.extend({\r\n        onAdd() {\r\n          const div = L.DomUtil.create(\"div\", \"leaflet-legend-zendir\");\r\n          div.style.cssText = `\r\n            padding: 8px 12px; background: ${tokens.colors.background.surface}; border: 1px solid ${tokens.colors.border.default};\r\n            border-radius: 8px; color: ${tokens.colors.text.primary}; font-size: 11px; font-family: Roboto, sans-serif;\r\n          `;\r\n          allSatellites.forEach((s, i) => {\r\n            const c =\r\n              s.color || DEFAULT_TRACK_COLORS[i % DEFAULT_TRACK_COLORS.length];\r\n            const row = document.createElement(\"div\");\r\n            row.style.cssText =\r\n              \"display: flex; align-items: center; gap: 6px; margin: 2px 0;\";\r\n            const swatch = document.createElement(\"span\");\r\n            swatch.style.cssText = `width:8px;height:8px;border-radius:50%;background:${c};`;\r\n            const label = document.createElement(\"span\");\r\n            label.textContent = s.name;\r\n            row.appendChild(swatch);\r\n            row.appendChild(label);\r\n            div.appendChild(row);\r\n          });\r\n          if (groundStations.length > 0) {\r\n            const row = document.createElement(\"div\");\r\n            row.style.cssText =\r\n              \"display: flex; align-items: center; gap: 6px; margin: 2px 0; margin-top: 6px;\";\r\n            const swatch = document.createElement(\"span\");\r\n            swatch.style.cssText = `width:8px;height:8px;border-radius:50%;background:${STATUS_COLOR_MAP.standby};`;\r\n            const label = document.createElement(\"span\");\r\n            label.textContent = `${groundStations.length} Ground Station${groundStations.length > 1 ? \"s\" : \"\"}`;\r\n            row.appendChild(swatch);\r\n            row.appendChild(label);\r\n            div.appendChild(row);\r\n          }\r\n          return div;\r\n        },\r\n      });\r\n      const legend = new Legend({ position: \"topleft\" });\r\n      legend.addTo(map);\r\n      controlsRef.current.push(legend);\r\n    }\r\n  }, [\r\n    ready,\r\n    allSatellites,\r\n    groundStations,\r\n    internalTerminator,\r\n    terminatorTime,\r\n    nightTileUrl,\r\n    lightSources,\r\n    internalGrid,\r\n    showEquator,\r\n    showLegend,\r\n    tileStyle,\r\n    tokens.colors.text.primary,\r\n    tokens.colors.background.surface,\r\n    tokens.colors.border.default,\r\n    addLayer,\r\n    clearLayers,\r\n    onSatelliteClick,\r\n    onStationClick,\r\n  ]);\r\n\r\n  // ==========================================================================\r\n  // Pins layer — separate from overlayGroup so pin updates don't rebuild tracks\r\n  // ==========================================================================\r\n\r\n  useEffect(() => {\r\n    if (!ready || !mapRef.current) return;\r\n    const group = pinsGroupRef.current;\r\n    if (!group) return;\r\n    group.clearLayers();\r\n\r\n    if (!pins || pins.length === 0) return;\r\n    const accentColor = tokens.colors.accent.primary;\r\n\r\n    pins.forEach((pin) => {\r\n      const pinColor = pin.color || accentColor;\r\n\r\n      const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"36\" viewBox=\"0 0 24 36\">\r\n        <defs>\r\n          <filter id=\"pin-shadow-${pin.id}\" x=\"-30%\" y=\"-10%\" width=\"160%\" height=\"140%\">\r\n            <feDropShadow dx=\"0\" dy=\"2\" stdDeviation=\"2\" flood-color=\"#000\" flood-opacity=\"0.35\"/>\r\n          </filter>\r\n        </defs>\r\n        <g filter=\"url(#pin-shadow-${pin.id})\">\r\n          <path d=\"M12 2 C6.5 2 2 6.5 2 12 C2 19 12 34 12 34 C12 34 22 19 22 12 C22 6.5 17.5 2 12 2Z\"\r\n                fill=\"${pinColor}\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1\"/>\r\n          <circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"#0d1323\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"0.8\"/>\r\n        </g>\r\n      </svg>`;\r\n\r\n      const icon = L.divIcon({\r\n        html: svg,\r\n        className: \"zendir-pin-icon\",\r\n        iconSize: [24, 36] as unknown as L.PointExpression,\r\n        iconAnchor: [12, 36] as unknown as L.PointExpression,\r\n        tooltipAnchor: [0, -36] as unknown as L.PointExpression,\r\n      });\r\n\r\n      const marker = L.marker([pin.latitude, pin.longitude], {\r\n        icon,\r\n        draggable: pinsEditable,\r\n        title: pin.label ?? \"\",\r\n      });\r\n\r\n      // Rich tooltip\r\n      const tooltipLines = [\r\n        pin.label ? `<strong>${pin.label}</strong>` : \"\",\r\n        pin.description\r\n          ? `<div style=\"opacity:0.7;font-size:11px\">${pin.description}</div>`\r\n          : \"\",\r\n        `<div style=\"font-size:10px;opacity:0.5;font-family:monospace\">${pin.latitude.toFixed(4)}°, ${pin.longitude.toFixed(4)}°</div>`,\r\n        pin.createdBy\r\n          ? `<div style=\"font-size:10px;opacity:0.4;margin-top:2px\">by ${pin.createdBy}</div>`\r\n          : \"\",\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\"\");\r\n      marker.bindTooltip(tooltipLines, {\r\n        className: \"zendir-pin-tooltip\",\r\n        direction: \"top\",\r\n        offset: [0, -4],\r\n      });\r\n\r\n      if (pinsEditable) {\r\n        // Drag to reposition\r\n        marker.on(\"dragend\", () => {\r\n          const latlng = marker.getLatLng();\r\n          onPinUpdate?.({\r\n            ...pin,\r\n            latitude: latlng.lat,\r\n            longitude: latlng.lng,\r\n          });\r\n        });\r\n\r\n        // Right-click to delete\r\n        marker.on(\"contextmenu\", (e: L.LeafletEvent) => {\r\n          L.DomEvent.stopPropagation(e as unknown as Event);\r\n          onPinRemove?.(pin.id);\r\n        });\r\n      }\r\n\r\n      group.addLayer(marker);\r\n    });\r\n  }, [\r\n    ready,\r\n    pins,\r\n    pinsEditable,\r\n    onPinUpdate,\r\n    onPinRemove,\r\n    tokens.colors.accent.primary,\r\n  ]);\r\n\r\n  // Click-to-add: listen for clicks on the map background when pinsEditable is true\r\n  useEffect(() => {\r\n    if (!ready || !mapRef.current || !pinsEditable || !onPinAdd) return;\r\n    const map = mapRef.current;\r\n\r\n    const handleClick = (e: L.LeafletMouseEvent) => {\r\n      // Only fire on map background clicks — ignore clicks that bubbled from markers\r\n      if (\r\n        (e.originalEvent?.target as HTMLElement)?.closest?.(\r\n          \".leaflet-marker-icon\",\r\n        )\r\n      )\r\n        return;\r\n      onPinAdd({\r\n        latitude: e.latlng.lat,\r\n        longitude: e.latlng.lng,\r\n        label: \"\",\r\n        color: tokens.colors.accent.primary,\r\n      });\r\n    };\r\n\r\n    map.on(\"click\", handleClick);\r\n    return () => {\r\n      map.off(\"click\", handleClick);\r\n    };\r\n  }, [ready, pinsEditable, onPinAdd, tokens.colors.accent.primary]);\r\n\r\n  const handleRecenter = useCallback(() => {\r\n    const map = mapRef.current;\r\n    if (!map) return;\r\n    const points: L.LatLngExpression[] = [];\r\n    allSatellites.forEach((s) => {\r\n      s.groundTrack.forEach((p) => points.push([p.latitude, p.longitude]));\r\n    });\r\n    groundStations.forEach((gs) => points.push([gs.latitude, gs.longitude]));\r\n    if (points.length > 0) {\r\n      const bounds = L.latLngBounds(points);\r\n      map.fitBounds(bounds, { padding: [40, 40], maxZoom: 8 });\r\n    } else {\r\n      map.setView(defaultCenter, defaultZoom);\r\n    }\r\n  }, [allSatellites, groundStations, defaultCenter, defaultZoom]);\r\n\r\n  const handleZoomIn = useCallback(() => {\r\n    mapRef.current?.zoomIn();\r\n  }, []);\r\n  const handleZoomOut = useCallback(() => {\r\n    mapRef.current?.zoomOut();\r\n  }, []);\r\n\r\n  const resolvedMinHeight =\r\n    minHeight || (typeof height === \"number\" ? `${height}px` : \"400px\");\r\n\r\n  const isEmpty =\r\n    allSatellites.length === 0 &&\r\n    groundStations.length === 0 &&\r\n    (!pins || pins.length === 0);\r\n\r\n  // ── Shared control button style ──\r\n  const ctrlBtnBase: React.CSSProperties = {\r\n    background: \"rgba(20, 24, 38, 0.92)\",\r\n    backdropFilter: \"blur(8px)\",\r\n    WebkitBackdropFilter: \"blur(8px)\",\r\n    border: \"1px solid rgba(120, 100, 180, 0.18)\",\r\n    color: \"#c8c0d8\",\r\n    cursor: \"pointer\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    transition: \"background 0.15s, border-color 0.15s\",\r\n  };\r\n\r\n  const ctrlHover = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n    e.currentTarget.style.background = \"rgba(30, 34, 52, 0.95)\";\r\n    e.currentTarget.style.borderColor = \"rgba(157, 112, 255, 0.4)\";\r\n  };\r\n  const ctrlLeave = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n    e.currentTarget.style.background = \"rgba(20, 24, 38, 0.92)\";\r\n    e.currentTarget.style.borderColor = \"rgba(120, 100, 180, 0.18)\";\r\n  };\r\n\r\n  // Overlay items shown in the Layers panel\r\n  const overlayItems: Array<{ id: string; label: string; enabled: boolean }> =\r\n    [];\r\n  overlayItems.push({\r\n    id: \"terminator\",\r\n    label: \"Day / Night\",\r\n    enabled: internalTerminator,\r\n  });\r\n  overlayItems.push({ id: \"grid\", label: \"Grid Lines\", enabled: internalGrid });\r\n  for (const l of customLayers ?? []) {\r\n    overlayItems.push({\r\n      id: l.id,\r\n      label: l.label,\r\n      enabled: customLayerState[l.id] ?? l.defaultEnabled ?? true,\r\n    });\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={`zendir-ground-track-map zendir-ground-track-map-leaflet${pinsEditable ? \" zendir-pins-editable\" : \"\"} ${className}`}\r\n      data-map-backend=\"leaflet\"\r\n      style={{\r\n        width,\r\n        height,\r\n        minHeight: resolvedMinHeight,\r\n        backgroundColor: tokens.colors.background.base,\r\n        borderRadius: 8,\r\n        overflow: \"hidden\",\r\n        position: \"relative\",\r\n      }}\r\n    >\r\n      <div\r\n        ref={containerRef}\r\n        style={{ width: \"100%\", height: \"100%\", minHeight: resolvedMinHeight }}\r\n      />\r\n      {isEmpty && (\r\n        <div\r\n          style={{\r\n            position: \"absolute\",\r\n            left: \"50%\",\r\n            top: \"50%\",\r\n            transform: \"translate(-50%, -50%)\",\r\n            color: tokens.colors.text.secondary,\r\n            fontSize: 14,\r\n            pointerEvents: \"none\",\r\n          }}\r\n        >\r\n          {emptyMessage}\r\n        </div>\r\n      )}\r\n      {/* ── Unified Map Controls — top-right control bar ── */}\r\n      <div\r\n        style={{\r\n          position: \"absolute\",\r\n          top: 10,\r\n          right: 10,\r\n          zIndex: 1000,\r\n          display: \"flex\",\r\n          flexDirection: \"row\",\r\n          gap: 4,\r\n          alignItems: \"flex-start\",\r\n          pointerEvents: \"none\",\r\n        }}\r\n      >\r\n        {/* Recenter */}\r\n        {showRecenterButton && (\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleRecenter}\r\n            title=\"Recenter map to fit all assets and ground stations\"\r\n            aria-label=\"Recenter map\"\r\n            style={{\r\n              ...ctrlBtnBase,\r\n              borderRadius: 4,\r\n              padding: \"6px 8px\",\r\n              gap: 4,\r\n              fontSize: 10,\r\n              fontWeight: 500,\r\n              letterSpacing: \"0.03em\",\r\n              pointerEvents: \"auto\",\r\n            }}\r\n            onMouseEnter={ctrlHover}\r\n            onMouseLeave={ctrlLeave}\r\n          >\r\n            <svg\r\n              width=\"13\"\r\n              height=\"13\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2.2\"\r\n            >\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\r\n              <path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\" />\r\n            </svg>\r\n          </button>\r\n        )}\r\n\r\n        {/* Layers panel */}\r\n        <div\r\n          ref={layersPanelRef}\r\n          style={{ position: \"relative\", pointerEvents: \"auto\" }}\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            onClick={() => setLayersPanelOpen((o) => !o)}\r\n            title=\"Map layers\"\r\n            aria-label=\"Toggle map layers panel\"\r\n            aria-expanded={layersPanelOpen}\r\n            style={{\r\n              ...ctrlBtnBase,\r\n              borderRadius: 4,\r\n              padding: \"6px 8px\",\r\n              pointerEvents: \"auto\",\r\n              borderColor: layersPanelOpen\r\n                ? \"rgba(157, 112, 255, 0.4)\"\r\n                : ctrlBtnBase.border\r\n                  ? undefined\r\n                  : \"rgba(120, 100, 180, 0.18)\",\r\n              background: layersPanelOpen\r\n                ? \"rgba(30, 34, 52, 0.95)\"\r\n                : ctrlBtnBase.background,\r\n            }}\r\n            onMouseEnter={ctrlHover}\r\n            onMouseLeave={ctrlLeave}\r\n          >\r\n            {/* Layers icon — stacked diamonds */}\r\n            <svg\r\n              width=\"14\"\r\n              height=\"14\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"1.8\"\r\n              strokeLinejoin=\"round\"\r\n            >\r\n              <path d=\"M12 2L2 7l10 5 10-5-10-5z\" />\r\n              <path d=\"M2 17l10 5 10-5\" />\r\n              <path d=\"M2 12l10 5 10-5\" />\r\n            </svg>\r\n          </button>\r\n\r\n          {/* Dropdown panel */}\r\n          {layersPanelOpen && (\r\n            <div\r\n              style={{\r\n                position: \"absolute\",\r\n                top: \"calc(100% + 6px)\",\r\n                right: 0,\r\n                minWidth: 180,\r\n                background: \"rgba(16, 18, 30, 0.96)\",\r\n                backdropFilter: \"blur(16px)\",\r\n                WebkitBackdropFilter: \"blur(16px)\",\r\n                border: \"1px solid rgba(120, 100, 180, 0.18)\",\r\n                borderRadius: 6,\r\n                padding: \"8px 0\",\r\n                boxShadow: \"0 8px 32px rgba(0,0,0,0.5)\",\r\n              }}\r\n            >\r\n              {/* Base Map section (only when no explicit tileUrl) */}\r\n              {!isExplicitTileUrl && (\r\n                <>\r\n                  <div\r\n                    style={{\r\n                      padding: \"4px 12px 6px\",\r\n                      fontSize: 9,\r\n                      fontWeight: 600,\r\n                      letterSpacing: \"0.08em\",\r\n                      textTransform: \"uppercase\" as const,\r\n                      color: \"#7a748e\",\r\n                    }}\r\n                  >\r\n                    Base Map\r\n                  </div>\r\n                  <div\r\n                    style={{ display: \"flex\", gap: 2, padding: \"0 8px 8px\" }}\r\n                  >\r\n                    {([\"dark\", \"satellite\"] as const).map((style) => (\r\n                      <button\r\n                        key={style}\r\n                        type=\"button\"\r\n                        onClick={() => handleTileStyleChange(style)}\r\n                        aria-pressed={tileStyle === style}\r\n                        style={{\r\n                          flex: 1,\r\n                          background:\r\n                            tileStyle === style\r\n                              ? \"rgba(157, 112, 255, 0.18)\"\r\n                              : \"rgba(255,255,255,0.03)\",\r\n                          border: `1px solid ${tileStyle === style ? \"rgba(157, 112, 255, 0.35)\" : \"rgba(120, 100, 180, 0.1)\"}`,\r\n                          borderRadius: 4,\r\n                          color: tileStyle === style ? \"#d0c4ee\" : \"#7a748e\",\r\n                          cursor: \"pointer\",\r\n                          padding: \"5px 6px\",\r\n                          fontSize: 10,\r\n                          fontWeight: tileStyle === style ? 600 : 400,\r\n                          display: \"flex\",\r\n                          alignItems: \"center\",\r\n                          justifyContent: \"center\",\r\n                          gap: 4,\r\n                          transition: \"all 0.15s ease\",\r\n                        }}\r\n                      >\r\n                        {style === \"dark\" ? (\r\n                          <svg\r\n                            width=\"10\"\r\n                            height=\"10\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"currentColor\"\r\n                            stroke=\"none\"\r\n                          >\r\n                            <path d=\"M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z\" />\r\n                          </svg>\r\n                        ) : (\r\n                          <svg\r\n                            width=\"10\"\r\n                            height=\"10\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            strokeWidth=\"2\"\r\n                          >\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" />\r\n                            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" />\r\n                          </svg>\r\n                        )}\r\n                        {style === \"dark\" ? \"Dark\" : \"Satellite\"}\r\n                      </button>\r\n                    ))}\r\n                  </div>\r\n                  <div\r\n                    style={{\r\n                      height: 1,\r\n                      background: \"rgba(120, 100, 180, 0.1)\",\r\n                      margin: \"0 8px\",\r\n                    }}\r\n                  />\r\n                </>\r\n              )}\r\n\r\n              {/* Overlays section */}\r\n              <div\r\n                style={{\r\n                  padding: `${isExplicitTileUrl ? \"4px\" : \"8px\"} 12px 4px`,\r\n                  fontSize: 9,\r\n                  fontWeight: 600,\r\n                  letterSpacing: \"0.08em\",\r\n                  textTransform: \"uppercase\" as const,\r\n                  color: \"#7a748e\",\r\n                }}\r\n              >\r\n                Overlays\r\n              </div>\r\n              {overlayItems.map((item) => (\r\n                <button\r\n                  key={item.id}\r\n                  type=\"button\"\r\n                  onClick={() => handleLayerToggle(item.id, !item.enabled)}\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: 8,\r\n                    width: \"100%\",\r\n                    padding: \"5px 12px\",\r\n                    background: \"transparent\",\r\n                    border: \"none\",\r\n                    color: item.enabled ? \"#c8c0d8\" : \"#5a5470\",\r\n                    cursor: \"pointer\",\r\n                    fontSize: 11,\r\n                    textAlign: \"left\" as const,\r\n                    transition: \"background 0.1s\",\r\n                  }}\r\n                  onMouseEnter={(e) => {\r\n                    e.currentTarget.style.background =\r\n                      \"rgba(157, 112, 255, 0.08)\";\r\n                  }}\r\n                  onMouseLeave={(e) => {\r\n                    e.currentTarget.style.background = \"transparent\";\r\n                  }}\r\n                >\r\n                  {/* Toggle indicator */}\r\n                  <span\r\n                    style={{\r\n                      width: 14,\r\n                      height: 14,\r\n                      borderRadius: 3,\r\n                      border: `1.5px solid ${item.enabled ? \"rgba(157, 112, 255, 0.6)\" : \"rgba(120, 100, 180, 0.25)\"}`,\r\n                      background: item.enabled\r\n                        ? \"rgba(157, 112, 255, 0.22)\"\r\n                        : \"transparent\",\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      flexShrink: 0,\r\n                      transition: \"all 0.15s ease\",\r\n                    }}\r\n                  >\r\n                    {item.enabled && (\r\n                      <svg\r\n                        width=\"9\"\r\n                        height=\"9\"\r\n                        viewBox=\"0 0 12 12\"\r\n                        fill=\"none\"\r\n                        stroke=\"#d0c4ee\"\r\n                        strokeWidth=\"2\"\r\n                      >\r\n                        <path d=\"M2 6l3 3 5-5\" />\r\n                      </svg>\r\n                    )}\r\n                  </span>\r\n                  {item.label}\r\n                </button>\r\n              ))}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {/* Zoom controls */}\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            pointerEvents: \"auto\",\r\n          }}\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleZoomIn}\r\n            title=\"Zoom in\"\r\n            aria-label=\"Zoom in\"\r\n            style={{\r\n              ...ctrlBtnBase,\r\n              borderRadius: \"4px 4px 0 0\",\r\n              borderBottom: \"none\",\r\n              width: 30,\r\n              height: 28,\r\n              fontSize: 16,\r\n              fontWeight: 300,\r\n              pointerEvents: \"auto\",\r\n            }}\r\n            onMouseEnter={ctrlHover}\r\n            onMouseLeave={ctrlLeave}\r\n          >\r\n            +\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleZoomOut}\r\n            title=\"Zoom out\"\r\n            aria-label=\"Zoom out\"\r\n            style={{\r\n              ...ctrlBtnBase,\r\n              borderRadius: \"0 0 4px 4px\",\r\n              width: 30,\r\n              height: 28,\r\n              fontSize: 16,\r\n              fontWeight: 300,\r\n              pointerEvents: \"auto\",\r\n            }}\r\n            onMouseEnter={ctrlHover}\r\n            onMouseLeave={ctrlLeave}\r\n          >\r\n            −\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default GroundTrackMapLeaflet;\r\n"],"mappings":"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"}
+{"version":3,"file":"GroundTrackMapLeaflet.js","names":[],"sources":["../../../src/react/charts/GroundTrackMapLeaflet.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - GroundTrackMap Leaflet Provider\r\n *\r\n * Leaflet-based 2D world map for ground tracks, stations, and terminator.\r\n * Uses Zendir hybrid theme; all interactions enabled (zoom, scroll, drag, etc.).\r\n * Import leaflet-zendir.css when using this component.\r\n */\r\n\r\nimport React, {\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useMemo,\r\n  useState,\r\n} from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport type { GroundStation } from \"../types\";\r\nimport type {\r\n  SatelliteTrack,\r\n  GroundStationEnhanced,\r\n  SROGroundStation,\r\n  MapPin,\r\n  LightSource,\r\n} from \"./GroundTrackMap\";\r\nimport type { MapLayerDef } from \"./GroundTrackMap\";\r\n\r\n// Optional Leaflet — consumer must install leaflet when using mapProvider=\"leaflet\"\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport \"./leaflet-zendir.css\";\r\nimport {\r\n  splitPolylineAtAntimeridian,\r\n  segmentsWithWorldCopies,\r\n  geodesicCirclePointsContinuous,\r\n} from \"./groundTrackMapLeafletUtils\";\r\nimport {\r\n  DEFAULT_TILE,\r\n  FALLBACK_TILE,\r\n  TILE_ERROR_THRESHOLD,\r\n  OSM_ATTRIBUTION,\r\n  TILE_PRESETS,\r\n  CANVAS_LABEL_TILES,\r\n  getBasemapAttribution,\r\n} from \"./groundTrackMapLeafletTiles\";\r\n\r\nconst STATUS_COLOR_MAP: Record<string, string> = {\r\n  normal: \"#56f000\",\r\n  standby: \"#2dccff\",\r\n  caution: \"#fce83a\",\r\n  serious: \"#ffb302\",\r\n  critical: \"#ff3838\",\r\n  off: \"#a4abb6\",\r\n};\r\n\r\nconst DEFAULT_TRACK_COLORS = [\r\n  \"#2dccff\",\r\n  \"#3E3CFF\",\r\n  \"#9D70FF\",\r\n  \"#56f000\",\r\n  \"#fce83a\",\r\n  \"#ff7849\",\r\n  \"#2dd4bf\",\r\n  \"#ff3838\",\r\n];\r\n\r\n// =============================================================================\r\n// Icon helpers — produce L.DivIcon with inline SVG (no external assets needed)\r\n// =============================================================================\r\n\r\n/** Satellite spacecraft icon with solar panels, matching Astro UXDS style. */\r\nfunction createSatDivIcon(statusColor: string, trackColor: string): L.DivIcon {\r\n  // Status badge shape (Astro UXDS spec)\r\n  const badge =\r\n    statusColor === \"#56f000\"\r\n      ? `<circle cx=\"7\" cy=\"7\" r=\"3\" fill=\"${statusColor}\"/>` // normal: filled dot\r\n      : statusColor === \"#2dccff\"\r\n        ? `<circle cx=\"7\" cy=\"7\" r=\"2.5\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\"/>` // standby: ring\r\n        : statusColor === \"#fce83a\"\r\n          ? `<rect x=\"4.5\" y=\"4.5\" width=\"5\" height=\"5\" fill=\"${statusColor}\"/>` // caution: square\r\n          : statusColor === \"#ffb302\"\r\n            ? `<polygon points=\"7,3.5 10.5,7 7,10.5 3.5,7\" fill=\"${statusColor}\"/>` // serious: diamond (Astro UXDS)\r\n            : statusColor === \"#ff3838\"\r\n              ? `<polygon points=\"7,10 4,4 10,4\" fill=\"${statusColor}\"/>` // critical: triangle down\r\n              : `<circle cx=\"7\" cy=\"7\" r=\"2\" fill=\"${statusColor}\"/>`; // off: small dot\r\n\r\n  const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\">\r\n    <!-- Glow ring -->\r\n    <circle cx=\"17\" cy=\"17\" r=\"15\" fill=\"${statusColor}\" fill-opacity=\"0.12\"/>\r\n    <!-- Main body circle -->\r\n    <circle cx=\"17\" cy=\"17\" r=\"11\" fill=\"#0d1323\" stroke=\"${trackColor}\" stroke-width=\"1.5\"/>\r\n    <!-- Left solar panel -->\r\n    <rect x=\"2\" y=\"15\" width=\"9\" height=\"4\" rx=\"0.5\" fill=\"${trackColor}\" fill-opacity=\"0.75\"/>\r\n    <line x1=\"5.5\" y1=\"15\" x2=\"5.5\" y2=\"19\" stroke=\"${trackColor}\" stroke-width=\"0.5\" stroke-opacity=\"0.45\"/>\r\n    <!-- Connector left -->\r\n    <line x1=\"11\" y1=\"17\" x2=\"13\" y2=\"17\" stroke=\"${trackColor}\" stroke-width=\"1.2\"/>\r\n    <!-- Satellite bus body -->\r\n    <rect x=\"13\" y=\"14.5\" width=\"8\" height=\"5\" rx=\"1\" fill=\"${statusColor}\"/>\r\n    <!-- Connector right -->\r\n    <line x1=\"21\" y1=\"17\" x2=\"23\" y2=\"17\" stroke=\"${trackColor}\" stroke-width=\"1.2\"/>\r\n    <!-- Right solar panel -->\r\n    <rect x=\"23\" y=\"15\" width=\"9\" height=\"4\" rx=\"0.5\" fill=\"${trackColor}\" fill-opacity=\"0.75\"/>\r\n    <line x1=\"26.5\" y1=\"15\" x2=\"26.5\" y2=\"19\" stroke=\"${trackColor}\" stroke-width=\"0.5\" stroke-opacity=\"0.45\"/>\r\n    <!-- Status badge (top-left) -->\r\n    <circle cx=\"7\" cy=\"7\" r=\"5.5\" fill=\"#0d1323\"/>\r\n    ${badge}\r\n  </svg>`;\r\n\r\n  return L.divIcon({\r\n    html: svg,\r\n    className: \"zendir-sat-icon\",\r\n    iconSize: [34, 34] as unknown as L.PointExpression,\r\n    iconAnchor: [17, 17] as unknown as L.PointExpression,\r\n    tooltipAnchor: [0, -18] as unknown as L.PointExpression,\r\n  });\r\n}\r\n\r\n/** Ground station icon — dish/antenna shape, matching Astro UXDS style. */\r\nfunction createStationDivIcon(\r\n  statusColor: string,\r\n  type: string,\r\n  status: string,\r\n): L.DivIcon {\r\n  // Status badge\r\n  const badge =\r\n    status === \"normal\"\r\n      ? `<circle cx=\"5\" cy=\"5\" r=\"2.5\" fill=\"${statusColor}\"/>`\r\n      : status === \"standby\"\r\n        ? `<circle cx=\"5\" cy=\"5\" r=\"2\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>`\r\n        : status === \"caution\"\r\n          ? `<rect x=\"3\" y=\"3\" width=\"4\" height=\"4\" fill=\"${statusColor}\"/>`\r\n          : status === \"serious\"\r\n            ? `<polygon points=\"5,2.5 7.5,5 5,7.5 2.5,5\" fill=\"${statusColor}\"/>`\r\n            : status === \"critical\"\r\n              ? `<polygon points=\"5,7.5 2.5,2.5 7.5,2.5\" fill=\"${statusColor}\"/>`\r\n              : `<circle cx=\"5\" cy=\"5\" r=\"1.5\" fill=\"${statusColor}\"/>`;\r\n\r\n  let iconInner = \"\";\r\n  if (type === \"phased-array\") {\r\n    // Grid pattern (phased array)\r\n    iconInner = `\r\n      <rect x=\"9\" y=\"7\" width=\"10\" height=\"8\" rx=\"0.5\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"15\" stroke=\"${statusColor}\" stroke-width=\"0.7\"/>\r\n      <line x1=\"15\" y1=\"7\" x2=\"15\" y2=\"15\" stroke=\"${statusColor}\" stroke-width=\"0.7\"/>\r\n      <line x1=\"9\" y1=\"10\" x2=\"19\" y2=\"10\" stroke=\"${statusColor}\" stroke-width=\"0.7\"/>\r\n      <line x1=\"9\" y1=\"13\" x2=\"19\" y2=\"13\" stroke=\"${statusColor}\" stroke-width=\"0.7\"/>\r\n      <line x1=\"14\" y1=\"15\" x2=\"14\" y2=\"20\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <line x1=\"11\" y1=\"20\" x2=\"17\" y2=\"20\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>`;\r\n  } else if (type === \"relay\") {\r\n    // Relay dish with signal arcs\r\n    iconInner = `\r\n      <path d=\"M 8 16 a 7 7 0 0 1 7 -7\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n      <path d=\"M 8 16 m 2 -2 a 5 5 0 0 1 5 -5\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.2\" stroke-linecap=\"round\"/>\r\n      <line x1=\"14\" y1=\"16\" x2=\"14\" y2=\"21\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <line x1=\"11\" y1=\"21\" x2=\"17\" y2=\"21\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <path d=\"M 16 8 a 3 3 0 0 1 0 4\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.2\" stroke-linecap=\"round\"/>\r\n      <path d=\"M 17.5 6.5 a 5 5 0 0 1 0 7\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1\" stroke-linecap=\"round\"/>`;\r\n  } else {\r\n    // Default: dish antenna with concentric arcs (Astro UXDS antenna pattern)\r\n    iconInner = `\r\n      <path d=\"M 14 14 m -7 0 a 7 7 0 0 1 7 -7\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n      <path d=\"M 14 14 m -5 0 a 5 5 0 0 1 5 -5\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n      <path d=\"M 14 14 m -3 0 a 3 3 0 0 1 3 -3\" fill=\"none\" stroke=\"${statusColor}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\r\n      <circle cx=\"14\" cy=\"14\" r=\"1.5\" fill=\"${statusColor}\"/>\r\n      <line x1=\"14\" y1=\"15\" x2=\"14\" y2=\"21\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>\r\n      <line x1=\"11\" y1=\"21\" x2=\"17\" y2=\"21\" stroke=\"${statusColor}\" stroke-width=\"1.2\"/>`;\r\n  }\r\n\r\n  const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\">\r\n    <!-- Glow ring -->\r\n    <circle cx=\"14\" cy=\"14\" r=\"13\" fill=\"${statusColor}\" fill-opacity=\"0.1\"/>\r\n    <!-- Background -->\r\n    <circle cx=\"14\" cy=\"14\" r=\"11\" fill=\"#0d1323\" stroke=\"${statusColor}\" stroke-width=\"1.2\" stroke-opacity=\"0.7\"/>\r\n    ${iconInner}\r\n    <!-- Status badge (top-left) -->\r\n    <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#0d1323\"/>\r\n    ${badge}\r\n  </svg>`;\r\n\r\n  return L.divIcon({\r\n    html: svg,\r\n    className: \"zendir-station-icon\",\r\n    iconSize: [28, 28] as unknown as L.PointExpression,\r\n    iconAnchor: [14, 14] as unknown as L.PointExpression,\r\n    tooltipAnchor: [0, -14] as unknown as L.PointExpression,\r\n  });\r\n}\r\n\r\n/**\r\n * Calculate the sub-solar point (latitude, longitude) for a given UTC Date.\r\n * Returns the geographic location where the sun is directly overhead.\r\n */\r\nfunction calculateSubSolarPoint(date: Date): [number, number] {\r\n  const dayOfYear = Math.floor(\r\n    (date.getTime() - Date.UTC(date.getUTCFullYear(), 0, 0)) / 86400000,\r\n  );\r\n  const declination =\r\n    -23.44 * Math.cos(((2 * Math.PI) / 365) * (dayOfYear + 10));\r\n  const B = ((2 * Math.PI) / 365) * (dayOfYear - 81);\r\n  const eotMinutes =\r\n    9.87 * Math.sin(2 * B) - 7.53 * Math.cos(B) - 1.5 * Math.sin(B);\r\n  const utcHours =\r\n    date.getUTCHours() +\r\n    date.getUTCMinutes() / 60 +\r\n    date.getUTCSeconds() / 3600;\r\n  const solarHours = utcHours + eotMinutes / 60;\r\n  const lon = -(solarHours - 12) * 15;\r\n  return [declination, ((lon + 540) % 360) - 180];\r\n}\r\n\r\n/**\r\n * Calculate the approximate sub-lunar point for a given UTC Date.\r\n * Uses a simplified low-precision algorithm sufficient for map overlay rendering.\r\n */\r\nfunction calculateSubLunarPoint(date: Date): [number, number] {\r\n  const J2000 = Date.UTC(2000, 0, 1, 12, 0, 0);\r\n  const d = (date.getTime() - J2000) / 86400000;\r\n  const DEG = Math.PI / 180;\r\n  const L = (218.316 + 13.176396 * d) % 360;\r\n  const M = (134.963 + 13.064993 * d) % 360;\r\n  const F = (93.272 + 13.22935 * d) % 360;\r\n  const lon_ecl = L + 6.289 * Math.sin(M * DEG);\r\n  const lat_ecl = 5.128 * Math.sin(F * DEG);\r\n  const obliquity = 23.439 - 0.00000036 * d;\r\n  const sinRA =\r\n    Math.sin(lon_ecl * DEG) * Math.cos(obliquity * DEG) -\r\n    Math.tan(lat_ecl * DEG) * Math.sin(obliquity * DEG);\r\n  const cosRA = Math.cos(lon_ecl * DEG);\r\n  let RA = Math.atan2(sinRA, cosRA) / DEG;\r\n  if (RA < 0) RA += 360;\r\n  const dec =\r\n    Math.asin(\r\n      Math.sin(lat_ecl * DEG) * Math.cos(obliquity * DEG) +\r\n        Math.cos(lat_ecl * DEG) *\r\n          Math.sin(obliquity * DEG) *\r\n          Math.sin(lon_ecl * DEG),\r\n    ) / DEG;\r\n  const GMST = (280.46061837 + 360.98564736629 * d) % 360;\r\n  let geoLon = RA - GMST;\r\n  geoLon = ((geoLon + 540) % 360) - 180;\r\n  return [dec, geoLon];\r\n}\r\n\r\n/**\r\n * Compute a terminator line with CONTINUOUS (unwrapped) longitudes.\r\n *\r\n * `depressionDeg` offsets the solar zenith angle to produce twilight\r\n * boundaries instead of the geometric sunset line:\r\n *   - 0° = geometric sunset/sunrise (day/night boundary)\r\n *   - 6° = civil twilight (horizon still visible, outdoor activities possible)\r\n *   - 12° = nautical twilight (horizon barely visible, stars appearing)\r\n *   - 18° = astronomical twilight (sky fully dark for observation)\r\n *\r\n * These thresholds follow IAU/USNO standard definitions used in celestial\r\n * navigation, Astro UX space ops dashboards, and STK/GMAT mission tools.\r\n */\r\nfunction calculateTerminatorContinuous(\r\n  date: Date,\r\n  depressionDeg: number = 0,\r\n  numPoints: number = 360,\r\n): { sunset: Array<[number, number]>; sunrise: Array<[number, number]> } {\r\n  const dayOfYear = Math.floor(\r\n    (date.getTime() - Date.UTC(date.getUTCFullYear(), 0, 0)) / 86400000,\r\n  );\r\n  const declination =\r\n    -23.44 * Math.cos(((2 * Math.PI) / 365) * (dayOfYear + 10));\r\n  const decRad = (declination * Math.PI) / 180;\r\n\r\n  // Equation of Time correction (minutes) for more accurate solar position\r\n  const B = ((2 * Math.PI) / 365) * (dayOfYear - 81);\r\n  const eotMinutes =\r\n    9.87 * Math.sin(2 * B) - 7.53 * Math.cos(B) - 1.5 * Math.sin(B);\r\n\r\n  // Sub-solar longitude: the geographic longitude where the sun is directly overhead.\r\n  // At noon UTC (solarHours=12) the sun is over Greenwich (0°).\r\n  // At midnight UTC (solarHours=0) the sun is over the dateline (180°).\r\n  const utcHours =\r\n    date.getUTCHours() +\r\n    date.getUTCMinutes() / 60 +\r\n    date.getUTCSeconds() / 3600;\r\n  const solarHours = utcHours + eotMinutes / 60;\r\n  const subSolarLon = -(solarHours - 12) * 15;\r\n  const depRad = (depressionDeg * Math.PI) / 180;\r\n\r\n  const sunset: Array<[number, number]> = [];\r\n  const sunrise: Array<[number, number]> = [];\r\n\r\n  for (let i = 0; i <= numPoints; i++) {\r\n    // Avoid exact +/- 90 to prevent longitude singularities at the poles\r\n    const lat = -89.999 + (i / numPoints) * 179.998;\r\n    const latRad = lat * (Math.PI / 180);\r\n    const cosH =\r\n      -(Math.sin(depRad) + Math.sin(latRad) * Math.sin(decRad)) /\r\n      (Math.cos(latRad) * Math.cos(decRad));\r\n\r\n    if (cosH < -1) {\r\n      // All day — midnight sun at this latitude. No night boundary points.\r\n    } else if (cosH > 1) {\r\n      // All night — polar night at this latitude. Night spans all longitudes.\r\n      sunset.push([lat, subSolarLon]);\r\n      sunrise.push([lat, subSolarLon + 360]);\r\n    } else {\r\n      const H = (Math.acos(cosH) * 180) / Math.PI;\r\n      // Sunset boundary: H degrees EAST of the sub-solar point (afternoon side).\r\n      // Observers here see the sun setting in the west — entering night.\r\n      sunset.push([lat, subSolarLon + H]);\r\n      // Sunrise boundary: H degrees WEST of the sub-solar point (morning side),\r\n      // expressed as subSolarLon - H + 360 to keep values > sunset for a continuous polygon.\r\n      sunrise.push([lat, subSolarLon + 360 - H]);\r\n    }\r\n  }\r\n\r\n  return { sunset, sunrise };\r\n}\r\n\r\n/**\r\n * Build the full night polygon, properly closing the loops around the poles.\r\n * Ensures longitudes are strictly continuous so the map projection doesn't\r\n * draw antimeridian lines across the day side.\r\n */\r\nfunction buildNightPolygon(terminator: {\r\n  sunset: Array<[number, number]>;\r\n  sunrise: Array<[number, number]>;\r\n}): [number, number][] {\r\n  const { sunset, sunrise } = terminator;\r\n  if (!sunset.length || !sunrise.length) return [];\r\n\r\n  const poly: [number, number][] = [];\r\n\r\n  // Left edge of night (sunset): South to North\r\n  poly.push(...sunset);\r\n\r\n  // Right edge of night (sunrise): North to South\r\n  poly.push(...[...sunrise].reverse());\r\n\r\n  // Leaflet will automatically close the polygon by connecting the last point\r\n  // (South end of sunrise) back to the first point (South end of sunset).\r\n  // Because longitudes are continuous and bounded (sunrise.lon - sunset.lon <= 360),\r\n  // this closing line will simply span the bottom or top of the map, perfectly\r\n  // enclosing the night area without crossing the day side!\r\n\r\n  return poly;\r\n}\r\n\r\nexport type GroundStationMapItem =\r\n  | GroundStation\r\n  | GroundStationEnhanced\r\n  | SROGroundStation;\r\n\r\nexport interface GroundTrackMapLeafletProps {\r\n  allSatellites: SatelliteTrack[];\r\n  groundStations: GroundStationMapItem[];\r\n  showTerminator?: boolean;\r\n  /** Override the time used for the terminator calculation (defaults to wall-clock now). */\r\n  terminatorTime?: Date;\r\n  showGrid?: boolean;\r\n  showLegend?: boolean;\r\n  showEquator?: boolean;\r\n  showRecenterButton?: boolean;\r\n  /** Show a toggle button to switch between Dark and Satellite tile styles. Default true. */\r\n  showMapStyleToggle?: boolean;\r\n  defaultCenter?: [number, number];\r\n  defaultZoom?: number;\r\n  height?: number | string;\r\n  width?: number | string;\r\n  minHeight?: string;\r\n  emptyMessage?: string;\r\n  tileUrl?: string;\r\n  /**\r\n   * URL template for a \"night\" tile layer (e.g. NASA Black Marble, VIIRS city lights).\r\n   * Rendered beneath the terminator overlay so it only appears on the dark side.\r\n   * Requires `showTerminator`. Falls back to dark overlay when not provided.\r\n   */\r\n  nightTileUrl?: string;\r\n  /**\r\n   * Point light sources rendered on the night side (masked by the terminator).\r\n   * Each light fades in through twilight and reaches full brightness at night.\r\n   */\r\n  lightSources?: LightSource[];\r\n  className?: string;\r\n  onSatelliteClick?: (id: string) => void;\r\n  onStationClick?: (id: string) => void;\r\n  /** Points-of-interest pins */\r\n  pins?: MapPin[];\r\n  /** Allow adding/editing pins via map clicks */\r\n  pinsEditable?: boolean;\r\n  onPinAdd?: (pin: Omit<MapPin, \"id\">) => void;\r\n  onPinUpdate?: (pin: MapPin) => void;\r\n  onPinRemove?: (pinId: string) => void;\r\n  /** Custom overlay layers for the Layers panel */\r\n  customLayers?: MapLayerDef[];\r\n  /** Called when any layer is toggled */\r\n  onLayerChange?: (layerId: string, enabled: boolean) => void;\r\n  /**\r\n   * Show sun and moon position markers on the map.\r\n   * Requires `showTerminator`. Default: true when terminator is enabled.\r\n   */\r\n  showCelestialMarkers?: boolean;\r\n}\r\n\r\nexport function GroundTrackMapLeaflet({\r\n  allSatellites,\r\n  groundStations,\r\n  showTerminator = true,\r\n  terminatorTime,\r\n  showGrid = false,\r\n  showLegend = true,\r\n  showEquator = false,\r\n  showRecenterButton = true,\r\n  showMapStyleToggle = true,\r\n  defaultCenter = [20, 0],\r\n  defaultZoom = 2,\r\n  height = \"100%\",\r\n  width = \"100%\",\r\n  minHeight = \"400px\",\r\n  emptyMessage = \"No orbital data available\",\r\n  tileUrl,\r\n  nightTileUrl,\r\n  lightSources,\r\n  className = \"\",\r\n  onSatelliteClick,\r\n  onStationClick,\r\n  pins,\r\n  pinsEditable = false,\r\n  onPinAdd,\r\n  onPinUpdate,\r\n  onPinRemove,\r\n  customLayers,\r\n  onLayerChange,\r\n  showCelestialMarkers,\r\n}: GroundTrackMapLeafletProps): React.ReactElement {\r\n  const { tokens } = useTheme();\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const mapRef = useRef<L.Map | null>(null);\r\n  const tileLayerRef = useRef<L.TileLayer | null>(null);\r\n  const labelTileLayerRef = useRef<L.TileLayer | null>(null);\r\n  const overlayGroupRef = useRef<L.LayerGroup | null>(null);\r\n  const controlsRef = useRef<L.Control[]>([]);\r\n  /** Separate layer group so pin updates don't clear satellite/station layers */\r\n  const pinsGroupRef = useRef<L.LayerGroup | null>(null);\r\n  const [ready, setReady] = useState(false);\r\n\r\n  // ── Layers panel open/close ──\r\n  const [layersPanelOpen, setLayersPanelOpen] = useState(false);\r\n  const layersPanelRef = useRef<HTMLDivElement>(null);\r\n\r\n  // Close layers panel when clicking outside\r\n  useEffect(() => {\r\n    if (!layersPanelOpen) return;\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        layersPanelRef.current &&\r\n        !layersPanelRef.current.contains(e.target as Node)\r\n      ) {\r\n        setLayersPanelOpen(false);\r\n      }\r\n    };\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [layersPanelOpen]);\r\n\r\n  // ── Tile style with localStorage persistence ──\r\n  const TILE_STORAGE_KEY = \"zendir-map-tile-style\";\r\n  const isExplicitTileUrl = tileUrl !== undefined;\r\n  const [tileStyle, setTileStyle] = useState<\"dark\" | \"satellite\">(() => {\r\n    if (isExplicitTileUrl) return \"dark\";\r\n    try {\r\n      const saved = localStorage.getItem(TILE_STORAGE_KEY);\r\n      if (saved === \"dark\" || saved === \"satellite\") return saved;\r\n    } catch {\r\n      /* SSR / storage blocked */\r\n    }\r\n    return \"dark\";\r\n  });\r\n\r\n  const handleTileStyleChange = useCallback((style: \"dark\" | \"satellite\") => {\r\n    setTileStyle(style);\r\n    try {\r\n      localStorage.setItem(TILE_STORAGE_KEY, style);\r\n    } catch {\r\n      /* noop */\r\n    }\r\n  }, []);\r\n\r\n  const effectiveTileUrl = isExplicitTileUrl\r\n    ? tileUrl\r\n    : TILE_PRESETS[tileStyle];\r\n\r\n  // ── Internal overlay toggle state (built-in layers: terminator, grid) ──\r\n  const [internalTerminator, setInternalTerminator] = useState(showTerminator);\r\n  const [internalGrid, setInternalGrid] = useState(showGrid);\r\n\r\n  // Sync with prop changes (props are the initial source of truth)\r\n  useEffect(() => {\r\n    setInternalTerminator(showTerminator);\r\n  }, [showTerminator]);\r\n  useEffect(() => {\r\n    setInternalGrid(showGrid);\r\n  }, [showGrid]);\r\n\r\n  // ── Custom layer toggle state ──\r\n  const [customLayerState, setCustomLayerState] = useState<\r\n    Record<string, boolean>\r\n  >(() => {\r\n    const state: Record<string, boolean> = {};\r\n    for (const l of customLayers ?? []) {\r\n      state[l.id] = l.defaultEnabled ?? true;\r\n    }\r\n    return state;\r\n  });\r\n\r\n  // Sync when customLayers prop changes (add new layers with defaults)\r\n  useEffect(() => {\r\n    setCustomLayerState((prev) => {\r\n      const next = { ...prev };\r\n      for (const l of customLayers ?? []) {\r\n        if (!(l.id in next)) next[l.id] = l.defaultEnabled ?? true;\r\n      }\r\n      return next;\r\n    });\r\n  }, [customLayers]);\r\n\r\n  const handleLayerToggle = useCallback(\r\n    (layerId: string, enabled: boolean) => {\r\n      if (layerId === \"terminator\") {\r\n        setInternalTerminator(enabled);\r\n      } else if (layerId === \"grid\") {\r\n        setInternalGrid(enabled);\r\n      } else {\r\n        setCustomLayerState((prev) => ({ ...prev, [layerId]: enabled }));\r\n      }\r\n      onLayerChange?.(layerId, enabled);\r\n    },\r\n    [onLayerChange],\r\n  );\r\n\r\n  const clearLayers = useCallback(() => {\r\n    const map = mapRef.current;\r\n    if (!map) return;\r\n    overlayGroupRef.current?.clearLayers();\r\n    controlsRef.current.forEach((ctrl) => map.removeControl(ctrl));\r\n    controlsRef.current = [];\r\n  }, []);\r\n\r\n  const addLayer = useCallback((layer: L.Layer) => {\r\n    overlayGroupRef.current?.addLayer(layer);\r\n  }, []);\r\n\r\n  // Create map once on mount (or when tileUrl changes). Intentionally not depending on\r\n  // defaultCenter/defaultZoom so animated updates do not recreate the map (no flicker/zoom reset).\r\n  useEffect(() => {\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- defaultCenter/defaultZoom used only for initial view\r\n    const el = containerRef.current;\r\n    if (!el) return;\r\n\r\n    const center: L.LatLngExpression = defaultCenter ?? [20, 0];\r\n    const zoom = defaultZoom ?? 2;\r\n\r\n    const map = L.map(el, {\r\n      center,\r\n      zoom,\r\n      zoomControl: false,\r\n      scrollWheelZoom: true,\r\n      doubleClickZoom: true,\r\n      touchZoom: true,\r\n      boxZoom: true,\r\n      keyboard: true,\r\n      dragging: true,\r\n      attributionControl: true,\r\n      // Canvas renderer for vector layers (tracks, footprints, terminator).\r\n      // The overlay set is torn down and rebuilt whenever track data or the\r\n      // terminator time changes; as SVG that churn creates/destroys hundreds\r\n      // of DOM nodes per rebuild, which Safari's compositor handles poorly —\r\n      // iPad tabs run out of memory and desktop Safari freezes on\r\n      // click-zoom. Canvas draws sidestep the DOM entirely.\r\n      preferCanvas: true,\r\n      maxBounds: [\r\n        [-90, -540],\r\n        [90, 540],\r\n      ],\r\n      maxBoundsViscosity: 1.0,\r\n    });\r\n\r\n    map.attributionControl.setPrefix(\"\");\r\n\r\n    const overlayGroup = L.layerGroup();\r\n    overlayGroup.addTo(map);\r\n    overlayGroupRef.current = overlayGroup;\r\n\r\n    const pinsGroup = L.layerGroup();\r\n    pinsGroup.addTo(map);\r\n    pinsGroupRef.current = pinsGroup;\r\n\r\n    mapRef.current = map;\r\n    setReady(true);\r\n\r\n    const onSize = () => {\r\n      map.invalidateSize({ animate: false });\r\n    };\r\n    // Immediate RAF + two deferred calls cover: first paint, CSS transitions, flex layout settle\r\n    const raf = requestAnimationFrame(onSize);\r\n    const t1 = setTimeout(onSize, 150);\r\n    const t2 = setTimeout(onSize, 500);\r\n\r\n    return () => {\r\n      clearTimeout(t1);\r\n      clearTimeout(t2);\r\n      cancelAnimationFrame(raf);\r\n      clearLayers();\r\n      pinsGroupRef.current?.clearLayers();\r\n      pinsGroupRef.current = null;\r\n      tileLayerRef.current = null;\r\n      labelTileLayerRef.current = null;\r\n      map.remove();\r\n      mapRef.current = null;\r\n      overlayGroupRef.current = null;\r\n    };\r\n    // Mount-only: tile layer is swapped by a dedicated effect below.\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [clearLayers]);\r\n\r\n  // Swap tile layer without recreating the entire map (avoids flash on style toggle).\r\n  useEffect(() => {\r\n    const map = mapRef.current;\r\n    if (!map || !ready) return;\r\n\r\n    // Remove existing tile layer (Leaflet drops that layer's attribution with it)\r\n    if (tileLayerRef.current) {\r\n      tileLayerRef.current.remove();\r\n      tileLayerRef.current = null;\r\n    }\r\n    if (labelTileLayerRef.current) {\r\n      labelTileLayerRef.current.remove();\r\n      labelTileLayerRef.current = null;\r\n    }\r\n\r\n    const isCartoTiles = effectiveTileUrl.includes(\"cartocdn\");\r\n    const basemapAttribution = getBasemapAttribution(effectiveTileUrl);\r\n\r\n    const tile = L.tileLayer(effectiveTileUrl, {\r\n      maxZoom: 19,\r\n      subdomains: isCartoTiles ? \"abcd\" : \"abc\",\r\n      crossOrigin: true,\r\n      attribution: basemapAttribution || undefined,\r\n    });\r\n    tile.addTo(map);\r\n    tile.bringToBack();\r\n    tileLayerRef.current = tile;\r\n\r\n    // Place names for basemaps that ship them as a separate reference layer\r\n    const labelUrl = CANVAS_LABEL_TILES[effectiveTileUrl];\r\n    if (labelUrl) {\r\n      const labels = L.tileLayer(labelUrl, {\r\n        maxZoom: 19,\r\n        crossOrigin: true,\r\n      });\r\n      labels.addTo(map);\r\n      tile.bringToBack();\r\n      labelTileLayerRef.current = labels;\r\n    }\r\n\r\n    // Fallback on tile error\r\n    let hasSwitchedToFallback = false;\r\n    const onTileError = () => {\r\n      if (hasSwitchedToFallback) return;\r\n      hasSwitchedToFallback = true;\r\n      tile.off(\"tileerror\", onTileError);\r\n      tile.remove();\r\n      labelTileLayerRef.current?.remove();\r\n      labelTileLayerRef.current = null;\r\n      const fallback = L.tileLayer(FALLBACK_TILE, {\r\n        maxZoom: 19,\r\n        subdomains: \"abc\",\r\n        crossOrigin: true,\r\n        attribution: OSM_ATTRIBUTION,\r\n      });\r\n      fallback.addTo(map);\r\n      fallback.bringToBack();\r\n      tileLayerRef.current = fallback;\r\n    };\r\n    tile.on(\"tileerror\", onTileError);\r\n  }, [effectiveTileUrl, ready]);\r\n\r\n  useEffect(() => {\r\n    if (!ready || !mapRef.current) return;\r\n    const map = mapRef.current;\r\n    clearLayers();\r\n\r\n    // === Night Tile Layer (placed beneath terminator so night imagery appears on dark side) ===\r\n    if (nightTileUrl && internalTerminator) {\r\n      const nightTile = L.tileLayer(nightTileUrl, {\r\n        maxZoom: 19,\r\n        crossOrigin: true,\r\n        opacity: 0.7,\r\n        className: \"zendir-night-tiles\",\r\n      });\r\n      addLayer(nightTile);\r\n    }\r\n\r\n    if (internalTerminator) {\r\n      const now = terminatorTime ?? new Date();\r\n\r\n      // Graduated terminator shade. Stronger on satellite imagery for contrast,\r\n      // lighter on dark tiles where subtlety reads better.\r\n      const isSatelliteTile = tileStyle === \"satellite\";\r\n      const BAND_STEP = 1.5;\r\n      const MAX_DEP = 30;\r\n      const NIGHT_OPACITY = isSatelliteTile ? 0.75 : 0.38;\r\n      const NIGHT_COLOR = isSatelliteTile ? \"#030810\" : \"#2a3a52\";\r\n      const bandSteps: Array<{\r\n        depression: number;\r\n        opacity: number;\r\n        color: string;\r\n      }> = [];\r\n      for (let d = 0; d <= MAX_DEP; d += BAND_STEP) {\r\n        const t = Math.min(d / 18, 1);\r\n        const opacity =\r\n          Math.pow(t, 1.6) * (NIGHT_OPACITY * 0.85) +\r\n          (d > 18 ? ((d - 18) / 12) * (NIGHT_OPACITY * 0.15) : 0);\r\n        bandSteps.push({\r\n          depression: d,\r\n          opacity: Math.min(opacity, NIGHT_OPACITY),\r\n          color: NIGHT_COLOR,\r\n        });\r\n      }\r\n      bandSteps.push({\r\n        depression: 90,\r\n        opacity: NIGHT_OPACITY,\r\n        color: NIGHT_COLOR,\r\n      });\r\n\r\n      let prevOpacity = 0;\r\n\r\n      // Draw each band as a cumulative overlay — each adds incremental darkening\r\n      // By stacking full night polygons with small opacities, we avoid drawing\r\n      // complex band-difference polygons, which is much more robust at the poles.\r\n      for (const b of bandSteps) {\r\n        const terminator = calculateTerminatorContinuous(\r\n          now,\r\n          Math.min(b.depression, 89),\r\n        );\r\n        const bandOpacity = b.opacity - prevOpacity;\r\n        if (bandOpacity < 0.002 || terminator.sunset.length === 0) {\r\n          prevOpacity = b.opacity;\r\n          continue;\r\n        }\r\n\r\n        const poly = buildNightPolygon(terminator);\r\n        if (poly.length < 3) continue;\r\n\r\n        [0, 360, -360].forEach((offset) => {\r\n          const shifted = poly.map(\r\n            ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n          );\r\n          addLayer(\r\n            L.polygon(shifted, {\r\n              color: \"transparent\",\r\n              fillColor: b.color,\r\n              fillOpacity: bandOpacity,\r\n              interactive: false,\r\n            }),\r\n          );\r\n        });\r\n\r\n        prevOpacity = b.opacity;\r\n      }\r\n\r\n      // Draw a smooth terminator boundary line (0° depression)\r\n      // — a thin, continuous stroke showing the day/night geometric edge.\r\n      // Styling adapts to tile style: brighter on satellite for visibility.\r\n      const terminatorEdge = calculateTerminatorContinuous(now, 0);\r\n      const glowColor = isSatelliteTile ? \"#a0a0a0\" : \"#909090\";\r\n      const glowOpacity = isSatelliteTile ? 0.15 : 0.08;\r\n      const coreColor = isSatelliteTile ? \"#c0c0c0\" : \"#a8a8a8\";\r\n      const coreOpacity = isSatelliteTile ? 0.45 : 0.3;\r\n      if (terminatorEdge.sunset.length > 2) {\r\n        const sunsetLine = terminatorEdge.sunset.map(\r\n          ([lat, lon]) => [lat, lon] as [number, number],\r\n        );\r\n        const sunriseLine = terminatorEdge.sunrise.map(\r\n          ([lat, lon]) => [lat, lon] as [number, number],\r\n        );\r\n        [0, 360, -360].forEach((offset) => {\r\n          addLayer(\r\n            L.polyline(\r\n              sunsetLine.map(\r\n                ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n              ),\r\n              {\r\n                color: glowColor,\r\n                weight: 3,\r\n                opacity: glowOpacity,\r\n                interactive: false,\r\n                smoothFactor: 1.5,\r\n              },\r\n            ),\r\n          );\r\n          addLayer(\r\n            L.polyline(\r\n              sunriseLine.map(\r\n                ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n              ),\r\n              {\r\n                color: glowColor,\r\n                weight: 3,\r\n                opacity: glowOpacity,\r\n                interactive: false,\r\n                smoothFactor: 1.5,\r\n              },\r\n            ),\r\n          );\r\n          addLayer(\r\n            L.polyline(\r\n              sunsetLine.map(\r\n                ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n              ),\r\n              {\r\n                color: coreColor,\r\n                weight: 1,\r\n                opacity: coreOpacity,\r\n                interactive: false,\r\n                smoothFactor: 1.5,\r\n              },\r\n            ),\r\n          );\r\n          addLayer(\r\n            L.polyline(\r\n              sunriseLine.map(\r\n                ([lat, lon]) => [lat, lon + offset] as [number, number],\r\n              ),\r\n              {\r\n                color: coreColor,\r\n                weight: 1,\r\n                opacity: coreOpacity,\r\n                interactive: false,\r\n                smoothFactor: 1.5,\r\n              },\r\n            ),\r\n          );\r\n        });\r\n      }\r\n\r\n      // TODO: Re-enable sun/moon celestial markers once visual design is finalized.\r\n      // Calculations (calculateSubSolarPoint, calculateSubLunarPoint) are correct.\r\n      // Uncomment and set back to prop-driven to restore:\r\n      //   const celestialEnabled = showCelestialMarkers !== undefined ? showCelestialMarkers : true;\r\n      const celestialEnabled = false;\r\n      if (celestialEnabled) {\r\n        const [sunLat, sunLon] = calculateSubSolarPoint(now);\r\n        const sunIcon = L.divIcon({\r\n          className: \"\",\r\n          iconSize: [28, 28] as unknown as L.PointExpression,\r\n          iconAnchor: [14, 14] as unknown as L.PointExpression,\r\n          html: `<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <defs><filter id=\"sun-glow\"><feGaussianBlur stdDeviation=\"1.5\" result=\"blur\"/><feMerge><feMergeNode in=\"blur\"/><feMergeNode in=\"SourceGraphic\"/></feMerge></filter></defs>\r\n          <circle cx=\"14\" cy=\"14\" r=\"6\" fill=\"#FFB300\" stroke=\"#FF8F00\" stroke-width=\"1.2\" filter=\"url(#sun-glow)\"/>\r\n          ${[0, 45, 90, 135, 180, 225, 270, 315]\r\n            .map((a) => {\r\n              const r1 = 8,\r\n                r2 = 12,\r\n                rad = (a * Math.PI) / 180;\r\n              return `<line x1=\"${14 + r1 * Math.cos(rad)}\" y1=\"${14 + r1 * Math.sin(rad)}\" x2=\"${14 + r2 * Math.cos(rad)}\" y2=\"${14 + r2 * Math.sin(rad)}\" stroke=\"#FFB300\" stroke-width=\"1.4\" stroke-linecap=\"round\" opacity=\"0.85\"/>`;\r\n            })\r\n            .join(\"\")}\r\n        </svg>`,\r\n        });\r\n        const sunMarker = L.marker([sunLat, sunLon], {\r\n          icon: sunIcon,\r\n          interactive: true,\r\n          zIndexOffset: 800,\r\n        });\r\n        sunMarker.bindTooltip(\r\n          `<b>Sub-Solar Point</b><br/>Sun's zenith position<br/>Lat ${sunLat.toFixed(2)}° Lon ${sunLon.toFixed(2)}°`,\r\n          {\r\n            direction: \"top\",\r\n            offset: [0, -14] as unknown as L.PointExpression,\r\n            className: \"zendir-celestial-tooltip\",\r\n          },\r\n        );\r\n        addLayer(sunMarker);\r\n\r\n        // Sub-lunar point marker\r\n        const [moonLat, moonLon] = calculateSubLunarPoint(now);\r\n        const moonIcon = L.divIcon({\r\n          className: \"\",\r\n          iconSize: [22, 22] as unknown as L.PointExpression,\r\n          iconAnchor: [11, 11] as unknown as L.PointExpression,\r\n          html: `<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <defs><filter id=\"moon-glow\"><feGaussianBlur stdDeviation=\"1\" result=\"blur\"/><feMerge><feMergeNode in=\"blur\"/><feMergeNode in=\"SourceGraphic\"/></feMerge></filter></defs>\r\n          <circle cx=\"11\" cy=\"11\" r=\"6.5\" fill=\"#e0e0e0\" stroke=\"#9e9e9e\" stroke-width=\"0.8\" filter=\"url(#moon-glow)\" opacity=\"0.9\"/>\r\n          <circle cx=\"9\" cy=\"9.5\" r=\"1.6\" fill=\"#bdbdbd\" opacity=\"0.5\"/>\r\n          <circle cx=\"13\" cy=\"12\" r=\"1.0\" fill=\"#bdbdbd\" opacity=\"0.4\"/>\r\n          <circle cx=\"10.5\" cy=\"13.5\" r=\"0.7\" fill=\"#bdbdbd\" opacity=\"0.35\"/>\r\n        </svg>`,\r\n        });\r\n        const moonMarker = L.marker([moonLat, moonLon], {\r\n          icon: moonIcon,\r\n          interactive: true,\r\n          zIndexOffset: 790,\r\n        });\r\n        moonMarker.bindTooltip(\r\n          `<b>Sub-Lunar Point</b><br/>Moon's zenith position<br/>Lat ${moonLat.toFixed(2)}° Lon ${moonLon.toFixed(2)}°`,\r\n          {\r\n            direction: \"top\",\r\n            offset: [0, -11] as unknown as L.PointExpression,\r\n            className: \"zendir-celestial-tooltip\",\r\n          },\r\n        );\r\n        addLayer(moonMarker);\r\n      } // end celestialEnabled\r\n    }\r\n\r\n    // === Light Sources (rendered as glowing markers on the night side) ===\r\n    if (lightSources && lightSources.length > 0 && internalTerminator) {\r\n      const now = terminatorTime ?? new Date();\r\n      const dayOfYear = Math.floor(\r\n        (now.getTime() - Date.UTC(now.getUTCFullYear(), 0, 0)) / 86400000,\r\n      );\r\n      const declination =\r\n        -23.44 * Math.cos(((2 * Math.PI) / 365) * (dayOfYear + 10));\r\n      const decRad = (declination * Math.PI) / 180;\r\n      const lsSubSolarLon =\r\n        -(now.getUTCHours() + now.getUTCMinutes() / 60 - 12) * 15;\r\n\r\n      for (const light of lightSources) {\r\n        const latRad = (light.latitude * Math.PI) / 180;\r\n        const sinAlt =\r\n          Math.sin(latRad) * Math.sin(decRad) +\r\n          Math.cos(latRad) *\r\n            Math.cos(decRad) *\r\n            Math.cos(((light.longitude - lsSubSolarLon) * Math.PI) / 180);\r\n        const solarAltDeg = (Math.asin(sinAlt) * 180) / Math.PI;\r\n\r\n        let nightFactor: number;\r\n        if (solarAltDeg >= 0) nightFactor = 0;\r\n        else if (solarAltDeg <= -18) nightFactor = 1;\r\n        else nightFactor = Math.min(1, -solarAltDeg / 18);\r\n\r\n        if (nightFactor < 0.01) continue;\r\n\r\n        const r = light.radius ?? 4;\r\n        const intensity = light.intensity ?? 0.8;\r\n        const color = light.color ?? \"#ffeedd\";\r\n        const alpha = intensity * nightFactor;\r\n\r\n        // Outer glow circle\r\n        const glowMarker = L.circleMarker([light.latitude, light.longitude], {\r\n          radius: r * 2,\r\n          fillColor: color,\r\n          fillOpacity: alpha * 0.4,\r\n          color: color,\r\n          weight: 0,\r\n          interactive: !!light.label,\r\n        });\r\n        addLayer(glowMarker);\r\n\r\n        // Bright core\r\n        const coreMarker = L.circleMarker([light.latitude, light.longitude], {\r\n          radius: Math.max(1, r * 0.5),\r\n          fillColor: color,\r\n          fillOpacity: Math.min(1, alpha * 1.2),\r\n          color: \"transparent\",\r\n          weight: 0,\r\n          interactive: false,\r\n        });\r\n        addLayer(coreMarker);\r\n\r\n        if (light.label) {\r\n          glowMarker.bindTooltip(light.label, {\r\n            permanent: false,\r\n            direction: \"top\",\r\n            className: \"zendir-leaflet-tooltip\",\r\n          });\r\n        }\r\n      }\r\n    }\r\n\r\n    if (internalGrid) {\r\n      const gridStyle = {\r\n        color: \"rgba(157, 112, 255, 0.12)\",\r\n        weight: 0.5,\r\n        interactive: false,\r\n      };\r\n      [-360, 0, 360].forEach((offset) => {\r\n        for (let lon = -180; lon <= 180; lon += 30) {\r\n          const l = lon + offset;\r\n          addLayer(\r\n            L.polyline(\r\n              [\r\n                [90, l],\r\n                [-90, l],\r\n              ],\r\n              gridStyle,\r\n            ),\r\n          );\r\n        }\r\n        for (let lat = -90; lat <= 90; lat += 30) {\r\n          addLayer(\r\n            L.polyline(\r\n              [\r\n                [lat, -180 + offset],\r\n                [lat, 180 + offset],\r\n              ],\r\n              gridStyle,\r\n            ),\r\n          );\r\n        }\r\n      });\r\n    }\r\n\r\n    if (showEquator) {\r\n      [-360, 0, 360].forEach((offset) => {\r\n        addLayer(\r\n          L.polyline(\r\n            [\r\n              [0, -180 + offset],\r\n              [0, 180 + offset],\r\n            ],\r\n            {\r\n              color: \"rgba(88, 166, 255, 0.25)\",\r\n              weight: 1,\r\n              dashArray: \"6, 4\",\r\n              interactive: false,\r\n            },\r\n          ),\r\n        );\r\n      });\r\n    }\r\n\r\n    groundStations.forEach((gs) => {\r\n      const status = (\"status\" in gs ? gs.status : undefined) ?? \"standby\";\r\n      const statusColor = STATUS_COLOR_MAP[status] || STATUS_COLOR_MAP.standby;\r\n      const stationType =\r\n        (\"type\" in gs ? (gs as { type?: string }).type : undefined) ?? \"dish\";\r\n      const radius = \"coverageRadius\" in gs ? gs.coverageRadius : undefined;\r\n      const showCoverage = \"showCoverage\" in gs ? gs.showCoverage : false;\r\n      if (radius != null && radius > 0 && showCoverage) {\r\n        const ring = geodesicCirclePointsContinuous(\r\n          gs.latitude,\r\n          gs.longitude,\r\n          radius,\r\n          64,\r\n        );\r\n        [0, 360, -360].forEach((offset) => {\r\n          addLayer(\r\n            L.polygon(\r\n              ring.map(([lat, lon]) => [lat, lon + offset] as [number, number]),\r\n              {\r\n                color: `${statusColor}55`,\r\n                fillColor: statusColor,\r\n                fillOpacity: 0.1,\r\n                weight: 1,\r\n                dashArray: \"4, 3\",\r\n                interactive: false,\r\n              },\r\n            ),\r\n          );\r\n        });\r\n      }\r\n\r\n      const gsIcon = createStationDivIcon(statusColor, stationType, status);\r\n      const marker = L.marker([gs.latitude, gs.longitude], { icon: gsIcon });\r\n      addLayer(marker);\r\n      const statusLabel = status !== \"standby\" ? ` · ${status}` : \"\";\r\n      marker.bindTooltip(\r\n        `<strong>${gs.name}</strong>${statusLabel}${\"network\" in gs && gs.network ? `<br/><span style=\"opacity:0.7\">${gs.network}</span>` : \"\"}`,\r\n        {\r\n          permanent: false,\r\n          direction: \"auto\",\r\n          className: \"zendir-leaflet-tooltip\",\r\n        },\r\n      );\r\n      marker.on(\"click\", () => {\r\n        onStationClick?.(\"id\" in gs ? String(gs.id) : gs.name);\r\n      });\r\n    });\r\n\r\n    allSatellites.forEach((sat, satIdx) => {\r\n      const track = sat.groundTrack;\r\n      if (!track || track.length === 0) return;\r\n\r\n      const color =\r\n        sat.color || DEFAULT_TRACK_COLORS[satIdx % DEFAULT_TRACK_COLORS.length];\r\n      const futureIdx = sat.futureTrackIndex ?? track.length;\r\n\r\n      const pastLatLngs = track\r\n        .slice(0, futureIdx)\r\n        .map((p) => [p.latitude, p.longitude] as [number, number]);\r\n      segmentsWithWorldCopies(splitPolylineAtAntimeridian(pastLatLngs)).forEach(\r\n        (seg) => {\r\n          if (seg.length >= 2) {\r\n            addLayer(L.polyline(seg, { color, weight: 2.5, opacity: 1 }));\r\n          }\r\n        },\r\n      );\r\n\r\n      if (futureIdx < track.length) {\r\n        const futureLatLngs = track\r\n          .slice(futureIdx)\r\n          .map((p) => [p.latitude, p.longitude] as [number, number]);\r\n        segmentsWithWorldCopies(\r\n          splitPolylineAtAntimeridian(futureLatLngs),\r\n        ).forEach((seg) => {\r\n          if (seg.length >= 2) {\r\n            addLayer(\r\n              L.polyline(seg, {\r\n                color,\r\n                weight: 1.5,\r\n                opacity: 0.5,\r\n                dashArray: \"6, 4\",\r\n              }),\r\n            );\r\n          }\r\n        });\r\n      }\r\n\r\n      // Access mask segments (contact passes) — solid green overlay on track\r\n      if (sat.accessMask && sat.accessMask.some(Boolean)) {\r\n        let segment: [number, number][] = [];\r\n        for (let i = 0; i < track.length; i++) {\r\n          if (sat.accessMask[i]) {\r\n            segment.push([track[i].latitude, track[i].longitude]);\r\n          } else if (segment.length >= 2) {\r\n            segmentsWithWorldCopies(\r\n              splitPolylineAtAntimeridian(segment),\r\n            ).forEach((seg) => {\r\n              if (seg.length >= 2) {\r\n                addLayer(\r\n                  L.polyline(seg, {\r\n                    color: STATUS_COLOR_MAP.normal,\r\n                    weight: 4,\r\n                    opacity: 0.9,\r\n                  }),\r\n                );\r\n              }\r\n            });\r\n            segment = [];\r\n          } else {\r\n            segment = [];\r\n          }\r\n        }\r\n        if (segment.length >= 2) {\r\n          segmentsWithWorldCopies(splitPolylineAtAntimeridian(segment)).forEach(\r\n            (seg) => {\r\n              if (seg.length >= 2) {\r\n                addLayer(\r\n                  L.polyline(seg, {\r\n                    color: STATUS_COLOR_MAP.normal,\r\n                    weight: 4,\r\n                    opacity: 0.9,\r\n                  }),\r\n                );\r\n              }\r\n            },\r\n          );\r\n        }\r\n      }\r\n\r\n      if (sat.passMarkers && sat.passMarkers.length > 0) {\r\n        sat.passMarkers.forEach((pm) => {\r\n          const isAos = pm.type === \"aos\";\r\n          const pmColor = isAos ? \"#56f000\" : \"#ff3838\";\r\n          const pmMarker = L.circleMarker([pm.latitude, pm.longitude], {\r\n            radius: 5,\r\n            fillColor: pmColor,\r\n            color: `${pmColor}cc`,\r\n            weight: 1.5,\r\n            fillOpacity: 0.9,\r\n          });\r\n          addLayer(pmMarker);\r\n          pmMarker.bindTooltip(\r\n            `${pm.type.toUpperCase()}${pm.label ? ` – ${pm.label}` : \"\"}`,\r\n            {\r\n              permanent: false,\r\n              direction: \"auto\",\r\n              className: \"zendir-leaflet-tooltip\",\r\n            },\r\n          );\r\n        });\r\n      }\r\n\r\n      if (sat.showFootprint && sat.footprintRadius) {\r\n        const lastIdx =\r\n          futureIdx > 0\r\n            ? Math.min(futureIdx - 1, track.length - 1)\r\n            : track.length - 1;\r\n        const last = track[lastIdx];\r\n        const ring = geodesicCirclePointsContinuous(\r\n          last.latitude,\r\n          last.longitude,\r\n          sat.footprintRadius,\r\n          64,\r\n        );\r\n        [0, 360, -360].forEach((offset) => {\r\n          addLayer(\r\n            L.polygon(\r\n              ring.map(([lat, lon]) => [lat, lon + offset] as [number, number]),\r\n              {\r\n                color: `${color}50`,\r\n                fillColor: color,\r\n                fillOpacity: 0.03,\r\n                weight: 1,\r\n                dashArray: \"4, 4\",\r\n                interactive: false,\r\n              },\r\n            ),\r\n          );\r\n        });\r\n      }\r\n\r\n      const currentIdx =\r\n        futureIdx > 0\r\n          ? Math.min(futureIdx - 1, track.length - 1)\r\n          : track.length - 1;\r\n      const current = track[currentIdx];\r\n      const statusColor =\r\n        STATUS_COLOR_MAP[sat.status || \"normal\"] || STATUS_COLOR_MAP.normal;\r\n\r\n      const satIcon = createSatDivIcon(statusColor, color);\r\n      const satMarker = L.marker([current.latitude, current.longitude], {\r\n        icon: satIcon,\r\n      });\r\n      addLayer(satMarker);\r\n      satMarker.bindTooltip(\r\n        `<strong style=\"color:${color}\">${sat.name}</strong><br/>` +\r\n          `Lat ${current.latitude.toFixed(3)}° &nbsp; Lon ${current.longitude.toFixed(3)}°` +\r\n          (current.altitude != null\r\n            ? `<br/>Alt ${current.altitude.toFixed(1)} km`\r\n            : \"\") +\r\n          (sat.status\r\n            ? `<br/><span style=\"color:${statusColor}\">${sat.status.toUpperCase()}</span>`\r\n            : \"\"),\r\n        {\r\n          permanent: false,\r\n          direction: \"auto\",\r\n          className: \"zendir-leaflet-tooltip\",\r\n        },\r\n      );\r\n      satMarker.on(\"click\", () => onSatelliteClick?.(sat.id));\r\n    });\r\n\r\n    if (showLegend && (allSatellites.length > 0 || groundStations.length > 0)) {\r\n      const Legend = L.Control.extend({\r\n        onAdd() {\r\n          const div = L.DomUtil.create(\"div\", \"leaflet-legend-zendir\");\r\n          div.style.cssText = `\r\n            padding: 8px 12px; background: ${tokens.colors.background.surface}; border: 1px solid ${tokens.colors.border.default};\r\n            border-radius: 8px; color: ${tokens.colors.text.primary}; font-size: 11px; font-family: Roboto, sans-serif;\r\n          `;\r\n          allSatellites.forEach((s, i) => {\r\n            const c =\r\n              s.color || DEFAULT_TRACK_COLORS[i % DEFAULT_TRACK_COLORS.length];\r\n            const row = document.createElement(\"div\");\r\n            row.style.cssText =\r\n              \"display: flex; align-items: center; gap: 6px; margin: 2px 0;\";\r\n            const swatch = document.createElement(\"span\");\r\n            swatch.style.cssText = `width:8px;height:8px;border-radius:50%;background:${c};`;\r\n            const label = document.createElement(\"span\");\r\n            label.textContent = s.name;\r\n            row.appendChild(swatch);\r\n            row.appendChild(label);\r\n            div.appendChild(row);\r\n          });\r\n          if (groundStations.length > 0) {\r\n            const row = document.createElement(\"div\");\r\n            row.style.cssText =\r\n              \"display: flex; align-items: center; gap: 6px; margin: 2px 0; margin-top: 6px;\";\r\n            const swatch = document.createElement(\"span\");\r\n            swatch.style.cssText = `width:8px;height:8px;border-radius:50%;background:${STATUS_COLOR_MAP.standby};`;\r\n            const label = document.createElement(\"span\");\r\n            label.textContent = `${groundStations.length} Ground Station${groundStations.length > 1 ? \"s\" : \"\"}`;\r\n            row.appendChild(swatch);\r\n            row.appendChild(label);\r\n            div.appendChild(row);\r\n          }\r\n          return div;\r\n        },\r\n      });\r\n      const legend = new Legend({ position: \"topleft\" });\r\n      legend.addTo(map);\r\n      controlsRef.current.push(legend);\r\n    }\r\n  }, [\r\n    ready,\r\n    allSatellites,\r\n    groundStations,\r\n    internalTerminator,\r\n    terminatorTime,\r\n    nightTileUrl,\r\n    lightSources,\r\n    internalGrid,\r\n    showEquator,\r\n    showLegend,\r\n    tileStyle,\r\n    tokens.colors.text.primary,\r\n    tokens.colors.background.surface,\r\n    tokens.colors.border.default,\r\n    addLayer,\r\n    clearLayers,\r\n    onSatelliteClick,\r\n    onStationClick,\r\n  ]);\r\n\r\n  // ==========================================================================\r\n  // Pins layer — separate from overlayGroup so pin updates don't rebuild tracks\r\n  // ==========================================================================\r\n\r\n  useEffect(() => {\r\n    if (!ready || !mapRef.current) return;\r\n    const group = pinsGroupRef.current;\r\n    if (!group) return;\r\n    group.clearLayers();\r\n\r\n    if (!pins || pins.length === 0) return;\r\n    const accentColor = tokens.colors.accent.primary;\r\n\r\n    pins.forEach((pin) => {\r\n      const pinColor = pin.color || accentColor;\r\n\r\n      const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"36\" viewBox=\"0 0 24 36\">\r\n        <defs>\r\n          <filter id=\"pin-shadow-${pin.id}\" x=\"-30%\" y=\"-10%\" width=\"160%\" height=\"140%\">\r\n            <feDropShadow dx=\"0\" dy=\"2\" stdDeviation=\"2\" flood-color=\"#000\" flood-opacity=\"0.35\"/>\r\n          </filter>\r\n        </defs>\r\n        <g filter=\"url(#pin-shadow-${pin.id})\">\r\n          <path d=\"M12 2 C6.5 2 2 6.5 2 12 C2 19 12 34 12 34 C12 34 22 19 22 12 C22 6.5 17.5 2 12 2Z\"\r\n                fill=\"${pinColor}\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1\"/>\r\n          <circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"#0d1323\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"0.8\"/>\r\n        </g>\r\n      </svg>`;\r\n\r\n      const icon = L.divIcon({\r\n        html: svg,\r\n        className: \"zendir-pin-icon\",\r\n        iconSize: [24, 36] as unknown as L.PointExpression,\r\n        iconAnchor: [12, 36] as unknown as L.PointExpression,\r\n        tooltipAnchor: [0, -36] as unknown as L.PointExpression,\r\n      });\r\n\r\n      const marker = L.marker([pin.latitude, pin.longitude], {\r\n        icon,\r\n        draggable: pinsEditable,\r\n        title: pin.label ?? \"\",\r\n      });\r\n\r\n      // Rich tooltip\r\n      const tooltipLines = [\r\n        pin.label ? `<strong>${pin.label}</strong>` : \"\",\r\n        pin.description\r\n          ? `<div style=\"opacity:0.7;font-size:11px\">${pin.description}</div>`\r\n          : \"\",\r\n        `<div style=\"font-size:10px;opacity:0.5;font-family:monospace\">${pin.latitude.toFixed(4)}°, ${pin.longitude.toFixed(4)}°</div>`,\r\n        pin.createdBy\r\n          ? `<div style=\"font-size:10px;opacity:0.4;margin-top:2px\">by ${pin.createdBy}</div>`\r\n          : \"\",\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\"\");\r\n      marker.bindTooltip(tooltipLines, {\r\n        className: \"zendir-pin-tooltip\",\r\n        direction: \"top\",\r\n        offset: [0, -4],\r\n      });\r\n\r\n      if (pinsEditable) {\r\n        // Drag to reposition\r\n        marker.on(\"dragend\", () => {\r\n          const latlng = marker.getLatLng();\r\n          onPinUpdate?.({\r\n            ...pin,\r\n            latitude: latlng.lat,\r\n            longitude: latlng.lng,\r\n          });\r\n        });\r\n\r\n        // Right-click to delete\r\n        marker.on(\"contextmenu\", (e: L.LeafletEvent) => {\r\n          L.DomEvent.stopPropagation(e as unknown as Event);\r\n          onPinRemove?.(pin.id);\r\n        });\r\n      }\r\n\r\n      group.addLayer(marker);\r\n    });\r\n  }, [\r\n    ready,\r\n    pins,\r\n    pinsEditable,\r\n    onPinUpdate,\r\n    onPinRemove,\r\n    tokens.colors.accent.primary,\r\n  ]);\r\n\r\n  // Click-to-add: listen for clicks on the map background when pinsEditable is true\r\n  useEffect(() => {\r\n    if (!ready || !mapRef.current || !pinsEditable || !onPinAdd) return;\r\n    const map = mapRef.current;\r\n\r\n    const handleClick = (e: L.LeafletMouseEvent) => {\r\n      // Only fire on map background clicks — ignore clicks that bubbled from markers\r\n      if (\r\n        (e.originalEvent?.target as HTMLElement)?.closest?.(\r\n          \".leaflet-marker-icon\",\r\n        )\r\n      )\r\n        return;\r\n      onPinAdd({\r\n        latitude: e.latlng.lat,\r\n        longitude: e.latlng.lng,\r\n        label: \"\",\r\n        color: tokens.colors.accent.primary,\r\n      });\r\n    };\r\n\r\n    map.on(\"click\", handleClick);\r\n    return () => {\r\n      map.off(\"click\", handleClick);\r\n    };\r\n  }, [ready, pinsEditable, onPinAdd, tokens.colors.accent.primary]);\r\n\r\n  const handleRecenter = useCallback(() => {\r\n    const map = mapRef.current;\r\n    if (!map) return;\r\n    const points: L.LatLngExpression[] = [];\r\n    allSatellites.forEach((s) => {\r\n      s.groundTrack.forEach((p) => points.push([p.latitude, p.longitude]));\r\n    });\r\n    groundStations.forEach((gs) => points.push([gs.latitude, gs.longitude]));\r\n    if (points.length > 0) {\r\n      const bounds = L.latLngBounds(points);\r\n      map.fitBounds(bounds, { padding: [40, 40], maxZoom: 8 });\r\n    } else {\r\n      map.setView(defaultCenter, defaultZoom);\r\n    }\r\n  }, [allSatellites, groundStations, defaultCenter, defaultZoom]);\r\n\r\n  const handleZoomIn = useCallback(() => {\r\n    mapRef.current?.zoomIn();\r\n  }, []);\r\n  const handleZoomOut = useCallback(() => {\r\n    mapRef.current?.zoomOut();\r\n  }, []);\r\n\r\n  const resolvedMinHeight =\r\n    minHeight || (typeof height === \"number\" ? `${height}px` : \"400px\");\r\n\r\n  const isEmpty =\r\n    allSatellites.length === 0 &&\r\n    groundStations.length === 0 &&\r\n    (!pins || pins.length === 0);\r\n\r\n  // ── Shared control button style ──\r\n  const ctrlBtnBase: React.CSSProperties = {\r\n    background: \"rgba(20, 24, 38, 0.92)\",\r\n    backdropFilter: \"blur(8px)\",\r\n    WebkitBackdropFilter: \"blur(8px)\",\r\n    border: \"1px solid rgba(120, 100, 180, 0.18)\",\r\n    color: \"#c8c0d8\",\r\n    cursor: \"pointer\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    transition: \"background 0.15s, border-color 0.15s\",\r\n  };\r\n\r\n  const ctrlHover = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n    e.currentTarget.style.background = \"rgba(30, 34, 52, 0.95)\";\r\n    e.currentTarget.style.borderColor = \"rgba(157, 112, 255, 0.4)\";\r\n  };\r\n  const ctrlLeave = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n    e.currentTarget.style.background = \"rgba(20, 24, 38, 0.92)\";\r\n    e.currentTarget.style.borderColor = \"rgba(120, 100, 180, 0.18)\";\r\n  };\r\n\r\n  // Overlay items shown in the Layers panel\r\n  const overlayItems: Array<{ id: string; label: string; enabled: boolean }> =\r\n    [];\r\n  overlayItems.push({\r\n    id: \"terminator\",\r\n    label: \"Day / Night\",\r\n    enabled: internalTerminator,\r\n  });\r\n  overlayItems.push({ id: \"grid\", label: \"Grid Lines\", enabled: internalGrid });\r\n  for (const l of customLayers ?? []) {\r\n    overlayItems.push({\r\n      id: l.id,\r\n      label: l.label,\r\n      enabled: customLayerState[l.id] ?? l.defaultEnabled ?? true,\r\n    });\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={`zendir-ground-track-map zendir-ground-track-map-leaflet${pinsEditable ? \" zendir-pins-editable\" : \"\"} ${className}`}\r\n      data-map-backend=\"leaflet\"\r\n      style={{\r\n        width,\r\n        height,\r\n        minHeight: resolvedMinHeight,\r\n        backgroundColor: tokens.colors.background.base,\r\n        borderRadius: 8,\r\n        overflow: \"hidden\",\r\n        position: \"relative\",\r\n      }}\r\n    >\r\n      <div\r\n        ref={containerRef}\r\n        style={{ width: \"100%\", height: \"100%\", minHeight: resolvedMinHeight }}\r\n      />\r\n      {isEmpty && (\r\n        <div\r\n          style={{\r\n            position: \"absolute\",\r\n            left: \"50%\",\r\n            top: \"50%\",\r\n            transform: \"translate(-50%, -50%)\",\r\n            color: tokens.colors.text.secondary,\r\n            fontSize: 14,\r\n            pointerEvents: \"none\",\r\n          }}\r\n        >\r\n          {emptyMessage}\r\n        </div>\r\n      )}\r\n      {/* ── Unified Map Controls — top-right control bar ── */}\r\n      <div\r\n        style={{\r\n          position: \"absolute\",\r\n          top: 10,\r\n          right: 10,\r\n          zIndex: 1000,\r\n          display: \"flex\",\r\n          flexDirection: \"row\",\r\n          gap: 4,\r\n          alignItems: \"flex-start\",\r\n          pointerEvents: \"none\",\r\n        }}\r\n      >\r\n        {/* Recenter */}\r\n        {showRecenterButton && (\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleRecenter}\r\n            title=\"Recenter map to fit all assets and ground stations\"\r\n            aria-label=\"Recenter map\"\r\n            style={{\r\n              ...ctrlBtnBase,\r\n              borderRadius: 4,\r\n              padding: \"6px 8px\",\r\n              gap: 4,\r\n              fontSize: 10,\r\n              fontWeight: 500,\r\n              letterSpacing: \"0.03em\",\r\n              pointerEvents: \"auto\",\r\n            }}\r\n            onMouseEnter={ctrlHover}\r\n            onMouseLeave={ctrlLeave}\r\n          >\r\n            <svg\r\n              width=\"13\"\r\n              height=\"13\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2.2\"\r\n            >\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\r\n              <path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\" />\r\n            </svg>\r\n          </button>\r\n        )}\r\n\r\n        {/* Layers panel */}\r\n        <div\r\n          ref={layersPanelRef}\r\n          style={{ position: \"relative\", pointerEvents: \"auto\" }}\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            onClick={() => setLayersPanelOpen((o) => !o)}\r\n            title=\"Map layers\"\r\n            aria-label=\"Toggle map layers panel\"\r\n            aria-expanded={layersPanelOpen}\r\n            style={{\r\n              ...ctrlBtnBase,\r\n              borderRadius: 4,\r\n              padding: \"6px 8px\",\r\n              pointerEvents: \"auto\",\r\n              borderColor: layersPanelOpen\r\n                ? \"rgba(157, 112, 255, 0.4)\"\r\n                : ctrlBtnBase.border\r\n                  ? undefined\r\n                  : \"rgba(120, 100, 180, 0.18)\",\r\n              background: layersPanelOpen\r\n                ? \"rgba(30, 34, 52, 0.95)\"\r\n                : ctrlBtnBase.background,\r\n            }}\r\n            onMouseEnter={ctrlHover}\r\n            onMouseLeave={ctrlLeave}\r\n          >\r\n            {/* Layers icon — stacked diamonds */}\r\n            <svg\r\n              width=\"14\"\r\n              height=\"14\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"1.8\"\r\n              strokeLinejoin=\"round\"\r\n            >\r\n              <path d=\"M12 2L2 7l10 5 10-5-10-5z\" />\r\n              <path d=\"M2 17l10 5 10-5\" />\r\n              <path d=\"M2 12l10 5 10-5\" />\r\n            </svg>\r\n          </button>\r\n\r\n          {/* Dropdown panel */}\r\n          {layersPanelOpen && (\r\n            <div\r\n              style={{\r\n                position: \"absolute\",\r\n                top: \"calc(100% + 6px)\",\r\n                right: 0,\r\n                minWidth: 180,\r\n                background: \"rgba(16, 18, 30, 0.96)\",\r\n                backdropFilter: \"blur(16px)\",\r\n                WebkitBackdropFilter: \"blur(16px)\",\r\n                border: \"1px solid rgba(120, 100, 180, 0.18)\",\r\n                borderRadius: 6,\r\n                padding: \"8px 0\",\r\n                boxShadow: \"0 8px 32px rgba(0,0,0,0.5)\",\r\n              }}\r\n            >\r\n              {/* Base Map section (only when no explicit tileUrl) */}\r\n              {!isExplicitTileUrl && (\r\n                <>\r\n                  <div\r\n                    style={{\r\n                      padding: \"4px 12px 6px\",\r\n                      fontSize: 9,\r\n                      fontWeight: 600,\r\n                      letterSpacing: \"0.08em\",\r\n                      textTransform: \"uppercase\" as const,\r\n                      color: \"#7a748e\",\r\n                    }}\r\n                  >\r\n                    Base Map\r\n                  </div>\r\n                  <div\r\n                    style={{ display: \"flex\", gap: 2, padding: \"0 8px 8px\" }}\r\n                  >\r\n                    {([\"dark\", \"satellite\"] as const).map((style) => (\r\n                      <button\r\n                        key={style}\r\n                        type=\"button\"\r\n                        onClick={() => handleTileStyleChange(style)}\r\n                        aria-pressed={tileStyle === style}\r\n                        style={{\r\n                          flex: 1,\r\n                          background:\r\n                            tileStyle === style\r\n                              ? \"rgba(157, 112, 255, 0.18)\"\r\n                              : \"rgba(255,255,255,0.03)\",\r\n                          border: `1px solid ${tileStyle === style ? \"rgba(157, 112, 255, 0.35)\" : \"rgba(120, 100, 180, 0.1)\"}`,\r\n                          borderRadius: 4,\r\n                          color: tileStyle === style ? \"#d0c4ee\" : \"#7a748e\",\r\n                          cursor: \"pointer\",\r\n                          padding: \"5px 6px\",\r\n                          fontSize: 10,\r\n                          fontWeight: tileStyle === style ? 600 : 400,\r\n                          display: \"flex\",\r\n                          alignItems: \"center\",\r\n                          justifyContent: \"center\",\r\n                          gap: 4,\r\n                          transition: \"all 0.15s ease\",\r\n                        }}\r\n                      >\r\n                        {style === \"dark\" ? (\r\n                          <svg\r\n                            width=\"10\"\r\n                            height=\"10\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"currentColor\"\r\n                            stroke=\"none\"\r\n                          >\r\n                            <path d=\"M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z\" />\r\n                          </svg>\r\n                        ) : (\r\n                          <svg\r\n                            width=\"10\"\r\n                            height=\"10\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            strokeWidth=\"2\"\r\n                          >\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" />\r\n                            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" />\r\n                          </svg>\r\n                        )}\r\n                        {style === \"dark\" ? \"Dark\" : \"Satellite\"}\r\n                      </button>\r\n                    ))}\r\n                  </div>\r\n                  <div\r\n                    style={{\r\n                      height: 1,\r\n                      background: \"rgba(120, 100, 180, 0.1)\",\r\n                      margin: \"0 8px\",\r\n                    }}\r\n                  />\r\n                </>\r\n              )}\r\n\r\n              {/* Overlays section */}\r\n              <div\r\n                style={{\r\n                  padding: `${isExplicitTileUrl ? \"4px\" : \"8px\"} 12px 4px`,\r\n                  fontSize: 9,\r\n                  fontWeight: 600,\r\n                  letterSpacing: \"0.08em\",\r\n                  textTransform: \"uppercase\" as const,\r\n                  color: \"#7a748e\",\r\n                }}\r\n              >\r\n                Overlays\r\n              </div>\r\n              {overlayItems.map((item) => (\r\n                <button\r\n                  key={item.id}\r\n                  type=\"button\"\r\n                  onClick={() => handleLayerToggle(item.id, !item.enabled)}\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: 8,\r\n                    width: \"100%\",\r\n                    padding: \"5px 12px\",\r\n                    background: \"transparent\",\r\n                    border: \"none\",\r\n                    color: item.enabled ? \"#c8c0d8\" : \"#5a5470\",\r\n                    cursor: \"pointer\",\r\n                    fontSize: 11,\r\n                    textAlign: \"left\" as const,\r\n                    transition: \"background 0.1s\",\r\n                  }}\r\n                  onMouseEnter={(e) => {\r\n                    e.currentTarget.style.background =\r\n                      \"rgba(157, 112, 255, 0.08)\";\r\n                  }}\r\n                  onMouseLeave={(e) => {\r\n                    e.currentTarget.style.background = \"transparent\";\r\n                  }}\r\n                >\r\n                  {/* Toggle indicator */}\r\n                  <span\r\n                    style={{\r\n                      width: 14,\r\n                      height: 14,\r\n                      borderRadius: 3,\r\n                      border: `1.5px solid ${item.enabled ? \"rgba(157, 112, 255, 0.6)\" : \"rgba(120, 100, 180, 0.25)\"}`,\r\n                      background: item.enabled\r\n                        ? \"rgba(157, 112, 255, 0.22)\"\r\n                        : \"transparent\",\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      flexShrink: 0,\r\n                      transition: \"all 0.15s ease\",\r\n                    }}\r\n                  >\r\n                    {item.enabled && (\r\n                      <svg\r\n                        width=\"9\"\r\n                        height=\"9\"\r\n                        viewBox=\"0 0 12 12\"\r\n                        fill=\"none\"\r\n                        stroke=\"#d0c4ee\"\r\n                        strokeWidth=\"2\"\r\n                      >\r\n                        <path d=\"M2 6l3 3 5-5\" />\r\n                      </svg>\r\n                    )}\r\n                  </span>\r\n                  {item.label}\r\n                </button>\r\n              ))}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {/* Zoom controls */}\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            pointerEvents: \"auto\",\r\n          }}\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleZoomIn}\r\n            title=\"Zoom in\"\r\n            aria-label=\"Zoom in\"\r\n            style={{\r\n              ...ctrlBtnBase,\r\n              borderRadius: \"4px 4px 0 0\",\r\n              borderBottom: \"none\",\r\n              width: 30,\r\n              height: 28,\r\n              fontSize: 16,\r\n              fontWeight: 300,\r\n              pointerEvents: \"auto\",\r\n            }}\r\n            onMouseEnter={ctrlHover}\r\n            onMouseLeave={ctrlLeave}\r\n          >\r\n            +\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleZoomOut}\r\n            title=\"Zoom out\"\r\n            aria-label=\"Zoom out\"\r\n            style={{\r\n              ...ctrlBtnBase,\r\n              borderRadius: \"0 0 4px 4px\",\r\n              width: 30,\r\n              height: 28,\r\n              fontSize: 16,\r\n              fontWeight: 300,\r\n              pointerEvents: \"auto\",\r\n            }}\r\n            onMouseEnter={ctrlHover}\r\n            onMouseLeave={ctrlLeave}\r\n          >\r\n            −\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default GroundTrackMapLeaflet;\r\n"],"mappings":"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"}

package/dist/react/charts/groundTrackMapLeafletTiles.d.ts

@@ -3,15 +3,25 @@
  * Import and use as `tileUrl` to switch between map themes.
  */
 export declare const TILE_PRESETS: {
-    /** CartoDB dark — default space ops aesthetic. */
-    readonly dark: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png";
+    /** Esri Dark Gray Canvas — default space ops aesthetic. */
+    readonly dark: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}";
     /** Esri World Imagery — natural satellite photos, makes the terminator dramatically visible. */
     readonly satellite: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}";
-    /** CartoDB Voyager — light/neutral with labels. */
-    readonly light: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png";
+    /** Esri Light Gray Canvas — light/neutral. */
+    readonly light: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}";
 };
-/** Primary basemap: CARTO dark with labels. */
-export declare const DEFAULT_TILE = "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png";
+/** Primary basemap: Esri Dark Gray Canvas. */
+export declare const DEFAULT_TILE = "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}";
+/**
+ * Place-name overlays for the Canvas basemaps, which bake labels into the base
+ * tiles only at world scale. Drawn above the base so names survive past zoom ~6.
+ */
+export declare const CANVAS_LABEL_TILES: Record<string, string>;
+/**
+ * Esri Canvas (Dark/Light Gray) basemaps — the reference layers share these terms.
+ * @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/
+ */
+export declare const ESRI_CANVAS_ATTRIBUTION: string;
 export declare const CARTO_ATTRIBUTION = "&copy; <a href=\"https://carto.com/attribution\" target=\"_blank\" rel=\"noopener noreferrer\">CARTO</a>";
 /** Fallback when primary tiles fail to avoid black tiles. */
 export declare const FALLBACK_TILE = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";

package/dist/react/charts/groundTrackMapLeafletTiles.js

@@ -4,13 +4,26 @@
 * Import and use as `tileUrl` to switch between map themes.
 */
 var TILE_PRESETS = {
-	/** CartoDB dark — default space ops aesthetic. */
-	dark: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
+	/** Esri Dark Gray Canvas — default space ops aesthetic. */
+	dark: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}",
 	/** Esri World Imagery — natural satellite photos, makes the terminator dramatically visible. */
 	satellite: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
-	/** CartoDB Voyager — light/neutral with labels. */
-	light: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
+	/** Esri Light Gray Canvas — light/neutral. */
+	light: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}"
 };
+/**
+* Place-name overlays for the Canvas basemaps, which bake labels into the base
+* tiles only at world scale. Drawn above the base so names survive past zoom ~6.
+*/
+var CANVAS_LABEL_TILES = {
+	[TILE_PRESETS.dark]: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Reference/MapServer/tile/{z}/{y}/{x}",
+	[TILE_PRESETS.light]: "https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Reference/MapServer/tile/{z}/{y}/{x}"
+};
+/**
+* Esri Canvas (Dark/Light Gray) basemaps — the reference layers share these terms.
+* @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/
+*/
+var ESRI_CANVAS_ATTRIBUTION = "Tiles &copy; <a href=\"https://www.esri.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Esri</a> &mdash; Source: Esri, HERE, Garmin, &copy; OpenStreetMap contributors, and the GIS user community";
 var CARTO_ATTRIBUTION = "&copy; <a href=\"https://carto.com/attribution\" target=\"_blank\" rel=\"noopener noreferrer\">CARTO</a>";
 /** Fallback when primary tiles fail to avoid black tiles. */
 var FALLBACK_TILE = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
@@ -27,11 +40,12 @@ var ESRI_WORLD_IMAGERY_ATTRIBUTION = "Tiles &copy; <a href=\"https://www.esri.co
 function getBasemapAttribution(tileUrl) {
 	const u = tileUrl.toLowerCase();
 	if (u.includes("cartocdn")) return CARTO_ATTRIBUTION;
+	if (u.includes("/canvas/")) return ESRI_CANVAS_ATTRIBUTION;
 	if (u.includes("arcgisonline.com") || u.includes("arcgis.com")) return ESRI_WORLD_IMAGERY_ATTRIBUTION;
 	if (u.includes("openstreetmap.org")) return OSM_ATTRIBUTION;
 	return "";
 }
 //#endregion
-export { CARTO_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, FALLBACK_TILE, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution };
+export { CANVAS_LABEL_TILES, CARTO_ATTRIBUTION, ESRI_CANVAS_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, FALLBACK_TILE, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution };
 
 //# sourceMappingURL=groundTrackMapLeafletTiles.js.map

package/dist/react/charts/groundTrackMapLeafletTiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"groundTrackMapLeafletTiles.js","names":[],"sources":["../../../src/react/charts/groundTrackMapLeafletTiles.ts"],"sourcesContent":["/**\r\n * Tile layer URL presets for common map styles.\r\n * Import and use as `tileUrl` to switch between map themes.\r\n */\r\nexport const TILE_PRESETS = {\r\n  /** CartoDB dark — default space ops aesthetic. */\r\n  dark: \"https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png\",\r\n  /** Esri World Imagery — natural satellite photos, makes the terminator dramatically visible. */\r\n  satellite:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}\",\r\n  /** CartoDB Voyager — light/neutral with labels. */\r\n  light:\r\n    \"https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png\",\r\n} as const;\r\n\r\n/** Primary basemap: CARTO dark with labels. */\r\nexport const DEFAULT_TILE =\r\n  \"https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png\";\r\n\r\nexport const CARTO_ATTRIBUTION =\r\n  '&copy; <a href=\"https://carto.com/attribution\" target=\"_blank\" rel=\"noopener noreferrer\">CARTO</a>';\r\n\r\n/** Fallback when primary tiles fail to avoid black tiles. */\r\nexport const FALLBACK_TILE =\r\n  \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\";\r\n\r\nexport const OSM_ATTRIBUTION =\r\n  '&copy; <a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\" rel=\"noopener noreferrer\">OpenStreetMap contributors</a>';\r\n\r\n/**\r\n * Esri World Imagery — required when using tiles from ArcGIS Online MapServer.\r\n * @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/\r\n */\r\nexport const ESRI_WORLD_IMAGERY_ATTRIBUTION =\r\n  'Tiles &copy; <a href=\"https://www.esri.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Esri</a> ' +\r\n  \"&mdash; Source: Esri, Maxar, Earthstar Geographics, and the GIS User Community\";\r\n\r\n/**\r\n * Resolve HTML attribution for a basemap URL template (Leaflet `TileLayer` `attribution` option).\r\n * Unknown / custom URLs return an empty string — apps should document their own terms for those.\r\n */\r\nexport function getBasemapAttribution(tileUrl: string): string {\r\n  const u = tileUrl.toLowerCase();\r\n  if (u.includes(\"cartocdn\")) return CARTO_ATTRIBUTION;\r\n  if (u.includes(\"arcgisonline.com\") || u.includes(\"arcgis.com\"))\r\n    return ESRI_WORLD_IMAGERY_ATTRIBUTION;\r\n  if (u.includes(\"openstreetmap.org\")) return OSM_ATTRIBUTION;\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * After this many consecutive tile errors, switch to the fallback layer.\r\n * Set to 1 so we bail out immediately on the first network failure instead\r\n * of waiting for several timeouts (which shows a black map for ~5 seconds).\r\n */\r\nexport const TILE_ERROR_THRESHOLD = 1;\r\n"],"mappings":";;;;;AAIA,IAAa,eAAe;;CAE1B,MAAM;;CAEN,WACE;;CAEF,OACE;AACJ;AAMA,IAAa,oBACX;;AAGF,IAAa,gBACX;AAEF,IAAa,kBACX;;;;;AAMF,IAAa,iCACX;;;;;AAOF,SAAgB,sBAAsB,SAAyB;CAC7D,MAAM,IAAI,QAAQ,YAAY;CAC9B,IAAI,EAAE,SAAS,UAAU,GAAG,OAAO;CACnC,IAAI,EAAE,SAAS,kBAAkB,KAAK,EAAE,SAAS,YAAY,GAC3D,OAAO;CACT,IAAI,EAAE,SAAS,mBAAmB,GAAG,OAAO;CAC5C,OAAO;AACT"}
+{"version":3,"file":"groundTrackMapLeafletTiles.js","names":[],"sources":["../../../src/react/charts/groundTrackMapLeafletTiles.ts"],"sourcesContent":["/**\r\n * Tile layer URL presets for common map styles.\r\n * Import and use as `tileUrl` to switch between map themes.\r\n */\r\nexport const TILE_PRESETS = {\r\n  /** Esri Dark Gray Canvas — default space ops aesthetic. */\r\n  dark: \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}\",\r\n  /** Esri World Imagery — natural satellite photos, makes the terminator dramatically visible. */\r\n  satellite:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}\",\r\n  /** Esri Light Gray Canvas — light/neutral. */\r\n  light:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}\",\r\n} as const;\r\n\r\n/** Primary basemap: Esri Dark Gray Canvas. */\r\nexport const DEFAULT_TILE =\r\n  \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}\";\r\n\r\n/**\r\n * Place-name overlays for the Canvas basemaps, which bake labels into the base\r\n * tiles only at world scale. Drawn above the base so names survive past zoom ~6.\r\n */\r\nexport const CANVAS_LABEL_TILES: Record<string, string> = {\r\n  [TILE_PRESETS.dark]:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Reference/MapServer/tile/{z}/{y}/{x}\",\r\n  [TILE_PRESETS.light]:\r\n    \"https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Reference/MapServer/tile/{z}/{y}/{x}\",\r\n};\r\n\r\n/**\r\n * Esri Canvas (Dark/Light Gray) basemaps — the reference layers share these terms.\r\n * @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/\r\n */\r\nexport const ESRI_CANVAS_ATTRIBUTION =\r\n  'Tiles &copy; <a href=\"https://www.esri.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Esri</a> ' +\r\n  \"&mdash; Source: Esri, HERE, Garmin, &copy; OpenStreetMap contributors, and the GIS user community\";\r\n\r\nexport const CARTO_ATTRIBUTION =\r\n  '&copy; <a href=\"https://carto.com/attribution\" target=\"_blank\" rel=\"noopener noreferrer\">CARTO</a>';\r\n\r\n/** Fallback when primary tiles fail to avoid black tiles. */\r\nexport const FALLBACK_TILE =\r\n  \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\";\r\n\r\nexport const OSM_ATTRIBUTION =\r\n  '&copy; <a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\" rel=\"noopener noreferrer\">OpenStreetMap contributors</a>';\r\n\r\n/**\r\n * Esri World Imagery — required when using tiles from ArcGIS Online MapServer.\r\n * @see https://developers.arcgis.com/documentation/mapping-apis-and-services/deployment/basemap-attribution/\r\n */\r\nexport const ESRI_WORLD_IMAGERY_ATTRIBUTION =\r\n  'Tiles &copy; <a href=\"https://www.esri.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Esri</a> ' +\r\n  \"&mdash; Source: Esri, Maxar, Earthstar Geographics, and the GIS User Community\";\r\n\r\n/**\r\n * Resolve HTML attribution for a basemap URL template (Leaflet `TileLayer` `attribution` option).\r\n * Unknown / custom URLs return an empty string — apps should document their own terms for those.\r\n */\r\nexport function getBasemapAttribution(tileUrl: string): string {\r\n  const u = tileUrl.toLowerCase();\r\n  if (u.includes(\"cartocdn\")) return CARTO_ATTRIBUTION;\r\n  if (u.includes(\"/canvas/\")) return ESRI_CANVAS_ATTRIBUTION;\r\n  if (u.includes(\"arcgisonline.com\") || u.includes(\"arcgis.com\"))\r\n    return ESRI_WORLD_IMAGERY_ATTRIBUTION;\r\n  if (u.includes(\"openstreetmap.org\")) return OSM_ATTRIBUTION;\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * After this many consecutive tile errors, switch to the fallback layer.\r\n * Set to 1 so we bail out immediately on the first network failure instead\r\n * of waiting for several timeouts (which shows a black map for ~5 seconds).\r\n */\r\nexport const TILE_ERROR_THRESHOLD = 1;\r\n"],"mappings":";;;;;AAIA,IAAa,eAAe;;CAE1B,MAAM;;CAEN,WACE;;CAEF,OACE;AACJ;;;;;AAUA,IAAa,qBAA6C;EACvD,aAAa,OACZ;EACD,aAAa,QACZ;AACJ;;;;;AAMA,IAAa,0BACX;AAGF,IAAa,oBACX;;AAGF,IAAa,gBACX;AAEF,IAAa,kBACX;;;;;AAMF,IAAa,iCACX;;;;;AAOF,SAAgB,sBAAsB,SAAyB;CAC7D,MAAM,IAAI,QAAQ,YAAY;CAC9B,IAAI,EAAE,SAAS,UAAU,GAAG,OAAO;CACnC,IAAI,EAAE,SAAS,UAAU,GAAG,OAAO;CACnC,IAAI,EAAE,SAAS,kBAAkB,KAAK,EAAE,SAAS,YAAY,GAC3D,OAAO;CACT,IAAI,EAAE,SAAS,mBAAmB,GAAG,OAAO;CAC5C,OAAO;AACT"}

package/dist/react/charts/index.d.ts

@@ -8,4 +8,4 @@ export type { AstroChartHandle, AstroChartProps, ChartType, ChartTheme, DataPoin
 PowerChartProps, AttitudeChartProps, ThermalHeatmapChartProps, LinkBudgetChartProps, SubsystemGaugeProps, OrbitChartProps, ContactWindowChartProps, SpectrumChartProps, ManeuverBudgetChartProps, EclipseTimelineChartProps, RoseDiagramProps, HeliocentricOrbitProps, Scatter3DChartProps, Bar3DChartProps, Surface3DChartProps, Lines3DChartProps, SphericalRadar3DChartProps, SphericalRadar3DData, TransferOrbit3DChartProps, TransferOrbitSegment, TransferOrbitWaypoint, AttitudeHistory3DChartProps, AttitudeHistoryPoint, ConjunctionAssessment3DChartProps, ConjunctionEvent, LaunchCorridor3DChartProps, LaunchCorridorData, AntennaPattern3DChartProps, AntennaPattern3DData, WaterfallChartProps, DopplerTrackChartProps, LinkMarginChartProps, ConstellationCoverageChartProps, ConjunctionChartProps, WaterfallDataPoint, WaterfallSignalMarker, DopplerTrackPoint, SatellitePassInfo, LinkMarginPoint, CoverageGridData, PowerGeneratorConfig, AttitudeGeneratorConfig, DopplerGeneratorConfig, WaterfallGeneratorConfig, ContactGeneratorConfig, HeliocentricGeneratorConfig, SpectrumGeneratorConfig, EclipseGeneratorConfig, CoverageGeneratorConfig, ConjunctionGeneratorConfig, PowerOverviewChartProps, PowerTimelinePoint, PowerEvent, PowerState, OperationalMode, EventType, PowerEventType, StreamOptions, StreamController, WebSocketStreamOptions, WebSocketStreamController, UseChartSyncOptions, EChartsTheme, } from './unified';
 export { GroundTrackMap } from './GroundTrackMap';
 export type { GroundTrackMapProps, SatelliteTrack, GroundStationEnhanced, TeamPath, SROGroundStation, MapPin, LightSource, MapLayerDef, } from './GroundTrackMap';
-export { TILE_PRESETS, CARTO_ATTRIBUTION, OSM_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, getBasemapAttribution, } from './groundTrackMapLeafletTiles';
+export { TILE_PRESETS, CANVAS_LABEL_TILES, CARTO_ATTRIBUTION, OSM_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, ESRI_CANVAS_ATTRIBUTION, getBasemapAttribution, } from './groundTrackMapLeafletTiles';