전략평가 상단툴바

frontend/src/components/StrategyEvaluationPage.tsx

@@ -774,7 +774,78 @@ function StrategyEvaluationPageInner({ theme = 'dark' }: Props) {
   ]);
 
   return (
-    <div className={`btd-page se-page se-page--${theme}`}>
+    <div
+      className={`btd-page se-page se-page--${theme}${leftOpen ? ' seval-page--left-open' : ''}${rightOpen ? ' seval-page--right-open' : ''}`}
+      style={{
+        '--seval-left-width': `${leftWidth}px`,
+        '--seval-right-width': `${rightWidth}px`,
+      } as React.CSSProperties}
+    >
+      <header className="btd-header seval-top-toolbar">
+        <div className="seval-top-toolbar__left">
+          <h1 className="seval-left-panel-title">전략 평가</h1>
+          <div className="seval-left-panel-toolbar">
+            <button
+              type="button"
+              className="seval-strategy-add-btn seval-strategy-add-btn--panel"
+              title="전략 추가·편집"
+              aria-label="전략 추가·편집"
+              onClick={() => setEditorModalOpen(true)}
+            >
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" aria-hidden>
+                <path d="M12 5v14M5 12h14" strokeLinecap="round" />
+              </svg>
+            </button>
+            <StrategyBulkEvalToolbar
+              isRunning={bulkEval.isRunning}
+              canStart={bulkEval.canStart}
+              onStart={() => { void bulkEval.startBulkEvaluation({ restart: true }); }}
+              onCancel={bulkEval.cancelBulkEvaluation}
+            />
+          </div>
+        </div>
+        <div className="seval-top-toolbar__main">
+          {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>
+        <div className="seval-top-toolbar__right" aria-hidden />
+      </header>
+
       <div className="btd-body">
         <div
           className={`seval-left-wrap${leftOpen ? ' seval-left-wrap--open' : ''}`}
@@ -782,28 +853,6 @@ function StrategyEvaluationPageInner({ theme = 'dark' }: Props) {
         >
           <aside className={`btd-sidebar seval-left-sidebar${leftOpen ? ' seval-left-sidebar--open' : ''}`}>
             <div className="btd-exec-list seval-left-panel">
-            <div className="seval-left-panel-header">
-              <h1 className="seval-left-panel-title">전략 평가</h1>
-              <div className="seval-left-panel-toolbar">
-                <button
-                  type="button"
-                  className="seval-strategy-add-btn seval-strategy-add-btn--panel"
-                  title="전략 추가·편집"
-                  aria-label="전략 추가·편집"
-                  onClick={() => setEditorModalOpen(true)}
-                >
-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" aria-hidden>
-                    <path d="M12 5v14M5 12h14" strokeLinecap="round" />
-                  </svg>
-                </button>
-                <StrategyBulkEvalToolbar
-                  isRunning={bulkEval.isRunning}
-                  canStart={bulkEval.canStart}
-                  onStart={() => { void bulkEval.startBulkEvaluation({ restart: true }); }}
-                  onCancel={bulkEval.cancelBulkEvaluation}
-                />
-              </div>
-            </div>
             <div className="seval-left-tabs-row">
               <div className="btd-exec-tabs" role="tablist">
                 <button
@@ -934,47 +983,6 @@ 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}