@rfkit/charts 1.10.1 → 1.10.2

package/index.js

@@ -121,9 +121,15 @@ var __webpack_modules__ = {
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -202,9 +208,15 @@ var __webpack_modules__ = {
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -493,6 +505,10 @@ var __webpack_modules__ = {
   inset-inline: 0;
 }
 
+[data-rfkit-charts-root] .inset-y-0 {
+  inset-block: 0;
+}
+
 [data-rfkit-charts-root] .top-0 {
   top: 0;
 }
@@ -597,6 +613,10 @@ var __webpack_modules__ = {
   isolation: isolate;
 }
 
+[data-rfkit-charts-root] .z-0 {
+  z-index: 0;
+}
+
 [data-rfkit-charts-root] .z-10 {
   z-index: 10;
 }
@@ -759,6 +779,14 @@ var __webpack_modules__ = {
   margin-bottom: calc(var(--spacing) * 2);
 }
 
+[data-rfkit-charts-root] .ml-4 {
+  margin-left: calc(var(--spacing) * 4);
+}
+
+[data-rfkit-charts-root] .ml-6 {
+  margin-left: calc(var(--spacing) * 6);
+}
+
 [data-rfkit-charts-root] .ml-\\[-0\\.5px\\] {
   margin-left: -.5px;
 }
@@ -811,6 +839,11 @@ var __webpack_modules__ = {
   display: inline-flex;
 }
 
+[data-rfkit-charts-root] .size-2 {
+  width: calc(var(--spacing) * 2);
+  height: calc(var(--spacing) * 2);
+}
+
 [data-rfkit-charts-root] .size-3 {
   width: calc(var(--spacing) * 3);
   height: calc(var(--spacing) * 3);
@@ -839,6 +872,10 @@ var __webpack_modules__ = {
   height: calc(var(--spacing) * 1.5);
 }
 
+[data-rfkit-charts-root] .h-2 {
+  height: calc(var(--spacing) * 2);
+}
+
 [data-rfkit-charts-root] .h-2\\.5 {
   height: calc(var(--spacing) * 2.5);
 }
@@ -939,6 +976,10 @@ var __webpack_modules__ = {
   max-height: calc(var(--spacing) * 96);
 }
 
+[data-rfkit-charts-root] .max-h-\\[var\\(--radix-dropdown-menu-content-available-height\\)\\] {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+}
+
 [data-rfkit-charts-root] .min-h-0 {
   min-height: 0;
 }
@@ -987,6 +1028,10 @@ var __webpack_modules__ = {
   width: calc(var(--spacing) * 9);
 }
 
+[data-rfkit-charts-root] .w-10 {
+  width: calc(var(--spacing) * 10);
+}
+
 [data-rfkit-charts-root] .w-14 {
   width: calc(var(--spacing) * 14);
 }
@@ -1044,6 +1089,10 @@ var __webpack_modules__ = {
   width: 100%;
 }
 
+[data-rfkit-charts-root] .w-max {
+  width: max-content;
+}
+
 [data-rfkit-charts-root] .w-px {
   width: 1px;
 }
@@ -1072,6 +1121,10 @@ var __webpack_modules__ = {
   max-width: 520px;
 }
 
+[data-rfkit-charts-root] .max-w-\\[calc\\(100vw-1rem\\)\\] {
+  max-width: calc(100vw - 1rem);
+}
+
 [data-rfkit-charts-root] .max-w-full {
   max-width: 100%;
 }
@@ -1351,6 +1404,12 @@ var __webpack_modules__ = {
   gap: var(--size-gap-base);
 }
 
+[data-rfkit-charts-root] :where(.space-y-0\\.5 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
+}
+
 [data-rfkit-charts-root] :where(.space-y-1 > :not(:last-child)) {
   --tw-space-y-reverse: 0;
   margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
@@ -1385,6 +1444,24 @@ var __webpack_modules__ = {
   row-gap: calc(var(--spacing) * 2);
 }
 
+[data-rfkit-charts-root] :where(.divide-y > :not(:last-child)) {
+  --tw-divide-y-reverse: 0;
+  border-bottom-style: var(--tw-border-style);
+  border-top-style: var(--tw-border-style);
+  border-top-width: calc(1px * var(--tw-divide-y-reverse));
+  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+}
+
+[data-rfkit-charts-root] :where(.divide-border\\/40 > :not(:last-child)) {
+  border-color: var(--border);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  [data-rfkit-charts-root] :where(.divide-border\\/40 > :not(:last-child)) {
+    border-color: color-mix(in oklab, var(--border) 40%, transparent);
+  }
+}
+
 [data-rfkit-charts-root] .self-center {
   align-self: center;
 }
@@ -1576,7 +1653,17 @@ var __webpack_modules__ = {
   border-left-color: #0000;
 }
 
-[data-rfkit-charts-root] .bg-accent, [data-rfkit-charts-root] .bg-accent\\/80 {
+[data-rfkit-charts-root] .bg-accent, [data-rfkit-charts-root] .bg-accent\\/72 {
+  background-color: var(--accent);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  [data-rfkit-charts-root] .bg-accent\\/72 {
+    background-color: color-mix(in oklab, var(--accent) 72%, transparent);
+  }
+}
+
+[data-rfkit-charts-root] .bg-accent\\/80 {
   background-color: var(--accent);
 }
 
@@ -1886,8 +1973,8 @@ var __webpack_modules__ = {
   padding-top: 0;
 }
 
-[data-rfkit-charts-root] .pt-1 {
-  padding-top: var(--spacing);
+[data-rfkit-charts-root] .pt-2 {
+  padding-top: calc(var(--spacing) * 2);
 }
 
 [data-rfkit-charts-root] .pt-\\[calc\\(var\\(--size-gap-base\\)\\/2\\)\\] {
@@ -1922,6 +2009,10 @@ var __webpack_modules__ = {
   padding-left: calc(var(--spacing) * .5);
 }
 
+[data-rfkit-charts-root] .pl-1 {
+  padding-left: var(--spacing);
+}
+
 [data-rfkit-charts-root] .pl-8 {
   padding-left: calc(var(--spacing) * 8);
 }
@@ -2021,6 +2112,10 @@ var __webpack_modules__ = {
   font-weight: var(--font-weight-semibold);
 }
 
+[data-rfkit-charts-root] .break-words {
+  overflow-wrap: break-word;
+}
+
 [data-rfkit-charts-root] .text-ellipsis {
   text-overflow: ellipsis;
 }
@@ -2105,6 +2200,11 @@ var __webpack_modules__ = {
   color: var(--color-white);
 }
 
+[data-rfkit-charts-root] .tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
+}
+
 [data-rfkit-charts-root] .\\[font-variant-numeric\\:tabular-nums\\] {
   font-variant-numeric: tabular-nums;
 }
@@ -2125,6 +2225,10 @@ var __webpack_modules__ = {
   opacity: .3;
 }
 
+[data-rfkit-charts-root] .opacity-35 {
+  opacity: .35;
+}
+
 [data-rfkit-charts-root] .opacity-40 {
   opacity: .4;
 }
@@ -2180,6 +2284,20 @@ var __webpack_modules__ = {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
+[data-rfkit-charts-root] .shadow-\\[inset_0_0_0_1px_color-mix\\(in_srgb\\,var\\(--primary\\)_28\\%\\,transparent\\)\\] {
+  --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--primary));
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  [data-rfkit-charts-root] .shadow-\\[inset_0_0_0_1px_color-mix\\(in_srgb\\,var\\(--primary\\)_28\\%\\,transparent\\)\\] {
+    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb, var(--primary) 28%, transparent));
+  }
+}
+
+[data-rfkit-charts-root] .shadow-\\[inset_0_0_0_1px_color-mix\\(in_srgb\\,var\\(--primary\\)_28\\%\\,transparent\\)\\] {
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
 [data-rfkit-charts-root] .shadow-lg {
   --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2215,6 +2333,11 @@ var __webpack_modules__ = {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
+[data-rfkit-charts-root] .ring-1 {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
 [data-rfkit-charts-root] .\\[box-shadow\\:0_0_0_1px_color-mix\\(in_srgb\\,var\\(--background\\)_82\\%\\,transparent\\)\\,[data-rfkit-charts-root] 0_1px_4px_color-mix\\(in_srgb\\,var\\(--foreground\\)_32\\%\\,transparent\\)\\] {
   box-shadow: 0 0 0 1px var(--background), 0 1px 4px var(--foreground);
 }
@@ -2235,6 +2358,20 @@ var __webpack_modules__ = {
   }
 }
 
+[data-rfkit-charts-root] .ring-background\\/30 {
+  --tw-ring-color: var(--background);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  [data-rfkit-charts-root] .ring-background\\/30 {
+    --tw-ring-color: color-mix(in oklab, var(--background) 30%, transparent);
+  }
+}
+
+[data-rfkit-charts-root] .ring-border {
+  --tw-ring-color: var(--border);
+}
+
 [data-rfkit-charts-root] .ring-offset-background {
   --tw-ring-offset-color: var(--background);
 }
@@ -2404,6 +2541,10 @@ var __webpack_modules__ = {
   animation-play-state: paused;
 }
 
+[data-rfkit-charts-root] .ring-inset {
+  --tw-ring-inset: inset;
+}
+
 [data-rfkit-charts-root] .group-focus-within\\:opacity-90:is(:where(.group):focus-within *) {
   opacity: .9;
 }
@@ -2539,6 +2680,16 @@ var __webpack_modules__ = {
     }
   }
 
+  [data-rfkit-charts-root] .hover\\:bg-accent\\/80:hover {
+    background-color: var(--accent);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    [data-rfkit-charts-root] .hover\\:bg-accent\\/80:hover {
+      background-color: color-mix(in oklab, var(--accent) 80%, transparent);
+    }
+  }
+
   [data-rfkit-charts-root] .hover\\:bg-background\\/70:hover {
     background-color: var(--background);
   }
@@ -2924,16 +3075,12 @@ var __webpack_modules__ = {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-[data-rfkit-charts-root] .data-\\[state\\=checked\\]\\:border-current[data-state="checked"] {
-  border-color: currentColor;
-}
-
-[data-rfkit-charts-root] .data-\\[state\\=checked\\]\\:bg-current[data-state="checked"] {
-  background-color: currentColor;
+[data-rfkit-charts-root] .data-\\[state\\=checked\\]\\:border-primary[data-state="checked"] {
+  border-color: var(--primary);
 }
 
-[data-rfkit-charts-root] .data-\\[state\\=checked\\]\\:text-background[data-state="checked"] {
-  color: var(--background);
+[data-rfkit-charts-root] .data-\\[state\\=checked\\]\\:text-primary-foreground[data-state="checked"] {
+  color: var(--primary-foreground, #fff);
 }
 
 [data-rfkit-charts-root] .data-\\[state\\=closed\\]\\:animate-out[data-state="closed"] {
@@ -2948,6 +3095,18 @@ var __webpack_modules__ = {
   --tw-exit-scale: .95;
 }
 
+[data-rfkit-charts-root] .data-\\[state\\=indeterminate\\]\\:border-primary[data-state="indeterminate"] {
+  border-color: var(--primary);
+}
+
+[data-rfkit-charts-root] .data-\\[state\\=indeterminate\\]\\:bg-primary[data-state="indeterminate"] {
+  background-color: var(--primary);
+}
+
+[data-rfkit-charts-root] .data-\\[state\\=indeterminate\\]\\:text-primary-foreground[data-state="indeterminate"] {
+  color: var(--primary-foreground, #fff);
+}
+
 [data-rfkit-charts-root] .data-\\[state\\=open\\]\\:animate-in[data-state="open"] {
   animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
 }
@@ -3126,6 +3285,14 @@ var __webpack_modules__ = {
   justify-content: center;
 }
 
+[data-rfkit-charts-root] .\\[\\&\\>span\\:last-child\\]\\:ml-0 > span:last-child {
+  margin-left: 0;
+}
+
+[data-rfkit-charts-root] .\\[\\&\\>span\\:last-child\\]\\:text-primary > span:last-child {
+  color: var(--primary);
+}
+
 [data-rfkit-charts-root] .\\[\\&\\>svg\\]\\:h-full > svg {
   height: 100%;
 }
@@ -3471,6 +3638,12 @@ var __webpack_modules__ = {
   initial-value: 0;
 }
 
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -3487,6 +3660,31 @@ var __webpack_modules__ = {
   inherits: false
 }
 
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -5789,6 +5987,7 @@ function createParams() {
             show: true,
             display: false,
             data: [],
+            hiddenCategoryKeys: [],
             onChange: ()=>{}
         },
         signalAnalysis: {
@@ -17401,14 +17600,15 @@ const ScrollBar = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(({
         })
     }));
 ScrollBar.displayName = ScrollAreaScrollbar.displayName;
-const scroll_area_ScrollArea = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(react_scroll_area_dist_Root, {
+const scroll_area_ScrollArea = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(({ className, viewportClassName, children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(react_scroll_area_dist_Root, {
         ref: ref,
         "data-slot": "scroll-area",
         className: cn_cn('relative overflow-hidden', className),
         ...props,
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Viewport, {
-                className: "h-full w-full rounded-[inherit]",
+                "data-slot": "scroll-area-viewport",
+                className: cn_cn('h-full w-full rounded-[inherit]', viewportClassName),
                 children: children
             }),
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ScrollBar, {}),
@@ -18114,7 +18314,7 @@ const Tooltip_Tooltip = ({ children, content, delay = 200, duration = 3000, offs
     });
 };
 const Overlay_Tooltip = Tooltip_Tooltip;
-const Dropdown_Dropdown = ({ value: value1, options, onChange, placeholder = "\u8BF7\u9009\u62E9", triggerContent, triggerTitle, closeOnSelect = true, triggerVariant = 'default', showChevron = true, triggerClassName, contentClassName })=>{
+const Dropdown_Dropdown = ({ value: value1, options, onChange, placeholder = "\u8BF7\u9009\u62E9", triggerContent, triggerTitle, closeOnSelect = true, triggerVariant = 'default', showChevron = true, triggerClassName, contentClassName, contentAlignOffset, customContent, triggerTestId })=>{
     const [open, setOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const handleSelect = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((option)=>{
         const nextValue = option.value ?? null;
@@ -18144,6 +18344,7 @@ const Dropdown_Dropdown = ({ value: value1, options, onChange, placeholder = "\u
         asChild: true,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
             type: "button",
+            "data-testid": triggerTestId,
             className: cn_cn('cursor-pointer appearance-none select-none border-0 bg-transparent text-left', 'default' === triggerVariant && TOOLBAR_OUTLINED_TRIGGER_CLASS_NAME, 'default' === triggerVariant && TOOLBAR_OUTLINED_TRIGGER_OPEN_CLASS_NAME, 'plain' === triggerVariant && TOOLBAR_INLINE_TRIGGER_CLASS_NAME, triggerClassName),
             children: [
                 resolvedTriggerContent,
@@ -18166,10 +18367,11 @@ const Dropdown_Dropdown = ({ value: value1, options, onChange, placeholder = "\u
             }) : triggerNode,
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(dropdown_menu_DropdownMenuContent, {
                 align: "start",
+                alignOffset: contentAlignOffset,
                 collisionPadding: 8,
                 className: cn_cn('min-w-[140px] [min-width:var(--radix-dropdown-menu-trigger-width)]', contentClassName),
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(scroll_area_ScrollArea, {
-                    className: "max-h-64",
+                children: customContent ?? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(scroll_area_ScrollArea, {
+                    viewportClassName: "h-auto max-h-64",
                     children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                         children: options.map((option, index)=>'separator' === option.type ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(dropdown_menu_DropdownMenuSeparator, {
                                 style: option.style
@@ -18697,6 +18899,7 @@ const ToolbarGroupSeparator = ({ className })=>/*#__PURE__*/ (0, __WEBPACK_EXTER
         className: cn_cn(TOOLBAR_GROUP_SEPARATOR_CLASS_NAME, className),
         orientation: "vertical"
     });
+const TOOLBAR_DROPDOWN_GROUP_ALIGN_OFFSET = -27;
 const ToolbarDropdown = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Dropdown, {
         ...props,
         triggerVariant: "default",
@@ -18718,13 +18921,14 @@ const ToolbarIconDropdown = ({ icon, title, triggerClassName, ...props })=>{
         triggerContent: iconNode
     });
 };
-const ToolbarDropdownGroup = ({ leading, triggerClassName, ...props })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(ToolbarGroup, {
+const ToolbarDropdownGroup = ({ leading, triggerClassName, contentAlignOffset = TOOLBAR_DROPDOWN_GROUP_ALIGN_OFFSET, ...props })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(ToolbarGroup, {
         children: [
             leading,
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Dropdown, {
                 ...props,
                 triggerVariant: "plain",
                 contentClassName: cn_cn(TOOLBAR_DROPDOWN_CONTENT_CLASS_NAME, props.contentClassName),
+                contentAlignOffset: contentAlignOffset,
                 triggerClassName: cn_cn(TOOLBAR_INLINE_INSET_CLASS_NAME, triggerClassName)
             })
         ]
@@ -22846,28 +23050,196 @@ const OccupancyCursorPopover = ({ id })=>{
     });
 };
 const Occupancy_CursorPopover = OccupancyCursorPopover;
+const SignalType = {
+    LEGITIMATE: 'Legitimate',
+    UNKNOWN: 'UnKnown',
+    KNOWN: 'Know',
+    VIOLATION: 'Violation',
+    ILLEGAL: 'Illegal'
+};
 const SIGNAL_TYPE_MAP = {
     Legitimate: {
         name: "\u5408\u6CD5",
-        color: '#52c41a',
+        color: 'var(--success)',
         isLegitimate: true
     },
+    UnKnown: {
+        name: "\u672A\u77E5",
+        color: 'var(--muted-foreground)',
+        isLegitimate: false
+    },
     Know: {
         name: "\u5DF2\u77E5",
-        color: '#ff9900',
+        color: 'var(--primary)',
         isLegitimate: true
     },
-    UnKnown: {
-        name: "\u672A\u77E5",
-        color: '#bfbfbf',
+    Violation: {
+        name: "\u8FDD\u89C4",
+        color: 'var(--warning)',
         isLegitimate: false
     },
     Illegal: {
-        name: "\u4E0D\u5408\u6CD5",
-        color: '#f5222d',
+        name: "\u975E\u6CD5",
+        color: 'var(--destructive)',
         isLegitimate: false
     }
 };
+const SIGNAL_TYPE_ORDER = [
+    SignalType.LEGITIMATE,
+    SignalType.UNKNOWN,
+    SignalType.KNOWN,
+    SignalType.VIOLATION,
+    SignalType.ILLEGAL
+];
+const normalizeSignalType = (value1)=>{
+    if ('string' == typeof value1 && SIGNAL_TYPE_ORDER.includes(value1)) return value1;
+    return SignalType.UNKNOWN;
+};
+const SIGNAL_LEVEL_UNASSIGNED = -1;
+const SIGNAL_LEVEL_FIRST = 0;
+const SIGNAL_LEVEL_SECOND = 1;
+const SIGNAL_LEVEL_THIRD = 2;
+const SIGNAL_LEVEL_ORDER = [
+    SIGNAL_LEVEL_UNASSIGNED,
+    SIGNAL_LEVEL_FIRST,
+    SIGNAL_LEVEL_SECOND,
+    SIGNAL_LEVEL_THIRD
+];
+const SIGNAL_LEVEL_MAP = {
+    [SIGNAL_LEVEL_UNASSIGNED]: {
+        name: "\u672A\u5206\u914D",
+        color: 'color-mix(in oklab, var(--success) 35%, var(--background))'
+    },
+    [SIGNAL_LEVEL_FIRST]: {
+        name: "\u4E00\u7EA7",
+        color: 'color-mix(in oklab, var(--success) 55%, var(--background))'
+    },
+    [SIGNAL_LEVEL_SECOND]: {
+        name: "\u4E8C\u7EA7",
+        color: 'color-mix(in oklab, var(--success) 75%, var(--background))'
+    },
+    [SIGNAL_LEVEL_THIRD]: {
+        name: "\u4E09\u7EA7",
+        color: 'var(--success)'
+    }
+};
+const normalizeSignalLevel = (value1)=>{
+    if ('number' != typeof value1 || !Number.isInteger(value1)) return SIGNAL_LEVEL_UNASSIGNED;
+    if (value1 === SIGNAL_LEVEL_UNASSIGNED || value1 === SIGNAL_LEVEL_FIRST || value1 === SIGNAL_LEVEL_SECOND || value1 === SIGNAL_LEVEL_THIRD) return value1;
+    return SIGNAL_LEVEL_UNASSIGNED;
+};
+const resolveSignalColor = (item)=>{
+    if (item.color) return item.color;
+    const signalType = normalizeSignalType(item.signalType);
+    if ('simple' === item.source && signalType === SignalType.LEGITIMATE) return SIGNAL_LEVEL_MAP[normalizeSignalLevel(item.level)].color;
+    return SIGNAL_TYPE_MAP[signalType].color;
+};
+const SIGNAL_SOURCE_ORDER = [
+    'station',
+    'simple'
+];
+const SIGNAL_SOURCE_LABEL = {
+    station: "\u53F0\u7AD9\u5E93",
+    simple: "\u4FE1\u53F7\u5E93"
+};
+function tree_isStationInfo(item) {
+    return 'signalName' in item && 'orgName' in item;
+}
+const resolveSignalSource = (item)=>tree_isStationInfo(item) ? 'station' : 'simple';
+const getSignalLeafKey = (item)=>`${resolveSignalSource(item)}:${normalizeSignalType(item.signalType)}:${normalizeSignalLevel(item.level)}`;
+function getUnifiedSignalKey(item) {
+    const source = resolveSignalSource(item);
+    if (item.id) return `${source}:${item.id}`;
+    if (tree_isStationInfo(item)) return `${source}:${item.signalName}-${item.frequency}`;
+    if (null != item.startFrequency && null != item.stopFrequency) return `${source}:${item.startFrequency}-${item.stopFrequency}`;
+    return `${source}:${item.frequency}-${item.bandwidth}`;
+}
+const buildSignalTree = (signalItems)=>{
+    const leafKeysWithData = new Set(signalItems.map(getSignalLeafKey));
+    const sources = [];
+    for (const source of SIGNAL_SOURCE_ORDER){
+        const sourceDataLeafKeys = [
+            ...leafKeysWithData
+        ].filter((key)=>key.startsWith(`${source}:`));
+        if (0 === sourceDataLeafKeys.length) continue;
+        if ('station' === source) {
+            sources.push({
+                source,
+                label: SIGNAL_SOURCE_LABEL[source],
+                leafKeys: sourceDataLeafKeys,
+                dataLeafKeys: sourceDataLeafKeys,
+                hasData: true,
+                types: []
+            });
+            continue;
+        }
+        const types = SIGNAL_TYPE_ORDER.flatMap((signalType)=>{
+            const levels = SIGNAL_LEVEL_ORDER.map((level)=>{
+                const leafKey = `${source}:${signalType}:${level}`;
+                return {
+                    level,
+                    label: SIGNAL_LEVEL_MAP[level].name,
+                    leafKey,
+                    hasData: leafKeysWithData.has(leafKey)
+                };
+            });
+            const leafKeys = levels.map((level)=>level.leafKey);
+            const dataLeafKeys = leafKeys.filter((key)=>leafKeysWithData.has(key));
+            if (0 === dataLeafKeys.length) return [];
+            return {
+                signalType,
+                label: SIGNAL_TYPE_MAP[signalType].name,
+                leafKeys,
+                dataLeafKeys,
+                hasData: dataLeafKeys.length > 0,
+                levels: signalType === SignalType.LEGITIMATE ? levels.filter((level)=>level.hasData) : []
+            };
+        });
+        if (0 === types.length) continue;
+        const leafKeys = types.flatMap((type)=>type.leafKeys);
+        const dataLeafKeys = leafKeys.filter((key)=>leafKeysWithData.has(key));
+        sources.push({
+            source,
+            label: SIGNAL_SOURCE_LABEL[source],
+            leafKeys,
+            dataLeafKeys,
+            hasData: true,
+            types
+        });
+    }
+    return {
+        sources
+    };
+};
+const resolveNodeCheckState = (leafKeysWithData, hiddenCategoryKeys, fixedLeafKeys)=>{
+    const dataLeafKeys = fixedLeafKeys.filter((key)=>leafKeysWithData.has(key));
+    if (0 === dataLeafKeys.length) return 'disabled';
+    const hiddenCount = dataLeafKeys.filter((key)=>hiddenCategoryKeys.has(key)).length;
+    if (0 === hiddenCount) return 'checked';
+    if (hiddenCount === dataLeafKeys.length) return 'unchecked';
+    return 'indeterminate';
+};
+const toggleNodeHiddenKeys = (hiddenCategoryKeys, fixedLeafKeys, leafKeysWithData)=>{
+    const next = new Set(hiddenCategoryKeys);
+    const dataLeafKeys = fixedLeafKeys.filter((key)=>leafKeysWithData.has(key));
+    const hiddenDataCount = dataLeafKeys.filter((key)=>next.has(key)).length;
+    const allDataVisible = dataLeafKeys.length > 0 && 0 === hiddenDataCount;
+    if (allDataVisible) {
+        for (const key of fixedLeafKeys)next.add(key);
+        return [
+            ...next
+        ];
+    }
+    for (const key of fixedLeafKeys)next.delete(key);
+    return [
+        ...next
+    ];
+};
+const filterSignalItemsByHiddenKeys = (signalItems, hiddenCategoryKeys)=>{
+    if (!hiddenCategoryKeys.length) return signalItems;
+    const hiddenKeys = new Set(hiddenCategoryKeys);
+    return signalItems.filter((item)=>!hiddenKeys.has(getSignalLeafKey(item)));
+};
 const SIGNAL_INDEX_MATCH_TOLERANCE = 1;
 const getRangeCenter = (range)=>(range.startFreq + range.stopFreq) / 2;
 const getRangeWidth = (range)=>Math.abs(range.stopFreq - range.startFreq);
@@ -22885,7 +23257,7 @@ const compareFrequencyMatchedCandidates = (currentFrequency, a, b)=>{
     if (0 !== widthDiff) return widthDiff;
     const centerDistanceDiff = Math.abs(getRangeCenter(a.range) - currentFrequency) - Math.abs(getRangeCenter(b.range) - currentFrequency);
     if (0 !== centerDistanceDiff) return centerDistanceDiff;
-    const stationPriorityDiff = Number(utils_isStationInfo(b.item)) - Number(utils_isStationInfo(a.item));
+    const stationPriorityDiff = Number(tree_isStationInfo(b.item)) - Number(tree_isStationInfo(a.item));
     if (0 !== stationPriorityDiff) return stationPriorityDiff;
     return getUnifiedSignalKey(a.item).localeCompare(getUnifiedSignalKey(b.item));
 };
@@ -22896,18 +23268,10 @@ const compareIndexMatchedCandidates = (currentFrequency, currentPointIndex, a, b
     if (0 !== widthDiff) return widthDiff;
     const frequencyDistanceDiff = getFrequencyDistanceToRange(currentFrequency, a.range) - getFrequencyDistanceToRange(currentFrequency, b.range);
     if (0 !== frequencyDistanceDiff) return frequencyDistanceDiff;
-    const stationPriorityDiff = Number(utils_isStationInfo(b.item)) - Number(utils_isStationInfo(a.item));
+    const stationPriorityDiff = Number(tree_isStationInfo(b.item)) - Number(tree_isStationInfo(a.item));
     if (0 !== stationPriorityDiff) return stationPriorityDiff;
     return getUnifiedSignalKey(a.item).localeCompare(getUnifiedSignalKey(b.item));
 };
-function utils_isStationInfo(item) {
-    return 'signalName' in item && 'orgName' in item;
-}
-function getUnifiedSignalKey(item) {
-    if (utils_isStationInfo(item)) return `${item.signalName}-${item.frequency}`;
-    if (null != item.startFrequency && null != item.stopFrequency) return `${item.startFrequency}-${item.stopFrequency}`;
-    return `${item.frequency}-${item.bandwidth}`;
-}
 function toFrequencyRangeInput(item) {
     return {
         frequency: null != item.frequency ? Number(item.frequency) : void 0,
@@ -22916,7 +23280,7 @@ function toFrequencyRangeInput(item) {
         stopFrequency: null != item.stopFrequency ? Number(item.stopFrequency) : void 0
     };
 }
-function utils_resolveBestSignalMatch(candidates, options) {
+function match_resolveBestSignalMatch(candidates, options) {
     const { currentFrequency, currentPointIndex } = options;
     const indexTolerance = options.indexTolerance ?? SIGNAL_INDEX_MATCH_TOLERANCE;
     if (!Number.isFinite(currentFrequency) || !Number.isFinite(currentPointIndex) || !candidates.length) return;
@@ -22928,24 +23292,39 @@ function utils_resolveBestSignalMatch(candidates, options) {
         }, indexTolerance)).sort((a, b)=>compareIndexMatchedCandidates(currentFrequency, currentPointIndex, a, b));
     return indexMatched[0];
 }
+const resolveFrequencyPresentation = (item)=>{
+    if (null != item.frequency) return `${item.frequency}MHz`;
+    if (null != item.startFrequency && null != item.stopFrequency) return `${item.startFrequency}-${item.stopFrequency}MHz`;
+};
 const resolveSignalPresentation = (item)=>{
-    if (utils_isStationInfo(item)) {
-        const signalType = item.signalType;
-        const signalTypeInfo = SIGNAL_TYPE_MAP[signalType];
-        const signalTypeName = signalTypeInfo?.name || item.signalType;
-        return {
-            color: signalTypeInfo?.color || 'var(--primary)',
-            tooltip: [
-                item.signalName,
-                `${item.frequency}MHz`,
-                item.orgName && `\u{5355}\u{4F4D}: ${item.orgName}`,
-                signalTypeName && `\u{7C7B}\u{578B}: ${signalTypeName}`
-            ].filter(Boolean).join(' | ')
-        };
-    }
+    const source = resolveSignalSource(item);
+    const signalType = normalizeSignalType(item.signalType);
+    const signalTypeName = SIGNAL_TYPE_MAP[signalType].name;
+    const levelName = SIGNAL_LEVEL_MAP[normalizeSignalLevel(item.level)].name;
+    const color = resolveSignalColor({
+        ...item,
+        source
+    });
+    const frequencyText = resolveFrequencyPresentation(item);
+    const bandwidthText = null != item.bandwidth ? `\u{5E26}\u{5BBD}: ${item.bandwidth}kHz` : void 0;
+    if (tree_isStationInfo(item)) return {
+        color,
+        tooltip: [
+            item.signalName,
+            frequencyText,
+            item.orgName && `\u{5355}\u{4F4D}: ${item.orgName}`,
+            signalTypeName && `\u{7C7B}\u{578B}: ${signalTypeName}`
+        ].filter(Boolean).join(' | ')
+    };
     return {
-        color: item.color || 'var(--primary)',
-        tooltip: void 0
+        color,
+        tooltip: [
+            SIGNAL_SOURCE_LABEL[source],
+            frequencyText,
+            bandwidthText,
+            signalTypeName && `\u{7C7B}\u{578B}: ${signalTypeName}`,
+            signalType === SignalType.LEGITIMATE && levelName && `\u{7B49}\u{7EA7}: ${levelName}`
+        ].filter(Boolean).join(' | ')
     };
 };
 const resolveSignalMatchCandidates = (signalItems, segment)=>signalItems.flatMap((item)=>{
@@ -23001,26 +23380,23 @@ const resolveActiveSignalKey = ({ segmentData, isCursorActive, currentFrequency,
     if (!isCursorActive || !Number.isFinite(currentFrequency) || currentPosition.segmentIndex < 0) return;
     const currentSegmentData = segmentData[currentPosition.segmentIndex];
     if (!currentSegmentData) return;
-    return utils_resolveBestSignalMatch(currentSegmentData.signalPositions, {
+    return match_resolveBestSignalMatch(currentSegmentData.signalPositions, {
         currentFrequency,
         currentPointIndex: currentPosition.pointIndex
     })?.key;
 };
-const createStationRangeIndex = ({ signalItems, segments })=>{
+const createSignalRangeIndex = ({ signalItems, segments })=>{
     if (!signalItems.length || !segments.length) return [];
-    const stationItems = signalItems.filter(utils_isStationInfo);
-    if (!stationItems.length) return [];
-    return segments.map((segment)=>resolveSignalMatchCandidates(stationItems, segment));
+    return segments.map((segment)=>resolveSignalMatchCandidates(signalItems, segment));
 };
-const findStationInRangeIndex = ({ frequency, stationRangeIndex, currentPosition })=>{
+const findSignalInRangeIndex = ({ frequency, signalRangeIndex, currentPosition })=>{
     if (!Number.isFinite(frequency)) return;
-    const candidates = stationRangeIndex[currentPosition.segmentIndex];
+    const candidates = signalRangeIndex[currentPosition.segmentIndex];
     if (!candidates?.length) return;
-    const matchedSignal = utils_resolveBestSignalMatch(candidates, {
+    return match_resolveBestSignalMatch(candidates, {
         currentFrequency: frequency,
         currentPointIndex: currentPosition.pointIndex
-    });
-    return matchedSignal && utils_isStationInfo(matchedSignal.item) ? matchedSignal.item : void 0;
+    })?.item;
 };
 const withStationDataUpdate = (globalID, name, func)=>{
     const subscriptionId = `stationData-update-${globalID}`;
@@ -23035,11 +23411,12 @@ const STATION_DATA = (globalID, data)=>{
     }
     return result;
 };
-function useUnifiedSignals({ respectVisibility = false } = {}) {
+function useUnifiedSignals({ respectVisibility = false, filterHidden = true } = {}) {
     const globalID = useStore_useSelector((state)=>state.globalID);
     const signalData = useStore_useSelector((state)=>state.signal.data);
     const signalDisplay = useStore_useSelector((state)=>state.signal.display);
     const signalShow = useStore_useSelector((state)=>state.signal.show);
+    const hiddenCategoryKeys = useStore_useSelector((state)=>state.signal.hiddenCategoryKeys);
     const [updateTrigger, setUpdateTrigger] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         const subscriberName = `useUnifiedSignals-${globalID}-${Date.now()}`;
@@ -23058,32 +23435,44 @@ function useUnifiedSignals({ respectVisibility = false } = {}) {
         if (respectVisibility && (!signalShow || !signalDisplay)) return [];
         const stationData = STATION_DATA(globalID);
         const nextSignalData = signalData || [];
-        return [
+        const combined = [
             ...stationData,
             ...nextSignalData
         ];
+        if (!filterHidden || !hiddenCategoryKeys?.length) return combined;
+        return filterSignalItemsByHiddenKeys(combined, hiddenCategoryKeys);
     }, [
         globalID,
         signalData,
         signalDisplay,
         signalShow,
         respectVisibility,
+        filterHidden,
+        hiddenCategoryKeys,
         updateTrigger
     ]);
 }
-function useStationInfoAtCursor({ frequency, enabled = true, cursorSample }) {
+const useSignalMatchAtCursor = ({ frequency, enabled = true, cursorSample }, source)=>{
     const cursor = useStore_useSelector((state)=>state.cursor);
     const segments = useStore_useSelector((state)=>state.segments);
     const left = cursorSample?.coord.left ?? cursor.coord.left;
     const signalItems = useUnifiedSignals({
         respectVisibility: enabled
     });
-    const stationRangeIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>createStationRangeIndex({
-            signalItems,
+    const matchingSignalItems = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (!enabled) return [];
+        return 'station' === source ? signalItems.filter(tree_isStationInfo) : signalItems;
+    }, [
+        enabled,
+        signalItems,
+        source
+    ]);
+    const signalRangeIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>createSignalRangeIndex({
+            signalItems: matchingSignalItems,
             segments
         }), [
-        segments,
-        signalItems
+        matchingSignalItems,
+        segments
     ]);
     const isCursorActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>enabled && (cursorSample ? true : cursor_hasActiveSpectrumCursor(cursor)), [
         cursor,
@@ -23099,100 +23488,142 @@ function useStationInfoAtCursor({ frequency, enabled = true, cursorSample }) {
         segments
     ]);
     return (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (!enabled || 'number' != typeof left || !Number.isFinite(left) || left < 0 || !stationRangeIndex.length || !segments?.length) return;
+        if (!enabled || 'number' != typeof left || !Number.isFinite(left) || left < 0 || !signalRangeIndex.length || !segments?.length) return;
         if (!isCursorActive) return;
         const currentFrequency = frequencyCalculation_getCursorFrequencyAtPosition(segments, currentPosition);
         if (!Number.isFinite(currentFrequency)) {
             const fallbackFrequency = Number(frequency);
             if (!Number.isFinite(fallbackFrequency)) return;
-            return findStationInRangeIndex({
+            return findSignalInRangeIndex({
                 frequency: fallbackFrequency,
-                stationRangeIndex,
+                signalRangeIndex,
                 currentPosition
             });
         }
-        return findStationInRangeIndex({
+        return findSignalInRangeIndex({
             frequency: currentFrequency,
-            stationRangeIndex,
+            signalRangeIndex,
             currentPosition
         });
     }, [
         enabled,
         frequency,
-        stationRangeIndex,
+        signalRangeIndex,
         segments,
         currentPosition,
         left,
         isCursorActive
     ]);
+};
+function useSignalInfoAtCursor(props) {
+    return useSignalMatchAtCursor(props, 'all');
 }
-const StationInfoPanel = ({ stationInfo })=>{
-    const signalTypeInfo = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (!stationInfo?.signalType) return null;
-        return SIGNAL_TYPE_MAP[stationInfo.signalType];
-    }, [
-        stationInfo?.signalType
-    ]);
-    const signalColor = signalTypeInfo?.color;
-    const signalTypeName = signalTypeInfo?.name || stationInfo?.signalType;
-    if (!stationInfo) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: "mt-1 border-t border-dashed border-border/70 pt-1 text-xs leading-5 text-foreground",
+const SignalInfoRow = ({ label, value: value1, tabular = false })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: `flex gap-2${tabular ? ' tabular-nums' : ''}`,
         children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                children: [
-                    "\u540D\u79F0\uFF1A",
-                    stationInfo.signalName
-                ]
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                className: "w-10 shrink-0 text-muted-foreground",
+                children: label
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                children: [
-                    "\u5355\u4F4D\uFF1A",
-                    stationInfo.orgName
-                ]
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                children: [
-                    "\u9891\u7387\uFF1A",
-                    stationInfo.frequency,
-                    "MHz"
-                ]
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                children: [
-                    "\u5E26\u5BBD\uFF1A",
-                    stationInfo.bandwidth,
-                    "kHz"
-                ]
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                children: [
-                    "\u8C03\u5236\uFF1A",
-                    stationInfo.modulation
-                ]
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                className: "min-w-0 break-words",
+                children: value1
+            })
+        ]
+    });
+const SignalMetaValue = ({ color, label, testId })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("span", {
+        className: "inline-flex items-center gap-1.5 font-medium text-foreground",
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "aria-hidden": "true",
+                className: "size-2 shrink-0 rounded-full ring-1 ring-inset ring-border",
+                "data-testid": testId,
+                style: {
+                    backgroundColor: color
+                }
             }),
-            signalTypeName ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                children: [
-                    "\u7C7B\u578B\uFF1A",
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                        style: {
-                            color: signalColor
-                        },
-                        children: signalTypeName
-                    })
-                ]
-            }) : null,
-            stationInfo.remark ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                children: [
-                    "\u5907\u6CE8\uFF1A",
-                    stationInfo.remark
-                ]
-            }) : null
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: label
+            })
         ]
     });
+const SignalInfoPanel = ({ signalInfo })=>{
+    if (!signalInfo) return null;
+    const source = resolveSignalSource(signalInfo);
+    const stationInfo = tree_isStationInfo(signalInfo) ? signalInfo : void 0;
+    const signalType = normalizeSignalType(signalInfo.signalType);
+    const signalTypeInfo = SIGNAL_TYPE_MAP[signalType];
+    const levelInfo = SIGNAL_LEVEL_MAP[normalizeSignalLevel(signalInfo.level)];
+    const showLevel = 'simple' === source && signalType === SignalType.LEGITIMATE;
+    const resolvedColor = resolveSignalColor({
+        ...signalInfo,
+        source
+    });
+    const typeColor = showLevel ? signalTypeInfo.color : resolvedColor;
+    const hasFrequencyRange = null != signalInfo.startFrequency && null != signalInfo.stopFrequency;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: "mt-2 border-t border-border/60 pt-2 text-xs leading-5 text-foreground",
+        "data-signal-source": source,
+        "data-testid": "signal-info-panel",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+            className: "space-y-0.5",
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u6765\u6E90",
+                    value: SIGNAL_SOURCE_LABEL[source]
+                }),
+                stationInfo?.signalName ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u540D\u79F0",
+                    value: stationInfo.signalName
+                }) : null,
+                stationInfo?.orgName ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u5355\u4F4D",
+                    value: stationInfo.orgName
+                }) : null,
+                null != signalInfo.frequency ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u9891\u7387",
+                    value: `${signalInfo.frequency}MHz`,
+                    tabular: true
+                }) : hasFrequencyRange ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u8303\u56F4",
+                    value: `${signalInfo.startFrequency}-${signalInfo.stopFrequency}MHz`,
+                    tabular: true
+                }) : null,
+                null != signalInfo.bandwidth ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u5E26\u5BBD",
+                    value: `${signalInfo.bandwidth}kHz`,
+                    tabular: true
+                }) : null,
+                stationInfo?.modulation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u8C03\u5236",
+                    value: stationInfo.modulation
+                }) : null,
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u7C7B\u578B",
+                    value: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalMetaValue, {
+                        color: typeColor,
+                        label: signalTypeInfo.name,
+                        testId: "signal-info-type-swatch"
+                    })
+                }),
+                showLevel ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u7B49\u7EA7",
+                    value: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalMetaValue, {
+                        color: resolvedColor,
+                        label: levelInfo.name,
+                        testId: "signal-info-level-swatch"
+                    })
+                }) : null,
+                stationInfo?.remark ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                    label: "\u5907\u6CE8",
+                    value: stationInfo.remark
+                }) : null
+            ]
+        })
+    });
 };
-const panels_StationInfoPanel = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(StationInfoPanel);
-const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true, cursorSample })=>{
+const StationInfoPanel = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(SignalInfoPanel);
+const FrequencyDataBoard = ({ left, updateKey, onChange, showSignalInfo = true, cursorSample })=>{
     const axisYUnit = useStore_useSelector((state)=>state.axisY.unit);
     const frequencyFormat = useStore_useSelector((state)=>state.axisX.frequencyFormat);
     const unit = useStore_useSelector((state)=>state.axisX.unit);
@@ -23328,17 +23759,17 @@ const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true,
         frequency,
         onChange
     ]);
-    const matchedStation = useStationInfoAtCursor({
+    const matchedSignal = useSignalInfoAtCursor({
         frequency,
-        enabled: showStationInfo,
+        enabled: showSignalInfo,
         cursorSample
     });
-    const hasStationInfo = showStationInfo && !!matchedStation;
+    const hasSignalInfo = showSignalInfo && !!matchedSignal;
     const hasValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>value1 && (Array.isArray(value1) ? value1.length > 0 : true), [
         value1
     ]);
     if (left < 0) return null;
-    if (!hasValue && !hasStationInfo) return null;
+    if (!hasValue && !hasSignalInfo) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_Mask, {
         children: [
             frequency && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
@@ -23352,8 +23783,8 @@ const FrequencyDataBoard = ({ left, updateKey, onChange, showStationInfo = true,
                 className: "mt-2 space-y-1",
                 children: value1
             }) : null,
-            showStationInfo ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(panels_StationInfoPanel, {
-                stationInfo: matchedStation
+            showSignalInfo ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(StationInfoPanel, {
+                signalInfo: matchedSignal
             }) : null
         ]
     });
@@ -23368,7 +23799,7 @@ const SpectrumCursorPopover = ({ id })=>{
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Spectrum_FrequencyDataBoard, {
         left: 'number' == typeof left ? left : -1,
         updateKey: updateKey,
-        showStationInfo: signalShow && signalDisplay,
+        showSignalInfo: signalShow && signalDisplay,
         cursorSample: sample
     });
 };
@@ -27590,7 +28021,7 @@ const FluorescenceSwitch = ()=>{
         })
     });
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolbarDropdownGroup, {
-        leading: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(primitives_IconBox, {
+        leading: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolbarGroupIconBox, {
             active: display,
             tone: "primary",
             onClick: toggleDisplay,
@@ -28208,10 +28639,497 @@ const Markers_Switch_Switch = ()=>{
     });
 };
 const Markers_Switch = Markers_Switch_Switch;
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const chevron_down_iconNode = [
+    [
+        "path",
+        {
+            d: "m6 9 6 6 6-6",
+            key: "qrunsl"
+        }
+    ]
+];
+const ChevronDown = createLucideIcon("chevron-down", chevron_down_iconNode);
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const chevron_right_iconNode = [
+    [
+        "path",
+        {
+            d: "m9 18 6-6-6-6",
+            key: "mthhwq"
+        }
+    ]
+];
+const ChevronRight = createLucideIcon("chevron-right", chevron_right_iconNode);
+"use client";
+var react_checkbox_dist_defProp = Object.defineProperty;
+var react_checkbox_dist_name = (target, value1)=>react_checkbox_dist_defProp(target, "name", {
+        value: value1,
+        configurable: true
+    });
+var CHECKBOX_NAME = "Checkbox";
+var [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
+var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
+function CheckboxProvider(props) {
+    const { __scopeCheckbox, checked: checkedProp, children, defaultChecked, disabled, form, name, onCheckedChange, required, value: value1 = "on", internal_do_not_use_render } = props;
+    const [checked, setChecked] = dist_useControllableState({
+        prop: checkedProp,
+        defaultProp: defaultChecked ?? false,
+        onChange: onCheckedChange,
+        caller: CHECKBOX_NAME
+    });
+    const [control, setControl] = __WEBPACK_EXTERNAL_MODULE_react__.useState(null);
+    const [bubbleInput, setBubbleInput] = __WEBPACK_EXTERNAL_MODULE_react__.useState(null);
+    const hasConsumerStoppedPropagationRef = __WEBPACK_EXTERNAL_MODULE_react__.useRef(false);
+    const [userInteractionCount, onUserInteraction] = __WEBPACK_EXTERNAL_MODULE_react__.useReducer((count)=>count + 1, 0);
+    const isFormControl = control ? !!form || !!control.closest("form") : true;
+    const context = {
+        checked,
+        disabled,
+        setChecked,
+        control,
+        setControl,
+        name,
+        form,
+        value: value1,
+        hasConsumerStoppedPropagationRef,
+        userInteractionCount,
+        onUserInteraction,
+        required,
+        defaultChecked: dist_isIndeterminate(defaultChecked) ? false : defaultChecked,
+        isFormControl,
+        bubbleInput,
+        setBubbleInput
+    };
+    return /* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CheckboxProviderImpl, {
+        scope: __scopeCheckbox,
+        ...context,
+        children: dist_isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
+    });
+}
+react_checkbox_dist_name(CheckboxProvider, "CheckboxProvider");
+var react_checkbox_dist_TRIGGER_NAME = "CheckboxTrigger";
+var CheckboxTrigger = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(/* @__PURE__ */ react_checkbox_dist_name(function({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) {
+    const { control, value: value1, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useCheckboxContext(react_checkbox_dist_TRIGGER_NAME, __scopeCheckbox);
+    const composedRefs = dist_useComposedRefs(forwardedRef, setControl);
+    const initialCheckedStateRef = __WEBPACK_EXTERNAL_MODULE_react__.useRef(checked);
+    __WEBPACK_EXTERNAL_MODULE_react__.useEffect(()=>{
+        const form = control?.form;
+        if (form) {
+            const reset = /* @__PURE__ */ react_checkbox_dist_name(()=>setChecked(initialCheckedStateRef.current), "reset");
+            form.addEventListener("reset", reset);
+            return ()=>form.removeEventListener("reset", reset);
+        }
+    }, [
+        control,
+        setChecked
+    ]);
+    return /* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(dist_Primitive.button, {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": dist_isIndeterminate(checked) ? "mixed" : checked,
+        "aria-required": required,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        value: value1,
+        ...checkboxProps,
+        ref: composedRefs,
+        onKeyDown: dist_composeEventHandlers(onKeyDown, (event)=>{
+            if ("Enter" === event.key) event.preventDefault();
+        }),
+        onClick: dist_composeEventHandlers(onClick, (event)=>{
+            onUserInteraction();
+            setChecked((prevChecked)=>dist_isIndeterminate(prevChecked) ? true : !prevChecked);
+            if (bubbleInput && isFormControl) {
+                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+                if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
+        })
+    });
+}, "CheckboxTrigger"));
+var Checkbox = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(/* @__PURE__ */ react_checkbox_dist_name(function(props, forwardedRef) {
+    const { __scopeCheckbox, name, checked, defaultChecked, required, disabled, value: value1, onCheckedChange, form, ...checkboxProps } = props;
+    return /* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CheckboxProvider, {
+        __scopeCheckbox,
+        checked,
+        defaultChecked,
+        disabled,
+        required,
+        onCheckedChange,
+        name,
+        form,
+        value: value1,
+        internal_do_not_use_render: ({ isFormControl })=>/* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+                children: [
+                    /* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CheckboxTrigger, {
+                        ...checkboxProps,
+                        ref: forwardedRef,
+                        __scopeCheckbox
+                    }),
+                    isFormControl && /* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CheckboxBubbleInput, {
+                        __scopeCheckbox
+                    })
+                ]
+            })
+    });
+}, "Checkbox"));
+var INDICATOR_NAME = "CheckboxIndicator";
+var CheckboxIndicator = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(/* @__PURE__ */ react_checkbox_dist_name(function(props, forwardedRef) {
+    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
+    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
+    return /* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(dist_Presence, {
+        present: forceMount || dist_isIndeterminate(context.checked) || true === context.checked,
+        children: /* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(dist_Primitive.span, {
+            "data-state": getState(context.checked),
+            "data-disabled": context.disabled ? "" : void 0,
+            ...indicatorProps,
+            ref: forwardedRef,
+            style: {
+                pointerEvents: "none",
+                ...props.style
+            }
+        })
+    });
+}, "CheckboxIndicator"));
+var BUBBLE_INPUT_NAME = "CheckboxBubbleInput";
+var CheckboxBubbleInput = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(/* @__PURE__ */ react_checkbox_dist_name(function({ __scopeCheckbox, onClick, ...props }, forwardedRef) {
+    const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value: value1, form, bubbleInput, setBubbleInput } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);
+    const composedRefs = dist_useComposedRefs(forwardedRef, setBubbleInput);
+    const controlSize = useSize(control);
+    const shouldStopClickPropagationRef = __WEBPACK_EXTERNAL_MODULE_react__.useRef(false);
+    const prevCheckedRef = __WEBPACK_EXTERNAL_MODULE_react__.useRef(checked);
+    const prevUserInteractionCountRef = __WEBPACK_EXTERNAL_MODULE_react__.useRef(userInteractionCount);
+    __WEBPACK_EXTERNAL_MODULE_react__.useEffect(()=>{
+        const input = bubbleInput;
+        if (!input) return;
+        const inputProto = window.HTMLInputElement.prototype;
+        const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+        const setChecked = descriptor.set;
+        const isUserInteraction = userInteractionCount !== prevUserInteractionCountRef.current;
+        prevUserInteractionCountRef.current = userInteractionCount;
+        const checkedChanged = prevCheckedRef.current !== checked;
+        prevCheckedRef.current = checked;
+        const bubbles = !(isUserInteraction && hasConsumerStoppedPropagationRef.current);
+        if (checkedChanged && setChecked) {
+            shouldStopClickPropagationRef.current = !isUserInteraction;
+            const event = new Event("click", {
+                bubbles
+            });
+            input.indeterminate = dist_isIndeterminate(checked);
+            setChecked.call(input, dist_isIndeterminate(checked) ? false : checked);
+            input.dispatchEvent(event);
+            shouldStopClickPropagationRef.current = false;
+        }
+    }, [
+        bubbleInput,
+        checked,
+        hasConsumerStoppedPropagationRef,
+        userInteractionCount
+    ]);
+    const defaultCheckedRef = __WEBPACK_EXTERNAL_MODULE_react__.useRef(dist_isIndeterminate(checked) ? false : checked);
+    return /* @__PURE__ */ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(dist_Primitive.input, {
+        type: "checkbox",
+        "aria-hidden": true,
+        defaultChecked: defaultChecked ?? defaultCheckedRef.current,
+        required,
+        disabled,
+        name,
+        value: value1,
+        form,
+        ...props,
+        tabIndex: -1,
+        ref: composedRefs,
+        onClick: dist_composeEventHandlers(onClick, (event)=>{
+            if (shouldStopClickPropagationRef.current) event.stopPropagation();
+        }),
+        style: {
+            ...props.style,
+            ...controlSize,
+            position: "absolute",
+            pointerEvents: "none",
+            opacity: 0,
+            margin: 0,
+            transform: "translateX(-100%)"
+        }
+    });
+}, "CheckboxBubbleInput"));
+function dist_isFunction(value1) {
+    return "function" == typeof value1;
+}
+react_checkbox_dist_name(dist_isFunction, "isFunction");
+function dist_isIndeterminate(checked) {
+    return "indeterminate" === checked;
+}
+react_checkbox_dist_name(dist_isIndeterminate, "isIndeterminate");
+function getState(checked) {
+    return dist_isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+react_checkbox_dist_name(getState, "getState");
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const minus_iconNode = [
+    [
+        "path",
+        {
+            d: "M5 12h14",
+            key: "1ays0h"
+        }
+    ]
+];
+const Minus = createLucideIcon("minus", minus_iconNode);
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const check_iconNode = [
+    [
+        "path",
+        {
+            d: "M20 6 9 17l-5-5",
+            key: "1gmf2c"
+        }
+    ]
+];
+const Check = createLucideIcon("check", check_iconNode);
+const checkbox_Checkbox = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Checkbox, {
+        ref: ref,
+        "data-slot": "checkbox",
+        className: cn_cn('peer inline-flex size-4 shrink-0 items-center justify-center rounded-[var(--radius-micro)] border border-border bg-background text-primary shadow-xs transition-colors outline-none', 'focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', 'data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', 'data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground', className),
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CheckboxIndicator, {
+            "data-slot": "checkbox-indicator",
+            className: "flex items-center justify-center text-current",
+            children: 'indeterminate' === props.checked ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Minus, {
+                className: "size-3.5"
+            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Check, {
+                className: "size-3.5"
+            })
+        })
+    }));
+checkbox_Checkbox.displayName = Checkbox.displayName;
+const toCheckboxValue = (state)=>{
+    if ('checked' === state) return true;
+    if ('indeterminate' === state) return 'indeterminate';
+    return false;
+};
+const SignalTypeRow = ({ source, type, leafKeysWithData, hiddenKeys, expanded, onToggleExpanded, onToggleNode })=>{
+    const state = resolveNodeCheckState(leafKeysWithData, hiddenKeys, type.leafKeys);
+    const checkboxId = `signal-tree-type-checkbox-${source.source}-${type.signalType}`;
+    const hasLevels = type.levels.length > 0;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: "group flex items-center gap-1.5 rounded-[var(--radius-control)] px-[var(--size-gap-base)] py-[calc(var(--size-gap-base)/2)] transition-colors hover:bg-accent/80",
+                "data-testid": `signal-tree-type-${source.source}-${type.signalType}`,
+                children: [
+                    hasLevels ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
+                        type: "button",
+                        "aria-label": expanded ? "\u6298\u53E0\u4FE1\u53F7\u7C7B\u578B" : "\u5C55\u5F00\u4FE1\u53F7\u7C7B\u578B",
+                        className: "flex size-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                        onClick: onToggleExpanded,
+                        children: expanded ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ChevronDown, {
+                            className: "size-3.5"
+                        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ChevronRight, {
+                            className: "size-3.5"
+                        })
+                    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                        "aria-hidden": "true",
+                        className: "size-4 shrink-0"
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("label", {
+                        htmlFor: checkboxId,
+                        className: cn_cn('flex min-w-0 flex-1 items-center gap-1.5', 'disabled' === state ? 'cursor-not-allowed' : 'cursor-pointer'),
+                        children: [
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(checkbox_Checkbox, {
+                                id: checkboxId,
+                                "aria-label": `${source.label} ${type.label}`,
+                                checked: toCheckboxValue(state),
+                                disabled: 'disabled' === state,
+                                onCheckedChange: ()=>onToggleNode(type.leafKeys)
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                "aria-hidden": "true",
+                                className: cn_cn('size-2 shrink-0 rounded-full ring-1 ring-inset ring-background/30', 'disabled' === state && 'opacity-35'),
+                                "data-testid": `signal-tree-type-color-${source.source}-${type.signalType}`,
+                                style: {
+                                    backgroundColor: SIGNAL_TYPE_MAP[type.signalType].color
+                                }
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                className: cn_cn('min-w-0 truncate text-xs font-medium', 'disabled' === state ? 'text-muted-foreground' : 'text-foreground/90'),
+                                children: type.label
+                            })
+                        ]
+                    })
+                ]
+            }),
+            expanded && hasLevels ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "relative ml-6 border-l border-border/60 pl-1",
+                children: type.levels.map((level)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalLevelRow, {
+                        source: source.source,
+                        signalType: type.signalType,
+                        level: level,
+                        leafKeysWithData: leafKeysWithData,
+                        hiddenKeys: hiddenKeys,
+                        onToggleNode: onToggleNode
+                    }, level.leafKey))
+            }) : null
+        ]
+    }, type.signalType);
+};
+const SignalLevelRow = ({ source, signalType, level, leafKeysWithData, hiddenKeys, onToggleNode })=>{
+    const state = resolveNodeCheckState(leafKeysWithData, hiddenKeys, [
+        level.leafKey
+    ]);
+    const checkboxId = `signal-tree-level-checkbox-${source}-${signalType}-${level.level}`;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: "group flex items-center gap-1.5 rounded-[var(--radius-control)] px-[var(--size-gap-base)] py-[calc(var(--size-gap-base)/2)] transition-colors hover:bg-accent/80",
+        "data-testid": `signal-tree-level-${source}-${signalType}-${level.level}`,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("label", {
+            htmlFor: checkboxId,
+            className: cn_cn('flex min-w-0 flex-1 items-center gap-1.5', 'disabled' === state ? 'cursor-not-allowed' : 'cursor-pointer'),
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(checkbox_Checkbox, {
+                    id: checkboxId,
+                    "aria-label": `${signalType} ${level.label}`,
+                    checked: toCheckboxValue(state),
+                    disabled: 'disabled' === state,
+                    onCheckedChange: ()=>onToggleNode([
+                            level.leafKey
+                        ])
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                    "aria-hidden": "true",
+                    className: cn_cn('size-2 shrink-0 rounded-full ring-1 ring-inset ring-background/30', 'disabled' === state && 'opacity-35'),
+                    "data-testid": `signal-tree-level-color-${source}-${signalType}-${level.level}`,
+                    style: {
+                        backgroundColor: SIGNAL_LEVEL_MAP[level.level].color
+                    }
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                    className: cn_cn('text-xs', 'disabled' === state ? 'text-muted-foreground' : 'text-foreground/80'),
+                    children: level.label
+                })
+            ]
+        })
+    });
+};
+const SignalAnnotationTree = ({ tree, leafKeysWithData, hiddenKeys, onToggleNode })=>{
+    const [collapsedKeys, setCollapsedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>new Set());
+    const [collapsedSourceKeys, setCollapsedSourceKeys] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>new Set());
+    const toggleExpanded = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((key)=>{
+        setCollapsedKeys((prev)=>{
+            const next = new Set(prev);
+            if (next.has(key)) next.delete(key);
+            else next.add(key);
+            return next;
+        });
+    }, []);
+    const toggleSourceExpanded = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((source)=>{
+        setCollapsedSourceKeys((prev)=>{
+            const next = new Set(prev);
+            if (next.has(source)) next.delete(source);
+            else next.add(source);
+            return next;
+        });
+    }, []);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(scroll_area_ScrollArea, {
+        viewportClassName: "h-auto max-h-[var(--radix-dropdown-menu-content-available-height)]",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            className: "p-[calc(var(--size-gap-base)/2)]",
+            children: tree.sources.map((source, sourceIndex)=>{
+                const sourceState = resolveNodeCheckState(leafKeysWithData, hiddenKeys, source.leafKeys);
+                const checkboxId = `signal-tree-source-checkbox-${source.source}`;
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                    className: cn_cn(sourceIndex > 0 && 'mt-[calc(var(--size-gap-base)/2)] border-t border-border/60 pt-[calc(var(--size-gap-base)/2)]'),
+                    "data-testid": `signal-tree-source-${source.source}`,
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                            className: "flex items-center gap-1.5 rounded-[var(--radius-control)] px-[var(--size-gap-base)] py-[calc(var(--size-gap-base)/2)] transition-colors hover:bg-accent/80",
+                            "data-testid": `signal-tree-source-row-${source.source}`,
+                            children: [
+                                source.types.length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
+                                    type: "button",
+                                    "aria-label": collapsedSourceKeys.has(source.source) ? "\u5C55\u5F00\u6570\u636E\u6765\u6E90" : "\u6298\u53E0\u6570\u636E\u6765\u6E90",
+                                    className: "flex size-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                                    onClick: ()=>toggleSourceExpanded(source.source),
+                                    children: collapsedSourceKeys.has(source.source) ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ChevronRight, {
+                                        className: "size-3.5"
+                                    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ChevronDown, {
+                                        className: "size-3.5"
+                                    })
+                                }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                    "aria-hidden": "true",
+                                    className: "size-4 shrink-0"
+                                }),
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("label", {
+                                    htmlFor: checkboxId,
+                                    className: cn_cn('flex min-w-0 flex-1 items-center gap-1.5', 'disabled' === sourceState ? 'cursor-not-allowed' : 'cursor-pointer'),
+                                    children: [
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(checkbox_Checkbox, {
+                                            id: checkboxId,
+                                            "aria-label": `${source.label}\u{7B5B}\u{9009}`,
+                                            checked: toCheckboxValue(sourceState),
+                                            disabled: 'disabled' === sourceState,
+                                            onCheckedChange: ()=>onToggleNode(source.leafKeys)
+                                        }),
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                            className: "text-xs font-medium text-foreground",
+                                            children: source.label
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        collapsedSourceKeys.has(source.source) ? null : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: "ml-4 divide-y divide-border/40 border-l border-border/60 pl-1",
+                            children: source.types.map((type)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalTypeRow, {
+                                    source: source,
+                                    type: type,
+                                    leafKeysWithData: leafKeysWithData,
+                                    hiddenKeys: hiddenKeys,
+                                    expanded: !collapsedKeys.has(`${source.source}:${type.signalType}`),
+                                    onToggleExpanded: ()=>toggleExpanded(`${source.source}:${type.signalType}`),
+                                    onToggleNode: onToggleNode
+                                }, type.signalType))
+                        })
+                    ]
+                }, source.source);
+            })
+        })
+    });
+};
 const Signal_Switch_Switch = ()=>{
     const { state: { signal }, dispatch } = useStore_useStore();
     const isActive = signal.display;
     const shouldShow = signal.show;
+    const signalItems = useUnifiedSignals({
+        respectVisibility: false,
+        filterHidden: false
+    });
+    const tree = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>buildSignalTree(signalItems), [
+        signalItems
+    ]);
+    const leafKeysWithData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>new Set(tree.sources.flatMap((source)=>source.dataLeafKeys)), [
+        tree
+    ]);
+    const hiddenKeys = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>new Set(signal.hiddenCategoryKeys ?? []), [
+        signal.hiddenCategoryKeys
+    ]);
+    const hasCategoryFilter = (signal.hiddenCategoryKeys?.length ?? 0) > 0;
     const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((active)=>{
         dispatch({
             payload: {
@@ -28225,22 +29143,58 @@ const Signal_Switch_Switch = ()=>{
         signal,
         dispatch
     ]);
+    const toggleNode = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((fixedLeafKeys)=>{
+        const next = toggleNodeHiddenKeys(signal.hiddenCategoryKeys ?? [], fixedLeafKeys, leafKeysWithData);
+        dispatch({
+            payload: {
+                signal: {
+                    ...signal,
+                    hiddenCategoryKeys: next
+                }
+            }
+        });
+    }, [
+        signal,
+        leafKeysWithData,
+        dispatch
+    ]);
     if (!shouldShow) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(primitives_IconBox, {
-        active: isActive,
-        tone: "primary",
-        onClick: ()=>{
-            setActive(!isActive);
-        },
-        title: `\u{4FE1}\u{53F7}\u{6807}\u{6CE8}-\u{5DF2}${isActive ? "\u663E\u793A" : "\u9690\u85CF"}`,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                fill: "currentColor",
-                d: "M563.072 376.48a79.456 79.456 0 0 0 28.928-61.12 80 80 0 1 0-160 0c0 24.672 11.392 46.432 28.928 61.12l-202.88 540.256a32 32 0 1 0 59.904 22.496l49.28-131.264h289.504l49.28 131.264a32.064 32.064 0 0 0 41.248 18.752c16.544-6.208 24.896-24.672 18.72-41.216l-202.912-540.288z m-1.312 178.624h-99.552L512 422.56l49.76 132.544z m-170.464 188.896l46.912-124.896h147.616l46.912 124.896h-241.44zM662.464 417.408a32 32 0 1 0 53.12 35.648 254.72 254.72 0 0 0 43.136-142.304 255.04 255.04 0 0 0-43.136-142.304 32 32 0 1 0-53.12 35.68 190.944 190.944 0 0 1 32.288 106.624 190.816 190.816 0 0 1-32.288 106.656zM289.888 453.024a32 32 0 1 0 53.184-35.616 191.36 191.36 0 0 1-32.32-106.656 191.328 191.328 0 0 1 32.32-106.656 32.064 32.064 0 0 0-8.768-44.416 32.096 32.096 0 0 0-44.416 8.768 254.976 254.976 0 0 0-43.136 142.304 254.976 254.976 0 0 0 43.136 142.272zM210.656 117.12A32 32 0 1 0 157.44 81.536a420.032 420.032 0 0 0-70.848 233.824 419.744 419.744 0 0 0 70.88 233.856 31.936 31.936 0 0 0 44.416 8.768 32 32 0 0 0 8.768-44.416 355.168 355.168 0 0 1-60.032-198.24A355.36 355.36 0 0 1 210.656 117.12zM896.224 154.304a416.96 416.96 0 0 0-38.912-72.768 32 32 0 1 0-53.184 35.584 354.912 354.912 0 0 1 60.064 198.24 355.2 355.2 0 0 1-60.064 198.208 32.032 32.032 0 0 0 53.184 35.648 418.816 418.816 0 0 0 70.88-233.856c0-55.68-10.752-109.856-31.968-161.056z"
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolbarDropdownGroup, {
+        leading: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolbarGroupIconBox, {
+            active: isActive,
+            tone: "primary",
+            onClick: ()=>{
+                setActive(!isActive);
+            },
+            title: `\u{5168}\u{90E8}\u{4FE1}\u{53F7}\u{6807}\u{6CE8}\u{FF1A}${isActive ? "\u663E\u793A" : "\u9690\u85CF"}`,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+                viewBox: "0 0 1024 1024",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                    fill: "currentColor",
+                    d: "M563.072 376.48a79.456 79.456 0 0 0 28.928-61.12 80 80 0 1 0-160 0c0 24.672 11.392 46.432 28.928 61.12l-202.88 540.256a32 32 0 1 0 59.904 22.496l49.28-131.264h289.504l49.28 131.264a32.064 32.064 0 0 0 41.248 18.752c16.544-6.208 24.896-24.672 18.72-41.216l-202.912-540.288z m-1.312 178.624h-99.552L512 422.56l49.76 132.544z m-170.464 188.896l46.912-124.896h147.616l46.912 124.896h-241.44zM662.464 417.408a32 32 0 1 0 53.12 35.648 254.72 254.72 0 0 0 43.136-142.304 255.04 255.04 0 0 0-43.136-142.304 32 32 0 1 0-53.12 35.68 190.944 190.944 0 0 1 32.288 106.624 190.816 190.816 0 0 1-32.288 106.656zM289.888 453.024a32 32 0 1 0 53.184-35.616 191.36 191.36 0 0 1-32.32-106.656 191.328 191.328 0 0 1 32.32-106.656 32.064 32.064 0 0 0-8.768-44.416 32.096 32.096 0 0 0-44.416 8.768 254.976 254.976 0 0 0-43.136 142.304 254.976 254.976 0 0 0 43.136 142.272zM210.656 117.12A32 32 0 1 0 157.44 81.536a420.032 420.032 0 0 0-70.848 233.824 419.744 419.744 0 0 0 70.88 233.856 31.936 31.936 0 0 0 44.416 8.768 32 32 0 0 0 8.768-44.416 355.168 355.168 0 0 1-60.032-198.24A355.36 355.36 0 0 1 210.656 117.12zM896.224 154.304a416.96 416.96 0 0 0-38.912-72.768 32 32 0 1 0-53.184 35.584 354.912 354.912 0 0 1 60.064 198.24 355.2 355.2 0 0 1-60.064 198.208 32.032 32.032 0 0 0 53.184 35.648 418.816 418.816 0 0 0 70.88-233.856c0-55.68-10.752-109.856-31.968-161.056z"
+                })
             })
-        })
+        }),
+        value: null,
+        options: [],
+        triggerTitle: `\u{7B5B}\u{9009}\u{4FE1}\u{53F7}\u{6807}\u{6CE8}\u{7C7B}\u{522B}${hasCategoryFilter ? "\uFF08\u5DF2\u5E94\u7528\u7B5B\u9009\uFF09" : ''}`,
+        triggerTestId: "signal-tree-trigger",
+        triggerContent: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+            className: "sr-only",
+            children: hasCategoryFilter ? "\u4FE1\u53F7\u6807\u6CE8\u7C7B\u522B\u7B5B\u9009\uFF08\u5DF2\u5E94\u7528\uFF09" : "\u4FE1\u53F7\u6807\u6CE8\u7C7B\u522B\u7B5B\u9009"
+        }),
+        customContent: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            "data-testid": "signal-tree-popover",
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalAnnotationTree, {
+                tree: tree,
+                leafKeysWithData: leafKeysWithData,
+                hiddenKeys: hiddenKeys,
+                onToggleNode: toggleNode
+            })
+        }),
+        contentClassName: "w-max max-w-[calc(100vw-1rem)] p-0",
+        triggerClassName: cn_cn('justify-center [&>span:last-child]:ml-0', hasCategoryFilter && 'bg-accent/72 shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--primary)_28%,transparent)] [&>span:last-child]:text-primary')
     });
 };
 const Signal_Switch = Signal_Switch_Switch;
@@ -30408,7 +31362,7 @@ const Board = ({ id })=>{
             left: left,
             updateKey: updateKey,
             onChange: handleChange,
-            showStationInfo: false
+            showSignalInfo: false
         })
     });
 };
@@ -32176,27 +33130,47 @@ const Scope = ()=>{
     });
 };
 const Spectrum_Scope = Scope;
-const SignalSegments_SignalSegments = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ style, signalPositions, activeSignalKey, segmentIndex })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+const SignalSegments = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ style, signalPositions, activeSignalKey, segmentIndex })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: "absolute h-full box-border",
         style: style,
-        children: signalPositions.map(({ key, position, color, tooltip })=>{
+        children: signalPositions.map(({ item, key, position, color, tooltip })=>{
             const isActive = activeSignalKey === key;
-            const itemStyle = {
+            const positionStyle = {
                 left: position.left,
                 width: position.width,
-                minWidth: '1px',
-                backgroundColor: color,
-                opacity: isActive ? 0.5 : 1,
-                height: isActive ? '100%' : '8px'
+                minWidth: '1px'
             };
-            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: "pointer-events-none absolute top-0 flex min-w-px items-center justify-center overflow-hidden text-ellipsis whitespace-nowrap text-center text-xs text-foreground",
-                style: itemStyle,
-                title: tooltip
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+                children: [
+                    isActive ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        "aria-hidden": "true",
+                        className: "pointer-events-none absolute inset-y-0 z-0 box-border",
+                        "data-testid": "signal-annotation-highlight",
+                        style: {
+                            ...positionStyle,
+                            backgroundColor: `color-mix(in srgb, ${color} 14%, transparent)`,
+                            borderLeft: `1px solid ${color}`,
+                            borderRight: `1px solid ${color}`
+                        }
+                    }) : null,
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        className: "pointer-events-none absolute top-0 flex h-2 min-w-px items-center justify-center overflow-hidden text-ellipsis whitespace-nowrap text-center text-xs text-foreground",
+                        "data-signal-active": isActive ? 'true' : 'false',
+                        "data-signal-key": key,
+                        "data-signal-source": resolveSignalSource(item),
+                        "data-testid": "signal-annotation",
+                        style: {
+                            ...positionStyle,
+                            backgroundColor: color,
+                            zIndex: isActive ? 2 : 1
+                        },
+                        title: tooltip
+                    })
+                ]
             }, `segment-${segmentIndex}-signal-${key}`);
         })
     }));
-const SignalSegments = SignalSegments_SignalSegments;
+const presenters_SignalSegments = SignalSegments;
 function useSignalDataManager() {
     const { state, dispatch } = useStore_useStore();
     const globalIDRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(state.globalID);
@@ -32213,11 +33187,11 @@ function useSignalDataManager() {
         if (!state.globalID) return;
         const pendingStationData = pendingDataRef.current.station;
         const pendingSimpleSignalData = pendingDataRef.current.simple;
-        if (pendingStationData?.length) {
+        if (void 0 !== pendingStationData) {
             STATION_DATA(state.globalID, pendingStationData);
             pendingDataRef.current.station = void 0;
         }
-        if (pendingSimpleSignalData?.length) {
+        if (void 0 !== pendingSimpleSignalData) {
             dispatch({
                 payload: {
                     signal: {
@@ -32234,7 +33208,7 @@ function useSignalDataManager() {
     ]);
     const updateSignalData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((params)=>{
         const { type, data } = params;
-        if (!data || !Array.isArray(data) || 0 === data.length) return;
+        if (!Array.isArray(data)) return;
         if ('station' === type) {
             if (!globalIDRef.current) {
                 pendingDataRef.current.station = data;
@@ -32310,7 +33284,7 @@ const Signal = ({ id, show = true, display = true })=>{
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
             className: "absolute right-0 top-0 flex h-full w-full",
             style: zoomOffStyle ?? void 0,
-            children: segmentData.map(({ segmentIndex, signalPositions, style })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalSegments, {
+            children: segmentData.map(({ segmentIndex, signalPositions, style })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(presenters_SignalSegments, {
                     style: style,
                     signalPositions: signalPositions,
                     activeSignalKey: currentPosition.segmentIndex === segmentIndex ? activeSignalKey : void 0,