From 23ccb89d2c716f5d8ac0f5705279a44d71e8623a Mon Sep 17 00:00:00 2001
From: Macbook <macbook@Macbookui-MacBookPro.local>
Date: Mon, 22 Jun 2026 01:32:47 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=93=A0=20=EC=BA=94=EB=93=A4?=
 =?UTF-8?q?=EC=B0=A8=ED=8A=B8=EC=99=80=20=EB=B3=B4=EC=A1=B0=EC=A7=80?=
 =?UTF-8?q?=ED=91=9C=20=EC=82=AC=EC=9D=B4=20=EC=82=AC=EC=9D=B4=EC=A6=88?=
 =?UTF-8?q?=EC=A1=B0=EC=A0=88=20=EA=B0=80=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.css                                     | 4 ++--
 frontend/src/components/TradingChart.tsx                 | 9 +++++----
 .../analysisReport/TimelineSignalSnapshotChart.tsx       | 1 -
 .../src/components/backtest/BacktestAnalysisChart.tsx    | 1 -
 .../strategyEvaluation/StrategyEvaluationChart.tsx       | 1 -
 5 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 7e0b0bf..459959d 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1172,13 +1172,13 @@ html.desktop-client .tmb-logo-version {
   transform: translateY(-50%);
   height: 2px;
   border-radius: 1px;
-  background: transparent;
+  background: color-mix(in srgb, var(--border, rgba(100, 120, 180, 0.35)) 45%, transparent);
   transition: background 0.15s ease;
 }
 
 .chart-pane-resize-handle:hover::after,
 .chart-pane-resize-handle:active::after {
-  background: rgba(100, 120, 180, 0.55);
+  background: color-mix(in srgb, var(--accent, rgba(100, 120, 180, 0.55)) 55%, transparent);
 }
 
 /* 우측 세로 툴바 — 가격축 라벨 오른쪽 전용 영역 */
diff --git a/frontend/src/components/TradingChart.tsx b/frontend/src/components/TradingChart.tsx
index 8042895..138933b 100644
--- a/frontend/src/components/TradingChart.tsx
+++ b/frontend/src/components/TradingChart.tsx
@@ -153,7 +153,7 @@ interface TradingChartProps {
   paneSeparatorOptions?: ChartPaneSeparatorOptions;
   /** true: pane 합산 높이로 chart-container 를 키우지 않고 래퍼 높이에 맞춤 (미니 차트·알림 목록) */
   paneLayoutClamp?: boolean;
-  /** paneLayoutClamp=true 환경에서도 캔들/보조지표 비율 드래그 핸들을 표시 (백테스팅 차트 등) */
+  /** false — 캔들·보조 pane 분리선 드래그 비활성 (기본 true, 보조 pane 있을 때 자동 표시) */
   showPaneResizeHandle?: boolean;
   /** 캔들+거래량 vs 보조 pane 높이 비율 (aux 0 이면 미적용) */
   paneAreaRatio?: { candle: number; aux: number } | null;
@@ -231,7 +231,7 @@ const TradingChart: React.FC<TradingChartProps> = ({
   chartVisible = true,
   paneSeparatorOptions,
   paneLayoutClamp = false,
-  showPaneResizeHandle = false,
+  showPaneResizeHandle = true,
   paneAreaRatio = null,
   showPaneLegend = true,
   showChartRightToolbar,
@@ -1806,6 +1806,7 @@ const TradingChart: React.FC<TradingChartProps> = ({
     && chartPaintReady
     && (effectiveShowChartRightToolbar || showOverlayControlsOnly)
   );
+  const allowPaneResize = showPaneResizeHandle && !auxIndicatorOnly;
 
   return (
     // wrapperRef: 스크롤 영역 (overflow-y: auto → App.css .tv-chart-wrap)
@@ -1829,8 +1830,8 @@ const TradingChart: React.FC<TradingChartProps> = ({
           ref={containerRef}
           className="chart-container"
         />
-        {/* 캔들 pane 하단 드래그 핸들 — 캔들/보조지표 높이 비율 조절 */}
-        {candlePaneBottomY != null && !candleOnlyMode && (!paneLayoutClamp || showPaneResizeHandle) && chartPaintReady && (
+        {/* 캔들 pane 하단 드래그 핸들 — 캔들/보조지표(·거래량) 높이 비율 조절 */}
+        {allowPaneResize && candlePaneBottomY != null && !candleOnlyMode && chartPaintReady && (
           <div
             className="chart-pane-resize-handle"
             style={{ top: candlePaneBottomY }}
diff --git a/frontend/src/components/analysisReport/TimelineSignalSnapshotChart.tsx b/frontend/src/components/analysisReport/TimelineSignalSnapshotChart.tsx
index 0598bd5..0f3baf5 100644
--- a/frontend/src/components/analysisReport/TimelineSignalSnapshotChart.tsx
+++ b/frontend/src/components/analysisReport/TimelineSignalSnapshotChart.tsx
@@ -173,7 +173,6 @@ const SignalSnapshotChartPane: React.FC<SnapshotPaneProps> = ({
       volumeVisible={false}
       paneSeparatorOptions={appDefaults.chartPaneSeparator}
       paneLayoutClamp
-      showPaneResizeHandle={!indicatorOnly && auxPaneCount > 0}
       paneAreaRatio={paneAreaRatio}
       showPaneLegend
       crosshairInfoVisible
diff --git a/frontend/src/components/backtest/BacktestAnalysisChart.tsx b/frontend/src/components/backtest/BacktestAnalysisChart.tsx
index db9749a..87078d8 100644
--- a/frontend/src/components/backtest/BacktestAnalysisChart.tsx
+++ b/frontend/src/components/backtest/BacktestAnalysisChart.tsx
@@ -486,7 +486,6 @@ const BacktestAnalysisChart: React.FC<Props> = ({
               volumeVisible={false}
               paneSeparatorOptions={appDefaults.chartPaneSeparator}
               paneLayoutClamp
-              showPaneResizeHandle={auxPaneCount > 0}
               paneAreaRatio={paneAreaRatio}
               showPaneLegend
               crosshairInfoVisible
diff --git a/frontend/src/components/strategyEvaluation/StrategyEvaluationChart.tsx b/frontend/src/components/strategyEvaluation/StrategyEvaluationChart.tsx
index 7bc0a26..24a1a42 100644
--- a/frontend/src/components/strategyEvaluation/StrategyEvaluationChart.tsx
+++ b/frontend/src/components/strategyEvaluation/StrategyEvaluationChart.tsx
@@ -899,7 +899,6 @@ const StrategyEvaluationChart: React.FC<Props> = ({
               volumeVisible={false}
               paneSeparatorOptions={appDefaults.chartPaneSeparator}
               paneLayoutClamp
-              showPaneResizeHandle={auxPaneCount > 0}
               paneAreaRatio={paneAreaRatio}
               showPaneLegend
               crosshairInfoVisible={false}