전략 시간봉 오류 수정

frontend/src/components/StrategyEditorPage.tsx

@@ -34,6 +34,7 @@ import {
   updateStartCandleTypes,
   type EditorConditionState,
 } from '../utils/strategyConditionSerde';
+import { persistStrategyEvaluationTimeframes } from '../utils/strategyTimeframeSync';
 import {
   START_NODE_ID,
   defaultStartMeta,
@@ -190,8 +191,13 @@ export default function StrategyEditorPage({ theme }: Props) {
   }));
   const buyLayoutRef = useRef(buyLayout);
   const sellLayoutRef = useRef(sellLayout);
+  const buyConditionRef = useRef(buyCondition);
+  const sellConditionRef = useRef(sellCondition);
   buyLayoutRef.current = buyLayout;
   sellLayoutRef.current = sellLayout;
+  buyConditionRef.current = buyCondition;
+  sellConditionRef.current = sellCondition;
+  const timeframeAutosaveRef = useRef<number | null>(null);
   const layoutRevisionRef = useRef(0);
   const persistLayoutTimerRef = useRef<number | null>(null);
   const layoutPersistReadyRef = useRef(false);
@@ -395,6 +401,22 @@ export default function StrategyEditorPage({ theme }: Props) {
     schedulePersistFlowLayout(layoutStrategyKey);
   }, [setCurrentRoot, setCurrentLayout, layoutStrategyKey, schedulePersistFlowLayout]);
 
+  const scheduleTimeframePersist = useCallback(() => {
+    if (selectedId == null || !stratName.trim()) return;
+    if (timeframeAutosaveRef.current != null) window.clearTimeout(timeframeAutosaveRef.current);
+    const id = selectedId;
+    const name = stratName;
+    const desc = stratDesc;
+    timeframeAutosaveRef.current = window.setTimeout(() => {
+      timeframeAutosaveRef.current = null;
+      const buy = toEditorState(buyConditionRef.current, buyLayoutRef.current);
+      const sell = toEditorState(sellConditionRef.current, sellLayoutRef.current);
+      void persistStrategyEvaluationTimeframes(id, name, desc, buy, sell).catch(err => {
+        console.warn('[StrategyEditor] START 분봉 자동저장 실패:', err);
+      });
+    }, 700);
+  }, [selectedId, stratName, stratDesc]);
+
   const handleStartCandleTypesChange = useCallback((startId: string, candleTypes: string[]) => {
     if (startId === START_NODE_ID) {
       const synced = syncBuySellPrimaryStartCandleTypes(buyEditorState, sellEditorState, candleTypes);
@@ -415,16 +437,20 @@ export default function StrategyEditorPage({ theme }: Props) {
         startCombineOp: normalizeStartCombineOp(synced.sell.startCombineOp),
       }));
       schedulePersistFlowLayout(layoutStrategyKey);
+      scheduleTimeframePersist();
       return;
     }
     const state = signalTab === 'buy' ? buyEditorState : sellEditorState;
     handleEditorStateChange(updateStartCandleTypes(state, startId, candleTypes));
+    scheduleTimeframePersist();
   }, [
     buyEditorState,
     sellEditorState,
     handleEditorStateChange,
     layoutStrategyKey,
     schedulePersistFlowLayout,
+    scheduleTimeframePersist,
+    signalTab,
   ]);
 
   const handleStartCombineOpChange = useCallback((op: StartCombineOp) => {