전략편집기 수정, 보조지표 설정 수정

frontend/src/components/StrategyEditorPage.tsx

@@ -18,7 +18,7 @@ import {
   genId,
   type StrategyDto,
 } from '../utils/strategyEditorShared';
-import { syncLogicNodeWithGlobalDef } from '../utils/strategyDefSync';
+import { syncLogicNodeWithGlobalDef, syncLogicRootWithGlobalDef } from '../utils/strategyDefSync';
 import { useIndicatorSettings } from '../hooks/useIndicatorSettings';
 import { findLogicNode, getIndicatorPeriodLabel } from '../utils/strategyFlowLayout';
 import {
@@ -29,6 +29,7 @@ import {
   hasMultipleStartSections,
   normalizeStartCombineOp,
   updateStartCombineOp,
+  updateStartCandleTypes,
   type EditorConditionState,
 } from '../utils/strategyConditionSerde';
 import {
@@ -131,7 +132,7 @@ function normalizeTabLayoutState(snap: SignalFlowLayoutSnapshot) {
 }
 
 export default function StrategyEditorPage({ theme }: Props) {
-  const { getParams, getVisualConfig, settingsRevision } = useIndicatorSettings();
+  const { getParams, getVisualConfig, settingsRevision, settingsLoaded } = useIndicatorSettings();
   const DEF = useMemo(
     () => buildStrategyEditorDefFromSettings(getParams, getVisualConfig),
     [getParams, getVisualConfig, settingsRevision],
@@ -391,6 +392,11 @@ export default function StrategyEditorPage({ theme }: Props) {
     schedulePersistFlowLayout(layoutStrategyKey);
   }, [setCurrentRoot, setCurrentLayout, layoutStrategyKey, schedulePersistFlowLayout]);
 
+  const handleStartCandleTypesChange = useCallback((startId: string, candleTypes: string[]) => {
+    const state = signalTab === 'buy' ? buyEditorState : sellEditorState;
+    handleEditorStateChange(updateStartCandleTypes(state, startId, candleTypes));
+  }, [signalTab, buyEditorState, sellEditorState, handleEditorStateChange]);
+
   const handleStartCombineOpChange = useCallback((op: StartCombineOp) => {
     handleEditorStateChange(updateStartCombineOp(currentEditorState, op));
   }, [handleEditorStateChange, currentEditorState]);
@@ -491,13 +497,26 @@ export default function StrategyEditorPage({ theme }: Props) {
     const sellDecoded = decodeConditionForEditor(s.sellCondition ?? null);
     const stored = loadStrategyFlowLayout(String(s.id));
 
+    const buySynced = syncLogicRootWithGlobalDef(
+      buyDecoded.root,
+      stored?.buy.orphans ?? [],
+      DEF,
+      'buy',
+    );
+    const sellSynced = syncLogicRootWithGlobalDef(
+      sellDecoded.root,
+      stored?.sell.orphans ?? [],
+      DEF,
+      'sell',
+    );
+
     setSelectedId(s.id);
     setStratName(s.name);
     setStratDesc(s.description ?? '');
-    setBuyCondition(buyDecoded.root);
-    setSellCondition(sellDecoded.root);
-    setBuyOrphans(stored?.buy.orphans ?? []);
-    setSellOrphans(stored?.sell.orphans ?? []);
+    setBuyCondition(buySynced.root);
+    setSellCondition(sellSynced.root);
+    setBuyOrphans(buySynced.orphans);
+    setSellOrphans(sellSynced.orphans);
     setBuyLayout({
       positions: stored?.buy.positions ?? {},
       edgeHandles: stored?.buy.edgeHandles ?? {},
@@ -802,7 +821,12 @@ export default function StrategyEditorPage({ theme }: Props) {
       <header className="se-header">
         <div className="se-header-left">
           <h1 className="se-title">전략 빌더</h1>
-          <span className="se-subtitle">Strategy Builder</span>
+          <span className="se-subtitle">
+            Strategy Builder
+            {!settingsLoaded && (
+              <span className="se-subtitle-hint"> · 보조지표 설정 로드 중…</span>
+            )}
+          </span>
         </div>
         <div className="se-header-actions">
           <div className="se-editor-mode" role="group" aria-label="편집 방식">
@@ -993,6 +1017,7 @@ export default function StrategyEditorPage({ theme }: Props) {
                   extraStartIds={currentLayout.extraStartIds}
                   extraRoots={currentLayout.extraRoots}
                   onStartMetaChange={handleStartMetaChange}
+                  onStartCandleTypesChange={handleStartCandleTypesChange}
                   onExtraStartIdsChange={handleExtraStartIdsChange}
                   onExtraRootsChange={handleExtraRootsChange}
                 />