@rfkit/charts 1.4.1 → 1.4.3

package/index.js

@@ -4750,9 +4750,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 +4799,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 +4978,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 +5194,7 @@ var signal_SignalDataType = /*#__PURE__*/ function(SignalDataType) {
     SignalDataType["Simple"] = "simple";
     return SignalDataType;
 }({});
-const restrictList = {
+const constants_restrictList = {
     dBm: [
         -300,
         300
@@ -5208,7 +5210,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 +5254,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 +5273,7 @@ function createParams() {
             ticks: true,
             children: null,
             onChange: ()=>{},
-            frequencyFormat: ()=>null
+            frequencyFormat: ()=>''
         },
         toolbar: {
             show: true,
@@ -5308,7 +5310,7 @@ function createParams() {
             value: [
                 20
             ],
-            range: restrictList["dBμV"],
+            range: constants_restrictList["dBμV"],
             label: '',
             onChange: ()=>{}
         },
@@ -5553,9 +5555,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 +5600,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 +5676,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 +5782,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 +5799,10 @@ const useRange = ({ chart })=>{
             });
         }
     }, [
-        axisY,
         unit,
         onChange,
-        globalID
+        globalID,
+        dispatch
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         ranging.state.onChange = (i)=>{
@@ -5819,8 +5824,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 +5978,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 +17550,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 +17746,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 +17827,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 +18005,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 +18015,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 +18087,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 +18207,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
@@ -19993,6 +20005,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 +20017,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 +20044,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 +20072,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 +20112,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 +20123,10 @@ function useSpectrumChartType({ type, heatmapElementID }) {
                         axisY: nextAxisY
                     }
                 });
-                useRangeSet(globalID)(nextAxisY.range);
+                useRangeSet(globalID)(nextAxisY.range ?? [
+                    0,
+                    1
+                ]);
             }
         }
     }, [
@@ -20205,7 +20229,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 +20250,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 +20337,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 +20384,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 +20421,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 = {
@@ -20604,14 +20626,14 @@ function useFilteredSeries(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 +20650,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 +20664,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 +20716,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 +20729,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 +20772,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 +20791,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 +21047,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 +21056,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)) {
@@ -21136,7 +21158,9 @@ const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true
         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 +21180,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
                         })
                     ]
                 })
@@ -21204,12 +21228,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 +21256,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 +21481,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 +21568,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 +21861,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 +21909,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 +22860,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 +23342,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;
@@ -23693,7 +23721,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 +23750,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;
@@ -24012,9 +24042,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 +24082,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 +24571,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 +25144,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 +25304,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 +25514,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 +25815,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 +25830,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 +25848,7 @@ const DragFrame = ({ id })=>{
         if (diffX < 0) onChange({
             interval: {
                 start: 0,
-                end: totalPoints - 1
+                end: totalPointCount - 1
             },
             isScanSegmentsUpdateMagnify,
             left,
@@ -26462,8 +26498,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 +26753,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 +26905,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 +26930,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 +27009,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 +27044,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 +27116,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 +27261,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 +27300,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 +27349,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 +27363,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 +27455,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 +27592,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 +27671,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 +27751,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 +27807,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 +27892,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 +27940,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 +28002,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 +28049,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 +28073,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 +28111,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 +28149,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 +28422,7 @@ const Markers = ({ id })=>{
         id,
         markers,
         display: show,
-        fixed,
+        fixed: fixed,
         onCreateMarker: createMarker,
         onDeleteMarker: handleDeleteMarker,
         onUpdateMarker: handleUpdateMarker,
@@ -28600,7 +28645,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 +28676,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 +28768,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 +29254,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 +29501,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 +29556,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,