다중 시간봉 전략 설정기능 추가

frontend/src/components/strategyEditor/FlowNodes.tsx

@@ -1,6 +1,11 @@
 import React, { memo, useCallback, useState } from 'react';
 import { Handle, Position, useConnection, useReactFlow, type NodeProps } from '@xyflow/react';
-import { START_NODE_ID, type HandleSide, type StrategyFlowNodeData } from '../../utils/strategyFlowLayout';
+import {
+  isStartNodeId,
+  STRATEGY_CANDLE_TYPES,
+  type HandleSide,
+  type StrategyFlowNodeData,
+} from '../../utils/strategyFlowLayout';
 import { hasNodeSettings } from '../../utils/conditionPeriods';
 import ConditionNodeSettings from './ConditionNodeSettings';
 
@@ -122,10 +127,14 @@ function usePaletteDropHandlers(id: string, d: StrategyFlowNodeData) {
   return { onDragOver, onDragLeave, onDrop };
 }
 
-export const StartNode = memo(function StartNode({ data }: NodeProps) {
+export const StartNode = memo(function StartNode({ id, data }: NodeProps) {
   const d = data as StrategyFlowNodeData;
   const isSell = d.signalTab === 'sell';
-  const { onDragOver, onDragLeave, onDrop } = usePaletteDropHandlers(START_NODE_ID, d);
+  const { onDragOver, onDragLeave, onDrop } = usePaletteDropHandlers(id, d);
+  const candleType = d.candleType ?? '1m';
+  const canDelete = id !== '__strategy_start__' && !!d.onDeleteStart;
+
+  const stop = (e: React.SyntheticEvent) => e.stopPropagation();
 
   return (
     <div
@@ -135,13 +144,41 @@ export const StartNode = memo(function StartNode({ data }: NodeProps) {
       onDrop={onDrop}
     >
       <MultiSideHandles
-        nodeId={START_NODE_ID}
+        nodeId={id}
         sourceOnly
         activeSourceSide={d.activeSourceSide}
         canSourceConnect={d.canSourceConnect !== false}
       />
-      <div className="se-flow-start-dot" />
-      <span>START</span>
+      <div className="se-flow-start-head">
+        <div className="se-flow-start-dot" />
+        <span className="se-flow-start-label">START</span>
+        <select
+          className="se-flow-start-tf"
+          value={candleType}
+          title="조건 판별 시간봉"
+          onPointerDown={stop}
+          onMouseDown={stop}
+          onClick={stop}
+          onChange={e => d.onStartCandleTypeChange?.(id, e.target.value)}
+        >
+          {STRATEGY_CANDLE_TYPES.map(ct => (
+            <option key={ct} value={ct}>{ct}</option>
+          ))}
+        </select>
+        {canDelete && (
+          <button
+            type="button"
+            className="se-flow-del se-flow-del--start"
+            title="START 삭제"
+            onClick={e => {
+              e.stopPropagation();
+              d.onDeleteStart?.(id);
+            }}
+          >
+            ×
+          </button>
+        )}
+      </div>
     </div>
   );
 });