실시간 차트 신고가,신저가 표시

frontend/src/components/TradingChart.tsx

@@ -180,6 +180,9 @@ interface TradingChartProps {
   custom1OverlayActive?: boolean;
   onCustom1OverlayActiveChange?: (active: boolean) => void;
   onOpenCustom1OverlaySettings?: () => void;
+  /** 9·20일 신고가·신저가 라벨 표시 (실시간 차트 우측 툴바) */
+  priceExtremeLabelsVisible?: boolean;
+  onTogglePriceExtremeLabels?: () => void;
   /** 미니 차트 — plot 너비에 맞는 초기 x축 캔들 수 (미지정 시 DISPLAY_COUNT) */
   resolveInitialDisplayCount?: (plotWidth: number) => number;
   /** true — reload·layout 복구 타이머의 반복 viewport 재조정 생략 (미니 카드 깜빡임 방지) */
@@ -243,6 +246,8 @@ const TradingChart: React.FC<TradingChartProps> = ({
   custom1OverlayActive,
   onCustom1OverlayActiveChange,
   onOpenCustom1OverlaySettings,
+  priceExtremeLabelsVisible,
+  onTogglePriceExtremeLabels,
   resolveInitialDisplayCount,
   skipViewportRecovery = false,
   auxIndicatorOnly = false,
@@ -1161,6 +1166,7 @@ const TradingChart: React.FC<TradingChartProps> = ({
       managerRef.current?.panByPixelDelta(dx, dy, {
         allowVerticalPan: allowVertical,
       });
+      managerRef.current?.notifyViewportChanged();
     };
 
     const onPanPointerUp = (e: PointerEvent) => {
@@ -1827,6 +1833,8 @@ const TradingChart: React.FC<TradingChartProps> = ({
             custom1OverlayActive={custom1OverlayActive}
             onCustom1OverlayActiveChange={onCustom1OverlayActiveChange}
             onOpenCustom1OverlaySettings={onOpenCustom1OverlaySettings}
+            priceExtremeLabelsVisible={priceExtremeLabelsVisible}
+            onTogglePriceExtremeLabels={onTogglePriceExtremeLabels}
             onSplit={onSplitIndicatorPane}
             onRemove={onRemoveIndicator}
             onDuplicate={onDuplicateIndicator}