@rfkit/charts 1.1.40 → 1.2.0

package/index.js

@@ -61,12 +61,15 @@ var __webpack_modules__ = {
         }
         function throttleRequestAnimationFrame(func = ()=>{}) {
             let scheduled = false;
+            let latestEvent = null;
             return (e)=>{
+                latestEvent = e;
                 if (!scheduled) {
                     scheduled = true;
                     requestAnimationFrame(()=>{
-                        func(e);
+                        func(latestEvent);
                         scheduled = false;
+                        latestEvent = null;
                     });
                 }
             };
@@ -1314,7 +1317,7 @@ var __webpack_modules__ = {
   background: var(--theme-bg-base);
   border: 1px solid var(--theme-border-base);
   border-radius: var(--size-border-radius-base);
-  min-width: 120px;
+  min-width: 140px;
   box-shadow: var(--theme-box-shadow-base);
   padding: calc(var(--size-gap-base) / 2);
   z-index: 11;
@@ -1490,7 +1493,7 @@ var __webpack_modules__ = {
   background: none;
   align-items: center;
   width: 100%;
-  height: 18px;
+  height: 14px;
   display: flex;
   position: absolute;
   bottom: 0;
@@ -1525,7 +1528,7 @@ var __webpack_modules__ = {
   text-align: center;
   height: 100%;
   color: var(--theme-color-base);
-  opacity: .68;
+  opacity: .5;
   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px);
   will-change: opacity, box-shadow;
@@ -2685,6 +2688,7 @@ var __webpack_modules__ = {
   height: 100%;
   display: flex;
   position: absolute;
+  top: 0;
   left: 0;
   overflow: hidden;
 }
@@ -2707,27 +2711,46 @@ var __webpack_modules__ = {
 
 .segmentContainer-gDwnhB .item-ybDTIt {
   box-sizing: border-box;
-  border-top: 1px solid var(--theme-bg-second);
-  border-bottom: 1px solid var(--theme-bg-second);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
   height: 100%;
+  color: var(--theme-color-base);
+  opacity: .68;
+  justify-content: center;
+  align-items: center;
+  height: 4px;
+  font-size: 12px;
+  display: flex;
   position: absolute;
+  top: 0;
+  overflow: hidden;
 }
 
-.segmentContainer-gDwnhB .item-ybDTIt.active-qDPFJm {
-  border-top: 1px dashed var(--theme-color-primary);
-  border-bottom: 1px dashed var(--theme-color-primary);
-}
-
-.segmentContainer-gDwnhB .item-ybDTIt.active-qDPFJm:after {
+.segmentContainer-gDwnhB .item-ybDTIt:after {
   content: "";
-  opacity: .05;
-  background: var(--theme-color-primary);
+  opacity: .32;
+  background: var(--theme-color-base);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }
+
+.segmentContainer-gDwnhB .item-ybDTIt.active-qDPFJm {
+  opacity: 1;
+  height: 100%;
+}
+
+.segmentContainer-gDwnhB .item-ybDTIt.active-qDPFJm:after {
+  opacity: .68;
+  background: var(--theme-color-primary);
+}
+
+.segmentContainer-gDwnhB .item-ybDTIt:hover {
+  opacity: 1;
+}
 `,
             ""
         ]);
@@ -4067,7 +4090,6 @@ function defaultState_createParams() {
             weaken: weakenDefault,
             zoomMinSimulateWave: false,
             dataRate: dataRateDefault,
-            data: new Map(),
             forceDisplay: false,
             legendExternal: [
                 constants_SeriesType.ThresholdData,
@@ -4215,22 +4237,17 @@ function subscription_openData(globalID, data, defaultData) {
     return o[globalID] || defaultData || void 0;
 }
 subscription_c.subscriptions = {};
-const subscriptions = subscription_c.subscriptions;
+const subscription_subscriptions = subscription_c.subscriptions;
 function subscription_createSubscriptionManager(id, name, func) {
     if (!id) throw new Error("createSubscriptionManager 订阅失效");
-    if (!subscriptions[id]) subscriptions[id] = {};
-    if ('function' == typeof func && name) subscriptions[id][name] = func;
+    if (!subscription_subscriptions[id]) subscription_subscriptions[id] = {};
+    if ('function' == typeof func && name) subscription_subscriptions[id][name] = func;
     return (...args)=>{
-        const funcs = subscriptions[id];
+        const funcs = subscription_subscriptions[id];
         for(const key in funcs)funcs[key](...args);
     };
 }
 const getDefaultData = ()=>({
-        spectrumExtra: new Map(),
-        occupancy: {
-            data: new Float32Array(),
-            totalOccupancy: 0
-        },
         getAllRawData: ()=>({
                 realData: new Float32Array(),
                 maxData: new Float32Array(),
@@ -4243,7 +4260,9 @@ const getDefaultData = ()=>({
                     probabilityRangeData: new Float32Array(),
                     spectrumData: new Float32Array(),
                     timestampData: new Float32Array()
-                }
+                },
+                occupancyData: new Float32Array(),
+                extraData: {}
             })
     });
 function withDatabase(globalID, data) {
@@ -7404,6 +7423,397 @@ const ZoomOffsetContainer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.
     });
 });
 const Zoom_ZoomOffsetContainer = ZoomOffsetContainer;
+const events_SeriesEventName = {
+    UPDATED: 'series:updated',
+    ADDED: 'series:added',
+    REMOVED: 'series:removed',
+    MODE_CHANGED: 'series:mode-changed',
+    TYPE_OVERRIDE_CHANGED: 'series:type-override-changed',
+    BATCH_UPDATED: 'series:batch-updated',
+    RESET: 'series:reset'
+};
+class EventManager {
+    listeners = new Map();
+    on(event, listener) {
+        if (!this.listeners.has(event)) this.listeners.set(event, new Set());
+        const eventListeners = this.listeners.get(event);
+        if (!eventListeners) throw new Error(`Failed to get event listeners for ${event}`);
+        eventListeners.add(listener);
+        return ()=>{
+            eventListeners.delete(listener);
+            if (0 === eventListeners.size) this.listeners.delete(event);
+        };
+    }
+    emit(event, data) {
+        const eventListeners = this.listeners.get(event);
+        if (eventListeners) eventListeners.forEach((listener)=>{
+            try {
+                listener(data);
+            } catch (error) {
+                console.error(`Error in event listener for ${event}:`, error);
+            }
+        });
+    }
+    removeAllListeners(event) {
+        if (event) this.listeners.delete(event);
+        else this.listeners.clear();
+    }
+    getListenerCount(event) {
+        return this.listeners.get(event)?.size || 0;
+    }
+}
+const globalEventManager = new EventManager();
+const seriesEvents = {
+    on: globalEventManager.on.bind(globalEventManager),
+    emit: globalEventManager.emit.bind(globalEventManager),
+    removeAllListeners: globalEventManager.removeAllListeners.bind(globalEventManager),
+    getListenerCount: globalEventManager.getListenerCount.bind(globalEventManager)
+};
+function subscribeToSeries(globalID, event, listener) {
+    return seriesEvents.on(event, (data)=>{
+        if (data.globalID === globalID) listener(data);
+    });
+}
+function events_emitSeriesEvent(event, data) {
+    seriesEvents.emit(event, data);
+}
+var modes_SeriesMode = /*#__PURE__*/ function(SeriesMode) {
+    SeriesMode["Line"] = "line";
+    SeriesMode["StepLine"] = "stepline";
+    SeriesMode["Bar"] = "bar";
+    SeriesMode["Area"] = "area";
+    return SeriesMode;
+}({});
+const SERIES_MODES = {
+    ["line"]: {
+        name: 'line',
+        label: "\u7EBF\u56FE",
+        icon: 'line',
+        realData: type_GraphicType.Line,
+        minData: type_GraphicType.Line,
+        maxData: type_GraphicType.Line,
+        avgData: type_GraphicType.Line
+    },
+    ["stepline"]: {
+        name: 'stepline',
+        label: "\u9636\u68AF\u7EBF\u56FE",
+        icon: 'stepline',
+        realData: type_GraphicType.Stepline,
+        minData: type_GraphicType.Stepline,
+        maxData: type_GraphicType.Stepline,
+        avgData: type_GraphicType.Stepline
+    },
+    ["bar"]: {
+        name: 'bar',
+        label: "\u67F1\u72B6\u56FE",
+        icon: 'bar',
+        realData: type_GraphicType.Bar,
+        minData: type_GraphicType.Line,
+        maxData: type_GraphicType.Line,
+        avgData: type_GraphicType.Line
+    },
+    ["area"]: {
+        name: 'area',
+        label: "\u9762\u79EF\u56FE",
+        icon: 'area',
+        realData: type_GraphicType.Area,
+        minData: type_GraphicType.Stepline,
+        maxData: type_GraphicType.Stepline,
+        avgData: type_GraphicType.Stepline
+    }
+};
+const seriesModes = new Map();
+function modes_getSeriesMode(globalID) {
+    return seriesModes.get(globalID) || "line";
+}
+function getNextMode(currentMode) {
+    const modes = Object.values(modes_SeriesMode);
+    const currentIndex = modes.indexOf(currentMode);
+    const nextIndex = (currentIndex + 1) % modes.length;
+    return modes[nextIndex];
+}
+function setSeriesMode(globalID, mode) {
+    seriesModes.set(globalID, mode);
+    const modeConfig = SERIES_MODES[mode];
+    events_emitSeriesEvent(events_SeriesEventName.MODE_CHANGED, {
+        globalID,
+        mode,
+        config: modeConfig
+    });
+}
+function toggleSeriesMode(globalID, currentMode) {
+    const mode = currentMode || modes_getSeriesMode(globalID);
+    const nextMode = getNextMode(mode);
+    setSeriesMode(globalID, nextMode);
+}
+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, {
+        globalID,
+        seriesName,
+        type
+    });
+}
+function clearChartTypeSeriesOverrides(globalID) {
+    const hadOverrides = chartTypeSeriesOverrides.has(globalID);
+    chartTypeSeriesOverrides.delete(globalID);
+    if (hadOverrides) events_emitSeriesEvent(events_SeriesEventName.TYPE_OVERRIDE_CHANGED, {
+        globalID
+    });
+}
+const managers = new Map();
+function getDefaultSeriesConfigs() {
+    const lineConfigs = getSeriesConfig();
+    return Object.values(lineConfigs).map((config)=>({
+            name: config.name,
+            label: config.label,
+            color: config.color,
+            thickness: config.thickness,
+            display: config.display,
+            type: type_GraphicType.Line
+        }));
+}
+function getSeriesManager(globalID) {
+    if (!globalID) throw new Error("globalID \u4E0D\u80FD\u4E3A\u7A7A");
+    if (!managers.has(globalID)) {
+        const manager = new __WEBPACK_EXTERNAL_MODULE__rfkit_spectrum_analyzer_159ab12b__.SeriesManager([]);
+        const defaultConfigs = getDefaultSeriesConfigs();
+        defaultConfigs.forEach((config)=>{
+            manager.addSeries({
+                name: config.name,
+                label: config.label,
+                color: config.color,
+                display: config.display,
+                type: config.type || type_GraphicType.Line,
+                thickness: config.thickness
+            });
+        });
+        managers.set(globalID, manager);
+    }
+    const managerInstance = managers.get(globalID);
+    if (!managerInstance) throw new Error(`SeriesManager for globalID "${globalID}" not found`);
+    return managerInstance;
+}
+function series_getSeriesMap(globalID) {
+    const manager = getSeriesManager(globalID);
+    const allSeries = manager.getAllSeries();
+    const seriesMap = new Map();
+    if (Array.isArray(allSeries)) allSeries.forEach((series)=>{
+        seriesMap.set(series.name, {
+            name: series.name,
+            label: series.label || '',
+            color: series.color,
+            display: void 0 !== series.display ? series.display : true,
+            type: series.type || type_GraphicType.Line,
+            thickness: series.thickness || 1
+        });
+    });
+    return seriesMap;
+}
+function mergeSeriesConfig(config, existing) {
+    const defaults = {
+        label: '',
+        display: true,
+        type: type_GraphicType.Line,
+        thickness: 1
+    };
+    return {
+        name: config.name,
+        label: config.label ?? existing?.label ?? defaults.label,
+        color: config.color ?? existing?.color ?? (()=>{
+            throw new Error(`Series "${config.name}" does not exist and must have a color defined`);
+        })(),
+        display: config.display ?? existing?.display ?? defaults.display,
+        type: config.type ?? existing?.type ?? defaults.type,
+        thickness: config.thickness ?? existing?.thickness ?? defaults.thickness
+    };
+}
+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, {
+        globalID,
+        seriesName: config.name,
+        config: {
+            name: finalConfig.name,
+            label: finalConfig.label,
+            color: finalConfig.color,
+            thickness: finalConfig.thickness,
+            display: finalConfig.display,
+            type: finalConfig.type
+        }
+    });
+}
+function resetSeries(globalID) {
+    const manager = getSeriesManager(globalID);
+    manager.clear();
+    const defaultConfigs = getDefaultSeriesConfigs();
+    defaultConfigs.forEach((config)=>{
+        manager.addSeries({
+            name: config.name,
+            label: config.label,
+            color: config.color,
+            display: config.display,
+            type: config.type || type_GraphicType.Line,
+            thickness: config.thickness
+        });
+    });
+}
+function getSeriesWithGraphicType(globalID) {
+    const seriesMap = series_getSeriesMap(globalID);
+    const currentMode = modes_getSeriesMode(globalID);
+    const modeConfig = SERIES_MODES[currentMode];
+    const chartTypeOverrides = chartTypeSeriesOverrides.get(globalID);
+    const result = new Map();
+    seriesMap.forEach((config)=>{
+        const updatedConfig = {
+            ...config
+        };
+        const overrideType = chartTypeOverrides?.get(config.name);
+        if (overrideType) {
+            updatedConfig.type = overrideType;
+            result.set(config.name, updatedConfig);
+            return;
+        }
+        if ('templateData' === config.name) updatedConfig.type = type_GraphicType.Area;
+        else {
+            const graphicType = modeConfig[config.name];
+            if (graphicType) updatedConfig.type = graphicType;
+        }
+        result.set(config.name, updatedConfig);
+    });
+    return result;
+}
+function useSeriesManager(globalID, options = {}) {
+    const { subscribeToMode = true, subscribeToData = true, watchSeries } = options;
+    const [, setUpdateCounter] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
+    const [mode, setMode] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>globalID ? modes_getSeriesMode(globalID) : 'line');
+    const forceUpdate = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        setUpdateCounter((prev)=>prev + 1);
+    }, []);
+    const series = globalID ? series_getSeriesMap(globalID) : new Map();
+    const handleUpdateSeries = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((config)=>{
+        if (globalID) updateSeries(globalID, config);
+    }, [
+        globalID
+    ]);
+    const getSeries = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((name)=>series.get(name), [
+        series
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!globalID) return;
+        const unsubscribers = [];
+        if (subscribeToMode) {
+            setMode(modes_getSeriesMode(globalID));
+            const unsubscribeMode = subscribeToSeries(globalID, events_SeriesEventName.MODE_CHANGED, (data)=>{
+                setMode(data.mode);
+            });
+            unsubscribers.push(unsubscribeMode);
+        }
+        if (subscribeToData) {
+            const unsubscribeUpdated = subscribeToSeries(globalID, events_SeriesEventName.UPDATED, (data)=>{
+                if (watchSeries && !watchSeries.includes(data.seriesName)) return;
+                forceUpdate();
+            });
+            unsubscribers.push(unsubscribeUpdated);
+            const unsubscribeAdded = subscribeToSeries(globalID, events_SeriesEventName.ADDED, (data)=>{
+                if (watchSeries && !watchSeries.includes(data.seriesName)) return;
+                forceUpdate();
+            });
+            unsubscribers.push(unsubscribeAdded);
+            const unsubscribeRemoved = subscribeToSeries(globalID, events_SeriesEventName.REMOVED, (data)=>{
+                if (watchSeries && !watchSeries.includes(data.seriesName)) return;
+                forceUpdate();
+            });
+            unsubscribers.push(unsubscribeRemoved);
+            const unsubscribeBatchUpdated = subscribeToSeries(globalID, events_SeriesEventName.BATCH_UPDATED, ()=>{
+                forceUpdate();
+            });
+            unsubscribers.push(unsubscribeBatchUpdated);
+            const unsubscribeReset = subscribeToSeries(globalID, events_SeriesEventName.RESET, ()=>{
+                forceUpdate();
+            });
+            unsubscribers.push(unsubscribeReset);
+        }
+        return ()=>{
+            for (const unsubscribe of unsubscribers)unsubscribe();
+        };
+    }, [
+        globalID,
+        subscribeToMode,
+        subscribeToData,
+        watchSeries,
+        forceUpdate
+    ]);
+    return {
+        series,
+        mode,
+        updateSeries: handleUpdateSeries,
+        forceUpdate,
+        getSeries
+    };
+}
+function useSeriesForComponent(globalID) {
+    return useSeriesManager(globalID, {
+        subscribeToMode: true,
+        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;
+}
+function useFilteredSeries(globalID, filter) {
+    const { series } = useSeriesManager(globalID);
+    const { state: { series: { legendExternal } } } = useStore_useStore();
+    const filteredData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const filtered = Array.from(series.values()).filter((config)=>{
+            if (legendExternal.includes(config.name)) return false;
+            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 orderMap = new Map(stableOrder.map((name, i)=>[
+                name,
+                i
+            ]));
+        return filtered.sort((a, b)=>{
+            const orderA = orderMap.get(a.name) ?? Number.MAX_SAFE_INTEGER;
+            const orderB = orderMap.get(b.name) ?? Number.MAX_SAFE_INTEGER;
+            return orderA - orderB;
+        }).map((config, index)=>({
+                ...config,
+                originalIndex: index
+            }));
+    }, [
+        series,
+        legendExternal,
+        filter,
+        globalID
+    ]);
+    return filteredData;
+}
 var StationInfo_styles_module = __webpack_require__("../../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../../node_modules/.pnpm/@rsbuild+plugin-less@1.5.0_@rsbuild+core@1.5.17/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/FrequencyDataBoard/StationInfo/styles.module.less");
 var StationInfo_styles_module_options = {};
 StationInfo_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -7413,7 +7823,7 @@ StationInfo_styles_module_options.domAPI = styleDomAPI_default();
 StationInfo_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(StationInfo_styles_module.Z, StationInfo_styles_module_options);
 const FrequencyDataBoard_StationInfo_styles_module = StationInfo_styles_module.Z && StationInfo_styles_module.Z.locals ? StationInfo_styles_module.Z.locals : void 0;
-const StationInfo_StationInfo = ({ stationInfo })=>{
+const StationInfo = ({ stationInfo })=>{
     if (!stationInfo) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
         className: FrequencyDataBoard_StationInfo_styles_module.stationInfo,
@@ -7465,7 +7875,7 @@ const StationInfo_StationInfo = ({ stationInfo })=>{
         ]
     });
 };
-const StationInfo = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(StationInfo_StationInfo);
+const FrequencyDataBoard_StationInfo = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(StationInfo);
 var FrequencyDataBoard_styles_module = __webpack_require__("../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../node_modules/.pnpm/@rsbuild+plugin-less@1.5.0_@rsbuild+core@1.5.17/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/FrequencyDataBoard/styles.module.less");
 var FrequencyDataBoard_styles_module_options = {};
 FrequencyDataBoard_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -7476,7 +7886,8 @@ FrequencyDataBoard_styles_module_options.insertStyleElement = insertStyleElement
 injectStylesIntoStyleTag_default()(FrequencyDataBoard_styles_module.Z, FrequencyDataBoard_styles_module_options);
 const components_FrequencyDataBoard_styles_module = FrequencyDataBoard_styles_module.Z && FrequencyDataBoard_styles_module.Z.locals ? FrequencyDataBoard_styles_module.Z.locals : void 0;
 const FrequencyDataBoard = ({ left, updateKey, onChange })=>{
-    const { state: { axisY, axisX: { frequencyFormat, unit }, series: { data: seriesData, legendExternal }, globalID, stationInfo } } = useStore_useStore();
+    const { state: { axisY, axisX: { frequencyFormat, unit }, globalID, stationInfo } } = useStore_useStore();
+    const filteredSeries = useFilteredSeries(globalID);
     const index = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(Number.NaN);
     const calculateIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data, n, series)=>{
         const values = data[n] || [];
@@ -7492,7 +7903,7 @@ const FrequencyDataBoard = ({ left, updateKey, onChange })=>{
             children: [
                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
                     className: components_FrequencyDataBoard_styles_module.label,
-                    children: series?.label
+                    children: series?.label || n
                 }),
                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                     children: [
@@ -7517,28 +7928,24 @@ const FrequencyDataBoard = ({ left, updateKey, onChange })=>{
         const db = withDatabase(globalID);
         if (!db) return null;
         const rawData = db.getAllRawData();
-        const { spectrumExtra } = db;
-        const renderedSeries = [];
-        SERIES_NAMES.forEach((name)=>{
-            const series = seriesData.get(name);
-            if (series?.display && !legendExternal.includes(name)) renderedSeries.push(calculateIndex(rawData, name, series));
-        });
-        if (spectrumExtra) for (const [name, { originalData: d }] of spectrumExtra){
-            const series = seriesData.get(name);
-            if (series?.display && d && !legendExternal.includes(name)) renderedSeries.push(calculateIndex({
-                [name]: d
-            }, name, series));
-        }
+        const { extraData } = rawData;
+        const renderedSeries = filteredSeries.map((seriesItem)=>{
+            const seriesData = rawData[seriesItem.name];
+            if (seriesData) return calculateIndex(rawData, seriesItem.name, seriesItem);
+            if (extraData?.[seriesItem.name]) return calculateIndex({
+                [seriesItem.name]: extraData[seriesItem.name]
+            }, seriesItem.name, seriesItem);
+            return null;
+        }).filter((item)=>null !== item);
         return renderedSeries;
     }, [
         calculateIndex,
         globalID,
         SERIES_NAMES,
-        seriesData,
+        filteredSeries,
         updateKey,
         left,
-        axisY.unit,
-        legendExternal
+        axisY.unit
     ]);
     const frequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>frequencyFormat(left), [
         left,
@@ -7569,7 +7976,11 @@ const FrequencyDataBoard = ({ left, updateKey, onChange })=>{
         frequency,
         stationInfo
     ]);
-    if (!frequency || left < 0) return null;
+    const hasValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>value && (Array.isArray(value) ? value.length > 0 : true), [
+        value
+    ]);
+    if (left < 0) return null;
+    if (!frequency && !hasValue) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Mask, {
         children: [
             frequency && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
@@ -7580,7 +7991,7 @@ const FrequencyDataBoard = ({ left, updateKey, onChange })=>{
                 ]
             }),
             value,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(StationInfo, {
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyDataBoard_StationInfo, {
                 stationInfo: sf
             })
         ]
@@ -7615,11 +8026,12 @@ const SpectrumPopover = ({ id })=>{
     });
 };
 const HeatmapPopover = ({ id })=>{
-    const { state: { cursor: { coord }, axisX: { frequencyFormat, unit: axisXUnit }, globalID, axisY: { unit: axisYUnit }, series: { data: seriesData } } } = useStore_useStore();
+    const { state: { cursor: { coord }, axisX: { frequencyFormat, unit: axisXUnit }, globalID, axisY: { unit: axisYUnit } } } = useStore_useStore();
     const { left, top } = coord;
     const updateKey = useUpdateKey('HeatmapPopover', id);
     const [value, 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 && 0 !== left && 0 !== top) {
             const { waterfallData } = withDatabase(globalID).getAllRawData();
@@ -7644,8 +8056,8 @@ const HeatmapPopover = ({ id })=>{
         left,
         frequencyFormat
     ]);
-    const attr = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>seriesData.get(REAL_DATA_NAME), [
-        seriesData
+    const attr = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>getSeries(REAL_DATA_NAME), [
+        getSeries
     ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Mask, {
         children: [
@@ -7692,14 +8104,14 @@ const LevelStreamPopover = ({ id })=>{
     const [timestamp, setTimestamp] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         if (globalID && 0 !== left) {
-            const rawData = withDatabase(globalID).getAllRawData();
-            if (rawData.levelStreamData?.spectrumData && rawData.levelStreamData.spectrumData.length > 0) {
-                const index = Math.ceil(left / 100 * rawData.levelStreamData.spectrumData.length) - 1;
-                const clampedIndex = Math.max(0, Math.min(index, rawData.levelStreamData.spectrumData.length - 1));
-                const dataValue = rawData.levelStreamData.spectrumData[clampedIndex];
+            const { levelStreamData } = withDatabase(globalID).getAllRawData();
+            if (levelStreamData?.spectrumData && levelStreamData.spectrumData.length > 0) {
+                const index = Math.ceil(left / 100 * levelStreamData.spectrumData.length) - 1;
+                const clampedIndex = Math.max(0, Math.min(index, levelStreamData.spectrumData.length - 1));
+                const dataValue = levelStreamData.spectrumData[clampedIndex];
                 setValue(Number.isFinite(dataValue) ? dataValue.toFixed(1) : '');
-                if (rawData.levelStreamData.timestampData && rawData.levelStreamData.timestampData.length > clampedIndex) {
-                    const timestampValue = rawData.levelStreamData.timestampData[clampedIndex];
+                if (levelStreamData.timestampData && levelStreamData.timestampData.length > clampedIndex) {
+                    const timestampValue = levelStreamData.timestampData[clampedIndex];
                     if (timestampValue) setTimestamp((0, utils.Fc)(timestampValue));
                 }
             }
@@ -7743,13 +8155,12 @@ const OccupancyPopover = ()=>{
     const { state: { cursor: { coord }, axisX: { frequencyFormat, unit: axisXUnit }, globalID } } = useStore_useStore();
     const { left } = coord;
     const value = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const { occupancy } = withDatabase(globalID);
-        const data = occupancy.data;
-        if (data && data.length > 0) {
+        const { occupancyData } = withDatabase(globalID).getAllRawData();
+        if (occupancyData && occupancyData.length > 0) {
             const { left } = coord;
-            let index = Math.ceil(left / 100 * data.length) - 1;
-            index = Math.max(0, Math.min(index, data.length - 1));
-            const item = Number.parseFloat(Number(data[index]).toFixed(1));
+            let index = Math.ceil(left / 100 * occupancyData.length) - 1;
+            index = Math.max(0, Math.min(index, occupancyData.length - 1));
+            const item = Number.parseFloat(Number(occupancyData[index]).toFixed(1));
             return item;
         }
         return '';
@@ -7987,7 +8398,7 @@ const EventBus_EventBus = ({ id })=>{
     }, [
         EID
     ]);
-    const handleMouseMove = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((0, utils.P2)((e)=>{
+    const handleMouseMove = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((0, utils.uA)((e)=>{
         createMoveEventManager(EID)(e, calculateEventRelativePosition(e));
         updateCursor();
         if (dragState.current.isDragging && dragState.current.startPoint.event) {
@@ -8170,7 +8581,7 @@ Area_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(Area_styles_module.Z, Area_styles_module_options);
 const HeatmapCapture_Area_styles_module = Area_styles_module.Z && Area_styles_module.Z.locals ? Area_styles_module.Z.locals : void 0;
 const Area_COMPONENT_KEY = constants_ToolType.HeatmapCapture;
-const Area_Area = (props)=>{
+const Area = (props)=>{
     const { state: { heatmapCapture, segments, axisX: { frequencyFormat, unit }, system, globalID } } = useStore_useStore();
     const { id } = props;
     const { type, show, sync, onChange } = heatmapCapture;
@@ -8337,7 +8748,7 @@ const Area_Area = (props)=>{
         ]
     });
 };
-const Area = Area_Area;
+const HeatmapCapture_Area = Area;
 var RowIndex_styles_module = __webpack_require__("../../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../../node_modules/.pnpm/@rsbuild+plugin-less@1.5.0_@rsbuild+core@1.5.17/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/HeatmapCapture/RowIndex/styles.module.less");
 var RowIndex_styles_module_options = {};
 RowIndex_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -8721,7 +9132,7 @@ const HeatmapCapture_HeatmapCapture = (props)=>{
         ...props
     }) : type === store_HeatmapCaptureType.RowIndex ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HeatmapCapture_RowIndex, {
         ...props
-    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Area, {
+    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HeatmapCapture_Area, {
         ...props
     });
 };
@@ -8735,7 +9146,7 @@ PluginBox_styles_module_options.domAPI = styleDomAPI_default();
 PluginBox_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(PluginBox_styles_module.Z, PluginBox_styles_module_options);
 const components_PluginBox_styles_module = PluginBox_styles_module.Z && PluginBox_styles_module.Z.locals ? PluginBox_styles_module.Z.locals : void 0;
-const PluginBox = (props)=>{
+const PluginBox_PluginBox = (props)=>{
     const { children } = props;
     const { pluginBoxWidth } = useAxisYWidth_useAxisYWidth();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -8746,7 +9157,7 @@ const PluginBox = (props)=>{
         children: children
     });
 };
-const components_PluginBox = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(PluginBox);
+const PluginBox = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(PluginBox_PluginBox);
 const info2step = (info)=>{
     const { min, max } = info;
     const diff = max - min;
@@ -8804,10 +9215,13 @@ class Range {
         const { realRange } = axisY;
         if (!realRange || !globalID) return;
         const db = withDatabase(globalID).getAllRawData?.();
+        const realData = db[SERIES.realData.name] || new Float32Array();
+        const maxData = db[SERIES.maxData.name] || new Float32Array();
+        const minData = db[SERIES.minData.name] || new Float32Array();
         const allData = [
-            ...db[SERIES.realData.name],
-            ...db[SERIES.maxData.name],
-            ...db[SERIES.minData.name]
+            ...Array.from(realData),
+            ...Array.from(maxData),
+            ...Array.from(minData)
         ];
         const allInfo = (0, utils.kL)(allData);
         let { avg } = allInfo;
@@ -9176,7 +9590,7 @@ const Heatmap_Heatmap = (props)=>{
                 id: id,
                 chart: chart
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_PluginBox, {
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(PluginBox, {
                 children: [
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Boundary, {}),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Chart, {}),
@@ -9657,12 +10071,12 @@ const useRange = ({ chart })=>{
     return ranging;
 };
 const spectrum_useRanging = useRange;
-const passThroughSeries = (globalID, series)=>subscription_openData(`passThroughSeries-${globalID}`, series, {});
 class Spectrum {
     state;
     useRangeAutoFocus;
     useRangeSet;
     firstRenderAutoFocus;
+    seriesUnsubscribe;
     constructor(props){
         this.state = {
             chart: null,
@@ -9677,6 +10091,32 @@ class Spectrum {
         };
         this.firstRenderAutoFocus = false;
         this.init();
+        this.initSeriesSubscription();
+    }
+    initSeriesSubscription() {
+        if (!this.state.globalID) return;
+        const subscriptions = [];
+        subscriptions.push(subscribeToSeries(this.state.globalID, events_SeriesEventName.UPDATED, (data)=>{
+            this.setSeries(data.config, true);
+        }));
+        subscriptions.push(subscribeToSeries(this.state.globalID, events_SeriesEventName.MODE_CHANGED, ()=>{
+            this.initSeries();
+        }));
+        subscriptions.push(subscribeToSeries(this.state.globalID, events_SeriesEventName.TYPE_OVERRIDE_CHANGED, ()=>{
+            this.initSeries();
+        }));
+        subscriptions.push(subscribeToSeries(this.state.globalID, events_SeriesEventName.BATCH_UPDATED, (data)=>{
+            data.configs.forEach((config)=>{
+                this.setSeries(config, true);
+            });
+        }));
+        subscriptions.push(subscribeToSeries(this.state.globalID, events_SeriesEventName.RESET, ()=>{
+            this.state.series = {};
+            this.initSeries();
+        }));
+        this.seriesUnsubscribe = ()=>{
+            for (const unsubscribe of subscriptions)unsubscribe();
+        };
     }
     init() {
         const { id, renderRange } = this.state;
@@ -9695,10 +10135,11 @@ class Spectrum {
         });
     }
     initSeries() {
-        Object.values(SERIES).forEach((config)=>{
-            if (config.name === SERIES.templateData.name) config.type = type_GraphicType.Area;
-            this.setSeries(JSON.parse(JSON.stringify(config)));
-            return config;
+        const { globalID } = this.state;
+        if (!globalID) throw new Error('globalID is required for series initialization');
+        const seriesWithTypes = getSeriesWithGraphicType(globalID);
+        seriesWithTypes.forEach((config)=>{
+            this.setSeries(config);
         });
     }
     updateSeries(d, extraData) {
@@ -9717,13 +10158,17 @@ class Spectrum {
                 }
             }
         }
-        if (extraData) for (const [name, { outputData }] of extraData){
-            const seriesConfig = series[name];
-            if (outputData) chart.render({
-                ...seriesConfig,
-                name,
-                data: outputData
-            });
+        if (extraData) {
+            const extraDataArray = Object.entries(extraData);
+            for(let i = 0; i < extraDataArray.length; i += 1){
+                const [name, outputData] = extraDataArray[i];
+                const seriesConfig = series[name];
+                if (outputData) chart.render({
+                    ...seriesConfig,
+                    name,
+                    data: outputData
+                });
+            }
         }
     }
     updateMainSeries(data) {
@@ -9746,7 +10191,7 @@ class Spectrum {
             ...params
         };
     }
-    setSeries(config) {
+    setSeries(config, skipEventEmit = false) {
         const { chart, series, globalID } = this.state;
         const { name } = config;
         if (!chart || !name || !config) return;
@@ -9763,7 +10208,18 @@ class Spectrum {
         };
         series[name] = c;
         chart.setSeries(c);
-        passThroughSeries(globalID, series);
+        if (!skipEventEmit && globalID) try {
+            updateSeries(globalID, {
+                name,
+                label: config.label || name,
+                color,
+                thickness,
+                display,
+                type
+            });
+        } catch (error) {
+            console.warn('Failed to update series in new management system:', error);
+        }
     }
     setDisabledClearRect(disabledClearRect) {
         const { chart } = this.state;
@@ -9794,6 +10250,10 @@ class Spectrum {
         this.state.chart.resize();
     }
     clear() {
+        if (this.seriesUnsubscribe) {
+            this.seriesUnsubscribe();
+            this.seriesUnsubscribe = void 0;
+        }
         const { chart } = this.state;
         chart.clear();
     }
@@ -10681,7 +11141,7 @@ const components_Dropdown_styles_module = Dropdown_styles_module.Z && Dropdown_s
 const Dropdown = ({ value, options, onChange, placeholder = "\u8BF7\u9009\u62E9", closeOnSelect = true })=>{
     const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const handleSelect = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((value)=>{
-        onChange(value);
+        onChange?.(value);
         if (closeOnSelect) setIsOpen(false);
     }, [
         onChange,
@@ -10920,150 +11380,126 @@ const SegmentsDisplayControl_SegmentsDisplayControl = ()=>{
 };
 const SegmentsDisplayControl = SegmentsDisplayControl_SegmentsDisplayControl;
 const SeriesControl = ({ type })=>{
-    const [currentMode, setCurrentMode] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('line');
-    const { state: { publish } } = useStore_useStore();
-    const seriesModes = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
-            line: {
-                realData: type_GraphicType.Line,
-                minData: type_GraphicType.Line,
-                maxData: type_GraphicType.Line,
-                avgData: type_GraphicType.Line,
-                label: "\u6298\u7EBF\u6A21\u5F0F"
-            },
-            stepline: {
-                realData: type_GraphicType.Stepline,
-                minData: type_GraphicType.Stepline,
-                maxData: type_GraphicType.Stepline,
-                avgData: type_GraphicType.Stepline,
-                label: "\u9636\u68AF\u7EBF\u6A21\u5F0F"
-            },
-            bar: {
-                realData: type_GraphicType.Bar,
-                minData: type_GraphicType.Line,
-                maxData: type_GraphicType.Line,
-                avgData: type_GraphicType.Line,
-                label: "\u67F1\u72B6\u56FE\u6A21\u5F0F"
-            },
-            area: {
-                realData: type_GraphicType.Area,
-                minData: type_GraphicType.Stepline,
-                maxData: type_GraphicType.Stepline,
-                avgData: type_GraphicType.Stepline,
-                label: "\u9762\u79EF\u56FE\u6A21\u5F0F"
-            }
-        }), []);
+    const { state: { globalID } } = useStore_useStore();
+    const { mode: currentMode } = useSeriesManager(globalID);
     const handleSeriesControl = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
         if (type === constants_ChartType.MScan || type === constants_ChartType.ScanDF360) return;
-        const modes = [
-            'bar',
-            'stepline',
-            'line',
-            'area'
-        ];
-        const currentIndex = modes.indexOf(currentMode);
-        const nextMode = modes[(currentIndex + 1) % modes.length];
-        setCurrentMode(nextMode);
-        const modeConfig = seriesModes[nextMode];
-        if (publish) {
-            publish({
-                pstype: constants_PSType.Series,
-                name: 'realData',
-                type: modeConfig.realData
-            });
-            publish({
-                pstype: constants_PSType.Series,
-                name: 'minData',
-                type: modeConfig.minData
-            });
-            publish({
-                pstype: constants_PSType.Series,
-                name: 'maxData',
-                type: modeConfig.maxData
-            });
-            publish({
-                pstype: constants_PSType.Series,
-                name: 'avgData',
-                type: modeConfig.avgData
-            });
-        }
+        if (!globalID) return;
+        toggleSeriesMode(globalID);
     }, [
-        currentMode,
-        publish,
-        seriesModes,
+        globalID,
         type
     ]);
     const title = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         if (type === constants_ChartType.MScan || type === constants_ChartType.ScanDF360) return `\u{56FE}\u{5F62}\u{6A21}\u{5F0F}\u{5207}\u{6362}\u{5DF2}\u{7981}\u{7528}`;
-        return `${seriesModes[currentMode].label}-\u{70B9}\u{51FB}\u{5207}\u{6362}`;
+        return `\u{5F53}\u{524D}\u{56FE}\u{5F62}\u{6A21}\u{5F0F}\u{FF1A}${SERIES_MODES[currentMode]?.label || currentMode}`;
     }, [
         currentMode,
-        seriesModes,
         type
     ]);
-    const isDisabled = type === constants_ChartType.MScan || type === constants_ChartType.ScanDF360;
+    const renderIcon = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>()=>{
+            switch(currentMode){
+                case modes_SeriesMode.Bar:
+                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 16 16",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: [
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
+                                x: "2",
+                                y: "8",
+                                width: "2",
+                                height: "6",
+                                fill: "currentColor"
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
+                                x: "5",
+                                y: "4",
+                                width: "2",
+                                height: "10",
+                                fill: "currentColor"
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
+                                x: "8",
+                                y: "6",
+                                width: "2",
+                                height: "8",
+                                fill: "currentColor"
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
+                                x: "11",
+                                y: "2",
+                                width: "2",
+                                height: "12",
+                                fill: "currentColor"
+                            })
+                        ]
+                    });
+                case modes_SeriesMode.StepLine:
+                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 16 16",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                            d: "M2 12H4V8H6V8H8V4H10V4H12V2H14",
+                            stroke: "currentColor",
+                            strokeWidth: "1.5",
+                            fill: "none"
+                        })
+                    });
+                case modes_SeriesMode.Line:
+                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 16 16",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                            d: "M2 12L5 8L8 10L11 4L14 6",
+                            stroke: "currentColor",
+                            strokeWidth: "1.5",
+                            fill: "none"
+                        })
+                    });
+                case modes_SeriesMode.Area:
+                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 16 16",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: [
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                                d: "M2 12L5 8L8 10L11 4L14 6V14H2V12Z",
+                                fill: "currentColor",
+                                opacity: "0.6"
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                                d: "M2 12L5 8L8 10L11 4L14 6",
+                                stroke: "currentColor",
+                                strokeWidth: "1.5",
+                                fill: "none"
+                            })
+                        ]
+                    });
+                default:
+                    return null;
+            }
+        }, [
+        currentMode
+    ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        onClick: isDisabled ? void 0 : handleSeriesControl,
         title: title,
-        style: isDisabled ? {
+        onClick: type === constants_ChartType.MScan || type === constants_ChartType.ScanDF360 ? void 0 : handleSeriesControl,
+        style: type === constants_ChartType.MScan || type === constants_ChartType.ScanDF360 ? {
             opacity: 0.5,
             cursor: 'not-allowed'
         } : void 0,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: [
-                'bar' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M556.8 128l128 0 0 768-128 0 0-768Z",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M768 512l128 0 0 384-128 0 0-384Z",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M352 384l128 0 0 512-128 0 0-512Z",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M128 640l128 0 0 256-128 0 0-256Z",
-                            fill: "var(--theme-color-primary)"
-                        })
-                    ]
-                }),
-                'line' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M62.1 844.9H959v60.7H62.1zM275.8 606.5L494 763.7 956.1 491l-51.4-83.5-404.3 240.7-231-163.7L64 651.4l61 77z",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M275.8 317.7L494 474.9l462.1-272.7-51.4-83.5-404.3 240.7-231-163.6L64 362.6l61 77z",
-                            fill: "var(--theme-color-primary)"
-                        })
-                    ]
-                }),
-                'stepline' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("g", {
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                        d: "M375.466667 930.133333H136.533333v-268.8h68.266667v200.533334h102.4v-768h238.933333v512h102.4v-384h238.933334v610.133333h-68.266667V290.133333h-102.4v384h-238.933333v-512H375.466667z",
-                        fill: "var(--theme-color-primary)"
-                    })
-                }),
-                'area' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M128 512l256-256 256 256 256-256v640H128V512z",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M896 928H128a32 32 0 0 1-32-32V512a32 32 0 0 1 9.28-22.72l256-256a32 32 0 0 1 45.44 0l233.28 233.6 233.28-233.6a32 32 0 0 1 34.88-6.72A32 32 0 0 1 928 256v640a32 32 0 0 1-32 32zM160 864h704V333.12l-201.28 201.6a32 32 0 0 1-45.44 0L384 301.12l-224 224z",
-                            fill: "var(--theme-color-primary)"
-                        })
-                    ]
-                })
-            ]
-        })
+        children: renderIcon()
     });
 };
 const ToolsBar_SeriesControl = SeriesControl;
@@ -11076,197 +11512,137 @@ SeriesDisplayControl_styles_module_options.domAPI = styleDomAPI_default();
 SeriesDisplayControl_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(SeriesDisplayControl_styles_module.Z, SeriesDisplayControl_styles_module_options);
 const ToolsBar_SeriesDisplayControl_styles_module = SeriesDisplayControl_styles_module.Z && SeriesDisplayControl_styles_module.Z.locals ? SeriesDisplayControl_styles_module.Z.locals : void 0;
-const SeriesDisplayControl_SeriesDisplayControl = ()=>{
-    const { state: { globalID, series }, dispatch } = useStore_useStore();
-    const { data, legendExternal, forceDisplay } = series;
-    const [updateCounter, setUpdateCounter] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
-    const dataSnapshot = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const snapshot = {};
-        data.forEach((value, key)=>{
-            snapshot[key] = {
-                ...value
-            };
-        });
-        return snapshot;
-    }, [
-        data,
-        updateCounter
-    ]);
-    const seriesArray = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>Object.keys(dataSnapshot).filter((name)=>!legendExternal.includes(name)).filter((name)=>name !== constants_SeriesType.TemplateData), [
-        dataSnapshot,
-        legendExternal
-    ]);
-    const seriesDataSnapshot = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const snapshot = {};
-        seriesArray.forEach((name)=>{
-            const item = dataSnapshot[name];
-            if (item) snapshot[name] = {
-                display: item.display,
-                label: item.label || name,
-                color: item.color || 'var(--theme-color-primary)'
-            };
-        });
-        return snapshot;
-    }, [
-        seriesArray,
-        dataSnapshot
-    ]);
-    const handleDropdownClick = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        setUpdateCounter((prev)=>prev + 1);
-    }, []);
-    const handleSeriesToggle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((name, isDisplayTrue)=>{
-        if (globalID) {
-            const item = data.get(name);
-            if (item) {
-                const newDisplay = isDisplayTrue ? true : !item.display;
-                data.set(name, {
-                    ...item,
-                    display: newDisplay
-                });
-                series.data = data;
-                setUpdateCounter((prev)=>prev + 1);
-                dispatch({
-                    payload: {
-                        series
-                    }
-                });
-                tools(globalID, constants_ModuleType.Spectrum)({
-                    pstype: constants_PSType.Series,
+const SeriesDisplayControl = ()=>{
+    const { state: { globalID, series: seriesConfig } } = useStore_useStore();
+    const filteredSeries = useFilteredSeries(globalID);
+    const { forceUpdate } = useSeriesForComponent(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: newDisplay
+                    display: true
                 });
-            }
+            });
+            forceUpdate();
         }
     }, [
-        series,
-        data,
         globalID,
-        dispatch
+        seriesConfig?.forceDisplay,
+        filteredSeries.length
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (forceDisplay) Object.values(SERIES).filter((s)=>!s.display).map((s)=>s.name).forEach((s)=>{
-            if (!legendExternal.includes(s)) setTimeout(()=>{
-                handleSeriesToggle(s, true);
-            }, 1);
+    const updateSeriesDisplay = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((updates)=>{
+        updates.forEach(({ name, display })=>{
+            updateSeries(globalID, {
+                name,
+                display
+            });
         });
+        forceUpdate();
     }, [
-        forceDisplay,
-        seriesArray,
-        handleSeriesToggle
+        globalID,
+        forceUpdate
     ]);
-    const handleSelect = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((value)=>{
-        if (null === value) {
-            const allDisplayed = seriesArray.every((name)=>{
-                const item = data.get(name);
-                return item?.display;
-            });
-            seriesArray.forEach((name)=>{
-                handleSeriesToggle(name, !allDisplayed);
-            });
-        } else if ('string' == typeof value) handleSeriesToggle(value);
+    const handleSeriesToggle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((seriesName, display)=>{
+        updateSeriesDisplay([
+            {
+                name: seriesName,
+                display
+            }
+        ]);
     }, [
-        seriesArray,
-        data,
-        handleSeriesToggle
+        updateSeriesDisplay
     ]);
-    const displayedSeries = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const displayed = seriesArray.filter((name)=>{
-            const isDisplayed = seriesDataSnapshot[name]?.display;
-            return isDisplayed;
-        });
-        return displayed;
+    const handleSelectAll = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((selectAll)=>{
+        const updates = filteredSeries.filter((item)=>item.display !== selectAll).map((item)=>({
+                name: item.name,
+                display: selectAll
+            }));
+        if (updates.length > 0) updateSeriesDisplay(updates);
     }, [
-        seriesArray,
-        seriesDataSnapshot
+        filteredSeries,
+        updateSeriesDisplay
     ]);
-    const options = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const allDisplayed = seriesArray.every((name)=>seriesDataSnapshot[name]?.display);
-        const baseOptions = [
-            {
-                value: null,
-                label: allDisplayed ? "\u9690\u85CF\u6240\u6709\u7CFB\u5217" : "\u663E\u793A\u6240\u6709\u7CFB\u5217"
-            }
-        ];
-        const seriesOptions = seriesArray.map((name)=>{
-            const itemSnapshot = seriesDataSnapshot[name];
+    const dropdownOptions = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const allVisible = filteredSeries.every((item)=>item.display);
+        const seriesOptions = filteredSeries.map((item)=>{
+            const displayClass = item.display ? ToolsBar_SeriesDisplayControl_styles_module.displayed : ToolsBar_SeriesDisplayControl_styles_module.hidden;
             return {
-                value: name,
-                label: itemSnapshot?.label || name,
-                render: ()=>{
-                    const currentSnapshot = seriesDataSnapshot[name];
-                    const isDisplayed = currentSnapshot?.display;
-                    if (!currentSnapshot) return null;
-                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                label: item.label || item.name,
+                value: item.name,
+                render: ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                         className: ToolsBar_SeriesDisplayControl_styles_module.seriesOption,
+                        onClick: ()=>handleSeriesToggle(item.name, !item.display),
                         children: [
                             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                className: `${ToolsBar_SeriesDisplayControl_styles_module.seriesIndicator} ${isDisplayed ? ToolsBar_SeriesDisplayControl_styles_module.displayed : ToolsBar_SeriesDisplayControl_styles_module.hidden}`,
+                                className: `${ToolsBar_SeriesDisplayControl_styles_module.seriesIndicator} ${displayClass}`,
                                 style: {
-                                    backgroundColor: isDisplayed ? currentSnapshot.color : 'transparent'
+                                    backgroundColor: item.display ? item.color : 'transparent'
                                 }
                             }),
                             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                className: `${ToolsBar_SeriesDisplayControl_styles_module.seriesLabel} ${isDisplayed ? ToolsBar_SeriesDisplayControl_styles_module.displayed : ToolsBar_SeriesDisplayControl_styles_module.hidden}`,
-                                children: currentSnapshot.label
+                                className: `${ToolsBar_SeriesDisplayControl_styles_module.seriesLabel} ${displayClass}`,
+                                children: item.label || item.name
                             })
                         ]
-                    });
-                }
+                    })
             };
         });
         return [
-            ...baseOptions,
+            {
+                label: allVisible ? "\u5168\u4E0D\u9009" : "\u5168\u9009",
+                value: 'select-all',
+                render: ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        className: ToolsBar_SeriesDisplayControl_styles_module.selectAllOption,
+                        onClick: ()=>handleSelectAll(!allVisible),
+                        children: allVisible ? "\u5168\u4E0D\u9009" : "\u5168\u9009"
+                    })
+            },
             ...seriesOptions
         ];
     }, [
-        seriesArray,
-        seriesDataSnapshot
+        filteredSeries,
+        handleSeriesToggle,
+        handleSelectAll
     ]);
     const currentValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (0 === displayedSeries.length) return "\u65E0\u7CFB\u5217\u663E\u793A";
-        if (1 === displayedSeries.length) {
-            const singleSeries = displayedSeries[0];
-            const label = seriesDataSnapshot[singleSeries]?.label || singleSeries;
-            return label;
-        }
-        const value = `${displayedSeries.length} \u{4E2A}\u{7CFB}\u{5217}`;
-        return value;
+        const visibleCount = filteredSeries.filter((item)=>item.display).length;
+        const totalCount = filteredSeries.length;
+        if (0 === visibleCount) return "\u65E0\u9009\u62E9";
+        if (visibleCount === totalCount) return "\u5168\u90E8";
+        return `${visibleCount}/${totalCount}`;
     }, [
-        displayedSeries,
-        seriesDataSnapshot
+        filteredSeries
     ]);
-    if (!(data instanceof Map)) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        onClick: handleDropdownClick,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Dropdown, {
-            value: currentValue,
-            options: options,
-            onChange: handleSelect,
-            placeholder: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-                title: "\u7CFB\u5217\u663E\u793A\u63A7\u5236",
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
-                    viewBox: "0 0 1024 1024",
-                    version: "1.1",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M930.909091 896H93.090909c-18.618182 0-34.909091-16.290909-34.909091-34.909091V162.909091c0-18.618182 16.290909-34.909091 34.909091-34.909091h837.818182c18.618182 0 34.909091 16.290909 34.909091 34.909091v698.181818c0 18.618182-16.290909 34.909091-34.909091 34.909091z m-802.909091-69.818182h770.327273v-628.363636H128v628.363636z",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M232.727273 640c-4.654545 0-9.309091 0-13.963637-2.327273-16.290909-6.981818-25.6-27.927273-18.618181-44.218182l116.363636-279.272727c4.654545-11.636364 16.290909-20.945455 30.254545-20.945454 13.963636 0 25.6 4.654545 32.581819 16.290909l83.781818 146.618182H814.545455c18.618182 0 34.909091 16.290909 34.90909 34.90909s-16.290909 34.909091-34.90909 34.909091H442.181818c-11.636364 0-23.272727-6.981818-30.254545-16.290909l-58.181818-102.4-90.763637 216.436364c-4.654545 6.981818-16.290909 16.290909-30.254545 16.290909zM814.545455 663.272727H488.727273c-18.618182 0-34.909091-16.290909-34.909091-34.909091s16.290909-34.909091 34.909091-34.909091h325.818182c18.618182 0 34.909091 16.290909 34.90909 34.909091s-16.290909 34.909091-34.90909 34.909091z",
-                            fill: "var(--theme-color-primary)"
-                        })
-                    ]
-                })
-            }),
-            closeOnSelect: false
-        })
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Dropdown, {
+        value: currentValue,
+        options: dropdownOptions,
+        placeholder: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+            title: "\u7CFB\u5217\u663E\u793A\u63A7\u5236",
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
+                viewBox: "0 0 1024 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                        d: "M930.909091 896H93.090909c-18.618182 0-34.909091-16.290909-34.909091-34.909091V162.909091c0-18.618182 16.290909-34.909091 34.909091-34.909091h837.818182c18.618182 0 34.909091 16.290909 34.909091 34.909091v698.181818c0 18.618182-16.290909 34.909091-34.909091 34.909091z m-802.909091-69.818182h770.327273v-628.363636H128v628.363636z",
+                        fill: "var(--theme-color-primary)"
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                        d: "M232.727273 640c-4.654545 0-9.309091 0-13.963637-2.327273-16.290909-6.981818-25.6-27.927273-18.618181-44.218182l116.363636-279.272727c4.654545-11.636364 16.290909-20.945455 30.254545-20.945454 13.963636 0 25.6 4.654545 32.581819 16.290909l83.781818 146.618182H814.545455c18.618182 0 34.909091 16.290909 34.90909 34.90909s-16.290909 34.909091-34.90909 34.909091H442.181818c-11.636364 0-23.272727-6.981818-30.254545-16.290909l-58.181818-102.4-90.763637 216.436364c-4.654545 6.981818-16.290909 16.290909-30.254545 16.290909zM814.545455 663.272727H488.727273c-18.618182 0-34.909091-16.290909-34.909091-34.909091s16.290909-34.909091 34.909091-34.909091h325.818182c18.618182 0 34.909091 16.290909 34.90909 34.909091s-16.290909 34.909091-34.90909 34.909091z",
+                        fill: "var(--theme-color-primary)"
+                    })
+                ]
+            })
+        }),
+        closeOnSelect: false
     });
 };
-const SeriesDisplayControl = SeriesDisplayControl_SeriesDisplayControl;
+const ToolsBar_SeriesDisplayControl = SeriesDisplayControl;
 const SpacerLine = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: components_ToolsBar_styles_module.spacerLine
     });
@@ -11404,7 +11780,7 @@ const TOOL_CONFIGS = [
         ]
     },
     {
-        component: SeriesDisplayControl,
+        component: ToolsBar_SeriesDisplayControl,
         toolType: constants_ToolsBarItemType.SeriesDisplayControl,
         supportedCharts: [
             constants_ChartType.SingleFrequency,
@@ -11651,7 +12027,7 @@ const LINE_WIDTH_BASE = 0.5;
 const MAJOR_TICK_LENGTH = 6;
 const MINOR_TICK_LENGTH = 4;
 const TEXT_OFFSET = 8;
-const MINOR_TICK_DIVISIONS = 4;
+const MINOR_TICK_DIVISIONS = 2;
 const MIN_TICK_SPACING = 4;
 const MIN_CONTAINER_HEIGHT = 100;
 const IDEAL_TICK_COUNT = 7;
@@ -11693,18 +12069,14 @@ function useCanvasAxisY(options = {}) {
         resizeObserver.observe(container);
         return ()=>resizeObserver.disconnect();
     }, []);
-    const formatTickLabel = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((value)=>{
-        if (Math.abs(value) >= 1000) return `${(value / 1000).toFixed(1)}k`;
-        if (Math.abs(value) < 0.01 && 0 !== value) return value.toExponential(1);
-        const rangeSpan = range.max - range.min;
-        if (rangeSpan < 1) {
-            const decimalPlaces = Math.max(2, Math.ceil(-Math.log10(rangeSpan)) + 1);
-            return value.toFixed(Math.min(decimalPlaces, 4));
+    const formatTickLabel = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((value, formatStrategy)=>{
+        if (formatStrategy.useScientific) return value.toExponential(1);
+        if (formatStrategy.useKFormat) {
+            const kValue = value / 1000;
+            return formatStrategy.useDecimals ? `${kValue.toFixed(1)}k` : `${Math.round(kValue)}k`;
         }
-        return value.toFixed(Math.abs(value) < 1 ? 2 : 1);
-    }, [
-        range
-    ]);
+        return formatStrategy.useDecimals ? value.toFixed(1) : Math.round(value).toString();
+    }, []);
     const ticksData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         if (0 === containerHeight) return {
             majorTicks: [],
@@ -11719,8 +12091,18 @@ function useCanvasAxisY(options = {}) {
         interval = normalizedInterval <= 1 ? magnitude : normalizedInterval <= 2 ? 2 * magnitude : normalizedInterval <= 5 ? 5 * magnitude : 10 * magnitude;
         const minTickInterval = MIN_RANGE_SPAN / (2 * IDEAL_TICK_COUNT);
         interval = Math.max(interval, minTickInterval);
-        const majorTicks = [];
+        const majorTickValues = [];
         const startTick = Math.ceil(range.min / interval) * interval;
+        for(let value = startTick; value <= range.max; value += interval)majorTickValues.push(value);
+        const hasLargeValues = majorTickValues.some((v)=>Math.abs(v) >= 1000);
+        const hasSmallValues = majorTickValues.some((v)=>Math.abs(v) < 0.01 && 0 !== v);
+        const hasDecimals = majorTickValues.some((v)=>v % 1 !== 0);
+        const formatStrategy = {
+            useScientific: hasSmallValues,
+            useKFormat: hasLargeValues && !hasSmallValues,
+            useDecimals: hasDecimals
+        };
+        const majorTicks = [];
         for(let value = startTick; value <= range.max; value += interval){
             const position = (range.max - value) / rangeSpan * containerHeight;
             let textPosition = position;
@@ -11743,7 +12125,7 @@ function useCanvasAxisY(options = {}) {
                 value,
                 position,
                 textPosition,
-                label: formatTickLabel(value),
+                label: formatTickLabel(value, formatStrategy),
                 isAdjusted
             });
         }
@@ -14217,23 +14599,27 @@ StationAllocation_styles_module_options.domAPI = styleDomAPI_default();
 StationAllocation_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(StationAllocation_styles_module.Z, StationAllocation_styles_module_options);
 const components_StationAllocation_styles_module = StationAllocation_styles_module.Z && StationAllocation_styles_module.Z.locals ? StationAllocation_styles_module.Z.locals : void 0;
-const StationAllocation_SegmentContainer_SegmentContainer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ style, stationPositions, currentFrequency, segmentIndex, isCurrentSegment })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+const StationAllocation_SegmentContainer_SegmentContainer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ style, stationPositions, currentFrequency, segmentIndex, isCurrentSegment, onStationMouseEnter, onStationMouseLeave, isStationInHoverRange })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: components_StationAllocation_styles_module.segmentContainer,
         style: style,
         children: stationPositions.map(({ station, position }, index)=>{
             const isActive = isCurrentSegment && currentFrequency >= station.startFrequency && currentFrequency <= station.stopFrequency;
+            const isHovered = isStationInHoverRange(station);
             return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: `${components_StationAllocation_styles_module.item} ${isActive ? components_StationAllocation_styles_module.active : ''}`,
+                className: `${components_StationAllocation_styles_module.item} ${isActive ? components_StationAllocation_styles_module.active : ''} ${isHovered ? components_StationAllocation_styles_module.hovered : ''}`,
                 style: {
                     left: position.left,
                     width: position.width
                 },
-                title: `${station.signalName} - ${station.frequency}${station.orgName ? ` (${station.orgName})` : ''}`
+                title: `${station.signalName} - ${station.frequency}${station.orgName ? ` (${station.orgName})` : ''}`,
+                onMouseEnter: ()=>onStationMouseEnter(station),
+                onMouseLeave: onStationMouseLeave
             }, `segment-${segmentIndex}-station-${station.signalName}-${station.frequency}-${index}`);
         })
     }));
 const StationAllocation_SegmentContainer = StationAllocation_SegmentContainer_SegmentContainer;
 const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
+    const [hoveredFrequencyRange, setHoveredFrequencyRange] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
     const { state: { segments, axisX: { frequencyFormat }, zoom: { style: zoomOffStyle }, cursor: { coord: { left } }, stationInfo } } = useStore_useStore();
     const stationData = stationInfo.data;
     const shouldDisplay = stationInfo.show && display;
@@ -14241,6 +14627,25 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
         left,
         frequencyFormat
     ]);
+    const handleStationMouseEnter = (station)=>{
+        const yian = station.bandwidth / 2 / 1000;
+        const startFreq = station.frequency - yian;
+        const stopFreq = station.frequency + yian;
+        setHoveredFrequencyRange({
+            start: startFreq,
+            stop: stopFreq
+        });
+    };
+    const handleStationMouseLeave = ()=>{
+        setHoveredFrequencyRange(null);
+    };
+    const isStationInHoverRange = (station)=>{
+        if (!hoveredFrequencyRange) return false;
+        const yian = station.bandwidth / 2 / 1000;
+        const startFreq = station.frequency - yian;
+        const stopFreq = station.frequency + yian;
+        return !(stopFreq < hoveredFrequencyRange.start || startFreq > hoveredFrequencyRange.stop);
+    };
     const currentSegmentIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         if (!segments?.length) return -1;
         let totalPoints = 0;
@@ -14321,7 +14726,7 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
         segments,
         stationData
     ]);
-    if (!show || !shouldDisplay || 0 === left) return null;
+    if (!show || !shouldDisplay) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: components_StationAllocation_styles_module.StationAllocation,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -14332,7 +14737,10 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
                     stationPositions: stationPositions,
                     currentFrequency: currentFrequency,
                     segmentIndex: segmentIndex,
-                    isCurrentSegment: currentSegmentIndex === segmentIndex
+                    isCurrentSegment: currentSegmentIndex === segmentIndex,
+                    onStationMouseEnter: handleStationMouseEnter,
+                    onStationMouseLeave: handleStationMouseLeave,
+                    isStationInHoverRange: isStationInHoverRange
                 }, `segment-${segmentIndex}`))
         })
     });
@@ -14348,7 +14756,7 @@ Stripe_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(Stripe_styles_module.Z, Stripe_styles_module_options);
 const components_Stripe_styles_module = Stripe_styles_module.Z && Stripe_styles_module.Z.locals ? Stripe_styles_module.Z.locals : void 0;
 const Stripe_COMPONENT_KEY = constants_ToolType.Stripe;
-const Stripe = ({ id })=>{
+const Stripe_Stripe = ({ id })=>{
     const { state: { stripe, axisX: { frequencyFormat, unit } }, dispatch } = useStore_useStore();
     const { show, display, left, right, defaultLeft, defaultRight, onChange } = stripe;
     const [isDown, setIsDown] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
@@ -14461,7 +14869,7 @@ const Stripe = ({ id })=>{
         })
     });
 };
-const components_Stripe = Stripe;
+const Stripe = Stripe_Stripe;
 function usePoints() {
     const { dispatch, state: { axisX } } = useStore_useStore();
     const setPoints = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((points)=>{
@@ -14550,7 +14958,7 @@ const Spectrum_Spectrum = (props)=>{
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisYByCanvas, {
                 chart: chart
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_PluginBox, {
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(PluginBox, {
                 children: [
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_GridLines, {}),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Chart, {}),
@@ -14579,7 +14987,7 @@ const Spectrum_Spectrum = (props)=>{
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Band, {}),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Scope, {}),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Stripe, {
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Stripe, {
                         id: id
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyTagLine, {
@@ -14622,7 +15030,7 @@ const LevelStream_Chart_Chart = (props)=>{
             }),
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_FlexBox, {
                 children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Spectrum, {
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_PluginBox, {
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(PluginBox, {
                         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Level, {
                             opacity: 0.5
                         })
@@ -14707,7 +15115,7 @@ const AxisYOccupancy = (props)=>{
     if (false === show || disabled) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(occupancy_type_Default, {});
 };
-const AxisY_occupancy = AxisYOccupancy;
+const occupancy = AxisYOccupancy;
 var Occdahsed_styles_module = __webpack_require__("../../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../../node_modules/.pnpm/@rsbuild+plugin-less@1.5.0_@rsbuild+core@1.5.17/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/GridLines/Occdahsed/styles.module.less");
 var Occdahsed_styles_module_options = {};
 Occdahsed_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -14782,7 +15190,7 @@ const Occupancy_Occupancy = (props)=>{
                     {
                         const { data, totalOccupancy } = d;
                         if (data) chart.updateSeries(data);
-                        if (void 0 !== totalOccupancy) setValue(totalOccupancy);
+                        if (void 0 !== totalOccupancy && totalOccupancy !== value) setValue(totalOccupancy);
                     }
                     break;
                 case constants_PSType.Reset:
@@ -14802,10 +15210,10 @@ const Occupancy_Occupancy = (props)=>{
     useZoomEvent(id, constants_ModuleType.Occupancy);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_FlexBox, {
         children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisY_occupancy, {
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(occupancy, {
                 disabled: occupancyAxisYDisabled
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_PluginBox, {
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(PluginBox, {
                 children: [
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed, {}),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Chart, {}),
@@ -15178,7 +15586,7 @@ const Zoom_Zoom = ()=>{
     return null;
 };
 const Zoom = Zoom_Zoom;
-const useMarkerPublish_useMarkerPublish = ({ globalID })=>{
+const useMarkerPublish = ({ globalID })=>{
     const handleMarkerPublish = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
         if (!globalID) return;
         switch(e.pstype){
@@ -15200,91 +15608,7 @@ const useMarkerPublish_useMarkerPublish = ({ globalID })=>{
         handleMarkerPublish
     };
 };
-const useMarkerPublish = useMarkerPublish_useMarkerPublish;
-const SET_SERIES = (globalID, func)=>subscription_createSubscriptionManager(`SET_SERIES-${globalID}`, '0', func);
-const SERIES_DEFAULT_CONFIG = {
-    label: '',
-    color: '#11111150',
-    thickness: 1,
-    display: true,
-    type: type_GraphicType.Line
-};
-function useSeries() {
-    const { state: { globalID, series: seriesStore }, dispatch } = useStore_useStore();
-    const seriesRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(new Map());
-    const globalIDRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(globalID);
-    const handleSeriesChange = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        seriesRef.current.clear();
-        globalIDRef.current = globalID;
-        Object.values(SERIES).forEach((config)=>{
-            const newConfig = {
-                ...SERIES_DEFAULT_CONFIG,
-                ...JSON.parse(JSON.stringify(config))
-            };
-            seriesRef.current.set(config.name, newConfig);
-            seriesStore.data = seriesRef.current;
-            dispatch({
-                payload: {
-                    series: seriesStore
-                }
-            });
-            tools(globalIDRef.current, constants_ModuleType.Spectrum)({
-                pstype: constants_PSType.Series,
-                ...newConfig
-            });
-        });
-    }, [
-        globalID,
-        seriesStore
-    ]);
-    const updateSeries = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((config)=>{
-        if (!config?.name) return;
-        const { name, label, data } = config;
-        const existingSeries = seriesRef.current.get(name);
-        const newConfig = {
-            ...SERIES_DEFAULT_CONFIG,
-            ...existingSeries,
-            ...config,
-            label: label || existingSeries?.label || name || existingSeries?.name,
-            data: data || existingSeries?.data
-        };
-        if (!SERIES_NAMES.includes(name) && !seriesStore.data.has(name) && void 0 === config.display) newConfig.display = true;
-        seriesRef.current.set(name, newConfig);
-        seriesStore.data = seriesRef.current;
-        dispatch({
-            payload: {
-                series: seriesStore
-            }
-        });
-        tools(globalIDRef.current, constants_ModuleType.Spectrum)({
-            pstype: constants_PSType.Series,
-            ...newConfig
-        });
-    }, [
-        seriesStore
-    ]);
-    const resetSeries = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        handleSeriesChange();
-    }, [
-        handleSeriesChange
-    ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (globalID) {
-            handleSeriesChange();
-            SET_SERIES(globalID, (config)=>{
-                updateSeries(config);
-            });
-        }
-    }, [
-        globalID,
-        updateSeries
-    ]);
-    return {
-        series: seriesRef.current,
-        updateSeries,
-        resetSeries
-    };
-}
+const hooks_useMarkerPublish = useMarkerPublish;
 function useTemplateComparison() {
     const { state: { globalID, axisX: { frequencyFormat }, signal: { onChange } } } = useStore_useStore();
     const frequencyFormatRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(frequencyFormat);
@@ -15336,71 +15660,7 @@ function useSpectrumAnalyzer(props) {
     const analyzer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const globalIDRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(globalID);
     const intervalRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(interval);
-    const srcIndexCache = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(new Uint32Array());
-    const extraOutputData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(new Map());
-    const occupancyData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(new Float32Array());
     const totalOccupancyData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(0);
-    const { series, updateSeries, resetSeries } = useSeries();
-    const getExtraData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data)=>{
-        const len = srcIndexCache.current?.length;
-        if (len) {
-            const outputData = new Float32Array(len);
-            const start = Math.floor(intervalRef.current.start);
-            const end = Math.ceil(intervalRef.current.end);
-            const float32Data = new Float32Array(data);
-            const dataSubarray = float32Data.subarray(start, end + 1);
-            for(let i = 0; i < len; i++){
-                const dataIndex = srcIndexCache.current[i];
-                outputData[i] = dataSubarray[dataIndex];
-            }
-            return outputData;
-        }
-        return data;
-    }, []);
-    const updateExtraData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((extraData)=>{
-        if (!extraData) return;
-        Object.entries(extraData).forEach(([name, data])=>{
-            if (!data) return;
-            updateSeries({
-                name,
-                data
-            });
-            if (data && !SERIES_NAMES.includes(name) && globalIDRef.current) {
-                extraOutputData.current.set(name, {
-                    outputData: getExtraData(data),
-                    originalData: data
-                });
-                tools(globalIDRef.current, constants_ModuleType.Spectrum)({
-                    pstype: constants_PSType.Render,
-                    extraData: extraOutputData.current
-                });
-                const db = withDatabase(globalIDRef.current);
-                db.spectrumExtra = extraOutputData.current;
-            }
-        });
-    }, [
-        updateSeries,
-        getExtraData
-    ]);
-    const updateOccupancyData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(({ totalOccupancy, data })=>{
-        if (!data) return;
-        if (globalIDRef.current) {
-            occupancyData.current = new Float32Array(data);
-            totalOccupancyData.current = totalOccupancy;
-            tools(globalIDRef.current, constants_ModuleType.Occupancy)({
-                pstype: constants_PSType.Render,
-                data: getExtraData(occupancyData.current),
-                totalOccupancy
-            });
-            const db = withDatabase(globalIDRef.current);
-            db.occupancy = {
-                data: occupancyData.current,
-                totalOccupancy
-            };
-        }
-    }, [
-        getExtraData
-    ]);
     const updateStationInfo = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data)=>{
         if (!data) return;
         if (globalIDRef.current) dispatch({
@@ -15423,12 +15683,9 @@ function useSpectrumAnalyzer(props) {
     const updateSpectrum = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((renderData)=>{
         tools(globalIDRef.current, constants_ModuleType.Spectrum)({
             pstype: constants_PSType.Render,
-            data: renderData,
-            extraData: extraOutputData.current
+            data: renderData
         });
-    }, [
-        srcIndexCache
-    ]);
+    }, []);
     const updateWaterfall = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((waterfallData)=>{
         tools(globalIDRef.current, constants_ModuleType.Heatmap)({
             pstype: constants_PSType.Render,
@@ -15458,6 +15715,15 @@ function useSpectrumAnalyzer(props) {
                 fluorescenceMaxCount: data.fluorescenceMaxCount
             }
         });
+        if (data.occupancyData) tools(globalIDRef.current, constants_ModuleType.Occupancy)({
+            pstype: constants_PSType.Render,
+            data: data.occupancyData,
+            totalOccupancy: totalOccupancyData.current
+        });
+        if (data.extraData) tools(globalIDRef.current, constants_ModuleType.Spectrum)({
+            pstype: constants_PSType.Render,
+            extraData: data.extraData
+        });
     }, [
         updateSpectrum,
         updateWaterfall,
@@ -15494,25 +15760,10 @@ function useSpectrumAnalyzer(props) {
         const oldEnd = Math.ceil(intervalRef.current.end);
         if ((newStart !== oldStart || newEnd !== oldEnd) && analyzer.current) {
             intervalRef.current = interval;
-            srcIndexCache.current = analyzer.current.updateSamplingRange(newStart, newEnd + 1) || new Uint32Array();
-            for (const [name, item] of series)if (!SERIES_NAMES.includes(name) && item.data) extraOutputData.current?.set(name, {
-                outputData: getExtraData(item.data),
-                originalData: item.data
-            });
-            if (extraOutputData.current.size > 0) tools(globalIDRef.current, constants_ModuleType.Spectrum)({
-                pstype: constants_PSType.Render,
-                extraData: extraOutputData.current
-            });
-            if (occupancyData.current) tools(globalIDRef.current, constants_ModuleType.Occupancy)({
-                pstype: constants_PSType.Render,
-                data: getExtraData(occupancyData.current),
-                totalOccupancy: totalOccupancyData.current
-            });
+            analyzer.current.updateSamplingRange(newStart, newEnd + 1);
         }
     }, [
-        interval,
-        series,
-        getExtraData
+        interval
     ]);
     const resetAll = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(async (haveSeries = false)=>{
         setTimeout(()=>{
@@ -15525,15 +15776,9 @@ function useSpectrumAnalyzer(props) {
             tools(globalIDRef.current, constants_ModuleType.Occupancy)({
                 pstype: constants_PSType.Reset
             });
-            const db = withDatabase(globalIDRef.current);
-            db.spectrumExtra = getDefaultData().spectrumExtra;
-            if (haveSeries) resetSeries();
-            extraOutputData.current.clear();
+            if (haveSeries) resetSeries(globalIDRef.current);
         }, 1);
-    }, [
-        series,
-        resetSeries
-    ]);
+    }, []);
     const handlePublish = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(async (e)=>{
         if (!analyzer.current) return;
         switch(e.pstype){
@@ -15550,7 +15795,7 @@ function useSpectrumAnalyzer(props) {
                 if (e.avgData) analyzer.current.setAvgData(e.avgData);
                 if (e.templateData) analyzer.current.setTemplateData(e.templateData);
                 if (e.backgroundNoiseData) analyzer.current.setBackgroundNoiseData(e.backgroundNoiseData);
-                if (e.extraData) updateExtraData(e.extraData);
+                if (e.extraData) analyzer.current?.setExtraData(e.extraData);
                 break;
             case constants_PSType.Heatmap:
                 if (e.data) {
@@ -15560,7 +15805,8 @@ function useSpectrumAnalyzer(props) {
                 }
                 break;
             case constants_PSType.Occupancy:
-                updateOccupancyData(e);
+                analyzer.current?.setOccupancyData(e.data);
+                totalOccupancyData.current = e.totalOccupancy;
                 break;
             case constants_PSType.Segments:
                 analyzer.current.initializeSegments(e.data);
@@ -15571,7 +15817,7 @@ function useSpectrumAnalyzer(props) {
                 analyzer.current.reset();
                 break;
             case constants_PSType.Series:
-                updateSeries(e);
+                updateSeries(globalIDRef.current, e);
                 break;
             case constants_PSType.Reset:
                 analyzer.current.reset();
@@ -15588,8 +15834,6 @@ function useSpectrumAnalyzer(props) {
         }
     }, [
         updateStationInfo,
-        updateExtraData,
-        updateOccupancyData,
         updateSeries,
         resetAll
     ]);
@@ -15604,20 +15848,15 @@ function useSpectrumAnalyzer(props) {
 function useSpectrumChartType({ type, heatmapElementID }) {
     const { state: { axisY, limit, signal, marker, cursor, frequencyAllocation, zoom, toolsBar, globalID }, dispatch } = useStore_useStore();
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (type === constants_ChartType.MScan && globalID) setTimeout(()=>{
-            SET_SERIES(globalID)({
-                name: REAL_DATA_NAME,
-                type: type_GraphicType.Bar
-            });
-        }, 100);
-        if (type === constants_ChartType.ScanDF360 && globalID) setTimeout(()=>{
-            SET_SERIES(globalID)({
-                name: REAL_DATA_NAME,
-                type: type_GraphicType.Rect
-            });
+        if (!globalID) return;
+        clearChartTypeSeriesOverrides(globalID);
+        if (type === constants_ChartType.MScan) setChartTypeSeriesOverride(globalID, REAL_DATA_NAME, type_GraphicType.Bar);
+        if (type === constants_ChartType.ScanDF360) {
+            setChartTypeSeriesOverride(globalID, REAL_DATA_NAME, type_GraphicType.Rect);
             setScanDF360Prob(globalID)(true);
-        }, 100);
+        }
     }, [
+        type,
         globalID
     ]);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -15639,7 +15878,7 @@ function useSpectrumChartType({ type, heatmapElementID }) {
                 0,
                 1
             ];
-            axisY.unitDisabled = true;
+            axisY.unitDisabled = false;
         }
         if (type === constants_ChartType.MScan) {
             limit.show = false;
@@ -15891,7 +16130,7 @@ const Spectrum_Chart_Chart = (props)=>{
         }
     });
     const handleSpectrumRule = useSpectrumRule();
-    const { handleMarkerPublish } = useMarkerPublish({
+    const { handleMarkerPublish } = hooks_useMarkerPublish({
         globalID
     });
     hooks_usePublish({
@@ -15923,7 +16162,7 @@ const Spectrum_Chart_Chart = (props)=>{
                         type: type,
                         occupancyElementID: occupancyElementID
                     }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_PluginBox, {
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(PluginBox, {
                         children: [
                             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom, {}),
                             type === constants_ChartType.Scan && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {