일목균형표 수정

frontend/src/components/strategyEditor/StrategyEditorCanvas.tsx

@@ -371,10 +371,12 @@ function StrategyEditorCanvasInner({
     };
   }, [emitLayoutChange]);
 
-  const handleStartCandleTypeChange = useCallback((startId: string, candleType: string) => {
+  const handleStartCandleTypesChange = useCallback((startId: string, candleTypes: string[]) => {
+    const types = candleTypes.length > 0 ? candleTypes : [DEFAULT_START_CANDLE];
+    const normalized = types.map(normalizeStartCandleType);
     onStartMetaChange?.({
       ...startMeta,
-      [startId]: { candleType: normalizeStartCandleType(candleType) },
+      [startId]: { candleTypes: normalized, candleType: normalized[0] },
     });
   }, [startMeta, onStartMetaChange]);
 
@@ -403,7 +405,7 @@ function StrategyEditorCanvasInner({
     onExtraStartIdsChange?.([...extraStartIds, newId]);
     onStartMetaChange?.({
       ...startMeta,
-      [newId]: { candleType: DEFAULT_START_CANDLE },
+      [newId]: { candleTypes: [DEFAULT_START_CANDLE], candleType: DEFAULT_START_CANDLE },
     });
     onExtraRootsChange?.({ ...extraRoots, [newId]: null });
     positionsRef.current.set(newId, {
@@ -675,18 +677,47 @@ function StrategyEditorCanvasInner({
     }
   }, [root, extraRoots, orphans, onChange, onOrphansChange, onExtraRootsChange]);
 
+  const handleChangeLogicGateType = useCallback((id: string, gateType: 'AND' | 'OR') => {
+    if (isOrphanNode(orphans, id)) {
+      onOrphansChange(orphans.map(o => (
+        o.id === id && (o.type === 'AND' || o.type === 'OR')
+          ? { ...o, type: gateType }
+          : o
+      )));
+      return;
+    }
+    if (root && findNodeInTree(root, id)) {
+      onChange(updateNode(root, id, n => (
+        n.type === 'AND' || n.type === 'OR' ? { ...n, type: gateType } : n
+      )));
+      return;
+    }
+    for (const [sid, branch] of Object.entries(extraRoots)) {
+      if (branch && findNodeInTree(branch, id)) {
+        onExtraRootsChange?.({
+          ...extraRoots,
+          [sid]: updateNode(branch, id, n => (
+            n.type === 'AND' || n.type === 'OR' ? { ...n, type: gateType } : n
+          )),
+        });
+        return;
+      }
+    }
+  }, [root, extraRoots, orphans, onChange, onOrphansChange, onExtraRootsChange]);
+
   const flowCallbacks = useMemo(() => ({
     onDelete: handleDelete,
     onUpdateCondition: handleUpdateCondition,
+    onChangeLogicGateType: handleChangeLogicGateType,
     onDropTarget: handleDropTarget,
     onDragOverTarget: handleDragOverTarget,
     onDragLeaveTarget: handleDragLeaveTarget,
-    onStartCandleTypeChange: handleStartCandleTypeChange,
+    onStartCandleTypesChange: handleStartCandleTypesChange,
     onDeleteStart: handleDeleteStart,
   }), [
-    handleDelete, handleUpdateCondition, handleDropTarget,
-    handleDragOverTarget, handleDragLeaveTarget,
-    handleStartCandleTypeChange, handleDeleteStart,
+    handleDelete, handleUpdateCondition, handleChangeLogicGateType,
+    handleDropTarget, handleDragOverTarget, handleDragLeaveTarget,
+    handleStartCandleTypesChange, handleDeleteStart,
   ]);
 
   const rebuildFlow = useCallback(() => logicNodeToFlow(