복합지표 추가

frontend/src/components/strategyEditor/IndicatorPaletteTab.tsx

@@ -3,7 +3,9 @@ import PaletteChip from './PaletteChip';
 import PaletteItemModal from './PaletteItemModal';
 import type { DefType } from '../../utils/strategyEditorShared';
 import { getCompositeDefaultPeriods } from '../../utils/compositeIndicators';
+import { isStochOverboughtPairPaletteValue } from '../../utils/stochOverboughtPair';
 import { getDefaultIndicatorPeriod } from '../../utils/conditionPeriods';
+import { getStrategyIndicatorDisplayName } from '../../utils/strategyPaletteStorage';
 import { getIndicatorPeriodLabel } from '../../utils/strategyFlowLayout';
 import {
   createPaletteItemId,
@@ -14,6 +16,10 @@ import {
 
 /** 팔레트 카드 기간 표시 — 항상 보조지표 설정(DEF) 기준 */
 function periodLabel(item: PaletteItem, def: DefType): string {
+  if (item.kind === 'composite' && isStochOverboughtPairPaletteValue(item.value)) {
+    const sec = item.secondaryIndicator ?? 'CCI';
+    return `Stoch + ${getStrategyIndicatorDisplayName(sec)}`;
+  }
   if (item.kind === 'composite') {
     const d = getCompositeDefaultPeriods(item.value, def);
     return `${d.short} / ${d.long}`;
@@ -164,7 +170,9 @@ export default function IndicatorPaletteTab({
             label={item.label}
             desc={item.desc}
             color={kind === 'composite' ? 'composite' : 'ind'}
-            composite={kind === 'composite'}
+            composite={kind === 'composite' && !isStochOverboughtPairPaletteValue(item.value)}
+            stochPair={isStochOverboughtPairPaletteValue(item.value)}
+            secondaryIndicator={item.secondaryIndicator}
             period={periodLabel(item, def)}
             periodValue={item.period}
             shortPeriod={item.shortPeriod}