전략편집기 횡보구간 컨트롤 추가

frontend/src/components/strategyEditor/StrategyEditorCanvas.tsx

@@ -28,6 +28,7 @@ import {
   updateNode,
   type DefType,
 } from '../../utils/strategyEditorShared';
+import { buildSidewaysFilterNode } from '../../utils/sidewaysFilterPalette';
 import { setStochPairSecondary } from '../../utils/stochOverboughtPair';
 import {
   START_NODE_ID,
@@ -563,18 +564,28 @@ function StrategyEditorCanvasInner({
     })));
   }, [setNodes]);
 
+  const resolvePaletteDropNode = useCallback((
+    data: { type: string; value: string; label: string; composite?: boolean },
+  ): LogicNode | null => {
+    if (data.type === 'sidewaysFilter') {
+      return buildSidewaysFilterNode(data.value, def);
+    }
+    return makeNode(data.type, data.value, signalTab, def, makeNodeOptionsFromPalette(data));
+  }, [signalTab, def]);
+
   const addOrphanAt = useCallback((
     data: { type: string; value: string; label: string; composite?: boolean },
     flowPos: { x: number; y: number },
   ) => {
-    const newNode = makeNode(data.type, data.value, signalTab, def, makeNodeOptionsFromPalette(data));
+    const newNode = resolvePaletteDropNode(data);
+    if (!newNode) return;
     positionsRef.current.set(newNode.id, {
       x: flowPos.x - FLOW_NODE_W / 2,
       y: flowPos.y - FLOW_NODE_H / 2,
     });
     onOrphansChange([...orphans, newNode]);
     scheduleLayoutEmit();
-  }, [orphans, onOrphansChange, signalTab, def, scheduleLayoutEmit]);
+  }, [orphans, onOrphansChange, resolvePaletteDropNode, scheduleLayoutEmit]);
 
   const applyDropWithAttach = useCallback((
     anchorId: string,
@@ -586,7 +597,8 @@ function StrategyEditorCanvasInner({
       return;
     }
 
-    const newNode = makeNode(data.type, data.value, signalTab, def, makeNodeOptionsFromPalette(data));
+    const newNode = resolvePaletteDropNode(data);
+    if (!newNode) return;
     const anchor = nodesRef.current.find(n => n.id === anchorId);
     if (!anchor) return;
 
@@ -636,7 +648,7 @@ function StrategyEditorCanvasInner({
     }
     saveAttachHandles(anchorId);
     scheduleLayoutEmit();
-  }, [root, extraRoots, signalTab, def, onChange, onExtraRootsChange, addStartAt, scheduleLayoutEmit]);
+  }, [root, extraRoots, onChange, onExtraRootsChange, addStartAt, scheduleLayoutEmit, resolvePaletteDropNode]);
 
   const handleDragOverTarget = useCallback((anchorId: string, flowPos: { x: number; y: number }) => {
     updateDropPreview(anchorId, flowPos);