횡보컨트롤 배경색 적용

frontend/src/components/StrategyEditorPage.tsx

@@ -46,7 +46,7 @@ import {
 } from '../utils/strategyStartNodes';
 import IndicatorPaletteTab from './strategyEditor/IndicatorPaletteTab';
 import SidewaysFilterPaletteTab from './strategyEditor/SidewaysFilterPaletteTab';
-import { buildSidewaysFilterNode } from '../utils/sidewaysFilterPalette';
+import { buildSidewaysFilterNode, loadSidewaysPaletteItems } from '../utils/sidewaysFilterPaletteStorage';
 import {
   loadPaletteItems,
   type PaletteItem,
@@ -240,6 +240,7 @@ export default function StrategyEditorPage({ theme, onNavigateToBacktest }: Prop
   const [indicatorSubTab, setIndicatorSubTab] = useState<'auxiliary' | 'composite' | 'range'>('auxiliary');
   const [auxiliaryPalette, setAuxiliaryPalette] = useState<PaletteItem[]>(() => loadPaletteItems('auxiliary'));
   const [compositePalette, setCompositePalette] = useState<PaletteItem[]>(() => loadPaletteItems('composite'));
+  const [sidewaysPalette, setSidewaysPalette] = useState(() => loadSidewaysPaletteItems());
   const [paletteSearch, setPaletteSearch] = useState('');
   const [templateSearch, setTemplateSearch] = useState('');
   const [userTemplates, setUserTemplates] = useState<UserStrategyTemplate[]>(() => loadUserStrategyTemplates());
@@ -1157,13 +1158,13 @@ export default function StrategyEditorPage({ theme, onNavigateToBacktest }: Prop
   }, [signalTab, DEF, currentRoot, setCurrentRoot, scheduleStrategyPersist]);
 
   const applySidewaysFilter = useCallback((filterId: string) => {
-    const newNode = buildSidewaysFilterNode(filterId, DEF);
+    const newNode = buildSidewaysFilterNode(filterId, DEF, sidewaysPalette);
     if (!newNode) return;
     const root = currentRoot;
     if (!root) setCurrentRoot(newNode);
     else setCurrentRoot(mergeAtRoot(root, newNode, false));
     scheduleStrategyPersist();
-  }, [DEF, currentRoot, setCurrentRoot, scheduleStrategyPersist]);
+  }, [DEF, currentRoot, setCurrentRoot, scheduleStrategyPersist, sidewaysPalette]);
 
   const templates = useMemo(() => getStrategyTemplates(DEF), [DEF]);
 
@@ -1952,6 +1953,8 @@ export default function StrategyEditorPage({ theme, onNavigateToBacktest }: Prop
               ) : (
                 <SidewaysFilterPaletteTab
                   def={DEF}
+                  items={sidewaysPalette}
+                  onItemsChange={setSidewaysPalette}
                   searchQuery={paletteSearch}
                   selectedItemId={
                     selectedPaletteKey?.startsWith('range:')