From 9f8af845a4f0581ea6fae6e5f73eb4087d13016c Mon Sep 17 00:00:00 2001
From: HYOJIN <hjkim4@gcsc.co.kr>
Date: Wed, 11 Mar 2026 09:47:37 +0900
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=ED=83=80=EC=9E=84=EB=9D=BC=EC=9D=B8?=
 =?UTF-8?q?=20=EC=83=81=EC=84=B8=20=ED=99=94=EB=A9=B4=20=EC=9D=B4=EB=8F=99?=
 =?UTF-8?q?=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20?=
 =?UTF-8?q?=EC=8B=A4=ED=96=89=20=EC=A4=91=20=EC=9E=91=EC=97=85=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80=20(#34)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Timeline 상세 링크 <a href> → <Link to> 변경 (SPA 라우팅 수정)
- WebViewController에 와일드카드 패턴 추가 (새로고침 시 SPA fallback 보장)
- 실행 이력에서 실행 중 작업에도 상세 버튼 표시 (중지/강제종료/상세)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/Executions.tsx             | 24 +++++++++----------
 frontend/src/pages/Timeline.tsx               |  9 +++----
 .../global/controller/WebViewController.java  |  4 +++-
 3 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/frontend/src/pages/Executions.tsx b/frontend/src/pages/Executions.tsx
index 15bde23..2bb0f4a 100644
--- a/frontend/src/pages/Executions.tsx
+++ b/frontend/src/pages/Executions.tsx
@@ -450,7 +450,7 @@ export default function Executions() {
                                         </td>
                                         <td className="px-6 py-4 text-right">
                                             <div className="flex items-center justify-end gap-2">
-                                                {isRunning(exec.status) ? (
+                                                {isRunning(exec.status) && (
                                                     <>
                                                         <button
                                                             onClick={() =>
@@ -460,7 +460,6 @@ export default function Executions() {
                                                         >
                                                             중지
                                                         </button>
-                                                        {/* F1: 강제 종료 버튼 */}
                                                         <button
                                                             onClick={() =>
                                                                 setAbandonTarget(exec)
@@ -470,18 +469,17 @@ export default function Executions() {
                                                             강제 종료
                                                         </button>
                                                     </>
-                                                ) : (
-                                                    <button
-                                                        onClick={() =>
-                                                            navigate(
-                                                                `/executions/${exec.executionId}`,
-                                                            )
-                                                        }
-                                                        className="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium text-wing-accent bg-wing-accent/10 rounded-lg hover:bg-wing-accent/15 transition-colors"
-                                                    >
-                                                        상세
-                                                    </button>
                                                 )}
+                                                <button
+                                                    onClick={() =>
+                                                        navigate(
+                                                            `/executions/${exec.executionId}`,
+                                                        )
+                                                    }
+                                                    className="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium text-wing-accent bg-wing-accent/10 rounded-lg hover:bg-wing-accent/15 transition-colors"
+                                                >
+                                                    상세
+                                                </button>
                                             </div>
                                         </td>
                                     </tr>
diff --git a/frontend/src/pages/Timeline.tsx b/frontend/src/pages/Timeline.tsx
index 9224669..c81baa2 100644
--- a/frontend/src/pages/Timeline.tsx
+++ b/frontend/src/pages/Timeline.tsx
@@ -1,4 +1,5 @@
 import { useState, useCallback, useRef, useEffect } from 'react';
+import { Link } from 'react-router-dom';
 import { batchApi, type ExecutionInfo, type JobExecutionDto, type PeriodInfo, type ScheduleTimeline } from '../api/batchApi';
 import { formatDateTime, calculateDuration } from '../utils/formatters';
 import { usePoller } from '../hooks/usePoller';
@@ -446,12 +447,12 @@ export default function Timeline() {
                         {calculateDuration(exec.startTime, exec.endTime)}
                       </td>
                       <td className="py-2 px-3 text-right">
-                        <a
-                          href={`/executions/${exec.executionId}`}
-                          className="text-xs text-wing-accent hover:text-wing-accent font-medium"
+                        <Link
+                          to={`/executions/${exec.executionId}`}
+                          className="text-xs text-wing-accent hover:text-wing-accent font-medium no-underline"
                         >
                           상세
-                        </a>
+                        </Link>
                       </td>
                     </tr>
                   ))}
diff --git a/src/main/java/com/snp/batch/global/controller/WebViewController.java b/src/main/java/com/snp/batch/global/controller/WebViewController.java
index 12e7501..1c120c1 100644
--- a/src/main/java/com/snp/batch/global/controller/WebViewController.java
+++ b/src/main/java/com/snp/batch/global/controller/WebViewController.java
@@ -14,7 +14,9 @@ public class WebViewController {
 
     @GetMapping({"/", "/jobs", "/executions", "/executions/{id:\\d+}",
                  "/recollects", "/recollects/{id:\\d+}",
-                 "/schedules", "/schedule-timeline", "/monitoring"})
+                 "/schedules", "/schedule-timeline", "/monitoring",
+                 "/jobs/**", "/executions/**", "/recollects/**",
+                 "/schedules/**", "/schedule-timeline/**", "/monitoring/**"})
     public String forward() {
         return "forward:/index.html";
     }