- {/* help slide-down - RE-INTEGRATED INTO PANEL */}
- {showHelp && (
-
+
{/* Mobile Grab Handle */}
{isMobile && (
{/* Scoring Weights Section */}
- {weights && !isMinimized && (
-
-
-
- Scoring Weights
-
-
-
- Elevation: {weights.elevation}%
-
-
- Prominence: {weights.prominence}%
-
-
- Fresnel: {weights.fresnel}%
-
-
-
- )}
+
{/* Results List - Only show if not minimized or on desktop */}
{results.map((node, index) => (
-
onCenter(node)}
- onMouseOver={e => {
- e.currentTarget.style.background = 'rgba(0, 242, 255, 0.1)';
- e.currentTarget.style.borderColor = 'rgba(0, 242, 255, 0.3)';
- }}
- onMouseOut={e => {
- e.currentTarget.style.background = 'rgba(255, 255, 255, 0.03)';
- e.currentTarget.style.borderColor = 'rgba(255, 255, 255, 0.05)';
- }}
- >
- {/* Rank Badge */}
-
- {index + 1}
-
-
- {/* Info */}
-
-
- {node.score}
- Score
-
-
- Elev: {Math.round(node.elevation)}m
- {node.prominence > 5 && (
-
- ★ Prom: {Math.round(node.prominence)}m
-
- )}
-
-
- {node.lat.toFixed(5)}, {node.lon.toFixed(5)}
-
-
-
- {/* Arrow */}
-
›
-
+ node={node}
+ index={index}
+ onCenter={onCenter}
+ />
))}
diff --git a/src/components/Map/UI/Optimization/CandidateMarkers.jsx b/src/components/Map/UI/Optimization/CandidateMarkers.jsx
new file mode 100644
index 0000000..46a94d9
--- /dev/null
+++ b/src/components/Map/UI/Optimization/CandidateMarkers.jsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { Marker, Popup } from 'react-leaflet';
+import L from 'leaflet';
+
+const createRankedIcon = (rank) => L.divIcon({
+ className: 'ghost-icon',
+ html: `
${rank}
`,
+ iconSize: [24, 24],
+ iconAnchor: [12, 12]
+});
+
+const CandidateMarkers = ({ ghostNodes, setSelectedNode }) => {
+ return (
+ <>
+ {ghostNodes.map((node, i) => (
+
setSelectedNode(node) }}
+ >
+
+ Best Signal #{i+1}
+ Score: {node.score}
+ Click to view profile
+
+
+ ))}
+
+ );
+};
+
+export default CandidateMarkers;
diff --git a/src/components/Map/UI/Optimization/HeatmapOverlay.jsx b/src/components/Map/UI/Optimization/HeatmapOverlay.jsx
new file mode 100644
index 0000000..44a444b
--- /dev/null
+++ b/src/components/Map/UI/Optimization/HeatmapOverlay.jsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { Circle, useMap } from 'react-leaflet';
+
+const HeatmapOverlay = ({ heatmapData, showHeatmap, center, radiusMeters }) => {
+ const map = useMap();
+
+ if (!heatmapData.length || !showHeatmap || !center) return null;
+
+ return (
+ <>
+ {heatmapData.map((pt, i) => {
+ // Optional: Filter heatmap to circle?
+ const dist = map.distance([pt.lat, pt.lon], center);
+ if (dist > radiusMeters) return null;
+
+ const opacity = Math.max(0.1, pt.score / 150);
+ let color = '#ff0000';
+ if (pt.score > 80) color = '#00ff41';
+ else if (pt.score > 50) color = '#eeff00';
+ else if (pt.score > 20) color = '#ff8800';
+
+ return (
+
+ )
+ })}
+
+ );
+};
+
+export default HeatmapOverlay;
diff --git a/src/components/Map/UI/Optimization/OptimizationAlert.jsx b/src/components/Map/UI/Optimization/OptimizationAlert.jsx
new file mode 100644
index 0000000..6750a07
--- /dev/null
+++ b/src/components/Map/UI/Optimization/OptimizationAlert.jsx
@@ -0,0 +1,108 @@
+import React, { useEffect } from 'react';
+
+const OptimizationAlert = ({ notification, setNotification, setShowResults }) => {
+
+ useEffect(() => {
+ if (notification && notification.transient) {
+ const timer = setTimeout(() => { setNotification(null); }, 1000);
+ return () => clearTimeout(timer);
+ }
+ }, [notification, setNotification]);
+
+ if (!notification) return null;
+
+ return (
+
+
+
+
+ {notification.type === 'success' ? (
+
+ ) : (
+
+ )}
+
+
+
+
+ {notification.type === 'success' ? 'SCAN COMPLETE' : 'ANALYSIS FAILED'}
+
+
+ {notification.message}
+
+
+
+ {!notification.transient && (
+
+ )}
+
+ );
+};
+
+export default OptimizationAlert;
diff --git a/src/components/Map/UI/Optimization/OptimizationHelp.jsx b/src/components/Map/UI/Optimization/OptimizationHelp.jsx
new file mode 100644
index 0000000..cad366f
--- /dev/null
+++ b/src/components/Map/UI/Optimization/OptimizationHelp.jsx
@@ -0,0 +1,68 @@
+import React from 'react';
+
+const OptimizationHelp = ({ showHelp, setShowHelp }) => {
+ if (!showHelp) return null;
+
+ return (
+
+
+
+ Coverage Analysis Guide
+
+
+ This tool identifies optimal reception locations that maximize signal strength and line-of-sight based on your transmitter.
+
+
+ - Signal Quality: Sites are ranked by Line-of-Sight, Fresnel Zone clearance, and Signal Strength.
+ - Coverage Radius: Scanning based on your selected radius.
+ - Dynamic Re-scan: Drag the radius slider or click a new center to update coverage.
+
+
+
+ );
+};
+
+export default OptimizationHelp;
diff --git a/src/components/Map/UI/Optimization/OptimizationSettingsPanel.jsx b/src/components/Map/UI/Optimization/OptimizationSettingsPanel.jsx
new file mode 100644
index 0000000..e1bb1a9
--- /dev/null
+++ b/src/components/Map/UI/Optimization/OptimizationSettingsPanel.jsx
@@ -0,0 +1,94 @@
+import React, { useRef, useEffect } from 'react';
+import L from 'leaflet';
+
+const OptimizationSettingsPanel = ({
+ active, ghostNodes, isMobile,
+ showSettings, setShowSettings,
+ locked, radiusMeters, setRadiusMeters, handleRecalculate,
+ kFactor, setKFactor, clutterHeight, setClutterHeight,
+ showHeatmap, setShowHeatmap
+}) => {
+ const settingsRef = useRef(null);
+
+ useEffect(() => {
+ if (settingsRef.current) {
+ L.DomEvent.disableClickPropagation(settingsRef.current);
+ L.DomEvent.disableScrollPropagation(settingsRef.current);
+ }
+ });
+
+ if (!active && !ghostNodes.length) return null;
+
+ return (
+
+ );
+};
+
+export default OptimizationSettingsPanel;
diff --git a/src/components/Map/UI/Optimization/ResultRow.jsx b/src/components/Map/UI/Optimization/ResultRow.jsx
new file mode 100644
index 0000000..1c768cc
--- /dev/null
+++ b/src/components/Map/UI/Optimization/ResultRow.jsx
@@ -0,0 +1,67 @@
+import React from 'react';
+
+const ResultRow = ({ node, index, onCenter }) => {
+ return (
+
onCenter(node)}
+ onMouseOver={e => {
+ e.currentTarget.style.background = 'rgba(0, 242, 255, 0.1)';
+ e.currentTarget.style.borderColor = 'rgba(0, 242, 255, 0.3)';
+ }}
+ onMouseOut={e => {
+ e.currentTarget.style.background = 'rgba(255, 255, 255, 0.03)';
+ e.currentTarget.style.borderColor = 'rgba(255, 255, 255, 0.05)';
+ }}
+ >
+ {/* Rank Badge */}
+
+ {index + 1}
+
+
+ {/* Info */}
+
+
+ {node.score}
+ Score
+
+
+ Elev: {Math.round(node.elevation)}m
+ {node.prominence > 5 && (
+
+ ★ Prom: {Math.round(node.prominence)}m
+
+ )}
+
+
+ {node.lat.toFixed(5)}, {node.lon.toFixed(5)}
+
+
+
+ {/* Arrow */}
+
›
+
+ );
+};
+
+export default ResultRow;
diff --git a/src/components/Map/UI/Optimization/ScanningOverlay.jsx b/src/components/Map/UI/Optimization/ScanningOverlay.jsx
new file mode 100644
index 0000000..ec130d2
--- /dev/null
+++ b/src/components/Map/UI/Optimization/ScanningOverlay.jsx
@@ -0,0 +1,41 @@
+import React from 'react';
+
+const ScanningOverlay = () => {
+ return (
+
+
+
+
SCANNING COVERAGE
+
Calculating RF propagation paths...
+
+ );
+};
+
+export default ScanningOverlay;
diff --git a/src/components/Map/UI/Optimization/ScoringWeights.jsx b/src/components/Map/UI/Optimization/ScoringWeights.jsx
new file mode 100644
index 0000000..b5930f1
--- /dev/null
+++ b/src/components/Map/UI/Optimization/ScoringWeights.jsx
@@ -0,0 +1,51 @@
+import React from 'react';
+
+const ScoringWeights = ({ weights, isMinimized }) => {
+ if (!weights || isMinimized) return null;
+
+ return (
+
+
+
+ Scoring Weights
+
+
+
+ Elevation: {weights.elevation}%
+
+
+ Prominence: {weights.prominence}%
+
+
+ Fresnel: {weights.fresnel}%
+
+
+
+ );
+};
+
+export default ScoringWeights;
diff --git a/src/utils/__tests__/rfMath.test.js b/src/utils/__tests__/rfMath.test.js
index dc6fcb9..9f398c3 100644
--- a/src/utils/__tests__/rfMath.test.js
+++ b/src/utils/__tests__/rfMath.test.js
@@ -32,20 +32,6 @@ describe("RF Math Functions", () => {
});
});
- describe("calculateOkumuraHata", () => {
- it("should fallback to FSPL for very short distances", () => {
- const hata = calculateOkumuraHata(0.05, 915, 30, 2, "suburban");
- const fspl = calculateFSPL(0.05, 915);
- expect(hata).toBeCloseTo(fspl, 1);
- });
-
- it("should apply environmental corrections", () => {
- const urban = calculateOkumuraHata(5, 915, 30, 2, "urban_large");
- const rural = calculateOkumuraHata(5, 915, 30, 2, "rural");
- expect(rural).toBeLessThan(urban);
- });
- });
-
describe("analyzeLinkProfile", () => {
it("should detect obstruction when terrain blocks LOS", () => {
const profile = [