From 7a537f96e0d14885996e12c4613295fc097773b5 Mon Sep 17 00:00:00 2001
From: Macbook <macbook@Macbookui-MacBookPro.local>
Date: Fri, 19 Jun 2026 21:30:37 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A0=84=EB=9E=B5=ED=8F=89=EA=B0=80=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/StrategyEvaluationPage.tsx | 85 +++++++++----------
 frontend/src/styles/strategyEvaluation.css    | 27 ++----
 2 files changed, 50 insertions(+), 62 deletions(-)

diff --git a/frontend/src/components/StrategyEvaluationPage.tsx b/frontend/src/components/StrategyEvaluationPage.tsx
index e0ece66..1faaaee 100644
--- a/frontend/src/components/StrategyEvaluationPage.tsx
+++ b/frontend/src/components/StrategyEvaluationPage.tsx
@@ -775,50 +775,6 @@ function StrategyEvaluationPageInner({ theme = 'dark' }: Props) {
 
   return (
     <div className={`btd-page se-page se-page--${theme}`}>
-      {selectedStrategy && (signalScanRunning || analysisSummary) && (
-      <header className="btd-header btd-header--seval-summary">
-        <div className="btd-header-actions seval-header-analysis">
-          {selectedStrategy && signalScanRunning && (
-            <span className="seval-header-analysis-busy">시그널 계산 중…</span>
-          )}
-          {selectedStrategy && analysisSummary && !signalScanRunning && (
-            <span
-              className="seval-analysis-summary"
-              title="일괄매수(최초 전액) · 분할매수(40/30/잔여) · 레포트와 동일 필터 기준"
-            >
-              <span className="seval-analysis-item">
-                매수:<strong>{padEvaluationSignalCount(analysisSummary.buyCount)}</strong>건
-              </span>
-              <span className="seval-analysis-sep" aria-hidden>·</span>
-              <span className="seval-analysis-item">
-                매도:<strong>{padEvaluationSignalCount(analysisSummary.sellCount)}</strong>건
-              </span>
-              <span className="seval-analysis-sep" aria-hidden>·</span>
-              <span className={`seval-analysis-item seval-analysis-return${
-                analysisSummary.fullBuyReturnPct > 0
-                  ? ' seval-analysis-return--pos'
-                  : analysisSummary.fullBuyReturnPct < 0
-                    ? ' seval-analysis-return--neg'
-                    : ''
-              }`}>
-                일괄:<strong>{formatEvaluationReturnPct(analysisSummary.fullBuyReturnPct)}</strong>
-              </span>
-              <span className="seval-analysis-sep" aria-hidden>·</span>
-              <span className={`seval-analysis-item seval-analysis-return${
-                analysisSummary.splitBuyReturnPct > 0
-                  ? ' seval-analysis-return--pos'
-                  : analysisSummary.splitBuyReturnPct < 0
-                    ? ' seval-analysis-return--neg'
-                    : ''
-              }`}>
-                분할:<strong>{formatEvaluationReturnPct(analysisSummary.splitBuyReturnPct)}</strong>
-              </span>
-            </span>
-          )}
-        </div>
-      </header>
-      )}
-
       <div className="btd-body">
         <div
           className={`seval-left-wrap${leftOpen ? ' seval-left-wrap--open' : ''}`}
@@ -978,6 +934,47 @@ function StrategyEvaluationPageInner({ theme = 'dark' }: Props) {
 
         <main className={`btd-main${leftOpen ? '' : ' seval-main--left-collapsed'}`}>
           <div className="btd-main-content seval-main-content">
+            {selectedStrategy && (signalScanRunning || analysisSummary) && (
+              <div className="seval-chart-summary-bar">
+                {signalScanRunning && (
+                  <span className="seval-header-analysis-busy">시그널 계산 중…</span>
+                )}
+                {analysisSummary && !signalScanRunning && (
+                  <span
+                    className="seval-analysis-summary"
+                    title="일괄매수(최초 전액) · 분할매수(40/30/잔여) · 레포트와 동일 필터 기준"
+                  >
+                    <span className="seval-analysis-item">
+                      매수:<strong>{padEvaluationSignalCount(analysisSummary.buyCount)}</strong>건
+                    </span>
+                    <span className="seval-analysis-sep" aria-hidden>·</span>
+                    <span className="seval-analysis-item">
+                      매도:<strong>{padEvaluationSignalCount(analysisSummary.sellCount)}</strong>건
+                    </span>
+                    <span className="seval-analysis-sep" aria-hidden>·</span>
+                    <span className={`seval-analysis-item seval-analysis-return${
+                      analysisSummary.fullBuyReturnPct > 0
+                        ? ' seval-analysis-return--pos'
+                        : analysisSummary.fullBuyReturnPct < 0
+                          ? ' seval-analysis-return--neg'
+                          : ''
+                    }`}>
+                      일괄:<strong>{formatEvaluationReturnPct(analysisSummary.fullBuyReturnPct)}</strong>
+                    </span>
+                    <span className="seval-analysis-sep" aria-hidden>·</span>
+                    <span className={`seval-analysis-item seval-analysis-return${
+                      analysisSummary.splitBuyReturnPct > 0
+                        ? ' seval-analysis-return--pos'
+                        : analysisSummary.splitBuyReturnPct < 0
+                          ? ' seval-analysis-return--neg'
+                          : ''
+                    }`}>
+                      분할:<strong>{formatEvaluationReturnPct(analysisSummary.splitBuyReturnPct)}</strong>
+                    </span>
+                  </span>
+                )}
+              </div>
+            )}
             <StrategyEvaluationChart
               market={market}
               timeframe={chartTimeframe}
diff --git a/frontend/src/styles/strategyEvaluation.css b/frontend/src/styles/strategyEvaluation.css
index bef6d43..a9fdbee 100644
--- a/frontend/src/styles/strategyEvaluation.css
+++ b/frontend/src/styles/strategyEvaluation.css
@@ -254,16 +254,6 @@
   height: 30px;
 }
 
-.btd-header--seval-summary {
-  justify-content: flex-end;
-  min-height: 44px;
-}
-
-.btd-header--seval-summary:empty,
-.btd-header--seval-summary .seval-header-analysis:empty {
-  display: none;
-}
-
 .seval-left-tabs-row {
   display: flex;
   align-items: flex-end;
@@ -344,6 +334,15 @@
   padding: 8px 10px;
 }
 
+.seval-chart-summary-bar {
+  flex-shrink: 0;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  min-height: 34px;
+  padding: 0 2px 6px;
+}
+
 .seval-main-content .seval-chart {
   flex: 1;
   min-height: 0;
@@ -1005,14 +1004,6 @@
   white-space: nowrap;
 }
 
-.seval-header-analysis {
-  flex: 1;
-  justify-content: flex-end;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-}
-
 .seval-bulk-eval-toolbar {
   display: inline-flex;
   align-items: center;