@rfkit/charts 1.4.2 → 1.5.0

package/index.js

@@ -4183,6 +4183,7 @@ const getDefaultData = ()=>({
                 maxData: new Float32Array(),
                 minData: new Float32Array(),
                 avgData: new Float32Array(),
+                thresholdData: new Float32Array(),
                 templateData: new Float32Array(),
                 backgroundNoiseData: new Float32Array(),
                 waterfallData: [],
@@ -4354,7 +4355,7 @@ const UI_CONFIG = {
     ZOOM_MIN_RANGE: 10,
     POPOVER_MARGIN: 16
 };
-const defaultConfig = {
+const setting_defaultConfig = {
     line: {
         realData: {
             name: 'realData',
@@ -4389,7 +4390,7 @@ const defaultConfig = {
             color: '#FF4C2A',
             thickness: 1,
             label: "\u95E8\u9650\u503C",
-            display: false
+            display: true
         },
         templateData: {
             name: 'templateData',
@@ -4493,17 +4494,17 @@ const defaultConfig = {
 const setConfig = (c = {})=>{
     const currentConfig = JSON.parse(localStorage.getItem(KEY) || '{}');
     const newConfig = {
-        ...defaultConfig,
+        ...setting_defaultConfig,
         ...currentConfig,
         ...c
     };
     localStorage.setItem(KEY, JSON.stringify(newConfig));
 };
 function getConfig(name) {
-    let config = defaultConfig ?? JSON.parse(localStorage.getItem(KEY) || 'null');
+    let config = setting_defaultConfig ?? JSON.parse(localStorage.getItem(KEY) || 'null');
     if (!config) {
         setConfig();
-        config = defaultConfig;
+        config = setting_defaultConfig;
     }
     return name ? config[name] : config;
 }
@@ -4750,9 +4751,10 @@ const generateFrequencyCache = (config)=>{
 };
 const leftSegments2frequency = (segments)=>{
     if (!segments?.length) return ()=>'';
-    const { totalPoints } = segments;
+    const totalPoints = segments.totalPoints;
     const segmentInfo = segments.map((segment, index)=>{
-        const { point, frequencyCache } = segment;
+        const { point } = segment;
+        const frequencyCache = segment.frequencyCache;
         const ll = 100 * point / totalPoints;
         return {
             ll,
@@ -4798,7 +4800,7 @@ const scopeLeftSegments2bandwidth = (e)=>{
     if (!e) return 0;
     const { segments } = e;
     if (!segments) return 0;
-    const { totalPoints } = segments;
+    const totalPoints = segments.totalPoints;
     let { endLeft, startLeft } = e;
     const diff = endLeft - startLeft;
     const diffabs = Math.abs(diff);
@@ -4977,17 +4979,18 @@ function calculateRoughIndexRange(range, segment) {
 function findPreciseIndexRange(range, segment, searchRange = SEARCH_RANGE) {
     const rough = calculateRoughIndexRange(range, segment);
     let { startIndex, stopIndex } = rough;
+    const frequencyCache = segment.frequencyCache;
     let bestStartIndex = startIndex;
     let bestStopIndex = stopIndex;
     for(let i = Math.max(0, startIndex - searchRange); i <= Math.min(segment.point - 1, startIndex + searchRange); i++){
-        const freq = Number(segment.frequencyCache[i]?.frequency);
+        const freq = Number(frequencyCache[i]?.frequency);
         if (freq >= range.startFreq) {
             bestStartIndex = i;
             break;
         }
     }
     for(let i = Math.max(0, stopIndex - searchRange); i <= Math.min(segment.point - 1, stopIndex + searchRange); i++){
-        const freq = Number(segment.frequencyCache[i]?.frequency);
+        const freq = Number(frequencyCache[i]?.frequency);
         if (freq <= range.stopFreq) bestStopIndex = i;
         if (freq > range.stopFreq) break;
     }
@@ -5192,7 +5195,7 @@ var signal_SignalDataType = /*#__PURE__*/ function(SignalDataType) {
     SignalDataType["Simple"] = "simple";
     return SignalDataType;
 }({});
-const restrictList = {
+const constants_restrictList = {
     dBm: [
         -300,
         300
@@ -5208,7 +5211,7 @@ const constants_stepList = [
     20,
     30
 ];
-const stepDefault = constants_stepList[2];
+const constants_stepDefault = constants_stepList[2];
 const constants_unitList = [
     "dB\u03BCV",
     "dB\u03BCV/m",
@@ -5252,9 +5255,9 @@ function createParams() {
             realRange: constants_RANGE_DEFAULT,
             range: constants_RANGE_DEFAULT,
             renderRange: constants_RANGE_DEFAULT,
-            restrict: restrictList["dBμV"],
+            restrict: constants_restrictList["dBμV"],
             autoranging: false,
-            step: stepDefault,
+            step: constants_stepDefault,
             unit: constants_unitList["0"],
             unitList: constants_unitList,
             unitDisabled: false,
@@ -5271,7 +5274,7 @@ function createParams() {
             ticks: true,
             children: null,
             onChange: ()=>{},
-            frequencyFormat: ()=>null
+            frequencyFormat: ()=>''
         },
         toolbar: {
             show: true,
@@ -5308,7 +5311,7 @@ function createParams() {
             value: [
                 20
             ],
-            range: restrictList["dBμV"],
+            range: constants_restrictList["dBμV"],
             label: '',
             onChange: ()=>{}
         },
@@ -5553,9 +5556,9 @@ const info2step = (info)=>{
 class RangeController {
     state = {
         axisY: {
-            step: stepDefault,
+            step: constants_stepDefault,
             realRange: constants_RANGE_DEFAULT,
-            restrict: restrictList["dBμV"]
+            restrict: constants_restrictList["dBμV"]
         },
         onChange: ()=>{}
     };
@@ -5598,7 +5601,7 @@ class RangeController {
         if (void 0 === avg) avg = 10;
         let step = propsStep || axisY.step;
         const allInFormat = info2step(allInfo);
-        const { min, max } = allInfo;
+        const { min = 0, max = 0 } = allInfo;
         const [oldMin, oldMax] = realRange;
         const { middle } = allInFormat;
         const overflow = min < oldMin || oldMax < max;
@@ -5674,9 +5677,10 @@ class RangeController {
             max: mouseValue + (max - mouseValue) * zoomFactor
         };
         const [restrictMin, restrictMax] = restrict;
+        const restrictSpan = Math.abs(restrictMax - restrictMin);
         let finalMin = Math.max(restrictMin, newRange.min);
         let finalMax = Math.min(restrictMax, newRange.max);
-        const minRange = step / 100;
+        const minRange = Math.max(Number.EPSILON, Math.min(step / 100, restrictSpan / 100));
         if (finalMax - finalMin < minRange) {
             const center = (finalMin + finalMax) / 2;
             finalMin = Math.max(restrictMin, center - minRange / 2);
@@ -5779,14 +5783,16 @@ const useRange = ({ chart })=>{
                 ...i,
                 globalID
             });
-            axisY.realRange = i.realRange;
-            axisY.step = i.step;
-            axisY.range = v.range;
-            axisY.renderRange = v.renderRange;
             dispatch({
-                payload: {
-                    axisY
-                }
+                payload: (state)=>({
+                        axisY: {
+                            ...state.axisY,
+                            realRange: i.realRange,
+                            step: i.step,
+                            range: v.range,
+                            renderRange: v.renderRange
+                        }
+                    })
             });
             onChange?.({
                 range: v.range,
@@ -5794,10 +5800,10 @@ const useRange = ({ chart })=>{
             });
         }
     }, [
-        axisY,
         unit,
         onChange,
-        globalID
+        globalID,
+        dispatch
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         ranging.state.onChange = (i)=>{
@@ -5819,8 +5825,9 @@ const useRange = ({ chart })=>{
         unit
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        chart?.setRange(renderRange);
+        if (renderRange) chart?.setRange?.(renderRange);
     }, [
+        chart,
         renderRange
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -5972,7 +5979,9 @@ const Params_Params = (props)=>{
         if (axisY && globalID) {
             const currentState = store.getState();
             const { range, unit } = axisY;
-            if (range?.[0] !== void 0 && (unit && isdBm(unit) && currentState.axisY.unit !== unit || range[0] !== currentState.axisY.range[0] && isdBm(currentState.axisY.unit))) {
+            const currentRange = currentState.axisY.range;
+            const currentUnit = currentState.axisY.unit;
+            if (range?.[0] !== void 0 && (unit && isdBm(unit) && currentUnit !== unit || range[0] !== currentRange[0] && isdBm(currentUnit))) {
                 const { realRange, renderRange } = range2realRange({
                     range,
                     unit,
@@ -17542,7 +17551,10 @@ const gradientItems = [
 ];
 const GradientRibbon = ()=>{
     const { state: { axisY: { range }, globalID } } = useStore_useStore();
-    const [minValue, maxValue] = range;
+    const [minValue, maxValue] = range ?? [
+        0,
+        0
+    ];
     const [currentIndex, setCurrentIndex] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(initialIndex);
     const currentColors = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>[
             ...gradientItems[currentIndex]
@@ -17735,7 +17747,8 @@ const DialChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx
 const Dial_Dial = withChartPublisher(DialChart, 'Dial');
 const charts_Dial = Dial_Dial;
 const InteractionSurface = ({ children, padding, limit, step, setLimit, onChange })=>{
-    const { state: { axisY: { range: [min, max] } } } = useStore_useStore();
+    const { state: { axisY: { range = constants_RANGE_DEFAULT } } } = useStore_useStore();
+    const [min, max] = range;
     const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const [down, setDown] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const toLimit = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
@@ -17815,7 +17828,6 @@ class GaugeRender extends BaseRenderer {
         const { id, props } = this.state;
         if (!id) return;
         this.state.chart = new __WEBPACK_EXTERNAL_MODULE__rfkit_renderer_d3372451__.Gauge({
-            id,
             ...getThemeFillStyle(document.getElementById(id)),
             ...props
         });
@@ -17994,7 +18006,7 @@ const ZoomViewportLayer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.fo
         style: customStyle,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
             className: "absolute right-0 top-0 flex h-full w-full self-center",
-            style: zoomStyle,
+            style: zoomStyle ?? void 0,
             children: children
         })
     });
@@ -18004,9 +18016,9 @@ const AXIS_X_TICKS_LAYER_CLASS_NAME = 'absolute right-0 top-0 flex h-full w-full
 const AXIS_X_TICKS_SHELL_CLASS_NAME = 'relative h-6 w-full select-none overflow-hidden text-xs leading-6';
 const MSCAN_SEGMENT_CLASS_NAME = 'flex flex-1 items-center justify-center';
 const ThreeFixedTicks = ()=>{
-    const { state: { zoom: { interval: { start: intervalStart, end: intervalEnd } }, axisX: { unit, unitKHz }, segments } } = useStore_useStore();
-    const { totalPoints } = segments;
-    const endIndex = totalPoints - 1;
+    const { state: { zoom: { interval: { start: intervalStart, end: intervalEnd } }, axisX: { unit = '', unitKHz = '' }, segments } } = useStore_useStore();
+    const totalPoints = segments.totalPoints ?? 0;
+    const endIndex = Math.max(totalPoints - 1, 0);
     const { start, bandwidth = 0 } = segments[0] ?? {};
     const center = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         if (!endIndex || !bandwidth || void 0 === start) return 0;
@@ -18076,11 +18088,12 @@ const FrequencyTick = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(
 });
 const TICK_COUNT = 5;
 const DataNFixedTicks = ()=>{
-    const { state: { segments: { totalPoints }, zoom: { interval: { start: intervalStart, end: intervalEnd } }, axisX: { frequencyFormat } } } = useStore_useStore();
+    const { state: { segments, zoom: { interval: { start: intervalStart, end: intervalEnd } }, axisX: { frequencyFormat } } } = useStore_useStore();
+    const totalPoints = segments.totalPoints ?? 0;
     const getFrequencyByIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((index)=>{
         if (!totalPoints) return 0;
         const percentage = Math.min(100 * index / totalPoints, 100);
-        return frequencyFormat(percentage);
+        return frequencyFormat?.(percentage) ?? '';
     }, [
         totalPoints,
         frequencyFormat
@@ -18195,8 +18208,8 @@ const FlexBox = (props)=>{
 };
 const components_FlexBox = FlexBox;
 function tools_getAxisYDoubleClickResetRange(restrict) {
-    const [restrictMin, restrictMax] = restrict ?? restrictList["dBμV"];
-    const isDefaultRestrict = restrictMin === restrictList["dBμV"]["0"] && restrictMax === restrictList["dBμV"]["1"];
+    const [restrictMin, restrictMax] = restrict ?? constants_restrictList["dBμV"];
+    const isDefaultRestrict = restrictMin === constants_restrictList["dBμV"]["0"] && restrictMax === constants_restrictList["dBμV"]["1"];
     return isDefaultRestrict ? constants_RANGE_DEFAULT : [
         restrictMin,
         restrictMax
@@ -18478,7 +18491,7 @@ const resolveCursorIndexByLeft = (left, outputLength, maxPoints)=>{
         globalIndex: spectrum_analyzer_leftToIndex(safeLeft, maxPoints)
     };
 };
-const resampleMultiple = ({ antennaFactorData, antennaFactorSwitch = false, outputPoints, realData, maxData, minData, avgData, templateData, backgroundNoiseData, fluorescenceData, occupancyData, enablePeakStats = false, maxPeaks = 2, outputRangeStart = 0 })=>{
+const resampleMultiple = ({ antennaFactorData, antennaFactorSwitch = false, outputPoints, realData, maxData, minData, avgData, templateData, backgroundNoiseData, thresholdData, fluorescenceData, occupancyData, enablePeakStats = false, maxPeaks = 2, outputRangeStart = 0 })=>{
     const realDataLength = realData.length;
     const isLessThanDataLength = realDataLength <= outputPoints;
     const outputLength = isLessThanDataLength ? realDataLength : outputPoints;
@@ -18488,6 +18501,7 @@ const resampleMultiple = ({ antennaFactorData, antennaFactorSwitch = false, outp
     const hasTemplateData = templateData && templateData.length > 0;
     const hasOccupancyData = occupancyData && occupancyData.length > 0;
     const hasBackgroundNoiseData = backgroundNoiseData && backgroundNoiseData.length > 0;
+    const hasThresholdData = thresholdData && thresholdData.length > 0;
     const hasFluorescenceStats = fluorescenceData && fluorescenceData.length > 0;
     const candidatePeaks = [];
     const applyAntennaFactor = antennaFactorSwitch ? (value1, index)=>value1 + antennaFactorData[index] : (value1)=>value1;
@@ -18499,6 +18513,7 @@ const resampleMultiple = ({ antennaFactorData, antennaFactorSwitch = false, outp
     const templateOutputData = new Float32Array(hasTemplateData ? outputLength : 0);
     const occupancyOutputData = new Float32Array(hasOccupancyData ? outputLength : 0);
     const backgroundNoiseOutputData = new Float32Array(hasBackgroundNoiseData ? outputLength : 0);
+    const thresholdOutputData = new Float32Array(hasThresholdData ? outputLength : 0);
     let fluorescenceOutputData = new Array(hasFluorescenceStats ? outputLength : 0).fill(null);
     const srcIndexCache = new Uint32Array(outputLength);
     if (isLessThanDataLength) {
@@ -18512,6 +18527,7 @@ const resampleMultiple = ({ antennaFactorData, antennaFactorSwitch = false, outp
             if (hasTemplateData) templateOutputData[i] = templateData[i] + antennaFactor;
             if (hasOccupancyData) occupancyOutputData[i] = occupancyData[i];
             if (hasBackgroundNoiseData) backgroundNoiseOutputData[i] = backgroundNoiseData[i] + antennaFactor;
+            if (hasThresholdData) thresholdOutputData[i] = thresholdData[i] + antennaFactor;
             if (hasFluorescenceStats) {
                 const fluorescence = fluorescenceData[i];
                 const newFluorescence = new Map;
@@ -18527,6 +18543,7 @@ const resampleMultiple = ({ antennaFactorData, antennaFactorSwitch = false, outp
             if (hasTemplateData) templateOutputData.set(templateData);
             if (hasOccupancyData) occupancyOutputData.set(occupancyData);
             if (hasBackgroundNoiseData) backgroundNoiseOutputData.set(backgroundNoiseData);
+            if (hasThresholdData) thresholdOutputData.set(thresholdData);
             if (hasFluorescenceStats) fluorescenceOutputData = fluorescenceData;
         }
         if (enablePeakStats) for(let i = 0; i < realDataLength; i++){
@@ -18588,6 +18605,10 @@ const resampleMultiple = ({ antennaFactorData, antennaFactorSwitch = false, outp
                 const backgroundNoiseValue = backgroundNoiseData[realMaxIdx];
                 backgroundNoiseOutputData[i] = applyAntennaFactor(backgroundNoiseValue, realMaxIdx);
             }
+            if (hasThresholdData) {
+                const thresholdValue = thresholdData[realMaxIdx];
+                thresholdOutputData[i] = applyAntennaFactor(thresholdValue, realMaxIdx);
+            }
             if (hasFluorescenceStats) {
                 const fluorescence = fluorescenceData[realMaxIdx];
                 const newFluorescence = new Map;
@@ -18613,6 +18634,7 @@ const resampleMultiple = ({ antennaFactorData, antennaFactorSwitch = false, outp
         templateOutputData,
         occupancyOutputData,
         backgroundNoiseOutputData,
+        thresholdOutputData,
         srcIndexCache,
         fluorescenceOutputData
     };
@@ -18765,6 +18787,7 @@ class SpectrumAnalyzer {
     templateData;
     occupancyData;
     backgroundNoiseData;
+    thresholdData;
     waterfallData;
     srcIndexCache;
     realOutputData;
@@ -18774,6 +18797,7 @@ class SpectrumAnalyzer {
     templateOutputData;
     occupancyOutputData;
     backgroundNoiseOutputData;
+    thresholdOutputData;
     waterfallOutputData;
     scanProgress;
     lastIndex;
@@ -18789,6 +18813,7 @@ class SpectrumAnalyzer {
         ["occupancy"]: false,
         ["template"]: false,
         ["backgroundNoise"]: false,
+        ["threshold"]: false,
         ["extra"]: false
     };
     hasPendingData = false;
@@ -19109,6 +19134,7 @@ class SpectrumAnalyzer {
         this.clearMetricsBuffers();
         this.templateData = new Float32Array;
         this.backgroundNoiseData = new Float32Array;
+        this.thresholdData = new Float32Array;
         this.waterfallData = Array.from({
             length: waterfallMaxFrames
         }, ()=>{
@@ -19130,6 +19156,7 @@ class SpectrumAnalyzer {
         this.templateOutputData = new Float32Array;
         this.occupancyOutputData = new Float32Array;
         this.backgroundNoiseOutputData = new Float32Array;
+        this.thresholdOutputData = new Float32Array;
         this.fluorescenceData = enableFluorescence ? new Uint32Array(maxPoints * FLUORESCENCE.LEVEL_RANGE) : new Uint32Array(0);
         this.fluorescenceMaxCount = 0;
         this.fluorescenceUpdateCounter = 0;
@@ -19145,6 +19172,7 @@ class SpectrumAnalyzer {
             ["occupancy"]: false,
             ["template"]: false,
             ["backgroundNoise"]: false,
+            ["threshold"]: false,
             ["extra"]: false
         };
         this.hasPendingData = false;
@@ -19156,6 +19184,7 @@ class SpectrumAnalyzer {
             avgData: this.avgData,
             templateData: this.templateData,
             backgroundNoiseData: this.backgroundNoiseData,
+            thresholdData: this.thresholdData,
             extraData: this.extraData,
             srcIndexCache: this.srcIndexCache,
             processTimes: 0,
@@ -19224,6 +19253,19 @@ class SpectrumAnalyzer {
         });
         this.setPendingFlag("backgroundNoise", false);
     }
+    setThresholdData(data) {
+        if (!data || 0 === data.length) {
+            this.thresholdData = new Float32Array(0);
+            this.setPendingFlag("threshold", false);
+            return;
+        }
+        this.thresholdData = new Float32Array(data);
+        if (!this.hasProcessedData || this.isProcessing) return void this.setPendingFlag("threshold", true);
+        this.notifySpectrumUpdate({
+            thresholdData: this.resampleSingleData(this.thresholdData)
+        });
+        this.setPendingFlag("threshold", false);
+    }
     updateTemplateOverData(forceFullCalculation = false, incrementalRange) {
         if (!this.templateData || 0 === this.templateData.length) {
             this.cachedExceedingDatas = [];
@@ -19255,9 +19297,9 @@ class SpectrumAnalyzer {
         return templateOverData;
     }
     resampleDataSeries() {
-        const { antennaFactorData, antennaFactorSwitch, maxData, minData, avgData, templateData, occupancyData, backgroundNoiseData, config: { maxPoints, outputPoints } } = this;
+        const { antennaFactorData, antennaFactorSwitch, maxData, minData, avgData, templateData, occupancyData, backgroundNoiseData, thresholdData, config: { maxPoints, outputPoints } } = this;
         const activeAntennaFactorData = antennaFactorSwitch ? antennaFactorData : new Float32Array(maxPoints);
-        const { realOutputData, srcIndexCache, maxOutputData, minOutputData, avgOutputData, templateOutputData, occupancyOutputData, backgroundNoiseOutputData } = resampleMultiple({
+        const { realOutputData, srcIndexCache, maxOutputData, minOutputData, avgOutputData, templateOutputData, occupancyOutputData, backgroundNoiseOutputData, thresholdOutputData } = resampleMultiple({
             antennaFactorData: activeAntennaFactorData,
             antennaFactorSwitch,
             outputPoints,
@@ -19268,6 +19310,7 @@ class SpectrumAnalyzer {
             templateData: templateData && templateData.length > 0 ? this.getOutputData(templateData) : void 0,
             occupancyData: occupancyData && occupancyData.length > 0 ? this.getOutputData(occupancyData) : void 0,
             backgroundNoiseData: backgroundNoiseData && backgroundNoiseData.length > 0 ? this.getOutputData(backgroundNoiseData) : void 0,
+            thresholdData: thresholdData && thresholdData.length > 0 ? this.getOutputData(thresholdData) : void 0,
             enablePeakStats: this.config.processing.enablePeakStats,
             maxPeaks: this.config.peakDetection.maxPeaks,
             outputRangeStart: this.config.outputRange.start
@@ -19280,6 +19323,7 @@ class SpectrumAnalyzer {
         this.templateOutputData = templateOutputData || new Float32Array;
         this.occupancyOutputData = occupancyOutputData || new Float32Array;
         this.backgroundNoiseOutputData = backgroundNoiseOutputData || new Float32Array;
+        this.thresholdOutputData = thresholdOutputData || new Float32Array;
         const fluorescenceOutput = this.getFluorescenceOutputData(realOutputData.length);
         return {
             realData: realOutputData,
@@ -19289,6 +19333,7 @@ class SpectrumAnalyzer {
             templateData: templateOutputData,
             occupancyData: occupancyOutputData,
             backgroundNoiseData: backgroundNoiseOutputData,
+            thresholdData: thresholdOutputData,
             fluorescenceData: fluorescenceOutput,
             fluorescenceMaxCount: this.fluorescenceMaxCount,
             extraData: this.extraOutputData,
@@ -19378,7 +19423,7 @@ class SpectrumAnalyzer {
     }
     setPendingFlag(type, value1) {
         this.pendingDataFlags[type] = value1;
-        this.hasPendingData = this.pendingDataFlags["occupancy"] || this.pendingDataFlags["template"] || this.pendingDataFlags["backgroundNoise"] || this.pendingDataFlags["extra"];
+        this.hasPendingData = this.pendingDataFlags["occupancy"] || this.pendingDataFlags["template"] || this.pendingDataFlags["backgroundNoise"] || this.pendingDataFlags["threshold"] || this.pendingDataFlags["extra"];
     }
     resampleSingleData(sourceData) {
         const { srcIndexCache } = this;
@@ -19406,6 +19451,10 @@ class SpectrumAnalyzer {
             pendingOutput.backgroundNoiseData = this.resampleSingleData(this.backgroundNoiseData);
             this.setPendingFlag("backgroundNoise", false);
         }
+        if (this.pendingDataFlags["threshold"] && this.thresholdData.length > 0) {
+            pendingOutput.thresholdData = this.resampleSingleData(this.thresholdData);
+            this.setPendingFlag("threshold", false);
+        }
         if (this.pendingDataFlags["extra"] && Object.keys(this.extraData).length > 0) {
             this.extraOutputData = resampleExtraData(this.extraData, this.antennaFactorData, this.antennaFactorSwitch, this.srcIndexCache, this.getOutputData.bind(this));
             pendingOutput.extraData = this.extraOutputData;
@@ -19446,7 +19495,7 @@ class SpectrumAnalyzer {
         return outputData;
     }
     getAllRawData(left) {
-        const { realOutputData, maxOutputData, minOutputData, avgOutputData, templateOutputData, occupancyOutputData, backgroundNoiseOutputData, waterfallOutputData, extraOutputData, srcIndexCache } = this;
+        const { realOutputData, maxOutputData, minOutputData, avgOutputData, templateOutputData, occupancyOutputData, backgroundNoiseOutputData, thresholdOutputData, waterfallOutputData, extraOutputData, srcIndexCache } = this;
         realOutputData.timestamp = this.realData.timestamp;
         const rawData = {
             realData: this.realData,
@@ -19456,6 +19505,7 @@ class SpectrumAnalyzer {
             templateData: this.templateData,
             occupancyData: this.occupancyData,
             backgroundNoiseData: this.backgroundNoiseData,
+            thresholdData: this.thresholdData,
             waterfallData: this.waterfallData,
             extraData: this.extraData
         };
@@ -19468,6 +19518,7 @@ class SpectrumAnalyzer {
             templateData: templateOutputData,
             occupancyData: occupancyOutputData,
             backgroundNoiseData: backgroundNoiseOutputData,
+            thresholdData: thresholdOutputData,
             fluorescenceData: this.getFluorescenceOutputData(realOutputData.length),
             waterfallData: waterfallOutputData,
             extraData: extraOutputData,
@@ -19626,7 +19677,7 @@ class SeriesManager {
         return true;
     }
 }
-const events_SeriesEventName = {
+const SeriesEventName = {
     UPDATED: 'series:updated',
     ADDED: 'series:added',
     REMOVED: 'series:removed',
@@ -19677,7 +19728,7 @@ function subscribeToSeries(globalID, event, listener) {
         if (data.globalID === globalID) listener(data);
     });
 }
-function events_emitSeriesEvent(event, data) {
+function emitSeriesEvent(event, data) {
     seriesEvents.emit(event, data);
 }
 var modes_SeriesMode = /*#__PURE__*/ function(SeriesMode) {
@@ -19738,7 +19789,7 @@ function getNextMode(currentMode) {
 function setSeriesMode(globalID, mode) {
     seriesModes.set(globalID, mode);
     const modeConfig = SERIES_MODES[mode];
-    events_emitSeriesEvent(events_SeriesEventName.MODE_CHANGED, {
+    emitSeriesEvent(SeriesEventName.MODE_CHANGED, {
         globalID,
         mode,
         config: modeConfig
@@ -19756,7 +19807,7 @@ function initSeriesSubscription(renderer) {
         return null;
     }
     const subscriptions = [];
-    subscriptions.push(subscribeToSeries(globalID, events_SeriesEventName.UPDATED, (data)=>{
+    subscriptions.push(subscribeToSeries(globalID, SeriesEventName.UPDATED, (data)=>{
         const correctType = getCorrectSeriesType(globalID, data.seriesName);
         const configWithCorrectType = {
             ...data.config,
@@ -19765,13 +19816,13 @@ function initSeriesSubscription(renderer) {
         renderer.setSeries(configWithCorrectType, true);
         renderer.state.chart?.draw();
     }));
-    subscriptions.push(subscribeToSeries(globalID, events_SeriesEventName.MODE_CHANGED, ()=>{
+    subscriptions.push(subscribeToSeries(globalID, SeriesEventName.MODE_CHANGED, ()=>{
         renderer.initSeries();
     }));
-    subscriptions.push(subscribeToSeries(globalID, events_SeriesEventName.TYPE_OVERRIDE_CHANGED, ()=>{
+    subscriptions.push(subscribeToSeries(globalID, SeriesEventName.TYPE_OVERRIDE_CHANGED, ()=>{
         renderer.initSeries();
     }));
-    subscriptions.push(subscribeToSeries(globalID, events_SeriesEventName.BATCH_UPDATED, (data)=>{
+    subscriptions.push(subscribeToSeries(globalID, SeriesEventName.BATCH_UPDATED, (data)=>{
         data.configs.forEach((config)=>{
             const correctType = getCorrectSeriesType(globalID, config.name);
             const configWithCorrectType = {
@@ -19782,7 +19833,7 @@ function initSeriesSubscription(renderer) {
         });
         renderer.state.chart?.draw();
     }));
-    subscriptions.push(subscribeToSeries(globalID, events_SeriesEventName.RESET, ()=>{
+    subscriptions.push(subscribeToSeries(globalID, SeriesEventName.RESET, ()=>{
         if (renderer.state.series) renderer.state.series = {};
         renderer.initSeries();
     }));
@@ -19794,7 +19845,7 @@ const chartTypeSeriesOverrides = new Map();
 function setChartTypeSeriesOverride(globalID, seriesName, type) {
     if (!chartTypeSeriesOverrides.has(globalID)) chartTypeSeriesOverrides.set(globalID, new Map());
     chartTypeSeriesOverrides.get(globalID)?.set(seriesName, type);
-    events_emitSeriesEvent(events_SeriesEventName.TYPE_OVERRIDE_CHANGED, {
+    emitSeriesEvent(SeriesEventName.TYPE_OVERRIDE_CHANGED, {
         globalID,
         seriesName,
         type
@@ -19803,7 +19854,7 @@ function setChartTypeSeriesOverride(globalID, seriesName, type) {
 function clearChartTypeSeriesOverrides(globalID) {
     const hadOverrides = chartTypeSeriesOverrides.has(globalID);
     chartTypeSeriesOverrides.delete(globalID);
-    if (hadOverrides) events_emitSeriesEvent(events_SeriesEventName.TYPE_OVERRIDE_CHANGED, {
+    if (hadOverrides) emitSeriesEvent(SeriesEventName.TYPE_OVERRIDE_CHANGED, {
         globalID
     });
 }
@@ -19867,16 +19918,18 @@ function getSeriesMap(globalID) {
     return seriesMap;
 }
 function mergeSeriesConfig(config, existing) {
+    const defaultConfig = getSeriesConfig()[config.name];
     const defaults = {
-        label: '',
-        display: true,
+        label: defaultConfig?.label ?? '',
+        color: defaultConfig?.color,
+        display: defaultConfig?.display ?? true,
         type: __WEBPACK_EXTERNAL_MODULE__rfkit_renderer_d3372451__.GraphicType.Line,
-        thickness: 1
+        thickness: defaultConfig?.thickness ?? 1
     };
     return {
         name: config.name,
         label: config.label ?? existing?.label ?? defaults.label,
-        color: config.color ?? existing?.color ?? (()=>{
+        color: config.color ?? existing?.color ?? defaults.color ?? (()=>{
             throw new Error(`Series "${config.name}" does not exist and must have a color defined`);
         })(),
         display: config.display ?? existing?.display ?? defaults.display,
@@ -19884,14 +19937,21 @@ function mergeSeriesConfig(config, existing) {
         thickness: config.thickness ?? existing?.thickness ?? defaults.thickness
     };
 }
+function upsertSeriesConfig(manager, finalConfig, existing) {
+    if (!existing) return void manager.addSeries(finalConfig);
+    manager.setSeriesProperty(finalConfig.name, 'label', finalConfig.label);
+    manager.setSeriesProperty(finalConfig.name, 'color', finalConfig.color);
+    manager.setSeriesProperty(finalConfig.name, 'thickness', finalConfig.thickness);
+    manager.setSeriesProperty(finalConfig.name, 'display', finalConfig.display);
+    manager.setSeriesProperty(finalConfig.name, 'type', finalConfig.type);
+}
 function updateSeries(globalID, config) {
     if (!config?.name) return;
     const manager = getSeriesManager(globalID);
     const existing = manager.getSeries(config.name);
     const finalConfig = mergeSeriesConfig(config, existing);
-    if (existing) manager.removeSeries(config.name);
-    manager.addSeries(finalConfig);
-    events_emitSeriesEvent(events_SeriesEventName.UPDATED, {
+    upsertSeriesConfig(manager, finalConfig, existing);
+    emitSeriesEvent(SeriesEventName.UPDATED, {
         globalID,
         seriesName: config.name,
         config: {
@@ -19918,10 +19978,32 @@ function resetSeries(globalID) {
             thickness: config.thickness
         });
     });
-    events_emitSeriesEvent(events_SeriesEventName.RESET, {
+    emitSeriesEvent(SeriesEventName.RESET, {
         globalID
     });
 }
+function batchUpdateSeries(globalID, configs) {
+    const manager = getSeriesManager(globalID);
+    const updatedConfigs = [];
+    configs.forEach((config)=>{
+        if (!config?.name) return;
+        const existing = manager.getSeries(config.name);
+        const finalConfig = mergeSeriesConfig(config, existing);
+        upsertSeriesConfig(manager, finalConfig, existing);
+        updatedConfigs.push({
+            name: finalConfig.name,
+            label: finalConfig.label,
+            color: finalConfig.color,
+            thickness: finalConfig.thickness,
+            display: finalConfig.display,
+            type: finalConfig.type
+        });
+    });
+    if (updatedConfigs.length > 0) emitSeriesEvent(SeriesEventName.BATCH_UPDATED, {
+        globalID,
+        configs: updatedConfigs
+    });
+}
 function getSeriesWithGraphicType(globalID) {
     const seriesMap = getSeriesMap(globalID);
     const result = new Map();
@@ -19993,6 +20075,10 @@ function useSpectrumChartType({ type, heatmapElementID }) {
             };
         }
         if (type === constants_ChartType.LiteNormalized) {
+            const nextRestrict = nextAxisY.restrict ?? [
+                0,
+                1
+            ];
             if (false !== nextLimit.show) nextLimit = {
                 ...nextLimit,
                 show: false
@@ -20001,7 +20087,7 @@ function useSpectrumChartType({ type, heatmapElementID }) {
                 ...nextSignal,
                 show: false
             };
-            if (0 !== nextAxisY.restrict[0] || 1 !== nextAxisY.restrict[1]) nextAxisY = {
+            if (0 !== nextRestrict[0] || 1 !== nextRestrict[1]) nextAxisY = {
                 ...nextAxisY,
                 restrict: [
                     0,
@@ -20028,6 +20114,10 @@ function useSpectrumChartType({ type, heatmapElementID }) {
             };
         }
         if (type === constants_ChartType.ScanDF360) {
+            const nextRestrict = nextAxisY.restrict ?? [
+                0,
+                360
+            ];
             if (false !== nextLimit.show) nextLimit = {
                 ...nextLimit,
                 show: false
@@ -20052,7 +20142,7 @@ function useSpectrumChartType({ type, heatmapElementID }) {
                 ...nextFrequencyAllocation,
                 show: false
             };
-            nextAxisY = "\xb0" !== nextAxisY.unit || 36 !== nextAxisY.step || 0 !== nextAxisY.restrict[0] || 360 !== nextAxisY.restrict[1] ? {
+            nextAxisY = "\xb0" !== nextAxisY.unit || 36 !== nextAxisY.step || 0 !== nextRestrict[0] || 360 !== nextRestrict[1] ? {
                 ...applyAxisYRange(nextAxisY, [
                     0,
                     360
@@ -20092,7 +20182,8 @@ function useSpectrumChartType({ type, heatmapElementID }) {
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         if (type === constants_ChartType.LiteNormalized && globalID) {
-            if (axisY.range[0] < 0 || axisY.range[1] > 1) {
+            const currentRange = axisY.range ?? constants_RANGE_DEFAULT;
+            if (currentRange[0] < 0 || currentRange[1] > 1) {
                 const nextAxisY = applyAxisYRange(axisY, [
                     0,
                     1
@@ -20102,7 +20193,10 @@ function useSpectrumChartType({ type, heatmapElementID }) {
                         axisY: nextAxisY
                     }
                 });
-                useRangeSet(globalID)(nextAxisY.range);
+                useRangeSet(globalID)(nextAxisY.range ?? [
+                    0,
+                    1
+                ]);
             }
         }
     }, [
@@ -20205,7 +20299,7 @@ function useSpectrumRule(type) {
         let isScanSegmentsUpdateMagnify = false;
         if (event === constants_SegmentsEvent.Focus && totalPoints) {
             const endIndex = totalPoints - 1;
-            if (index < segments.length) {
+            if ('number' == typeof index && index < segments.length) {
                 for(let i = 0; i < index; i += 1)start += segments[i].point + 1;
                 const { point } = segments[index];
                 end = start + point;
@@ -20226,7 +20320,7 @@ function useSpectrumRule(type) {
                 zoom
             }
         });
-        if (event === constants_SegmentsEvent.Cover) setSegments(generateGreatSegments(e.data));
+        if (event === constants_SegmentsEvent.Cover && e.data) setSegments(generateGreatSegments(e.data));
     }, [
         segments
     ]);
@@ -20313,7 +20407,7 @@ const Ticks_Ticks = (props)=>{
     }, []);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         if (id && globalID) withUpdateData(id, COMPONENT_KEY, ()=>{
-            const { waterfallData } = withDatabase(globalID).getAllRawData();
+            const waterfallData = withDatabase(globalID).getAllRawData().waterfallData ?? [];
             const values = [];
             const dataLength = waterfallData.length;
             for(let i = 0; i < HEATMAP_FULL_TICKS; i++){
@@ -20360,7 +20454,7 @@ const AxisYHeatmap = (props)=>{
     const { state: { axisY } } = useStore_useStore();
     const { linkage, renderRange, show } = axisY;
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (linkage) chart?.setRange(renderRange);
+        if (linkage && renderRange) chart?.setRange?.(renderRange);
     }, [
         renderRange
     ]);
@@ -20397,16 +20491,14 @@ const createWheelEventManager = (id, name, func)=>subscription_createSubscriptio
 const createDragEventManager = (id, name, func)=>subscription_createSubscriptionManager(`${generateRecursiveId(id, func)}-drag`, name, func, id);
 const createLongPressEventManager = (id, name, func)=>subscription_createSubscriptionManager(`${generateRecursiveId(id, func)}-long-press`, name, func, id);
 const calculateEventRelativePosition = (e)=>{
-    if (e) {
-        const { target, clientX, clientY } = e;
-        const { left, top, width, height } = target.getBoundingClientRect();
-        const x = (clientX - left) / width * 100;
-        const y = (clientY - top) / height * 100;
-        return {
-            left: x,
-            top: y
-        };
-    }
+    const { target, clientX, clientY } = e;
+    const { left, top, width, height } = target.getBoundingClientRect();
+    const x = (clientX - left) / width * 100;
+    const y = (clientY - top) / height * 100;
+    return {
+        left: x,
+        top: y
+    };
 };
 const EVENT_PRIORITY_LEVEL_DEFAULT = 'void';
 const EVENT_PRIORITY_LEVELS = {
@@ -20500,32 +20592,32 @@ function useSeriesManager(globalID, options = {}) {
         const unsubscribers = [];
         if (subscribeToMode) {
             setMode(getSeriesMode(globalID));
-            const unsubscribeMode = subscribeToSeries(globalID, events_SeriesEventName.MODE_CHANGED, (data)=>{
+            const unsubscribeMode = subscribeToSeries(globalID, SeriesEventName.MODE_CHANGED, (data)=>{
                 setMode(data.mode);
             });
             unsubscribers.push(unsubscribeMode);
         }
         if (subscribeToData) {
-            const unsubscribeUpdated = subscribeToSeries(globalID, events_SeriesEventName.UPDATED, (data)=>{
+            const unsubscribeUpdated = subscribeToSeries(globalID, SeriesEventName.UPDATED, (data)=>{
                 if (watchSeries && !watchSeries.includes(data.seriesName)) return;
                 forceUpdate();
             });
             unsubscribers.push(unsubscribeUpdated);
-            const unsubscribeAdded = subscribeToSeries(globalID, events_SeriesEventName.ADDED, (data)=>{
+            const unsubscribeAdded = subscribeToSeries(globalID, SeriesEventName.ADDED, (data)=>{
                 if (watchSeries && !watchSeries.includes(data.seriesName)) return;
                 forceUpdate();
             });
             unsubscribers.push(unsubscribeAdded);
-            const unsubscribeRemoved = subscribeToSeries(globalID, events_SeriesEventName.REMOVED, (data)=>{
+            const unsubscribeRemoved = subscribeToSeries(globalID, SeriesEventName.REMOVED, (data)=>{
                 if (watchSeries && !watchSeries.includes(data.seriesName)) return;
                 forceUpdate();
             });
             unsubscribers.push(unsubscribeRemoved);
-            const unsubscribeBatchUpdated = subscribeToSeries(globalID, events_SeriesEventName.BATCH_UPDATED, ()=>{
+            const unsubscribeBatchUpdated = subscribeToSeries(globalID, SeriesEventName.BATCH_UPDATED, ()=>{
                 forceUpdate();
             });
             unsubscribers.push(unsubscribeBatchUpdated);
-            const unsubscribeReset = subscribeToSeries(globalID, events_SeriesEventName.RESET, ()=>{
+            const unsubscribeReset = subscribeToSeries(globalID, SeriesEventName.RESET, ()=>{
                 forceUpdate();
             });
             unsubscribers.push(unsubscribeReset);
@@ -20554,21 +20646,14 @@ function useSeriesForComponent(globalID) {
         subscribeToData: true
     });
 }
-const stableOrderMap = new Map();
-function getStableOrder(globalID, currentNames) {
-    const stored = stableOrderMap.get(globalID) || [];
-    const needsUpdate = 0 === stored.length || currentNames.some((name)=>!stored.includes(name)) || stored.some((name)=>!currentNames.includes(name));
-    if (needsUpdate) {
-        const newOrder = [
-            ...stored.filter((name)=>currentNames.includes(name)),
-            ...currentNames.filter((name)=>!stored.includes(name))
-        ];
-        stableOrderMap.set(globalID, newOrder);
-        return newOrder;
-    }
-    return stored;
+const DEFAULT_SERIES_ORDER = Object.values(getSeriesConfig()).map((config)=>config.name);
+function getStableOrder(currentNames) {
+    return [
+        ...DEFAULT_SERIES_ORDER.filter((name)=>currentNames.includes(name)),
+        ...currentNames.filter((name)=>!DEFAULT_SERIES_ORDER.includes(name))
+    ];
 }
-function useFilteredSeries(globalID, filter) {
+function useFilteredSeries_useFilteredSeries(globalID, filter) {
     const { series } = useSeriesManager(globalID);
     const { state: { series: { legendExternal } } } = useStore_useStore();
     const filteredData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
@@ -20577,12 +20662,8 @@ function useFilteredSeries(globalID, filter) {
             if (config.name === constants_SeriesType.TemplateData) return false;
             return filter ? filter(config) : true;
         });
-        if (!globalID) return filtered.map((config, index)=>({
-                ...config,
-                originalIndex: index
-            }));
         const currentNames = filtered.map((s)=>s.name);
-        const stableOrder = getStableOrder(globalID, currentNames);
+        const stableOrder = getStableOrder(currentNames);
         const orderMap = new Map(stableOrder.map((name, i)=>[
                 name,
                 i
@@ -20598,20 +20679,19 @@ function useFilteredSeries(globalID, filter) {
     }, [
         series,
         legendExternal,
-        filter,
-        globalID
+        filter
     ]);
     return filteredData;
 }
 const HeatmapCursorPopover = ({ id })=>{
-    const { state: { cursor: { coord }, axisX: { frequencyFormat, unit: axisXUnit }, globalID, axisY: { unit: axisYUnit } } } = useStore_useStore();
+    const { state: { cursor: { coord }, axisX: { frequencyFormat, unit: axisXUnit = '' }, globalID, axisY: { unit: axisYUnit } } } = useStore_useStore();
     const { left, top } = coord;
     const updateKey = useCursorPopoverUpdateKey('HeatmapPopover', id);
     const [value1, setValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
     const [timestamp, setTimestamp] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
     const { getSeries } = useSeriesForComponent(globalID);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (!globalID || !Number.isFinite(left) || !Number.isFinite(top)) {
+        if (!globalID || 'number' != typeof left || 'number' != typeof top || !Number.isFinite(left) || !Number.isFinite(top)) {
             setValue('');
             setTimestamp('');
             return;
@@ -20628,12 +20708,12 @@ const HeatmapCursorPopover = ({ id })=>{
         if (!outputFrame || 0 === outputFrame.length) return void setValue('');
         const rawFrame = snapshot.rawData?.waterfallData?.[yIndex];
         const globalIndex = snapshot.cursorIndex?.globalIndex;
-        const rawXIndex = Number.isFinite(globalIndex) && rawFrame && rawFrame.length > 0 ? Math.max(0, Math.min(rawFrame.length - 1, Math.floor(globalIndex))) : void 0;
+        const rawXIndex = 'number' == typeof globalIndex && Number.isFinite(globalIndex) && rawFrame && rawFrame.length > 0 ? Math.max(0, Math.min(rawFrame.length - 1, Math.floor(globalIndex))) : void 0;
         const exactRawValue = void 0 !== rawXIndex && rawFrame ? rawFrame[rawXIndex] : void 0;
         const sampledXIndex = leftToIndex(left, outputFrame.length);
         const sampledValue = outputFrame[sampledXIndex];
         const nextValue = Number.isFinite(exactRawValue) ? exactRawValue : sampledValue;
-        setValue(Number.isFinite(nextValue) ? nextValue.toFixed(1) : '');
+        setValue('number' == typeof nextValue && Number.isFinite(nextValue) ? nextValue.toFixed(1) : '');
         const frameTimestamp = outputFrame.timestamp;
         setTimestamp(frameTimestamp ? String(frameTimestamp) : '');
     }, [
@@ -20642,7 +20722,7 @@ const HeatmapCursorPopover = ({ id })=>{
         top,
         updateKey
     ]);
-    const frequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>frequencyFormat(left), [
+    const frequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>'number' == typeof left ? frequencyFormat?.(left) ?? '' : '', [
         left,
         frequencyFormat
     ]);
@@ -20694,7 +20774,7 @@ const LevelCursorPopover = ({ id })=>{
     const [value1, setValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
     const [timestamp, setTimestamp] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (!globalID || !Number.isFinite(left)) {
+        if (!globalID || 'number' != typeof left || !Number.isFinite(left)) {
             setValue('');
             setTimestamp('');
             return;
@@ -20707,7 +20787,7 @@ const LevelCursorPopover = ({ id })=>{
         }
         const clampedIndex = leftToIndex(left, levelStreamData.spectrumData.length);
         const dataValue = levelStreamData.spectrumData[clampedIndex];
-        setValue(Number.isFinite(dataValue) ? dataValue.toFixed(1) : '');
+        setValue('number' == typeof dataValue && Number.isFinite(dataValue) ? dataValue.toFixed(1) : '');
         if (levelStreamData.timestampData.length > clampedIndex) {
             const timestampValue = Number(levelStreamData.timestampData[clampedIndex]);
             if (Number.isFinite(timestampValue)) return void setTimestamp(formatTimestamp(timestampValue));
@@ -20750,16 +20830,16 @@ const LevelCursorPopover = ({ id })=>{
 };
 const Level_CursorPopover = LevelCursorPopover;
 const OccupancyCursorPopover = ()=>{
-    const { state: { cursor: { coord }, axisX: { frequencyFormat, unit: axisXUnit }, globalID } } = useStore_useStore();
+    const { state: { cursor: { coord }, axisX: { frequencyFormat, unit: axisXUnit = '' }, globalID } } = useStore_useStore();
     const { left } = coord;
     const value1 = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (!globalID || !Number.isFinite(left)) return '';
+        if (!globalID || 'number' != typeof left || !Number.isFinite(left)) return '';
         const snapshot = withDatabase(globalID).getAllRawData(left);
         const { occupancyData } = snapshot;
         if (occupancyData && occupancyData.length > 0) {
             const globalIndex = snapshot.cursorIndex?.globalIndex;
             const rawOccupancyData = snapshot.rawData?.occupancyData;
-            const exactRawValue = Number.isFinite(globalIndex) && rawOccupancyData && rawOccupancyData.length > 0 ? rawOccupancyData[Math.max(0, Math.min(rawOccupancyData.length - 1, Math.floor(globalIndex)))] : void 0;
+            const exactRawValue = 'number' == typeof globalIndex && Number.isFinite(globalIndex) && rawOccupancyData && rawOccupancyData.length > 0 ? rawOccupancyData[Math.max(0, Math.min(rawOccupancyData.length - 1, Math.floor(globalIndex)))] : void 0;
             const sampledValue = occupancyData[leftToIndex(left, occupancyData.length)];
             const targetValue = Number.isFinite(exactRawValue) ? exactRawValue : sampledValue;
             return Number.parseFloat(Number(targetValue).toFixed(1));
@@ -20769,7 +20849,7 @@ const OccupancyCursorPopover = ()=>{
         globalID,
         left
     ]);
-    const frequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>frequencyFormat(left), [
+    const frequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>'number' == typeof left ? frequencyFormat?.(left) ?? '' : '', [
         left,
         frequencyFormat
     ]);
@@ -21025,7 +21105,7 @@ function useStationInfoAtCursor({ frequency, enabled = true }) {
         cursor,
         enabled
     ]);
-    const currentPosition = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>isCursorActive ? frequencyCalculation_calculateCursorPosition(left, segments) : {
+    const currentPosition = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>isCursorActive && 'number' == typeof left ? frequencyCalculation_calculateCursorPosition(left, segments) : {
             segmentIndex: -1,
             pointIndex: -1
         }, [
@@ -21034,7 +21114,7 @@ function useStationInfoAtCursor({ frequency, enabled = true }) {
         segments
     ]);
     return (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (!enabled || !Number.isFinite(left) || left < 0 || !signalItems.length || !segments?.length) return;
+        if (!enabled || 'number' != typeof left || !Number.isFinite(left) || left < 0 || !signalItems.length || !segments?.length) return;
         if (!isCursorActive) return;
         const currentFrequency = frequencyCalculation_getCursorFrequencyAtPosition(segments, currentPosition);
         if (!Number.isFinite(currentFrequency)) {
@@ -21131,12 +21211,14 @@ const StationInfoPanel = ({ stationInfo })=>{
 const panels_StationInfoPanel = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(StationInfoPanel);
 const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true })=>{
     const { state: { axisY, axisX: { frequencyFormat, unit }, globalID } } = useStore_useStore();
-    const filteredSeries = useFilteredSeries(globalID, (config)=>false !== config.display);
+    const filteredSeries = useFilteredSeries_useFilteredSeries(globalID, (config)=>false !== config.display);
     const calculateIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((values, series, sampledIndex, rawValue)=>{
         if (!values || 0 === values.length) return null;
         const safeSampledIndex = Math.max(0, Math.min(values.length - 1, Math.floor(sampledIndex)));
         const displayValue = Number.isFinite(rawValue) ? rawValue : values[safeSampledIndex];
-        const level = getVirtualLevel(axisY.unit, displayValue)?.toFixed(1);
+        if ('number' != typeof displayValue) return null;
+        const unit = axisY.unit ?? '';
+        const level = getVirtualLevel(unit, displayValue)?.toFixed(1);
         if (!(0, utils_array.Ri)(level)) return null;
         return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
             className: "grid max-w-[220px] grid-cols-[minmax(0,1fr)_auto] items-center gap-x-1 text-xs",
@@ -21156,7 +21238,7 @@ const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true
                             children: level
                         }),
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                            children: axisY.unit
+                            children: unit
                         })
                     ]
                 })
@@ -21183,6 +21265,7 @@ const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true
             maxData: snapshot.maxData,
             minData: snapshot.minData,
             avgData: snapshot.avgData,
+            thresholdData: snapshot.thresholdData,
             templateData: snapshot.templateData,
             occupancyData: snapshot.occupancyData,
             backgroundNoiseData: snapshot.backgroundNoiseData,
@@ -21193,6 +21276,7 @@ const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true
             maxData: snapshot.rawData?.maxData,
             minData: snapshot.rawData?.minData,
             avgData: snapshot.rawData?.avgData,
+            thresholdData: snapshot.rawData?.thresholdData,
             templateData: snapshot.rawData?.templateData,
             occupancyData: snapshot.rawData?.occupancyData,
             backgroundNoiseData: snapshot.rawData?.backgroundNoiseData,
@@ -21204,12 +21288,12 @@ const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true
             value: null,
             currentIndex: Number.NaN
         };
-        const currentIndex = Number.isFinite(cursorSampledIndex) ? Math.max(0, Math.min(referenceLength - 1, Math.floor(cursorSampledIndex))) : leftToIndex(left, referenceLength);
+        const currentIndex = 'number' == typeof cursorSampledIndex && Number.isFinite(cursorSampledIndex) ? Math.max(0, Math.min(referenceLength - 1, Math.floor(cursorSampledIndex))) : leftToIndex(left, referenceLength);
         const globalIndex = Number.isFinite(snapshot.cursorIndex?.globalIndex) ? Math.floor(snapshot.cursorIndex?.globalIndex ?? 0) : void 0;
         const rawRealData = snapshot.rawData?.realData;
         const exactRawValue = void 0 !== globalIndex && rawRealData && rawRealData.length > 0 && globalIndex >= 0 && globalIndex < rawRealData.length ? rawRealData[globalIndex] : void 0;
         const getRawValueBySeries = (seriesName)=>{
-            if (!Number.isFinite(cursorGlobalIndex)) return;
+            if ('number' != typeof cursorGlobalIndex || !Number.isFinite(cursorGlobalIndex)) return;
             const sourceData = rawSeriesMap[seriesName];
             if (!sourceData || 0 === sourceData.length) return;
             const clampedIndex = Math.max(0, Math.min(sourceData.length - 1, Math.floor(cursorGlobalIndex)));
@@ -21232,7 +21316,7 @@ const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true
         updateKey,
         left
     ]);
-    const frequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>frequencyFormat(left), [
+    const frequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>frequencyFormat?.(left) ?? '', [
         left,
         frequencyFormat
     ]);
@@ -21457,7 +21541,7 @@ function useEventBusCallback(id) {
         const cleanupDoubleClick = createDoubleClickEventManager(id, useEventBusCallback_COMPONENT_KEY, (_, e)=>{
             if (!compareEventPriority(id, useEventBusCallback_COMPONENT_KEY)) return;
             const { left } = e;
-            const frequency = frequencyFormat(left);
+            const frequency = frequencyFormat?.(left) ?? '';
             onDoubleClick(frequency, e);
         });
         const cleanupMouseUp = createMouseUpEventManager(id, useEventBusCallback_COMPONENT_KEY, ()=>{
@@ -21544,7 +21628,8 @@ const EventBus_EventBus = ({ id })=>{
     }, [
         EID
     ]);
-    const handleMouseMove = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(throttleRequestAnimationFrame((e)=>{
+    const handleMouseMove = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(throttleRequestAnimationFrame((event)=>{
+        const e = event;
         if (!e.currentTarget) return;
         createMoveEventManager(EID)(e, calculateEventRelativePosition(e));
         updateCursor();
@@ -21836,9 +21921,10 @@ function calculateAreaInfo({ endLeft, startLeft, startTop, endTop, frequencyForm
         start: Math.max(0, Math.min(colCount - 1, Math.ceil(colCount * startLeft / PERCENTAGE) - 1)),
         end: Math.max(0, Math.min(colCount - 1, Math.ceil(colCount * endLeft / PERCENTAGE) - 1))
     };
+    const formatFrequency = frequencyFormat;
     const frequencies = {
-        start: Math.round(Number(frequencyFormat(startLeft)) * tools_PRECISION) / tools_PRECISION,
-        end: Math.round(Number(frequencyFormat(endLeft)) * tools_PRECISION) / tools_PRECISION
+        start: Math.round(Number(formatFrequency(startLeft)) * tools_PRECISION) / tools_PRECISION,
+        end: Math.round(Number(formatFrequency(endLeft)) * tools_PRECISION) / tools_PRECISION
     };
     const bandwidth = Math.abs(frequencies.end - frequencies.start);
     const startTimestamp = waterfallData[indices.top]?.timestamp || '';
@@ -21883,6 +21969,7 @@ const Area = (props)=>{
                 if (compareEventPriority(id, Area_COMPONENT_KEY) && start && end) {
                     const { left: startLeft, top: startTop } = start;
                     const { left: endLeft, top: endTop } = end;
+                    if (void 0 === startLeft || void 0 === startTop || void 0 === endLeft || void 0 === endTop) return;
                     const diffX = endLeft - startLeft;
                     const diffY = endTop - startTop;
                     const width = Math.abs(diffX);
@@ -22833,7 +22920,7 @@ const Slider = ({ id })=>{
     const frequencyFormatRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(frequencyFormat);
     frequencyFormatRef.current = frequencyFormat;
     const getHeatmapData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        const { waterfallData } = withDatabase(globalID).getAllRawData();
+        const waterfallData = withDatabase(globalID).getAllRawData().waterfallData ?? [];
         return [
             waterfallData,
             waterfallData.length
@@ -23315,6 +23402,7 @@ const GridLines = ()=>{
         col: 0
     });
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!restrict || !range || !step) return;
         const [restrictMin, restrictMax] = restrict;
         const restrictRange = restrictMax - restrictMin;
         const [min, max] = range;
@@ -23455,7 +23543,7 @@ class Spectrum extends BaseRenderer {
         const { color = SERIES[name]?.color, thickness = 1, display = false } = merged;
         const nextSeriesConfig = {
             name,
-            label: config.label,
+            label: merged.label,
             type: resolvedType || __WEBPACK_EXTERNAL_MODULE__rfkit_renderer_d3372451__.GraphicType.Line,
             color,
             thickness,
@@ -23469,7 +23557,7 @@ class Spectrum extends BaseRenderer {
         if (!skipEventEmit && globalID) try {
             updateSeries(globalID, {
                 name,
-                label: config.label || name,
+                label: nextSeriesConfig.label || name,
                 color,
                 thickness,
                 display,
@@ -23693,7 +23781,7 @@ const Reset_modes = Object.values(constants_ModuleType);
 const Reset = ()=>{
     const { state: { globalID, publish } } = useStore_useStore();
     const handleReset = ()=>{
-        publish({
+        publish?.({
             pstype: constants_PSType.Reset
         });
         Reset_modes.forEach((mode)=>{
@@ -23722,13 +23810,15 @@ const SegmentsDisplayControl_SegmentsDisplayControl = ()=>{
     const { state: { segments, globalID } } = useStore_useStore();
     const [display, setDisplay] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
     const [selectedIndex, setSelectedIndex] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
+    const totalPoints = segments.totalPoints ?? 0;
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         setDisplay(segments.map((s)=>({
                 display: false,
-                ratio: s.point / segments.totalPoints
+                ratio: totalPoints > 0 ? s.point / totalPoints : 0
             })));
     }, [
-        segments
+        segments,
+        totalPoints
     ]);
     const handleSelect = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((value1)=>{
         const index = 'number' == typeof value1 ? value1 : null;
@@ -23885,36 +23975,24 @@ const SeriesControl_SeriesControl = ({ type })=>{
 const SeriesControl = SeriesControl_SeriesControl;
 const SeriesDisplayControl = ()=>{
     const { state: { globalID, series: seriesConfig } } = useStore_useStore();
-    const filteredSeries = useFilteredSeries(globalID);
-    const { forceUpdate } = useSeriesForComponent(globalID);
+    const filteredSeries = useFilteredSeries_useFilteredSeries(globalID);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         if (!globalID || !seriesConfig?.forceDisplay) return;
         const hiddenSeries = filteredSeries.filter((item)=>!item.display);
-        if (hiddenSeries.length > 0) {
-            hiddenSeries.forEach(({ name })=>{
-                updateSeries(globalID, {
-                    name,
-                    display: true
-                });
-            });
-            forceUpdate();
-        }
+        if (hiddenSeries.length > 0) batchUpdateSeries(globalID, hiddenSeries.map(({ name })=>({
+                name,
+                display: true
+            })));
     }, [
         globalID,
         seriesConfig?.forceDisplay,
         filteredSeries.length
     ]);
     const updateSeriesDisplay = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((updates)=>{
-        updates.forEach(({ name, display })=>{
-            updateSeries(globalID, {
-                name,
-                display
-            });
-        });
-        forceUpdate();
+        if (!globalID || 0 === updates.length) return;
+        batchUpdateSeries(globalID, updates);
     }, [
-        globalID,
-        forceUpdate
+        globalID
     ]);
     const handleSeriesToggle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((seriesName, display)=>{
         updateSeriesDisplay([
@@ -24012,9 +24090,10 @@ const SeriesDisplayControl = ()=>{
 };
 const controls_SeriesDisplayControl = SeriesDisplayControl;
 const ZoomSwitch = ()=>{
-    const { state: { zoom, segments: { totalPoints } }, dispatch } = useStore_useStore();
+    const { state: { zoom, segments }, dispatch } = useStore_useStore();
     const { show, autoCloseTimeout, interval: { start, end } } = zoom;
-    const endIndex = totalPoints - 1;
+    const totalPoints = segments.totalPoints ?? 0;
+    const endIndex = Math.max(totalPoints - 1, 0);
     const [hidden, setHidden] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(true);
     const autoRecoveryTimer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>{
@@ -24051,14 +24130,19 @@ const ZoomSwitch = ()=>{
         endIndex,
         dispatch
     ]);
-    const gradientStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+    const gradientStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (!totalPoints) return {
+            background: 'transparent'
+        };
+        return {
             background: `linear-gradient(to right, 
       transparent ${(start + 1) / totalPoints * 100}%,
       var(--chart-grid-strong) ${(start + 1) / totalPoints * 100}%,
       var(--chart-grid-strong) ${(end + 1) / totalPoints * 100}%,
       transparent ${(end + 1) / totalPoints * 100}%
     )`
-        }), [
+        };
+    }, [
         start,
         end,
         totalPoints
@@ -24535,10 +24619,10 @@ const MARKER_COUNT_CHANGE = (id, func)=>subscription_createSubscriptionManager(`
 const MARKER_SELECTION_CHANGE = (id, func)=>subscription_createSubscriptionManager(`MARKER_SELECTION_CHANGE-${id}`, '0', func, id);
 const MARKER_COMMAND = (id, func)=>subscription_createSubscriptionManager(`MARKER_COMMAND-${id}`, '0', func, id);
 function splitZoomLeft({ left, globalID }) {
+    const safeLeft = left;
     const { zoom, segments } = getGlobalStoreState(globalID);
     const { start, end } = zoom.interval;
-    const { totalPoints } = segments;
-    const safeLeft = left;
+    const totalPoints = segments.totalPoints;
     const intervalWidth = end - start + 1;
     const rawInsideLeft = (safeLeft * totalPoints / 100 - start) * 100 / intervalWidth;
     const insideLeft = rawInsideLeft;
@@ -25108,7 +25192,9 @@ const Toolbar = ({ type })=>{
 };
 const components_Toolbar = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(Toolbar);
 function useLevelStreamAnalyzer() {
-    const { state: { globalID, axisY: { range }, levelStream: { cacheTime, granularity, maxPoints } } } = useStore_useStore();
+    const { state: { globalID, axisY, levelStream } } = useStore_useStore();
+    const range = axisY.range ?? constants_RANGE_DEFAULT;
+    const { cacheTime = 20000, granularity = 1, maxPoints = 500 } = levelStream ?? {};
     const analyzer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const globalIDRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(globalID);
     const updateLevelStreamData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((renderData)=>{
@@ -25266,7 +25352,7 @@ const MIN_RANGE_SPAN = 0.5;
 const MAJOR_TICK_LINE_WIDTH = 2 * LINE_WIDTH_BASE;
 const MINOR_TICK_LINE_WIDTH = LINE_WIDTH_BASE;
 const AXIS_LINE_WIDTH = LINE_WIDTH_BASE;
-function useCanvasAxisY(options = {}) {
+function useCanvasAxisY(options) {
     const { ranging } = options;
     const axisY = useSelector((state)=>state.axisY);
     const { range: axisYRange, disabled } = axisY;
@@ -25476,15 +25562,10 @@ function useCanvasAxisY(options = {}) {
     ]);
     const handleWheel = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
         if (disabled) return;
-        if (e.deltaY < 0) {
-            const currentRange = range.max - range.min;
-            if (currentRange <= MIN_RANGE_SPAN) return;
-        }
         ranging.moveWheel?.(e);
     }, [
         ranging,
-        disabled,
-        range
+        disabled
     ]);
     const handleMouseMove = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
         if (disabled || !isDragging || !containerRef.current) return;
@@ -25782,10 +25863,12 @@ const DragFrame = ({ id })=>{
     ]);
     const filterFrameState = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((startCoords, endCoords, _, isEventButtonsRight)=>{
         if (startCoords && endCoords && isEventButtonsRight) {
-            const diffX = endCoords.left - startCoords.left;
+            const startLeft = startCoords.left;
+            const endLeft = endCoords.left;
+            const diffX = endLeft - startLeft;
             setFrameState({
                 diffX,
-                left: diffX > 0 ? startCoords.left : endCoords.left,
+                left: diffX > 0 ? startLeft : endLeft,
                 width: Math.abs(diffX),
                 isScanSegmentsUpdateMagnify: diffX > 0
             });
@@ -25795,9 +25878,10 @@ const DragFrame = ({ id })=>{
         if (!frameState) return;
         const { left, width, isScanSegmentsUpdateMagnify, diffX } = frameState;
         const { totalPoints } = segments;
+        const totalPointCount = totalPoints;
         if (isScanSegmentsUpdateMagnify && diffX > 0) {
-            const nextPoint = 2 * Math.ceil(width / 100 * totalPoints / 2);
-            const start = Math.round(totalPoints * left / 100) - 1;
+            const nextPoint = 2 * Math.ceil(width / 100 * totalPointCount / 2);
+            const start = Math.round(totalPointCount * left / 100) - 1;
             const end = nextPoint + start - 1;
             if (nextPoint > 10) onChange({
                 interval: {
@@ -25812,7 +25896,7 @@ const DragFrame = ({ id })=>{
         if (diffX < 0) onChange({
             interval: {
                 start: 0,
-                end: totalPoints - 1
+                end: totalPointCount - 1
             },
             isScanSegmentsUpdateMagnify,
             left,
@@ -26462,8 +26546,9 @@ const setFrequencyAllocationToCache = (data)=>{
     localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
 };
 function resolveFrequencyAllocationData(data) {
-    const cachedData = getFrequencyAllocationFromCache();
-    return sortAndRecolorFrequencyAllocationData(cachedData?.length > 0 ? cachedData : data?.length > 0 ? data : FrequencyAllocation_data);
+    const cachedData = getFrequencyAllocationFromCache() ?? [];
+    const inputData = data ?? [];
+    return sortAndRecolorFrequencyAllocationData(cachedData.length > 0 ? cachedData : inputData.length > 0 ? inputData : FrequencyAllocation_data);
 }
 const resolveFrequencyAllocationRange = (band)=>{
     if (null != band.startFrequency && null != band.stopFrequency) {
@@ -26716,7 +26801,7 @@ const FrequencyAllocation = ()=>{
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: "absolute right-0 top-0 flex h-full w-full items-end will-change-transform",
-                style: zoomOffStyle,
+                style: zoomOffStyle ?? void 0,
                 children: segmentData.map(({ segmentIndex, bandPositions, style })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AllocationSegments, {
                         style: style,
                         bandPositions: bandPositions,
@@ -26868,7 +26953,7 @@ const FrequencyTagLine = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["defaul
 const Item_Item = ({ value: value1, onChange })=>{
     const { state: { axisY, limit } } = useStore_useStore();
     const { label, disabled } = limit;
-    const { unit, range, step } = axisY;
+    const { unit = '', range = constants_RANGE_DEFAULT, step = constants_stepDefault } = axisY;
     const [min, max] = range;
     const diff = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>isdBm(unit) ? dBuV2dBm(0) : 0, [
         unit
@@ -26893,6 +26978,10 @@ const Item_Item = ({ value: value1, onChange })=>{
         switch(keyCode){
             case 'Enter':
                 {
+                    if (!input.current) {
+                        setIsEdit(false);
+                        break;
+                    }
                     const v = Number(input.current.value);
                     if (!Number.isNaN(v) && v >= min && v <= max) {
                         onChange?.(Math.floor(v - diff));
@@ -26968,6 +27057,8 @@ const Limit_Limit = ({ id })=>{
     const { state: { limit, segments, axisY, system }, dispatch } = useStore_useStore();
     const { show, active, disabled, value: value1, onChange } = limit;
     const [axisYMin, axisYMax] = axisY.range;
+    const { totalPoints } = segments;
+    const totalPointCount = totalPoints;
     const canRender = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>show && active, [
         show,
         active
@@ -27001,7 +27092,8 @@ const Limit_Limit = ({ id })=>{
         createMouseDownEventManager(id, COMPONENT_NAME, (e)=>{
             if (!canRender || disabled) return;
             if (!e?.left || !e?.top) return;
-            const index = segments.findIndex((i)=>i.progress[0] <= e.left && e.left < i.progress[1]);
+            const left = e.left;
+            const index = segments.findIndex((i)=>i.progress[0] <= left && left < i.progress[1]);
             if (!Number.isFinite(index) || index < 0) {
                 setIndex(Number.NaN);
                 dragValueRef.current = null;
@@ -27072,7 +27164,7 @@ const Limit_Limit = ({ id })=>{
         className: "z-[2]",
         children: segments?.map((i, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 style: {
-                    width: `${100 * i.point / segments.totalPoints}%`,
+                    width: `${100 * i.point / totalPointCount}%`,
                     opacity: (0, utils_array.Ri)(value1[index]) ? 1 : 0
                 },
                 className: "h-full w-[30%]",
@@ -27217,6 +27309,7 @@ const useMarkerEvents = (props)=>{
     };
 };
 const markerColors = getConfig('marker');
+const getRequiredGlobalStoreState = (globalID)=>getGlobalStoreState(globalID);
 function getPeaksFromDatabase(globalID, data, options) {
     const { needsMaxPeak = false, needsTopPeaks = false } = options || {};
     let maxPeak = null;
@@ -27255,8 +27348,8 @@ const useMarkers = (props)=>{
     });
     const dataRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(new Float32Array());
     const formatMarker = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e, ctx)=>{
-        const { axisY: { unit }, axisX: { frequencyFormat } } = getGlobalStoreState(globalID);
-        let { left } = e;
+        const { axisY: { unit }, axisX: { frequencyFormat } } = getRequiredGlobalStoreState(globalID);
+        let left = e.left;
         const { peak } = e;
         let data = ctx?.data ?? dataRef.current;
         if (!data || 0 === data.length) {
@@ -27304,7 +27397,7 @@ const useMarkers = (props)=>{
         const frequency = parseFloat(frequencyStr);
         const level = data[xIndex];
         if (void 0 !== level && !Number.isNaN(level)) {
-            const virtualLevel = getVirtualLevel(unit, level)?.toFixed?.(1);
+            const virtualLevel = getVirtualLevel(unit, level).toFixed(1);
             e.level = parseFloat(virtualLevel);
         }
         return {
@@ -27318,7 +27411,7 @@ const useMarkers = (props)=>{
     const createMarker = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e, isBatchAdd = false)=>{
         if (0 === dataRef.current.length) return;
         setState((prevState)=>{
-            const { marker: { maxCount } } = getGlobalStoreState(globalID);
+            const { marker: { maxCount } } = getRequiredGlobalStoreState(globalID);
             if (prevState.markers.length >= maxCount) return prevState;
             const markerId = createGUID();
             const colorIndex = prevState.colorIndex % 20;
@@ -27410,7 +27503,7 @@ const useMarkers = (props)=>{
             }
             if (event === constants_MarkerEventType.Add) {
                 if (frequencies?.length) {
-                    const { marker: { maxCount } } = getGlobalStoreState(globalID);
+                    const { marker: { maxCount } } = getRequiredGlobalStoreState(globalID);
                     const availableSlots = maxCount - newMarkers.length;
                     const itemsToAdd = Math.min(frequencies.length, availableSlots);
                     newMarkers = newMarkers.map((m)=>({
@@ -27547,7 +27640,7 @@ const useMarkers = (props)=>{
         const container = document.getElementById(id);
         if (!container) return '';
         const info = container.getBoundingClientRect();
-        const { zoom: { interval: { start, end } }, segments } = getGlobalStoreState(globalID);
+        const { zoom: { interval: { start, end } }, segments } = getRequiredGlobalStoreState(globalID);
         const multiple = segments.totalPoints / (end - start + 1);
         const width = info.width * multiple / 100;
         let isHover = '';
@@ -27626,8 +27719,8 @@ const useMarkers = (props)=>{
                     markers: nextMarkers
                 };
             }
-            const globalState = getGlobalStoreState(globalID);
-            const maxCount = globalState.marker.maxCount;
+            const { marker } = getRequiredGlobalStoreState(globalID);
+            const maxCount = marker.maxCount;
             const availableSlots = maxCount - prevState.markers.length;
             if (availableSlots < 2) return prevState;
             mainSecondaryPrevSelectedRef.current = prevState.markers.find((m)=>m.select)?.id ?? null;
@@ -27706,8 +27799,8 @@ const useMarkers = (props)=>{
                     markers: nextMarkers
                 };
             }
-            const globalState = getGlobalStoreState(globalID);
-            const maxCount = globalState.marker.maxCount;
+            const { marker } = getRequiredGlobalStoreState(globalID);
+            const maxCount = marker.maxCount;
             const availableSlots = maxCount - prevState.markers.length;
             if (availableSlots < 1) return prevState;
             mainPeakPrevSelectedRef.current = prevState.markers.find((m)=>m.select)?.id ?? null;
@@ -27762,7 +27855,7 @@ const useMarkers = (props)=>{
             const data = rawData[REAL_DATA_NAME];
             if (!data || data.length < 3) return prevState;
             dataRef.current = data;
-            const { zoom, segments } = getGlobalStoreState(globalID);
+            const { zoom, segments } = getRequiredGlobalStoreState(globalID);
             const dataLength = data.length;
             const totalPoints = segments.totalPoints || dataLength;
             const intervalWidth = zoom.interval.end - zoom.interval.start + 1;
@@ -27847,7 +27940,7 @@ const useMarkers = (props)=>{
             const data = rawData[REAL_DATA_NAME];
             if (!data || data.length < 1) return prevState;
             dataRef.current = data;
-            const { zoom, segments } = getGlobalStoreState(globalID);
+            const { zoom, segments } = getRequiredGlobalStoreState(globalID);
             const dataLength = data.length;
             const totalPoints = segments.totalPoints || dataLength;
             let maxIndex = 0;
@@ -27895,7 +27988,7 @@ const useMarkers = (props)=>{
             const data = rawData[REAL_DATA_NAME];
             if (!data || data.length < 3) return prevState;
             dataRef.current = data;
-            const { zoom, segments } = getGlobalStoreState(globalID);
+            const { zoom, segments } = getRequiredGlobalStoreState(globalID);
             const dataLength = data.length;
             const totalPoints = segments.totalPoints || dataLength;
             let maxIndex = 0;
@@ -27957,7 +28050,7 @@ const useMarkers = (props)=>{
             const data = rawData[REAL_DATA_NAME];
             if (!data || data.length < 2) return prevState;
             dataRef.current = data;
-            const { zoom, segments } = getGlobalStoreState(globalID);
+            const { zoom, segments } = getRequiredGlobalStoreState(globalID);
             const dataLength = data.length;
             const totalPoints = segments.totalPoints || dataLength;
             const intervalWidth = zoom.interval.end - zoom.interval.start + 1;
@@ -28004,7 +28097,7 @@ const useMarkers = (props)=>{
             const data = rawData[REAL_DATA_NAME];
             if (!data || data.length < 1) return prevState;
             dataRef.current = data;
-            const { zoom, segments } = getGlobalStoreState(globalID);
+            const { zoom, segments } = getRequiredGlobalStoreState(globalID);
             const dataLength = data.length;
             const totalPoints = segments.totalPoints || dataLength;
             let maxIndex = 0;
@@ -28028,8 +28121,8 @@ const useMarkers = (props)=>{
                 return m;
             });
             else {
-                const globalState = getGlobalStoreState(globalID);
-                const maxMarkerCount = globalState.marker.maxCount;
+                const { marker } = getRequiredGlobalStoreState(globalID);
+                const maxMarkerCount = marker.maxCount;
                 if (prevState.markers.length >= maxMarkerCount) return prevState;
                 const markerId = createGUID();
                 const newMarker = formatMarker({
@@ -28066,7 +28159,7 @@ const useMarkers = (props)=>{
             const data = rawData[REAL_DATA_NAME];
             if (!data || data.length < 3) return prevState;
             dataRef.current = data;
-            const { zoom, segments } = getGlobalStoreState(globalID);
+            const { zoom, segments } = getRequiredGlobalStoreState(globalID);
             const dataLength = data.length;
             const totalPoints = segments.totalPoints || dataLength;
             let maxIndex = 0;
@@ -28104,8 +28197,8 @@ const useMarkers = (props)=>{
                 return m;
             });
             else {
-                const globalState = getGlobalStoreState(globalID);
-                const maxMarkerCount = globalState.marker.maxCount;
+                const { marker } = getRequiredGlobalStoreState(globalID);
+                const maxMarkerCount = marker.maxCount;
                 if (prevState.markers.length >= maxMarkerCount) return prevState;
                 const markerId = createGUID();
                 const newMarker = formatMarker({
@@ -28377,7 +28470,7 @@ const Markers = ({ id })=>{
         id,
         markers,
         display: show,
-        fixed,
+        fixed: fixed,
         onCreateMarker: createMarker,
         onDeleteMarker: handleDeleteMarker,
         onUpdateMarker: handleUpdateMarker,
@@ -28600,7 +28693,7 @@ const Signal = ({ show = true, display = true })=>{
     const isCursorActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>cursor_hasActiveSpectrumCursor(cursor), [
         cursor
     ]);
-    const currentPosition = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>isCursorActive ? frequencyCalculation_calculateCursorPosition(left, segments) : {
+    const currentPosition = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>isCursorActive && 'number' == typeof left ? frequencyCalculation_calculateCursorPosition(left, segments) : {
             segmentIndex: -1,
             pointIndex: -1
         }, [
@@ -28631,7 +28724,7 @@ const Signal = ({ show = true, display = true })=>{
         className: "pointer-events-none absolute inset-0 z-[4] flex h-full w-full select-none items-center overflow-hidden bg-transparent",
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
             className: "absolute right-0 top-0 flex h-full w-full",
-            style: zoomOffStyle,
+            style: zoomOffStyle ?? void 0,
             children: segmentData.map(({ segmentIndex, signalPositions, activeSignalKey, style })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalSegments, {
                     style: style,
                     signalPositions: signalPositions,
@@ -28723,8 +28816,8 @@ const Stripe_Stripe = ({ id })=>{
         const { left, right } = currentStripe;
         const l = Math.round(10 * left) / 10;
         const r = Math.round(10 * right) / 10;
-        const start = frequencyFormatRef.current(l);
-        const end = frequencyFormatRef.current(r);
+        const start = frequencyFormatRef.current?.(l) ?? '';
+        const end = frequencyFormatRef.current?.(r) ?? '';
         const width = r - l;
         const bandwidth = Number(end) - Number(start);
         onChangeRef.current({
@@ -29209,27 +29302,37 @@ const charts_Occupancy = charts_Occupancy_Occupancy;
 const Zoom_Zoom = ()=>{
     const dispatch = useStoreDispatch();
     const zoom = useSelector((state)=>state.zoom);
-    const totalPoints = useSelector((state)=>state.segments.totalPoints);
+    const totalPoints = useSelector((state)=>state.segments.totalPoints) ?? 0;
     const frequencyFormat = useSelector((state)=>state.axisX.frequencyFormat);
     const { interval: { start, end }, onChange } = zoom;
-    const ticks = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>[
+    const ticks = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (!totalPoints || !frequencyFormat) return [
+            '',
+            ''
+        ];
+        return [
             frequencyFormat((100 * start + 1) / totalPoints),
             frequencyFormat((100 * end + 1) / totalPoints)
-        ], [
+        ];
+    }, [
         start,
         end,
-        totalPoints
+        totalPoints,
+        frequencyFormat
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!totalPoints) return;
         if (void 0 !== ticks[0] && void 0 !== ticks[1]) onChange(ticks, {
             start,
             end
         });
     }, [
         ticks,
-        onChange
+        onChange,
+        totalPoints
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!totalPoints) return;
         const widthRange = end - start + 1;
         const multiple = totalPoints / widthRange;
         const left = `-${start / widthRange * 100}%`;
@@ -29446,12 +29549,13 @@ const Legend = ()=>{
 const Spectrum_Legend = Legend;
 const SegmentsZebra = ()=>{
     const { state: { segments } } = useStore_useStore();
+    const totalPoints = segments.totalPoints ?? 0;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_ZoomViewportLayer, {
         className: "z-[0]",
         children: segments.map((i, key)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: "h-full border-x",
                 style: {
-                    width: `${100 * i.point / segments.totalPoints}%`,
+                    width: totalPoints > 0 ? `${100 * i.point / totalPoints}%` : 0,
                     borderColor: key % 2 === 1 ? 'var(--chart-grid)' : 'transparent',
                     background: key % 2 === 1 ? 'var(--chart-surface)' : 'transparent',
                     opacity: key % 2 === 1 ? 0.4 : 1
@@ -29500,14 +29604,15 @@ function useTemplateComparison() {
         const segments = [];
         const timestamp = Date.now();
         templateOverData.forEach((overData)=>{
+            const formatFrequency = frequencyFormatRef.current;
             const { startIndex, endIndex } = overData;
             const totalLength = templateOverData.length;
             const startPercent = (startIndex + 0.5) * 100 / totalLength;
             const endPercent = (endIndex + 0.5) * 100 / totalLength;
             const centerPercent = (startIndex + endIndex) / 2 * 100 / totalLength;
-            const startFreq = frequencyFormatRef.current(startPercent);
-            const stopFreq = frequencyFormatRef.current(endPercent);
-            const centerFreq = frequencyFormatRef.current(centerPercent);
+            const startFreq = formatFrequency(startPercent);
+            const stopFreq = formatFrequency(endPercent);
+            const centerFreq = formatFrequency(centerPercent);
             if (startFreq !== stopFreq) segments.push({
                 ...overData,
                 frequency: centerFreq,
@@ -29560,10 +29665,11 @@ function useSpectrumAnalyzer(props) {
     }, []);
     const { updateTemplateOverData } = useTemplateComparison();
     const handleSpectrumUpdate = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data)=>{
-        if (data.realData || data.templateData || data.backgroundNoiseData) updateSpectrum({
+        if (data.realData || data.templateData || data.backgroundNoiseData || 'thresholdData' in data) updateSpectrum({
             minData: data.minData,
             maxData: data.maxData,
             avgData: data.avgData,
+            thresholdData: data.thresholdData,
             backgroundNoiseData: data.backgroundNoiseData,
             realData: data.realData,
             templateData: data.templateData
@@ -29658,6 +29764,7 @@ function useSpectrumAnalyzer(props) {
                 break;
             case constants_PSType.Spectrum:
                 if (e.data) analyzer.current.process(e);
+                if ('thresholdData' in e) analyzer.current.setThresholdData(e.thresholdData);
                 if (e.maxData) analyzer.current.setMaxData(e.maxData);
                 if (e.minData) analyzer.current.setMinData(e.minData);
                 if (e.avgData) analyzer.current.setAvgData(e.avgData);