백테스팅 분석결과 레포트 출력

frontend/src/components/backtest/BacktestAnalysisChart.tsx

@@ -51,6 +51,9 @@ interface Props {
   /** 투자관리 차트 탭 — 캔들 오버레이 표시/숨김 (세션만, DB 미저장) */
   overlayVisibility?: PaperOverlayVisibility;
   onToggleOverlay?: (key: PaperOverlayToggleKey) => void;
+  /** 분석 레포트 팝업 (백테스팅 상단 툴바) */
+  onOpenReport?: () => void;
+  reportDisabled?: boolean;
 }
 
 const noop = () => {};
@@ -100,6 +103,8 @@ const BacktestAnalysisChart: React.FC<Props> = ({
   onHistoryLoadingChange,
   overlayVisibility,
   onToggleOverlay,
+  onOpenReport,
+  reportDisabled = false,
 }) => {
   const { getParams, getVisualConfig } = useIndicatorSettings();
   const { defaults: appDefaults } = useAppSettings();
@@ -316,6 +321,23 @@ const BacktestAnalysisChart: React.FC<Props> = ({
           <span className="btd-analysis-select btd-analysis-select--static">{chartTypeKo}</span>
         </div>
         <div className="btd-analysis-toolbar-right">
+          {onOpenReport && (
+            <button
+              type="button"
+              className="btd-analysis-tool btd-analysis-tool--report"
+              title={reportDisabled ? '분석 결과를 선택하세요' : '투자분석 상세 레포트 (인쇄·PDF)'}
+              aria-label="분석 레포트"
+              disabled={reportDisabled}
+              onClick={onOpenReport}
+            >
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden>
+                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                <polyline points="14 2 14 8 20 8" />
+                <line x1="16" y1="13" x2="8" y2="13" />
+                <line x1="16" y1="17" x2="8" y2="17" />
+              </svg>
+            </button>
+          )}
           <span className="btd-analysis-tool" title="자석 모드">⊕</span>
           <span className="btd-analysis-tool" title="드로잉">✎</span>
           <span className="btd-analysis-tool" title="삭제">⌫</span>