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

frontend/src/chart/useChartWorkspace.ts

@@ -54,6 +54,10 @@ import {
   DEFAULT_CHART_OVERLAY_VISIBILITY,
   listChartOverlayToggleItems,
 } from '../utils/chartOverlayVisibility';
+import {
+  loadChartPriceExtremeLabelsVisible,
+  saveChartPriceExtremeLabelsVisible,
+} from '../utils/chartPriceExtremeLabelsPref';
 import {
   type ChartCustomOverlaySelection,
   type ChartCustomOverlaySlotId,
@@ -1396,6 +1400,15 @@ export function useChartWorkspace({
     [overlayVisibility],
   );
 
+  const [chartPriceExtremeLabelsVisible, setChartPriceExtremeLabelsVisible] = useState(
+    () => loadChartPriceExtremeLabelsVisible(),
+  );
+
+  useEffect(() => {
+    managerRef.current?.setPriceExtremeLabelsVisible(chartPriceExtremeLabelsVisible);
+    slotRefs.current.forEach(slot => slot?.setPriceExtremeLabelsVisible(chartPriceExtremeLabelsVisible));
+  }, [chartPriceExtremeLabelsVisible]);
+
   const [customOverlaySelection, setCustomOverlaySelection] = useState<ChartCustomOverlaySelection>(
     () => createDefaultChartCustomOverlaySelection(),
   );
@@ -1481,6 +1494,16 @@ export function useChartWorkspace({
     });
   }, []);
 
+  const handleTogglePriceExtremeLabels = useCallback(() => {
+    setChartPriceExtremeLabelsVisible(prev => {
+      const next = !prev;
+      saveChartPriceExtremeLabelsVisible(next);
+      managerRef.current?.setPriceExtremeLabelsVisible(next);
+      slotRefs.current.forEach(slot => slot?.setPriceExtremeLabelsVisible(next));
+      return next;
+    });
+  }, []);
+
   /**
    * 보조지표 순서 변경 (드래그 핸들): fromId 를 indicators 배열에서 이동.
    * overlay/markers 지표는 건드리지 않고 비오버레이 지표 위치만 변경됨.
@@ -1908,7 +1931,7 @@ export function useChartWorkspace({
     candleOverlayToggles, customOverlaySelection, custom1OverlaySelection,
     activeCustomOverlaySlot, customOverlaySettingsSlot, customOverlayActive,
     custom1OverlayActive, chartCandleAreaPriceLabels, chartSeriesPriceLabels,
-    chartVolumeVisible, chartPaneSeparator, chartCrosshairInfoVisible,
+    chartVolumeVisible, chartPriceExtremeLabelsVisible, chartPaneSeparator, chartCrosshairInfoVisible,
     chartHoverToolbarVisible, chartLiveReceiveHighlight,
     chartRealtimeSource: (chartRealtimeSource ?? 'BACKEND_STOMP') as 'BACKEND_STOMP' | 'UPBIT_DIRECT',
     displayTimezone, chartTimeFormat, chartLegendOptions, useUpbit,
@@ -1948,6 +1971,7 @@ export function useChartWorkspace({
     handleDuplicateIndicator, handleRemoveIndicatorById, handleScreenshot,
     handleReorderIndicators, handleMergeIndicators, handleSplitIndicatorPane,
     handleExpandIndicator, handleRestoreIndicators, handleToggleCandleOverlay,
+    handleTogglePriceExtremeLabels,
     handleCustomOverlayActiveChange, handleCustom1OverlayActiveChange,
     handleSaveCustomOverlaySelection, syncCustomOverlaysToManager,
     handleCandlesReady, applyBacktestMarkersWhenReady, btRun, refreshPaperAccount,