From f5e5bbfdfff553780cbaf887fccf05df9663c220 Mon Sep 17 00:00:00 2001
From: Macbook <macbook@Macbookui-MacBookPro.local>
Date: Mon, 22 Jun 2026 01:28:37 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A0=84=EB=9E=B5=ED=8F=89=EA=B0=80=20?=
 =?UTF-8?q?=EC=BA=94=EB=93=A4=EC=B0=A8=ED=8A=B8=20=EB=B3=B4=EC=A1=B0?=
 =?UTF-8?q?=EC=A7=80=ED=91=9C=EA=B0=84=20=EC=98=81=EC=97=AD=20=EC=82=AC?=
 =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EC=A1=B0=EB=8D=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/TradingChart.tsx   | 12 +++++++++---
 frontend/src/styles/strategyEvaluation.css | 10 ++++++++++
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/TradingChart.tsx b/frontend/src/components/TradingChart.tsx
index 54d8d0a..8042895 100644
--- a/frontend/src/components/TradingChart.tsx
+++ b/frontend/src/components/TradingChart.tsx
@@ -428,8 +428,11 @@ const TradingChart: React.FC<TradingChartProps> = ({
     const updateHandle = () => {
       const layouts = mgr.getPaneLayouts();
       const candle = layouts.find(l => l.paneIndex === 0);
-      const hasAux = layouts.some(l => l.paneIndex >= 2 && l.height > 20);
-      if (candle && candle.height > 20 && hasAux) {
+      // pane 1 = 볼륨(표시 시) 또는 첫 보조지표(볼륨 숨김) — paneIndex>=2 만 보면 후자에서 핸들 누락
+      const subPaneHeight = layouts
+        .filter(l => l.paneIndex > 0)
+        .reduce((sum, l) => sum + l.height, 0);
+      if (candle && candle.height > 20 && subPaneHeight > 60) {
         setCandlePaneBottomY(candle.topY + candle.height);
       } else {
         setCandlePaneBottomY(null);
@@ -1818,7 +1821,10 @@ const TradingChart: React.FC<TradingChartProps> = ({
           <span>차트 로딩중...</span>
         </div>
       )}
-      <div className="chart-main-row">
+      <div
+        className="chart-main-row"
+        style={showRightToolbar ? undefined : ({ '--sidebar-w': '0px' } as React.CSSProperties)}
+      >
         <div
           ref={containerRef}
           className="chart-container"
diff --git a/frontend/src/styles/strategyEvaluation.css b/frontend/src/styles/strategyEvaluation.css
index 81bf6dc..4f2219b 100644
--- a/frontend/src/styles/strategyEvaluation.css
+++ b/frontend/src/styles/strategyEvaluation.css
@@ -1096,6 +1096,16 @@ body.seval-chart-fs-lock {
 
 /* btd-analysis-canvas-wrap--live: tv-chart-wrap 높이 (backtestDashboard.css) */
 
+/* 캔들·보조지표 분리선 — 전략평가(우측 툴바 없음)에서도 드래그 핸들 식별 */
+.seval-chart .chart-pane-resize-handle::after {
+  background: color-mix(in srgb, var(--se-border, var(--border)) 55%, transparent);
+}
+
+.seval-chart .chart-pane-resize-handle:hover::after,
+.seval-chart .chart-pane-resize-handle:active::after {
+  background: color-mix(in srgb, var(--se-accent, #3d9be9) 65%, transparent);
+}
+
 .seval-chart-signal-count {
   font-size: 0.66rem;
   font-weight: 600;