From c98d6ba3536e0e0ced87b15aa6cc302e1248bd87 Mon Sep 17 00:00:00 2001
From: Nan Kyung Lee <nankyunglee@Nanui-Macmini.local>
Date: Tue, 24 Mar 2026 09:19:49 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=B3=B4=EA=B3=A0=EC=84=9C=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=ED=98=84=EC=9E=A5=EB=B6=84=EC=84=9D=20?=
 =?UTF-8?q?=ED=97=A4=EB=8D=94=EB=A1=9C=20=EC=9D=B4=EB=8F=99=20(LIVE?=
 =?UTF-8?q?=E2=86=94=EB=8B=AB=EA=B8=B0=20=EC=82=AC=EC=9D=B4)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.tsx                             | 11 +----------
 .../src/components/korea/FieldAnalysisModal.tsx  | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 63b1478..a95ce4e 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -377,15 +377,6 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) {
               <span className="text-[11px]">📊</span>
               현장분석
             </button>
-            <button
-              type="button"
-              className={`mode-btn ${showReport ? 'active' : ''}`}
-              onClick={() => setShowReport(v => !v)}
-              title="감시 보고서"
-            >
-              <span className="text-[11px]">📋</span>
-              보고서
-            </button>
           </div>
         )}
 
@@ -658,7 +649,7 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) {
           <main className="app-main">
             <div className="map-panel">
               {showFieldAnalysis && (
-                <FieldAnalysisModal ships={koreaData.ships} vesselAnalysis={vesselAnalysis} onClose={() => setShowFieldAnalysis(false)} />
+                <FieldAnalysisModal ships={koreaData.ships} vesselAnalysis={vesselAnalysis} onClose={() => setShowFieldAnalysis(false)} onReport={() => setShowReport(true)} />
               )}
               {showReport && (
                 <ReportModal ships={koreaData.ships} onClose={() => setShowReport(false)} />
diff --git a/frontend/src/components/korea/FieldAnalysisModal.tsx b/frontend/src/components/korea/FieldAnalysisModal.tsx
index 7343949..7969c07 100644
--- a/frontend/src/components/korea/FieldAnalysisModal.tsx
+++ b/frontend/src/components/korea/FieldAnalysisModal.tsx
@@ -109,6 +109,7 @@ interface Props {
   ships: Ship[];
   vesselAnalysis?: UseVesselAnalysisResult;
   onClose: () => void;
+  onReport?: () => void;
 }
 
 const PIPE_STEPS = [
@@ -123,7 +124,7 @@ const PIPE_STEPS = [
 
 const ALERT_ORDER: Record<string, number> = { CRITICAL: 0, WATCH: 1, MONITOR: 2, NORMAL: 3 };
 
-export function FieldAnalysisModal({ ships, vesselAnalysis, onClose }: Props) {
+export function FieldAnalysisModal({ ships, vesselAnalysis, onClose, onReport }: Props) {
   const emptyMap = useMemo(() => new Map<string, VesselAnalysisDto>(), []);
   const analysisMap = vesselAnalysis?.analysisMap ?? emptyMap;
   const [activeFilter, setActiveFilter] = useState('ALL');
@@ -348,6 +349,19 @@ export function FieldAnalysisModal({ ships, vesselAnalysis, onClose }: Props) {
             LIVE
           </span>
           <span style={{ color: C.ink2, fontSize: 10 }}>{new Date().toLocaleTimeString('ko-KR')}</span>
+          {onReport && (
+            <button
+              type="button"
+              onClick={onReport}
+              style={{
+                background: 'rgba(59,130,246,0.15)', border: '1px solid rgba(59,130,246,0.4)',
+                color: '#60a5fa', padding: '4px 14px', cursor: 'pointer',
+                fontSize: 11, borderRadius: 2, fontFamily: 'inherit', fontWeight: 700,
+              }}
+            >
+              📋 보고서
+            </button>
+          )}
           <button
             type="button"
             onClick={onClose}