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

frontend/src/chart/ChartWorkspaceView.tsx

@@ -138,6 +138,7 @@ export interface ChartWorkspaceViewProps {
   chartCandleAreaPriceLabels: boolean;
   chartSeriesPriceLabels: boolean;
   chartVolumeVisible: boolean;
+  chartPriceExtremeLabelsVisible: boolean;
   chartPaneSeparator: ChartPaneSeparatorOptions;
   chartCrosshairInfoVisible: boolean;
   chartHoverToolbarVisible: boolean;
@@ -291,6 +292,7 @@ export interface ChartWorkspaceViewProps {
   handleExpandIndicator: (id: string) => void;
   handleRestoreIndicators: () => void;
   handleToggleCandleOverlay: (key: ChartOverlayToggleKey) => void;
+  handleTogglePriceExtremeLabels: () => void;
   handleCustomOverlayActiveChange: (active: boolean) => void;
   handleCustom1OverlayActiveChange: (active: boolean) => void;
   handleSaveCustomOverlaySelection: (slot: ChartCustomOverlaySlotId, selection: ChartCustomOverlaySelection) => void;
@@ -325,7 +327,7 @@ function ChartWorkspaceViewInner(props: ChartWorkspaceViewProps) {
     overlayVisibilityRef, candleOverlayToggles, customOverlaySelection,
     custom1OverlaySelection, customOverlaySettingsSlot, customOverlayActive,
     custom1OverlayActive, chartCandleAreaPriceLabels, chartSeriesPriceLabels,
-    chartVolumeVisible, chartPaneSeparator, chartCrosshairInfoVisible,
+    chartVolumeVisible, chartPriceExtremeLabelsVisible, chartPaneSeparator, chartCrosshairInfoVisible,
     chartHoverToolbarVisible, chartLiveReceiveHighlight, chartRealtimeSource,
     displayTimezone, chartTimeFormat, chartLegendOptions, useUpbit, wsStatus, bars, barsMarket,
     barsMarketRef, chartMountKey, chartLiveReadyRef, pendingRealtimeBarRef,
@@ -363,6 +365,7 @@ function ChartWorkspaceViewInner(props: ChartWorkspaceViewProps) {
     handleDuplicateIndicator, handleRemoveIndicatorById, handleScreenshot,
     handleReorderIndicators, handleMergeIndicators, handleSplitIndicatorPane,
     handleExpandIndicator, handleRestoreIndicators, handleToggleCandleOverlay,
+    handleTogglePriceExtremeLabels,
     handleCustomOverlayActiveChange, handleCustom1OverlayActiveChange,
     handleSaveCustomOverlaySelection, syncCustomOverlaysToManager,
     handleCandlesReady, applyBacktestMarkersWhenReady, btRun, refreshPaperAccount,
@@ -505,6 +508,8 @@ function ChartWorkspaceViewInner(props: ChartWorkspaceViewProps) {
         chartLiveQuote={liveQuote}
         chartQuoteLoading={isLoading}
         chartQuoteError={error}
+        priceExtremeLabelsVisible={chartPriceExtremeLabelsVisible}
+        onTogglePriceExtremeLabels={handleTogglePriceExtremeLabels}
       />
 
       {isMobile && (showMarketPanel || mobileRightOpen) && (
@@ -616,6 +621,8 @@ function ChartWorkspaceViewInner(props: ChartWorkspaceViewProps) {
                 chartPaneSeparator={chartPaneSeparator}
                 chartCrosshairInfoVisible={chartCrosshairInfoVisible}
                 chartHoverToolbarVisible={chartHoverToolbarVisible}
+                chartPriceExtremeLabelsVisible={chartPriceExtremeLabelsVisible}
+                onTogglePriceExtremeLabels={handleTogglePriceExtremeLabels}
                 chartLiveReceiveHighlight={chartLiveReceiveHighlight}
                 chartRealtimeSource={chartRealtimeSource as 'BACKEND_STOMP' | 'UPBIT_DIRECT'}
                 displayTimezone={displayTimezone}
@@ -659,6 +666,7 @@ function ChartWorkspaceViewInner(props: ChartWorkspaceViewProps) {
                     chartPaneSeparator={chartPaneSeparator}
                     chartCrosshairInfoVisible={chartCrosshairInfoVisible}
                     chartHoverToolbarVisible={chartHoverToolbarVisible}
+                    chartPriceExtremeLabelsVisible={chartPriceExtremeLabelsVisible}
                     chartLiveReceiveHighlight={chartLiveReceiveHighlight}
                     chartRealtimeSource={chartRealtimeSource as 'BACKEND_STOMP' | 'UPBIT_DIRECT'}
                     displayTimezone={displayTimezone}
@@ -723,6 +731,7 @@ function ChartWorkspaceViewInner(props: ChartWorkspaceViewProps) {
               mgr.setIndicatorAreaPriceLabelsEnabled(chartSeriesPriceLabels);
               const wrapper = document.querySelector('.chart-wrapper') as HTMLElement | null;
               mgr.setVolumeVisible(chartVolumeVisible, wrapper?.clientHeight);
+              mgr.setPriceExtremeLabelsVisible(chartPriceExtremeLabelsVisible);
               mgr.setPaneSeparatorOptions(chartPaneSeparator);
               mgr.setDisplayTimezone(displayTimezone, timeframe, chartTimeFormat);
               mgr.setChartOverlayVisibility(overlayVisibilityRef.current);
@@ -773,6 +782,8 @@ function ChartWorkspaceViewInner(props: ChartWorkspaceViewProps) {
             paneSeparatorOptions={chartPaneSeparator}
             candleOverlayToggles={candleOverlayToggles}
             onToggleCandleOverlay={handleToggleCandleOverlay}
+            priceExtremeLabelsVisible={chartPriceExtremeLabelsVisible}
+            onTogglePriceExtremeLabels={handleTogglePriceExtremeLabels}
             customOverlayActive={customOverlayActive}
             onCustomOverlayActiveChange={handleCustomOverlayActiveChange}
             onOpenCustomOverlaySettings={() => setCustomOverlaySettingsSlot('custom')}