Compare commits
No commits in common. "main" and "release/2026-04-09" have entirely different histories.
main
...
release/20
2
.gitignore
vendored
2
.gitignore
vendored
@ -5,7 +5,6 @@ backend/target/
|
||||
backend/build/
|
||||
|
||||
# === Python (prediction) ===
|
||||
.venv/
|
||||
prediction/.venv/
|
||||
prediction/__pycache__/
|
||||
prediction/**/__pycache__/
|
||||
@ -55,7 +54,6 @@ frontend/.vite/
|
||||
|
||||
# === 대용량/참고 문서 ===
|
||||
*.hwpx
|
||||
*.docx
|
||||
|
||||
# === Claude Code ===
|
||||
!.claude/
|
||||
|
||||
51
CLAUDE.md
51
CLAUDE.md
@ -2,45 +2,6 @@
|
||||
|
||||
해양경찰청 AI 기반 불법어선 탐지 및 단속 지원 플랫폼
|
||||
|
||||
## 🚨 절대 지침 (Absolute Rules)
|
||||
|
||||
아래 두 지침은 모든 작업에 우선 적용된다. 사용자가 명시적으로 해제하지 않는 한 우회 금지.
|
||||
|
||||
### 1. 신규 기능 설계·구현 착수 시: 원격 develop 동기화 필수
|
||||
|
||||
신규 기능/버그 수정/리팩터 등 **어떤 작업이든 브랜치를 새로 만들기 전**에는 아래 절차를 반드시 수행한다.
|
||||
|
||||
```bash
|
||||
git fetch origin --prune
|
||||
# origin/develop이 로컬 develop보다 앞서 있는지 확인
|
||||
git log --oneline develop..origin/develop | head
|
||||
```
|
||||
|
||||
- **로컬 develop이 뒤처진 경우** → 사용자에게 다음을 권유하고 동의를 받은 후 진행:
|
||||
> "`origin/develop`이 로컬보다 N개 커밋 앞서 있습니다. 최신화 후 신규 브랜치를 생성하는 것을 권장합니다. 진행할까요?"
|
||||
승인 시: `git checkout develop && git pull --ff-only origin develop` → 그 위에서 `git checkout -b <new-branch>`
|
||||
- **로컬 develop이 최신인 경우** → 그대로 develop에서 신규 브랜치 분기
|
||||
- **로컬 develop이 없는 경우** → `git checkout -b develop origin/develop`로 tracking branch 먼저 생성
|
||||
- **로컬에 unstaged/uncommitted 변경이 있을 때** → 사용자에게 먼저 알리고 stash/commit 여부 확인 후 진행. 임의로 폐기 금지.
|
||||
|
||||
**이유**: 오래된 develop 위에서 작업하면 머지 충돌·리베이스 비용이 커지고, 이미 해결된 이슈를 중복 해결할 위험이 있다. 브랜치 분기 시점의 기반을 항상 최신으로 맞춘다.
|
||||
|
||||
**적용 범위**: `/push`, `/mr`, `/create-mr`, `/release`, `/fix-issue` 스킬 실행 시, 그리고 Claude가 자발적으로 새 브랜치를 만들 때 모두.
|
||||
|
||||
### 2. 프론트엔드 개발 시: `design-system.html` 쇼케이스 규칙 전면 준수
|
||||
|
||||
`frontend/` 하위의 모든 페이지·컴포넌트·스타일 작성은 `design-system.html`(쇼케이스)에 정의된 컴포넌트·토큰·카탈로그만 사용한다. 이 문서 하단 **"디자인 시스템 (필수 준수)"** 섹션의 규칙을 **예외 없이** 따른다.
|
||||
|
||||
핵심 요약 (상세는 하단 섹션 참조):
|
||||
- 공통 컴포넌트 우선 사용: `Badge`, `Button`, `Input`, `Select`, `TabBar`, `Card`, `PageContainer`, `PageHeader`, `Section`
|
||||
- 라벨/색상은 `shared/constants/` 카탈로그 API(`getAlertLevelIntent` 등) 경유, ad-hoc 문자열 매핑 금지
|
||||
- **인라인 색상·하드코딩 Tailwind 색상·`!important` 전면 금지**
|
||||
- 접근성: `<button type="button">`, 아이콘 전용은 `aria-label`, 폼 요소는 `aria-label`/`<label>` 필수
|
||||
|
||||
위반 시 리뷰 단계에서 반려 대상. 신규 페이지는 하단의 **"페이지 작성 표준 템플릿"** 을 시작점으로 사용한다.
|
||||
|
||||
---
|
||||
|
||||
## 모노레포 구조
|
||||
|
||||
```
|
||||
@ -63,14 +24,14 @@ kcg-ai-monitoring/
|
||||
```
|
||||
[Frontend Vite :5173] ──→ [Backend Spring :8080] ──→ [PostgreSQL kcgaidb]
|
||||
↑ write
|
||||
[Prediction FastAPI :18092] ─────┘ (5분 주기 분석 결과 저장)
|
||||
↑ read
|
||||
[SNPDB PostgreSQL] (AIS 원본)
|
||||
[Prediction FastAPI :8001] ──────┘ (5분 주기 분석 결과 저장)
|
||||
↑ read ↑ read
|
||||
[SNPDB PostgreSQL] (AIS 원본) [Iran Backend] (레거시 프록시, 선택)
|
||||
```
|
||||
|
||||
- **자체 백엔드**: 인증/권한/감사로그/관리자 + 운영자 의사결정 (확정/제외/학습) + prediction 분석 결과 조회 API (`/api/analysis/*`)
|
||||
- **Prediction**: AIS → 분석 결과를 kcgaidb 에 직접 write (백엔드 호출 없음)
|
||||
- **DB 공유 아키텍처**: 백엔드와 prediction 은 HTTP 호출 없이 kcgaidb 를 통해서만 연동
|
||||
- **자체 백엔드**: 인증/권한/감사로그/관리자 + 운영자 의사결정 (확정/제외/학습)
|
||||
- **iran 백엔드 프록시**: 분석 결과 read-only 참조 (vessel_analysis, group_polygons, correlations)
|
||||
- **신규 DB (kcgaidb)**: 자체 생산 데이터만 저장, prediction 분석 테이블은 미복사
|
||||
|
||||
## 명령어
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ Phase 2에서 초기화 예정.
|
||||
## 책임
|
||||
- 자체 인증/권한/감사로그
|
||||
- 운영자 의사결정 (모선 확정/제외/학습)
|
||||
- prediction 분석 결과 조회 API (`/api/analysis/*`)
|
||||
- iran 백엔드 분석 데이터 프록시
|
||||
- 관리자 화면 API
|
||||
|
||||
상세 설계: `.claude/plans/vast-tinkering-knuth.md`
|
||||
|
||||
@ -142,7 +142,6 @@
|
||||
<goal>compile</goal>
|
||||
</goals>
|
||||
<configuration>
|
||||
<parameters>true</parameters>
|
||||
<annotationProcessorPaths>
|
||||
<path>
|
||||
<groupId>org.springframework.boot</groupId>
|
||||
@ -162,7 +161,6 @@
|
||||
<goal>testCompile</goal>
|
||||
</goals>
|
||||
<configuration>
|
||||
<parameters>true</parameters>
|
||||
<annotationProcessorPaths>
|
||||
<path>
|
||||
<groupId>org.projectlombok</groupId>
|
||||
|
||||
@ -1,11 +1,17 @@
|
||||
package gc.mda.kcg.admin;
|
||||
|
||||
import gc.mda.kcg.audit.AccessLogRepository;
|
||||
import gc.mda.kcg.audit.AuditLogRepository;
|
||||
import gc.mda.kcg.auth.LoginHistoryRepository;
|
||||
import gc.mda.kcg.permission.annotation.RequirePermission;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.jdbc.core.JdbcTemplate;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.RestController;
|
||||
|
||||
import java.util.LinkedHashMap;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
@ -22,23 +28,127 @@ import java.util.Map;
|
||||
@RequiredArgsConstructor
|
||||
public class AdminStatsController {
|
||||
|
||||
private final AdminStatsService adminStatsService;
|
||||
private final AuditLogRepository auditLogRepository;
|
||||
private final AccessLogRepository accessLogRepository;
|
||||
private final LoginHistoryRepository loginHistoryRepository;
|
||||
private final JdbcTemplate jdbc;
|
||||
|
||||
/**
|
||||
* 감사 로그 통계.
|
||||
* - total: 전체 건수
|
||||
* - last24h: 24시간 내 건수
|
||||
* - failed24h: 24시간 내 FAILED 건수
|
||||
* - byAction: 액션별 카운트 (top 10)
|
||||
* - hourly24: 시간별 24시간 추세
|
||||
*/
|
||||
@GetMapping("/audit")
|
||||
@RequirePermission(resource = "admin:audit-logs", operation = "READ")
|
||||
public Map<String, Object> auditStats() {
|
||||
return adminStatsService.auditStats();
|
||||
Map<String, Object> result = new LinkedHashMap<>();
|
||||
result.put("total", auditLogRepository.count());
|
||||
result.put("last24h", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_audit_log WHERE created_at > now() - interval '24 hours'", Long.class));
|
||||
result.put("failed24h", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_audit_log WHERE created_at > now() - interval '24 hours' AND result = 'FAILED'", Long.class));
|
||||
|
||||
List<Map<String, Object>> byAction = jdbc.queryForList(
|
||||
"SELECT action_cd AS action, COUNT(*) AS count FROM kcg.auth_audit_log " +
|
||||
"WHERE created_at > now() - interval '7 days' " +
|
||||
"GROUP BY action_cd ORDER BY count DESC LIMIT 10");
|
||||
result.put("byAction", byAction);
|
||||
|
||||
List<Map<String, Object>> hourly = jdbc.queryForList(
|
||||
"SELECT date_trunc('hour', created_at) AS hour, COUNT(*) AS count " +
|
||||
"FROM kcg.auth_audit_log " +
|
||||
"WHERE created_at > now() - interval '24 hours' " +
|
||||
"GROUP BY hour ORDER BY hour");
|
||||
result.put("hourly24", hourly);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
/**
|
||||
* 접근 로그 통계.
|
||||
* - total: 전체 건수
|
||||
* - last24h: 24시간 내
|
||||
* - error4xx, error5xx: 24시간 내 에러
|
||||
* - avgDurationMs: 24시간 내 평균 응답 시간
|
||||
* - topPaths: 24시간 내 호출 많은 경로
|
||||
*/
|
||||
@GetMapping("/access")
|
||||
@RequirePermission(resource = "admin:access-logs", operation = "READ")
|
||||
public Map<String, Object> accessStats() {
|
||||
return adminStatsService.accessStats();
|
||||
Map<String, Object> result = new LinkedHashMap<>();
|
||||
result.put("total", accessLogRepository.count());
|
||||
result.put("last24h", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_access_log WHERE created_at > now() - interval '24 hours'", Long.class));
|
||||
result.put("error4xx", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_access_log WHERE created_at > now() - interval '24 hours' AND status_code >= 400 AND status_code < 500", Long.class));
|
||||
result.put("error5xx", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_access_log WHERE created_at > now() - interval '24 hours' AND status_code >= 500", Long.class));
|
||||
|
||||
Double avg = jdbc.queryForObject(
|
||||
"SELECT AVG(duration_ms)::float FROM kcg.auth_access_log WHERE created_at > now() - interval '24 hours'",
|
||||
Double.class);
|
||||
result.put("avgDurationMs", avg != null ? Math.round(avg * 10) / 10.0 : 0);
|
||||
|
||||
List<Map<String, Object>> topPaths = jdbc.queryForList(
|
||||
"SELECT request_path AS path, COUNT(*) AS count, AVG(duration_ms)::int AS avg_ms " +
|
||||
"FROM kcg.auth_access_log " +
|
||||
"WHERE created_at > now() - interval '24 hours' AND request_path NOT LIKE '/actuator%' " +
|
||||
"GROUP BY request_path ORDER BY count DESC LIMIT 10");
|
||||
result.put("topPaths", topPaths);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
/**
|
||||
* 로그인 통계.
|
||||
* - total: 전체 건수
|
||||
* - success24h: 24시간 내 성공
|
||||
* - failed24h: 24시간 내 실패
|
||||
* - locked24h: 24시간 내 잠금
|
||||
* - successRate: 성공률 (24시간 내, %)
|
||||
* - byUser: 사용자별 성공 카운트 (top 10)
|
||||
* - daily7d: 7일 일별 추세
|
||||
*/
|
||||
@GetMapping("/login")
|
||||
@RequirePermission(resource = "admin:login-history", operation = "READ")
|
||||
public Map<String, Object> loginStats() {
|
||||
return adminStatsService.loginStats();
|
||||
Map<String, Object> result = new LinkedHashMap<>();
|
||||
result.put("total", loginHistoryRepository.count());
|
||||
|
||||
Long success24h = jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_login_hist WHERE login_dtm > now() - interval '24 hours' AND result = 'SUCCESS'", Long.class);
|
||||
Long failed24h = jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_login_hist WHERE login_dtm > now() - interval '24 hours' AND result = 'FAILED'", Long.class);
|
||||
Long locked24h = jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_login_hist WHERE login_dtm > now() - interval '24 hours' AND result = 'LOCKED'", Long.class);
|
||||
|
||||
result.put("success24h", success24h);
|
||||
result.put("failed24h", failed24h);
|
||||
result.put("locked24h", locked24h);
|
||||
|
||||
long total24h = (success24h == null ? 0 : success24h) + (failed24h == null ? 0 : failed24h) + (locked24h == null ? 0 : locked24h);
|
||||
double rate = total24h == 0 ? 0 : (success24h == null ? 0 : success24h) * 100.0 / total24h;
|
||||
result.put("successRate", Math.round(rate * 10) / 10.0);
|
||||
|
||||
List<Map<String, Object>> byUser = jdbc.queryForList(
|
||||
"SELECT user_acnt, COUNT(*) AS count FROM kcg.auth_login_hist " +
|
||||
"WHERE login_dtm > now() - interval '7 days' AND result = 'SUCCESS' " +
|
||||
"GROUP BY user_acnt ORDER BY count DESC LIMIT 10");
|
||||
result.put("byUser", byUser);
|
||||
|
||||
List<Map<String, Object>> daily = jdbc.queryForList(
|
||||
"SELECT date_trunc('day', login_dtm) AS day, " +
|
||||
"COUNT(*) FILTER (WHERE result='SUCCESS') AS success, " +
|
||||
"COUNT(*) FILTER (WHERE result='FAILED') AS failed, " +
|
||||
"COUNT(*) FILTER (WHERE result='LOCKED') AS locked " +
|
||||
"FROM kcg.auth_login_hist " +
|
||||
"WHERE login_dtm > now() - interval '7 days' " +
|
||||
"GROUP BY day ORDER BY day");
|
||||
result.put("daily7d", daily);
|
||||
|
||||
return result;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,124 +0,0 @@
|
||||
package gc.mda.kcg.admin;
|
||||
|
||||
import gc.mda.kcg.audit.AccessLogRepository;
|
||||
import gc.mda.kcg.audit.AuditLogRepository;
|
||||
import gc.mda.kcg.auth.LoginHistoryRepository;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.jdbc.core.JdbcTemplate;
|
||||
import org.springframework.stereotype.Service;
|
||||
import org.springframework.transaction.annotation.Transactional;
|
||||
|
||||
import java.util.LinkedHashMap;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* 시스템 관리 대시보드 메트릭 서비스.
|
||||
* 감사 로그 / 접근 로그 / 로그인 이력의 집계 쿼리를 담당한다.
|
||||
*/
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
@Transactional(readOnly = true)
|
||||
public class AdminStatsService {
|
||||
|
||||
private final AuditLogRepository auditLogRepository;
|
||||
private final AccessLogRepository accessLogRepository;
|
||||
private final LoginHistoryRepository loginHistoryRepository;
|
||||
private final JdbcTemplate jdbc;
|
||||
|
||||
/**
|
||||
* 감사 로그 통계.
|
||||
*/
|
||||
public Map<String, Object> auditStats() {
|
||||
Map<String, Object> result = new LinkedHashMap<>();
|
||||
result.put("total", auditLogRepository.count());
|
||||
result.put("last24h", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_audit_log WHERE created_at > now() - interval '24 hours'", Long.class));
|
||||
result.put("failed24h", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_audit_log WHERE created_at > now() - interval '24 hours' AND result = 'FAILED'", Long.class));
|
||||
|
||||
List<Map<String, Object>> byAction = jdbc.queryForList(
|
||||
"SELECT action_cd AS action, COUNT(*) AS count FROM kcg.auth_audit_log " +
|
||||
"WHERE created_at > now() - interval '7 days' " +
|
||||
"GROUP BY action_cd ORDER BY count DESC LIMIT 10");
|
||||
result.put("byAction", byAction);
|
||||
|
||||
List<Map<String, Object>> hourly = jdbc.queryForList(
|
||||
"SELECT date_trunc('hour', created_at) AS hour, COUNT(*) AS count " +
|
||||
"FROM kcg.auth_audit_log " +
|
||||
"WHERE created_at > now() - interval '24 hours' " +
|
||||
"GROUP BY hour ORDER BY hour");
|
||||
result.put("hourly24", hourly);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
/**
|
||||
* 접근 로그 통계.
|
||||
*/
|
||||
public Map<String, Object> accessStats() {
|
||||
Map<String, Object> result = new LinkedHashMap<>();
|
||||
result.put("total", accessLogRepository.count());
|
||||
result.put("last24h", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_access_log WHERE created_at > now() - interval '24 hours'", Long.class));
|
||||
result.put("error4xx", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_access_log WHERE created_at > now() - interval '24 hours' AND status_code >= 400 AND status_code < 500", Long.class));
|
||||
result.put("error5xx", jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_access_log WHERE created_at > now() - interval '24 hours' AND status_code >= 500", Long.class));
|
||||
|
||||
Double avg = jdbc.queryForObject(
|
||||
"SELECT AVG(duration_ms)::float FROM kcg.auth_access_log WHERE created_at > now() - interval '24 hours'",
|
||||
Double.class);
|
||||
result.put("avgDurationMs", avg != null ? Math.round(avg * 10) / 10.0 : 0);
|
||||
|
||||
List<Map<String, Object>> topPaths = jdbc.queryForList(
|
||||
"SELECT request_path AS path, COUNT(*) AS count, AVG(duration_ms)::int AS avg_ms " +
|
||||
"FROM kcg.auth_access_log " +
|
||||
"WHERE created_at > now() - interval '24 hours' AND request_path NOT LIKE '/actuator%' " +
|
||||
"GROUP BY request_path ORDER BY count DESC LIMIT 10");
|
||||
result.put("topPaths", topPaths);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
/**
|
||||
* 로그인 통계.
|
||||
*/
|
||||
public Map<String, Object> loginStats() {
|
||||
Map<String, Object> result = new LinkedHashMap<>();
|
||||
result.put("total", loginHistoryRepository.count());
|
||||
|
||||
Long success24h = jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_login_hist WHERE login_dtm > now() - interval '24 hours' AND result = 'SUCCESS'", Long.class);
|
||||
Long failed24h = jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_login_hist WHERE login_dtm > now() - interval '24 hours' AND result = 'FAILED'", Long.class);
|
||||
Long locked24h = jdbc.queryForObject(
|
||||
"SELECT COUNT(*) FROM kcg.auth_login_hist WHERE login_dtm > now() - interval '24 hours' AND result = 'LOCKED'", Long.class);
|
||||
|
||||
result.put("success24h", success24h);
|
||||
result.put("failed24h", failed24h);
|
||||
result.put("locked24h", locked24h);
|
||||
|
||||
long total24h = (success24h == null ? 0 : success24h) + (failed24h == null ? 0 : failed24h) + (locked24h == null ? 0 : locked24h);
|
||||
double rate = total24h == 0 ? 0 : (success24h == null ? 0 : success24h) * 100.0 / total24h;
|
||||
result.put("successRate", Math.round(rate * 10) / 10.0);
|
||||
|
||||
List<Map<String, Object>> byUser = jdbc.queryForList(
|
||||
"SELECT user_acnt, COUNT(*) AS count FROM kcg.auth_login_hist " +
|
||||
"WHERE login_dtm > now() - interval '7 days' AND result = 'SUCCESS' " +
|
||||
"GROUP BY user_acnt ORDER BY count DESC LIMIT 10");
|
||||
result.put("byUser", byUser);
|
||||
|
||||
List<Map<String, Object>> daily = jdbc.queryForList(
|
||||
"SELECT date_trunc('day', login_dtm) AS day, " +
|
||||
"COUNT(*) FILTER (WHERE result='SUCCESS') AS success, " +
|
||||
"COUNT(*) FILTER (WHERE result='FAILED') AS failed, " +
|
||||
"COUNT(*) FILTER (WHERE result='LOCKED') AS locked " +
|
||||
"FROM kcg.auth_login_hist " +
|
||||
"WHERE login_dtm > now() - interval '7 days' " +
|
||||
"GROUP BY day ORDER BY day");
|
||||
result.put("daily7d", daily);
|
||||
|
||||
return result;
|
||||
}
|
||||
}
|
||||
@ -4,7 +4,6 @@ import gc.mda.kcg.auth.dto.LoginRequest;
|
||||
import gc.mda.kcg.auth.dto.UserInfoResponse;
|
||||
import gc.mda.kcg.auth.provider.AuthProvider;
|
||||
import gc.mda.kcg.config.AppProperties;
|
||||
import gc.mda.kcg.menu.MenuConfigService;
|
||||
import jakarta.servlet.http.Cookie;
|
||||
import jakarta.servlet.http.HttpServletRequest;
|
||||
import jakarta.servlet.http.HttpServletResponse;
|
||||
@ -26,7 +25,6 @@ public class AuthController {
|
||||
private final AuthService authService;
|
||||
private final JwtService jwtService;
|
||||
private final AppProperties appProperties;
|
||||
private final MenuConfigService menuConfigService;
|
||||
|
||||
@PostMapping("/login")
|
||||
public ResponseEntity<?> login(@RequestBody LoginRequest req,
|
||||
@ -97,8 +95,7 @@ public class AuthController {
|
||||
u.getUserSttsCd(),
|
||||
u.getAuthProvider(),
|
||||
info.roles(),
|
||||
info.permissions(),
|
||||
menuConfigService.getActiveMenuConfig()
|
||||
info.permissions()
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
package gc.mda.kcg.auth.dto;
|
||||
|
||||
import gc.mda.kcg.menu.MenuConfigDto;
|
||||
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
@ -14,6 +12,5 @@ public record UserInfoResponse(
|
||||
String status,
|
||||
String authProvider,
|
||||
List<String> roles,
|
||||
Map<String, List<String>> permissions,
|
||||
List<MenuConfigDto> menuConfig
|
||||
Map<String, List<String>> permissions
|
||||
) {}
|
||||
|
||||
@ -12,7 +12,7 @@ import org.springframework.context.annotation.Configuration;
|
||||
public class AppProperties {
|
||||
|
||||
private Prediction prediction = new Prediction();
|
||||
private SignalBatch signalBatch = new SignalBatch();
|
||||
private IranBackend iranBackend = new IranBackend();
|
||||
private Cors cors = new Cors();
|
||||
private Jwt jwt = new Jwt();
|
||||
|
||||
@ -22,7 +22,7 @@ public class AppProperties {
|
||||
}
|
||||
|
||||
@Getter @Setter
|
||||
public static class SignalBatch {
|
||||
public static class IranBackend {
|
||||
private String baseUrl;
|
||||
}
|
||||
|
||||
|
||||
@ -1,49 +0,0 @@
|
||||
package gc.mda.kcg.config;
|
||||
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
import org.springframework.context.annotation.Bean;
|
||||
import org.springframework.context.annotation.Configuration;
|
||||
import org.springframework.web.client.RestClient;
|
||||
|
||||
/**
|
||||
* 외부 서비스용 RestClient Bean 정의.
|
||||
* Proxy controller 들이 @PostConstruct 에서 ad-hoc 생성하던 RestClient 를 일원화한다.
|
||||
*/
|
||||
@Slf4j
|
||||
@Configuration
|
||||
@RequiredArgsConstructor
|
||||
public class RestClientConfig {
|
||||
|
||||
private final AppProperties appProperties;
|
||||
|
||||
/**
|
||||
* prediction FastAPI 서비스 호출용.
|
||||
* base-url: ${PREDICTION_BASE_URL:http://localhost:8001}
|
||||
*/
|
||||
@Bean
|
||||
public RestClient predictionRestClient(RestClient.Builder builder) {
|
||||
String baseUrl = appProperties.getPrediction().getBaseUrl();
|
||||
String resolved = (baseUrl != null && !baseUrl.isBlank()) ? baseUrl : "http://localhost:8001";
|
||||
log.info("predictionRestClient initialized: baseUrl={}", resolved);
|
||||
return builder
|
||||
.baseUrl(resolved)
|
||||
.defaultHeader("Accept", "application/json")
|
||||
.build();
|
||||
}
|
||||
|
||||
/**
|
||||
* signal-batch 선박 항적 서비스 호출용.
|
||||
* base-url: ${SIGNAL_BATCH_BASE_URL:http://192.168.1.18:18090/signal-batch}
|
||||
*/
|
||||
@Bean
|
||||
public RestClient signalBatchRestClient(RestClient.Builder builder) {
|
||||
String baseUrl = appProperties.getSignalBatch().getBaseUrl();
|
||||
String resolved = (baseUrl != null && !baseUrl.isBlank()) ? baseUrl : "http://192.168.1.18:18090/signal-batch";
|
||||
log.info("signalBatchRestClient initialized: baseUrl={}", resolved);
|
||||
return builder
|
||||
.baseUrl(resolved)
|
||||
.defaultHeader("Accept", "application/json")
|
||||
.build();
|
||||
}
|
||||
}
|
||||
@ -1,27 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
|
||||
/**
|
||||
* vessel_analysis_results 집계 응답.
|
||||
* MMSI별 최신 row 기준으로 단일 쿼리 COUNT FILTER 집계한다.
|
||||
*/
|
||||
public record AnalysisStatsResponse(
|
||||
long total,
|
||||
long darkCount,
|
||||
long spoofingCount,
|
||||
long transshipCount,
|
||||
long criticalCount,
|
||||
long highCount,
|
||||
long mediumCount,
|
||||
long lowCount,
|
||||
long territorialCount,
|
||||
long contiguousCount,
|
||||
long eezCount,
|
||||
long fishingCount,
|
||||
BigDecimal avgRiskScore,
|
||||
OffsetDateTime windowStart,
|
||||
OffsetDateTime windowEnd
|
||||
) {
|
||||
}
|
||||
@ -1,64 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import gc.mda.kcg.permission.annotation.RequirePermission;
|
||||
import jakarta.validation.Valid;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.PageRequest;
|
||||
import org.springframework.data.domain.Sort;
|
||||
import org.springframework.web.bind.annotation.*;
|
||||
|
||||
/**
|
||||
* 어구 정체성 충돌(GEAR_IDENTITY_COLLISION) 조회 + 분류 API.
|
||||
*
|
||||
* 경로: /api/analysis/gear-collisions
|
||||
* - GET / 목록 (status/severity/name 필터, hours 윈도우)
|
||||
* - GET /stats status/severity 집계
|
||||
* - GET /{id} 단건 상세
|
||||
* - POST /{id}/resolve 분류 (REVIEWED / CONFIRMED_ILLEGAL / FALSE_POSITIVE / REOPEN)
|
||||
*/
|
||||
@RestController
|
||||
@RequestMapping("/api/analysis/gear-collisions")
|
||||
@RequiredArgsConstructor
|
||||
public class GearCollisionController {
|
||||
|
||||
private static final String RESOURCE = "detection:gear-collision";
|
||||
|
||||
private final GearIdentityCollisionService service;
|
||||
|
||||
@GetMapping
|
||||
@RequirePermission(resource = RESOURCE, operation = "READ")
|
||||
public Page<GearCollisionResponse> list(
|
||||
@RequestParam(required = false) String status,
|
||||
@RequestParam(required = false) String severity,
|
||||
@RequestParam(required = false) String name,
|
||||
@RequestParam(defaultValue = "48") int hours,
|
||||
@RequestParam(defaultValue = "0") int page,
|
||||
@RequestParam(defaultValue = "50") int size
|
||||
) {
|
||||
return service.list(status, severity, name, hours,
|
||||
PageRequest.of(page, size, Sort.by(Sort.Direction.DESC, "lastSeenAt")))
|
||||
.map(GearCollisionResponse::from);
|
||||
}
|
||||
|
||||
@GetMapping("/stats")
|
||||
@RequirePermission(resource = RESOURCE, operation = "READ")
|
||||
public GearCollisionStatsResponse stats(@RequestParam(defaultValue = "48") int hours) {
|
||||
return service.stats(hours);
|
||||
}
|
||||
|
||||
@GetMapping("/{id}")
|
||||
@RequirePermission(resource = RESOURCE, operation = "READ")
|
||||
public GearCollisionResponse get(@PathVariable Long id) {
|
||||
return GearCollisionResponse.from(service.get(id));
|
||||
}
|
||||
|
||||
@PostMapping("/{id}/resolve")
|
||||
@RequirePermission(resource = RESOURCE, operation = "UPDATE")
|
||||
public GearCollisionResponse resolve(
|
||||
@PathVariable Long id,
|
||||
@Valid @RequestBody GearCollisionResolveRequest req
|
||||
) {
|
||||
return GearCollisionResponse.from(service.resolve(id, req));
|
||||
}
|
||||
}
|
||||
@ -1,18 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import jakarta.validation.constraints.NotBlank;
|
||||
import jakarta.validation.constraints.Pattern;
|
||||
|
||||
/**
|
||||
* gear_identity_collisions 분류(해결) 액션 요청.
|
||||
*
|
||||
* action: REVIEWED | CONFIRMED_ILLEGAL | FALSE_POSITIVE | REOPEN
|
||||
* note : 선택 (운영자 메모)
|
||||
*/
|
||||
public record GearCollisionResolveRequest(
|
||||
@NotBlank
|
||||
@Pattern(regexp = "REVIEWED|CONFIRMED_ILLEGAL|FALSE_POSITIVE|REOPEN")
|
||||
String action,
|
||||
String note
|
||||
) {
|
||||
}
|
||||
@ -1,57 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* gear_identity_collisions 조회 응답 DTO.
|
||||
*/
|
||||
public record GearCollisionResponse(
|
||||
Long id,
|
||||
String name,
|
||||
String mmsiLo,
|
||||
String mmsiHi,
|
||||
String parentName,
|
||||
Long parentVesselId,
|
||||
OffsetDateTime firstSeenAt,
|
||||
OffsetDateTime lastSeenAt,
|
||||
Integer coexistenceCount,
|
||||
Integer swapCount,
|
||||
BigDecimal maxDistanceKm,
|
||||
BigDecimal lastLatLo,
|
||||
BigDecimal lastLonLo,
|
||||
BigDecimal lastLatHi,
|
||||
BigDecimal lastLonHi,
|
||||
String severity,
|
||||
String status,
|
||||
String resolutionNote,
|
||||
List<Map<String, Object>> evidence,
|
||||
OffsetDateTime updatedAt
|
||||
) {
|
||||
public static GearCollisionResponse from(GearIdentityCollision e) {
|
||||
return new GearCollisionResponse(
|
||||
e.getId(),
|
||||
e.getName(),
|
||||
e.getMmsiLo(),
|
||||
e.getMmsiHi(),
|
||||
e.getParentName(),
|
||||
e.getParentVesselId(),
|
||||
e.getFirstSeenAt(),
|
||||
e.getLastSeenAt(),
|
||||
e.getCoexistenceCount(),
|
||||
e.getSwapCount(),
|
||||
e.getMaxDistanceKm(),
|
||||
e.getLastLatLo(),
|
||||
e.getLastLonLo(),
|
||||
e.getLastLatHi(),
|
||||
e.getLastLonHi(),
|
||||
e.getSeverity(),
|
||||
e.getStatus(),
|
||||
e.getResolutionNote(),
|
||||
e.getEvidence(),
|
||||
e.getUpdatedAt()
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,14 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* gear_identity_collisions status/severity 별 집계 응답.
|
||||
*/
|
||||
public record GearCollisionStatsResponse(
|
||||
long total,
|
||||
Map<String, Long> byStatus,
|
||||
Map<String, Long> bySeverity,
|
||||
int hours
|
||||
) {
|
||||
}
|
||||
@ -1,38 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* prediction 자동 어구 탐지 결과 응답 DTO.
|
||||
* gear_code / gear_judgment 가 NOT NULL 인 row의 핵심 필드만 노출.
|
||||
*/
|
||||
public record GearDetectionResponse(
|
||||
Long id,
|
||||
String mmsi,
|
||||
OffsetDateTime analyzedAt,
|
||||
String vesselType,
|
||||
String gearCode,
|
||||
String gearJudgment,
|
||||
String permitStatus,
|
||||
String riskLevel,
|
||||
Integer riskScore,
|
||||
String zoneCode,
|
||||
List<String> violationCategories
|
||||
) {
|
||||
public static GearDetectionResponse from(VesselAnalysisResult e) {
|
||||
return new GearDetectionResponse(
|
||||
e.getId(),
|
||||
e.getMmsi(),
|
||||
e.getAnalyzedAt(),
|
||||
e.getVesselType(),
|
||||
e.getGearCode(),
|
||||
e.getGearJudgment(),
|
||||
e.getPermitStatus(),
|
||||
e.getRiskLevel(),
|
||||
e.getRiskScore(),
|
||||
e.getZoneCode(),
|
||||
e.getViolationCategories()
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import jakarta.persistence.*;
|
||||
import lombok.*;
|
||||
import org.hibernate.annotations.JdbcTypeCode;
|
||||
import org.hibernate.type.SqlTypes;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
import java.util.UUID;
|
||||
|
||||
/**
|
||||
* gear_identity_collisions 엔티티 (GEAR_IDENTITY_COLLISION 탐지 패턴).
|
||||
*
|
||||
* 동일 어구 이름이 서로 다른 MMSI 로 같은 cycle 내 동시 송출되는 공존 이력.
|
||||
* prediction 엔진이 5분 주기로 UPSERT, 백엔드는 조회 및 운영자 분류(status) 만 갱신.
|
||||
*/
|
||||
@Entity
|
||||
@Table(name = "gear_identity_collisions", schema = "kcg")
|
||||
@Getter
|
||||
@Setter
|
||||
@NoArgsConstructor(access = AccessLevel.PROTECTED)
|
||||
@AllArgsConstructor
|
||||
@Builder
|
||||
public class GearIdentityCollision {
|
||||
|
||||
@Id
|
||||
@GeneratedValue(strategy = GenerationType.IDENTITY)
|
||||
private Long id;
|
||||
|
||||
@Column(name = "name", nullable = false, length = 200)
|
||||
private String name;
|
||||
|
||||
@Column(name = "mmsi_lo", nullable = false, length = 20)
|
||||
private String mmsiLo;
|
||||
|
||||
@Column(name = "mmsi_hi", nullable = false, length = 20)
|
||||
private String mmsiHi;
|
||||
|
||||
@Column(name = "parent_name", length = 100)
|
||||
private String parentName;
|
||||
|
||||
@Column(name = "parent_vessel_id")
|
||||
private Long parentVesselId;
|
||||
|
||||
@Column(name = "first_seen_at", nullable = false)
|
||||
private OffsetDateTime firstSeenAt;
|
||||
|
||||
@Column(name = "last_seen_at", nullable = false)
|
||||
private OffsetDateTime lastSeenAt;
|
||||
|
||||
@Column(name = "coexistence_count", nullable = false)
|
||||
private Integer coexistenceCount;
|
||||
|
||||
@Column(name = "swap_count", nullable = false)
|
||||
private Integer swapCount;
|
||||
|
||||
@Column(name = "max_distance_km", precision = 8, scale = 2)
|
||||
private BigDecimal maxDistanceKm;
|
||||
|
||||
@Column(name = "last_lat_lo", precision = 9, scale = 6)
|
||||
private BigDecimal lastLatLo;
|
||||
|
||||
@Column(name = "last_lon_lo", precision = 10, scale = 6)
|
||||
private BigDecimal lastLonLo;
|
||||
|
||||
@Column(name = "last_lat_hi", precision = 9, scale = 6)
|
||||
private BigDecimal lastLatHi;
|
||||
|
||||
@Column(name = "last_lon_hi", precision = 10, scale = 6)
|
||||
private BigDecimal lastLonHi;
|
||||
|
||||
@Column(name = "severity", nullable = false, length = 20)
|
||||
private String severity;
|
||||
|
||||
@Column(name = "status", nullable = false, length = 30)
|
||||
private String status;
|
||||
|
||||
@Column(name = "resolved_by")
|
||||
private UUID resolvedBy;
|
||||
|
||||
@Column(name = "resolved_at")
|
||||
private OffsetDateTime resolvedAt;
|
||||
|
||||
@Column(name = "resolution_note", columnDefinition = "text")
|
||||
private String resolutionNote;
|
||||
|
||||
@JdbcTypeCode(SqlTypes.JSON)
|
||||
@Column(name = "evidence", columnDefinition = "jsonb")
|
||||
private List<Map<String, Object>> evidence;
|
||||
|
||||
@Column(name = "created_at", nullable = false, updatable = false)
|
||||
private OffsetDateTime createdAt;
|
||||
|
||||
@Column(name = "updated_at", nullable = false)
|
||||
private OffsetDateTime updatedAt;
|
||||
}
|
||||
@ -1,41 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.Pageable;
|
||||
import org.springframework.data.jpa.repository.JpaRepository;
|
||||
import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
|
||||
import org.springframework.data.jpa.repository.Query;
|
||||
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
|
||||
public interface GearIdentityCollisionRepository
|
||||
extends JpaRepository<GearIdentityCollision, Long>,
|
||||
JpaSpecificationExecutor<GearIdentityCollision> {
|
||||
|
||||
Page<GearIdentityCollision> findAllByLastSeenAtAfterOrderByLastSeenAtDesc(
|
||||
OffsetDateTime after, Pageable pageable);
|
||||
|
||||
/**
|
||||
* status 별 카운트 집계 (hours 윈도우).
|
||||
* 반환: [{status, count}, ...] — Object[] {String status, Long count}
|
||||
*/
|
||||
@Query("""
|
||||
SELECT g.status AS status, COUNT(g) AS cnt
|
||||
FROM GearIdentityCollision g
|
||||
WHERE g.lastSeenAt > :after
|
||||
GROUP BY g.status
|
||||
""")
|
||||
List<Object[]> countByStatus(OffsetDateTime after);
|
||||
|
||||
/**
|
||||
* severity 별 카운트 집계 (hours 윈도우).
|
||||
*/
|
||||
@Query("""
|
||||
SELECT g.severity AS severity, COUNT(g) AS cnt
|
||||
FROM GearIdentityCollision g
|
||||
WHERE g.lastSeenAt > :after
|
||||
GROUP BY g.severity
|
||||
""")
|
||||
List<Object[]> countBySeverity(OffsetDateTime after);
|
||||
}
|
||||
@ -1,133 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import gc.mda.kcg.audit.annotation.Auditable;
|
||||
import gc.mda.kcg.auth.AuthPrincipal;
|
||||
import jakarta.persistence.EntityNotFoundException;
|
||||
import jakarta.persistence.criteria.Predicate;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.Pageable;
|
||||
import org.springframework.data.jpa.domain.Specification;
|
||||
import org.springframework.security.core.context.SecurityContextHolder;
|
||||
import org.springframework.stereotype.Service;
|
||||
import org.springframework.transaction.annotation.Transactional;
|
||||
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.ArrayList;
|
||||
import java.util.HashMap;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* 어구 정체성 충돌(GEAR_IDENTITY_COLLISION) 조회/분류 서비스.
|
||||
*
|
||||
* 조회는 모두 {@link Transactional}(readOnly=true), 분류 액션은 {@link Auditable} 로
|
||||
* 감사로그 기록. 상태 전이 화이트리스트는 REVIEWED / CONFIRMED_ILLEGAL / FALSE_POSITIVE / REOPEN.
|
||||
*/
|
||||
@Slf4j
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
public class GearIdentityCollisionService {
|
||||
|
||||
private static final String RESOURCE_TYPE = "GEAR_COLLISION";
|
||||
|
||||
private final GearIdentityCollisionRepository repository;
|
||||
|
||||
@Transactional(readOnly = true)
|
||||
public Page<GearIdentityCollision> list(
|
||||
String status,
|
||||
String severity,
|
||||
String name,
|
||||
int hours,
|
||||
Pageable pageable
|
||||
) {
|
||||
OffsetDateTime after = OffsetDateTime.now().minusHours(Math.max(hours, 1));
|
||||
Specification<GearIdentityCollision> spec = (root, query, cb) -> {
|
||||
List<Predicate> preds = new ArrayList<>();
|
||||
preds.add(cb.greaterThan(root.get("lastSeenAt"), after));
|
||||
if (status != null && !status.isBlank()) {
|
||||
preds.add(cb.equal(root.get("status"), status));
|
||||
}
|
||||
if (severity != null && !severity.isBlank()) {
|
||||
preds.add(cb.equal(root.get("severity"), severity));
|
||||
}
|
||||
if (name != null && !name.isBlank()) {
|
||||
preds.add(cb.like(root.get("name"), "%" + name + "%"));
|
||||
}
|
||||
return cb.and(preds.toArray(new Predicate[0]));
|
||||
};
|
||||
return repository.findAll(spec, pageable);
|
||||
}
|
||||
|
||||
@Transactional(readOnly = true)
|
||||
public GearIdentityCollision get(Long id) {
|
||||
return repository.findById(id)
|
||||
.orElseThrow(() -> new EntityNotFoundException("GEAR_COLLISION_NOT_FOUND: " + id));
|
||||
}
|
||||
|
||||
@Transactional(readOnly = true)
|
||||
public GearCollisionStatsResponse stats(int hours) {
|
||||
OffsetDateTime after = OffsetDateTime.now().minusHours(Math.max(hours, 1));
|
||||
Map<String, Long> byStatus = new HashMap<>();
|
||||
long total = 0;
|
||||
for (Object[] row : repository.countByStatus(after)) {
|
||||
String s = (String) row[0];
|
||||
long c = ((Number) row[1]).longValue();
|
||||
byStatus.put(s, c);
|
||||
total += c;
|
||||
}
|
||||
Map<String, Long> bySeverity = new HashMap<>();
|
||||
for (Object[] row : repository.countBySeverity(after)) {
|
||||
bySeverity.put((String) row[0], ((Number) row[1]).longValue());
|
||||
}
|
||||
return new GearCollisionStatsResponse(total, byStatus, bySeverity, hours);
|
||||
}
|
||||
|
||||
@Auditable(action = "GEAR_COLLISION_RESOLVE", resourceType = RESOURCE_TYPE)
|
||||
@Transactional
|
||||
public GearIdentityCollision resolve(Long id, GearCollisionResolveRequest req) {
|
||||
GearIdentityCollision row = repository.findById(id)
|
||||
.orElseThrow(() -> new EntityNotFoundException("GEAR_COLLISION_NOT_FOUND: " + id));
|
||||
AuthPrincipal principal = currentPrincipal();
|
||||
OffsetDateTime now = OffsetDateTime.now();
|
||||
|
||||
switch (req.action().toUpperCase()) {
|
||||
case "REVIEWED" -> {
|
||||
row.setStatus("REVIEWED");
|
||||
row.setResolvedBy(principal != null ? principal.getUserId() : null);
|
||||
row.setResolvedAt(now);
|
||||
row.setResolutionNote(req.note());
|
||||
}
|
||||
case "CONFIRMED_ILLEGAL" -> {
|
||||
row.setStatus("CONFIRMED_ILLEGAL");
|
||||
row.setResolvedBy(principal != null ? principal.getUserId() : null);
|
||||
row.setResolvedAt(now);
|
||||
row.setResolutionNote(req.note());
|
||||
}
|
||||
case "FALSE_POSITIVE" -> {
|
||||
row.setStatus("FALSE_POSITIVE");
|
||||
row.setResolvedBy(principal != null ? principal.getUserId() : null);
|
||||
row.setResolvedAt(now);
|
||||
row.setResolutionNote(req.note());
|
||||
}
|
||||
case "REOPEN" -> {
|
||||
row.setStatus("OPEN");
|
||||
row.setResolvedBy(null);
|
||||
row.setResolvedAt(null);
|
||||
row.setResolutionNote(req.note());
|
||||
}
|
||||
default -> throw new IllegalArgumentException("UNKNOWN_ACTION: " + req.action());
|
||||
}
|
||||
row.setUpdatedAt(now);
|
||||
return repository.save(row);
|
||||
}
|
||||
|
||||
private AuthPrincipal currentPrincipal() {
|
||||
var auth = SecurityContextHolder.getContext().getAuthentication();
|
||||
if (auth != null && auth.getPrincipal() instanceof AuthPrincipal p) {
|
||||
return p;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,70 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import gc.mda.kcg.config.AppProperties;
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
import org.springframework.stereotype.Component;
|
||||
import org.springframework.web.client.RestClient;
|
||||
import org.springframework.web.client.RestClientException;
|
||||
|
||||
import java.time.Duration;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* iran 백엔드 REST 클라이언트.
|
||||
*
|
||||
* 운영 환경: https://kcg.gc-si.dev (Spring Boot + Prediction 통합)
|
||||
* 호출 실패 시 graceful degradation: null 반환 → 프론트에 빈 응답.
|
||||
*
|
||||
* 향후 prediction 이관 시 IranBackendClient를 PredictionDirectClient로 교체하면 됨.
|
||||
*/
|
||||
@Slf4j
|
||||
@Component
|
||||
public class IranBackendClient {
|
||||
|
||||
private final RestClient restClient;
|
||||
private final boolean enabled;
|
||||
|
||||
public IranBackendClient(AppProperties appProperties) {
|
||||
String baseUrl = appProperties.getIranBackend().getBaseUrl();
|
||||
this.enabled = baseUrl != null && !baseUrl.isBlank();
|
||||
this.restClient = enabled
|
||||
? RestClient.builder()
|
||||
.baseUrl(baseUrl)
|
||||
.defaultHeader("Accept", "application/json")
|
||||
.build()
|
||||
: RestClient.create();
|
||||
log.info("IranBackendClient initialized: enabled={}, baseUrl={}", enabled, baseUrl);
|
||||
}
|
||||
|
||||
public boolean isEnabled() {
|
||||
return enabled;
|
||||
}
|
||||
|
||||
/**
|
||||
* GET 호출 (Map 반환). 실패 시 null 반환.
|
||||
*/
|
||||
public Map<String, Object> getJson(String path) {
|
||||
if (!enabled) return null;
|
||||
try {
|
||||
@SuppressWarnings("unchecked")
|
||||
Map<String, Object> body = restClient.get().uri(path).retrieve().body(Map.class);
|
||||
return body;
|
||||
} catch (RestClientException e) {
|
||||
log.debug("iran 백엔드 호출 실패: {} - {}", path, e.getMessage());
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 임의 타입 GET 호출.
|
||||
*/
|
||||
public <T> T getAs(String path, Class<T> responseType) {
|
||||
if (!enabled) return null;
|
||||
try {
|
||||
return restClient.get().uri(path).retrieve().body(responseType);
|
||||
} catch (RestClientException e) {
|
||||
log.debug("iran 백엔드 호출 실패: {} - {}", path, e.getMessage());
|
||||
return null;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2,129 +2,66 @@ package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import gc.mda.kcg.permission.annotation.RequirePermission;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
import org.springframework.beans.factory.annotation.Qualifier;
|
||||
import org.springframework.http.ResponseEntity;
|
||||
import org.springframework.web.bind.annotation.*;
|
||||
import org.springframework.web.client.RestClient;
|
||||
import org.springframework.web.client.RestClientException;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
import org.springframework.web.bind.annotation.PostMapping;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.RestController;
|
||||
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* Prediction FastAPI 서비스 프록시.
|
||||
* 기본 baseUrl: app.prediction.base-url (개발 http://localhost:8001, 운영 http://192.168.1.19:18092)
|
||||
*
|
||||
* 엔드포인트:
|
||||
* GET /api/prediction/health → FastAPI /health
|
||||
* GET /api/prediction/status → FastAPI /api/v1/analysis/status
|
||||
* POST /api/prediction/trigger → FastAPI /api/v1/analysis/trigger
|
||||
* POST /api/prediction/chat → stub (Phase 9)
|
||||
* GET /api/prediction/groups/{key}/history → FastAPI /api/v1/groups/{key}/history?hours=
|
||||
* GET /api/prediction/correlation/{key}/tracks → FastAPI /api/v1/correlation/{key}/tracks?hours=&min_score=
|
||||
* Prediction (Python FastAPI) 서비스 프록시.
|
||||
* 현재는 stub - Phase 5에서 실 연결.
|
||||
*/
|
||||
@Slf4j
|
||||
@RestController
|
||||
@RequestMapping("/api/prediction")
|
||||
@RequiredArgsConstructor
|
||||
public class PredictionProxyController {
|
||||
|
||||
@Qualifier("predictionRestClient")
|
||||
private final RestClient predictionClient;
|
||||
private final IranBackendClient iranClient;
|
||||
|
||||
@GetMapping("/health")
|
||||
public ResponseEntity<?> health() {
|
||||
return proxyGet("/health", Map.of(
|
||||
"status", "DISCONNECTED",
|
||||
"message", "Prediction 서비스 미연결"
|
||||
));
|
||||
Map<String, Object> data = iranClient.getJson("/api/prediction/health");
|
||||
if (data == null) {
|
||||
return ResponseEntity.ok(Map.of(
|
||||
"status", "DISCONNECTED",
|
||||
"message", "Prediction 서비스 미연결 (Phase 5에서 연결 예정)"
|
||||
));
|
||||
}
|
||||
return ResponseEntity.ok(data);
|
||||
}
|
||||
|
||||
@GetMapping("/status")
|
||||
@RequirePermission(resource = "monitoring", operation = "READ")
|
||||
public ResponseEntity<?> status() {
|
||||
return proxyGet("/api/v1/analysis/status", Map.of("status", "DISCONNECTED"));
|
||||
Map<String, Object> data = iranClient.getJson("/api/prediction/status");
|
||||
if (data == null) {
|
||||
return ResponseEntity.ok(Map.of("status", "DISCONNECTED"));
|
||||
}
|
||||
return ResponseEntity.ok(data);
|
||||
}
|
||||
|
||||
@PostMapping("/trigger")
|
||||
@RequirePermission(resource = "ai-operations:mlops", operation = "UPDATE")
|
||||
public ResponseEntity<?> trigger() {
|
||||
return proxyPost("/api/v1/analysis/trigger", null,
|
||||
Map.of("ok", false, "message", "Prediction 서비스 미연결"));
|
||||
return ResponseEntity.ok(Map.of("ok", false, "message", "Prediction 서비스 미연결"));
|
||||
}
|
||||
|
||||
/**
|
||||
* AI 채팅 프록시 (POST) — Phase 9에서 실 연결.
|
||||
* AI 채팅 프록시 (POST).
|
||||
* 향후 prediction 인증 통과 후 SSE 스트리밍으로 전환.
|
||||
*/
|
||||
@PostMapping("/chat")
|
||||
@RequirePermission(resource = "ai-operations:ai-assistant", operation = "READ")
|
||||
public ResponseEntity<?> chat(@RequestBody Map<String, Object> body) {
|
||||
public ResponseEntity<?> chat(@org.springframework.web.bind.annotation.RequestBody Map<String, Object> body) {
|
||||
// iran 백엔드에 인증 토큰이 필요하므로 현재 stub 응답
|
||||
// 향후: iranClient에 Bearer 토큰 전달 + SSE 스트리밍
|
||||
return ResponseEntity.ok(Map.of(
|
||||
"ok", false,
|
||||
"serviceAvailable", false,
|
||||
"message", "Prediction 채팅 인증 연동 대기 중 (Phase 9에서 활성화 예정). 입력: "
|
||||
+ body.getOrDefault("message", "")
|
||||
"message", "Prediction 채팅 인증 연동 대기 중 (Phase 9에서 활성화 예정). 입력: " + body.getOrDefault("message", "")
|
||||
));
|
||||
}
|
||||
|
||||
/**
|
||||
* 그룹 스냅샷 이력 (FastAPI 위임).
|
||||
*/
|
||||
@GetMapping("/groups/{groupKey}/history")
|
||||
@RequirePermission(resource = "detection:gear-detection", operation = "READ")
|
||||
public ResponseEntity<?> groupHistory(
|
||||
@PathVariable String groupKey,
|
||||
@RequestParam(defaultValue = "24") int hours
|
||||
) {
|
||||
return proxyGet("/api/v1/groups/" + groupKey + "/history?hours=" + hours,
|
||||
Map.of("serviceAvailable", false, "groupKey", groupKey));
|
||||
}
|
||||
|
||||
/**
|
||||
* 상관관계 궤적 (FastAPI 위임).
|
||||
*/
|
||||
@GetMapping("/correlation/{groupKey}/tracks")
|
||||
@RequirePermission(resource = "detection:gear-detection", operation = "READ")
|
||||
public ResponseEntity<?> correlationTracks(
|
||||
@PathVariable String groupKey,
|
||||
@RequestParam(defaultValue = "24") int hours,
|
||||
@RequestParam(name = "min_score", required = false) Double minScore
|
||||
) {
|
||||
String path = "/api/v1/correlation/" + groupKey + "/tracks?hours=" + hours;
|
||||
if (minScore != null) path += "&min_score=" + minScore;
|
||||
return proxyGet(path, Map.of("serviceAvailable", false, "groupKey", groupKey));
|
||||
}
|
||||
|
||||
// ── 내부 헬퍼 ──────────────────────────────────────────────────────────────
|
||||
|
||||
@SuppressWarnings("unchecked")
|
||||
private ResponseEntity<?> proxyGet(String path, Map<String, Object> fallback) {
|
||||
try {
|
||||
Map<String, Object> body = predictionClient.get()
|
||||
.uri(path)
|
||||
.retrieve()
|
||||
.body(Map.class);
|
||||
return ResponseEntity.ok(body != null ? body : fallback);
|
||||
} catch (RestClientException e) {
|
||||
log.debug("Prediction 호출 실패 GET {}: {}", path, e.getMessage());
|
||||
return ResponseEntity.ok(fallback);
|
||||
}
|
||||
}
|
||||
|
||||
@SuppressWarnings("unchecked")
|
||||
private ResponseEntity<?> proxyPost(String path, Object requestBody, Map<String, Object> fallback) {
|
||||
try {
|
||||
var spec = predictionClient.post().uri(path);
|
||||
Map<String, Object> body;
|
||||
if (requestBody != null) {
|
||||
body = spec.body(requestBody).retrieve().body(Map.class);
|
||||
} else {
|
||||
body = spec.retrieve().body(Map.class);
|
||||
}
|
||||
return ResponseEntity.ok(body != null ? body : fallback);
|
||||
} catch (RestClientException e) {
|
||||
log.debug("Prediction 호출 실패 POST {}: {}", path, e.getMessage());
|
||||
return ResponseEntity.ok(fallback);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,134 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import gc.mda.kcg.permission.annotation.RequirePermission;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.PageRequest;
|
||||
import org.springframework.data.domain.Sort;
|
||||
import org.springframework.web.bind.annotation.*;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* vessel_analysis_results 직접 조회 API.
|
||||
* prediction이 kcgaidb에 저장한 분석 결과를 프론트엔드에 직접 제공한다 (/api/analysis/*).
|
||||
*/
|
||||
@RestController
|
||||
@RequestMapping("/api/analysis")
|
||||
@RequiredArgsConstructor
|
||||
public class VesselAnalysisController {
|
||||
|
||||
private final VesselAnalysisService service;
|
||||
|
||||
/**
|
||||
* 분석 결과 목록 조회 (필터 + 페이징).
|
||||
* 기본: 최근 1시간 내 결과.
|
||||
*/
|
||||
@GetMapping("/vessels")
|
||||
@RequirePermission(resource = "detection:dark-vessel", operation = "READ")
|
||||
public Page<VesselAnalysisResponse> listVessels(
|
||||
@RequestParam(required = false) String mmsi,
|
||||
@RequestParam(required = false) String zoneCode,
|
||||
@RequestParam(required = false) String riskLevel,
|
||||
@RequestParam(required = false) Boolean isDark,
|
||||
@RequestParam(required = false) String mmsiPrefix,
|
||||
@RequestParam(required = false) Integer minRiskScore,
|
||||
@RequestParam(required = false) BigDecimal minFishingPct,
|
||||
@RequestParam(defaultValue = "1") int hours,
|
||||
@RequestParam(defaultValue = "0") int page,
|
||||
@RequestParam(defaultValue = "50") int size
|
||||
) {
|
||||
OffsetDateTime after = OffsetDateTime.now().minusHours(hours);
|
||||
return service.getAnalysisResults(
|
||||
mmsi, zoneCode, riskLevel, isDark,
|
||||
mmsiPrefix, minRiskScore, minFishingPct, after,
|
||||
PageRequest.of(page, size, Sort.by(Sort.Direction.DESC, "analyzedAt"))
|
||||
).map(VesselAnalysisResponse::from);
|
||||
}
|
||||
|
||||
/**
|
||||
* MMSI별 최신 row 기준 집계 (단일 쿼리 COUNT FILTER).
|
||||
* - hours: 윈도우 (기본 1시간)
|
||||
* - mmsiPrefix: '412' 같은 MMSI prefix 필터 (선택)
|
||||
*/
|
||||
@GetMapping("/stats")
|
||||
@RequirePermission(resource = "detection:dark-vessel", operation = "READ")
|
||||
public AnalysisStatsResponse getStats(
|
||||
@RequestParam(defaultValue = "1") int hours,
|
||||
@RequestParam(required = false) String mmsiPrefix
|
||||
) {
|
||||
return service.getStats(hours, mmsiPrefix);
|
||||
}
|
||||
|
||||
/**
|
||||
* prediction 자동 어구 탐지 결과 목록.
|
||||
* gear_code/gear_judgment NOT NULL 인 row만 MMSI 중복 제거 후 반환.
|
||||
*/
|
||||
@GetMapping("/gear-detections")
|
||||
@RequirePermission(resource = "detection:dark-vessel", operation = "READ")
|
||||
public Page<GearDetectionResponse> listGearDetections(
|
||||
@RequestParam(defaultValue = "1") int hours,
|
||||
@RequestParam(required = false) String mmsiPrefix,
|
||||
@RequestParam(defaultValue = "0") int page,
|
||||
@RequestParam(defaultValue = "50") int size
|
||||
) {
|
||||
return service.getGearDetections(hours, mmsiPrefix,
|
||||
PageRequest.of(page, size, Sort.by(Sort.Direction.DESC, "analyzedAt"))
|
||||
).map(GearDetectionResponse::from);
|
||||
}
|
||||
|
||||
/**
|
||||
* 특정 선박 최신 분석 결과 (features 포함).
|
||||
*/
|
||||
@GetMapping("/vessels/{mmsi}")
|
||||
@RequirePermission(resource = "detection:dark-vessel", operation = "READ")
|
||||
public VesselAnalysisResponse getLatest(@PathVariable String mmsi) {
|
||||
return VesselAnalysisResponse.from(service.getLatestByMmsi(mmsi));
|
||||
}
|
||||
|
||||
/**
|
||||
* 특정 선박 분석 이력 (기본 24시간).
|
||||
*/
|
||||
@GetMapping("/vessels/{mmsi}/history")
|
||||
@RequirePermission(resource = "detection:dark-vessel", operation = "READ")
|
||||
public List<VesselAnalysisResponse> getHistory(
|
||||
@PathVariable String mmsi,
|
||||
@RequestParam(defaultValue = "24") int hours
|
||||
) {
|
||||
return service.getHistory(mmsi, hours).stream()
|
||||
.map(VesselAnalysisResponse::from)
|
||||
.toList();
|
||||
}
|
||||
|
||||
/**
|
||||
* 다크 베셀 목록 (최신 분석, MMSI 중복 제거).
|
||||
*/
|
||||
@GetMapping("/dark")
|
||||
@RequirePermission(resource = "detection:dark-vessel", operation = "READ")
|
||||
public Page<VesselAnalysisResponse> listDarkVessels(
|
||||
@RequestParam(defaultValue = "1") int hours,
|
||||
@RequestParam(defaultValue = "0") int page,
|
||||
@RequestParam(defaultValue = "50") int size
|
||||
) {
|
||||
return service.getDarkVessels(hours,
|
||||
PageRequest.of(page, size, Sort.by(Sort.Direction.DESC, "riskScore"))
|
||||
).map(VesselAnalysisResponse::from);
|
||||
}
|
||||
|
||||
/**
|
||||
* 환적 의심 목록 (최신 분석, MMSI 중복 제거).
|
||||
*/
|
||||
@GetMapping("/transship")
|
||||
@RequirePermission(resource = "detection:dark-vessel", operation = "READ")
|
||||
public Page<VesselAnalysisResponse> listTransshipSuspects(
|
||||
@RequestParam(defaultValue = "1") int hours,
|
||||
@RequestParam(defaultValue = "0") int page,
|
||||
@RequestParam(defaultValue = "50") int size
|
||||
) {
|
||||
return service.getTransshipSuspects(hours,
|
||||
PageRequest.of(page, size, Sort.by(Sort.Direction.DESC, "riskScore"))
|
||||
).map(VesselAnalysisResponse::from);
|
||||
}
|
||||
}
|
||||
@ -1,373 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import com.fasterxml.jackson.core.type.TypeReference;
|
||||
import com.fasterxml.jackson.databind.ObjectMapper;
|
||||
import gc.mda.kcg.audit.annotation.Auditable;
|
||||
import gc.mda.kcg.domain.fleet.ParentResolution;
|
||||
import gc.mda.kcg.domain.fleet.repository.ParentResolutionRepository;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
import org.springframework.jdbc.core.JdbcTemplate;
|
||||
import org.springframework.stereotype.Service;
|
||||
|
||||
import java.util.ArrayList;
|
||||
import java.util.HashMap;
|
||||
import java.util.LinkedHashMap;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* 어구 그룹/상관관계 직접 DB 조회 서비스.
|
||||
* kcg.group_polygon_snapshots, kcg.gear_correlation_scores,
|
||||
* kcg.correlation_param_models 를 JdbcTemplate으로 직접 쿼리.
|
||||
* ParentResolution 합성은 JPA를 통해 수행.
|
||||
*/
|
||||
@Slf4j
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
public class VesselAnalysisGroupService {
|
||||
|
||||
private final JdbcTemplate jdbc;
|
||||
private final ParentResolutionRepository parentResolutionRepo;
|
||||
private final ObjectMapper objectMapper;
|
||||
|
||||
/**
|
||||
* 그룹 목록 (최신 스냅샷 per group_key+sub_cluster_id) + parentResolution 합성.
|
||||
* 목록에서는 polygon/members를 제외하여 응답 크기를 최소화.
|
||||
* polygon·members는 detail API에서만 반환.
|
||||
*
|
||||
* @param groupType null이면 전체, "GEAR"면 GEAR_IN_ZONE+GEAR_OUT_ZONE만
|
||||
*/
|
||||
public Map<String, Object> getGroups(String groupType) {
|
||||
List<Map<String, Object>> rows;
|
||||
|
||||
// LATERAL JOIN으로 최신 스냅샷만 빠르게 조회 (DISTINCT ON 대비 60x 개선)
|
||||
String typeFilter = "GEAR".equals(groupType)
|
||||
? "AND group_type IN ('GEAR_IN_ZONE', 'GEAR_OUT_ZONE')"
|
||||
: "";
|
||||
|
||||
String sql = """
|
||||
SELECT g.*
|
||||
FROM (
|
||||
SELECT DISTINCT group_key, sub_cluster_id
|
||||
FROM kcg.group_polygon_snapshots
|
||||
WHERE snapshot_time > NOW() - INTERVAL '1 hour'
|
||||
%s
|
||||
) keys
|
||||
JOIN LATERAL (
|
||||
SELECT group_type, group_key, group_label, sub_cluster_id, snapshot_time,
|
||||
ST_AsGeoJSON(polygon)::text AS polygon_geojson,
|
||||
ST_Y(center_point) AS center_lat, ST_X(center_point) AS center_lon,
|
||||
area_sq_nm, member_count, zone_id, zone_name, members::text, color
|
||||
FROM kcg.group_polygon_snapshots
|
||||
WHERE group_key = keys.group_key AND sub_cluster_id = keys.sub_cluster_id
|
||||
ORDER BY snapshot_time DESC LIMIT 1
|
||||
) g ON true
|
||||
""".formatted(typeFilter);
|
||||
|
||||
try {
|
||||
rows = jdbc.queryForList(sql);
|
||||
} catch (Exception e) {
|
||||
log.warn("group_polygon_snapshots 조회 실패: {}", e.getMessage());
|
||||
return Map.of("serviceAvailable", false, "items", List.of(), "count", 0);
|
||||
}
|
||||
|
||||
// parentResolution 인덱싱
|
||||
Map<String, ParentResolution> resolutionByKey = new HashMap<>();
|
||||
for (ParentResolution r : parentResolutionRepo.findAll()) {
|
||||
resolutionByKey.put(r.getGroupKey() + "::" + r.getSubClusterId(), r);
|
||||
}
|
||||
|
||||
// correlation_scores 실시간 최고 점수 + 후보 수 일괄 조회
|
||||
Map<String, Object[]> corrTopByGroup = new HashMap<>();
|
||||
try {
|
||||
List<Map<String, Object>> corrRows = jdbc.queryForList("""
|
||||
SELECT group_key, sub_cluster_id,
|
||||
MAX(current_score) AS max_score,
|
||||
COUNT(*) FILTER (WHERE current_score > 0.3) AS candidate_count
|
||||
FROM kcg.gear_correlation_scores
|
||||
WHERE model_id = (SELECT id FROM kcg.correlation_param_models WHERE is_default = true LIMIT 1)
|
||||
AND freeze_state = 'ACTIVE'
|
||||
GROUP BY group_key, sub_cluster_id
|
||||
""");
|
||||
for (Map<String, Object> cr : corrRows) {
|
||||
String ck = cr.get("group_key") + "::" + cr.get("sub_cluster_id");
|
||||
corrTopByGroup.put(ck, new Object[]{cr.get("max_score"), cr.get("candidate_count")});
|
||||
}
|
||||
} catch (Exception e) {
|
||||
log.debug("correlation top score 조회 실패: {}", e.getMessage());
|
||||
}
|
||||
|
||||
List<Map<String, Object>> items = new ArrayList<>();
|
||||
for (Map<String, Object> row : rows) {
|
||||
Map<String, Object> item = buildGroupItem(row);
|
||||
|
||||
String groupKey = String.valueOf(row.get("group_key"));
|
||||
Object subRaw = row.get("sub_cluster_id");
|
||||
Integer sub = subRaw == null ? null : Integer.valueOf(subRaw.toString());
|
||||
String compositeKey = groupKey + "::" + sub;
|
||||
ParentResolution res = resolutionByKey.get(compositeKey);
|
||||
|
||||
// 실시간 최고 점수 (correlation_scores)
|
||||
Object[] corrTop = corrTopByGroup.get(compositeKey);
|
||||
if (corrTop != null) {
|
||||
item.put("liveTopScore", corrTop[0]);
|
||||
item.put("candidateCount", corrTop[1]);
|
||||
}
|
||||
|
||||
if (res != null) {
|
||||
Map<String, Object> resolution = new LinkedHashMap<>();
|
||||
resolution.put("status", res.getStatus());
|
||||
resolution.put("selectedParentMmsi", res.getSelectedParentMmsi());
|
||||
resolution.put("selectedParentName", res.getSelectedParentName());
|
||||
resolution.put("topScore", res.getTopScore());
|
||||
resolution.put("confidence", res.getConfidence());
|
||||
resolution.put("secondScore", res.getSecondScore());
|
||||
resolution.put("scoreMargin", res.getScoreMargin());
|
||||
resolution.put("decisionSource", res.getDecisionSource());
|
||||
resolution.put("stableCycles", res.getStableCycles());
|
||||
resolution.put("approvedAt", res.getApprovedAt());
|
||||
resolution.put("manualComment", res.getManualComment());
|
||||
item.put("resolution", resolution);
|
||||
} else {
|
||||
item.put("resolution", null);
|
||||
}
|
||||
|
||||
items.add(item);
|
||||
}
|
||||
|
||||
return Map.of("serviceAvailable", true, "count", items.size(), "items", items);
|
||||
}
|
||||
|
||||
/**
|
||||
* 단일 그룹 상세 (최신 스냅샷 + 24시간 이력).
|
||||
*/
|
||||
public Map<String, Object> getGroupDetail(String groupKey) {
|
||||
String latestSql = """
|
||||
SELECT group_type, group_key, group_label, sub_cluster_id, snapshot_time,
|
||||
ST_AsGeoJSON(polygon)::text AS polygon_geojson,
|
||||
ST_Y(center_point) AS center_lat, ST_X(center_point) AS center_lon,
|
||||
area_sq_nm, member_count, zone_id, zone_name, members::text, color
|
||||
FROM kcg.group_polygon_snapshots
|
||||
WHERE group_key = ?
|
||||
ORDER BY snapshot_time DESC
|
||||
LIMIT 1
|
||||
""";
|
||||
|
||||
String historySql = """
|
||||
SELECT snapshot_time,
|
||||
ST_Y(center_point) AS center_lat, ST_X(center_point) AS center_lon,
|
||||
member_count,
|
||||
ST_AsGeoJSON(polygon)::text AS polygon_geojson,
|
||||
members::text, sub_cluster_id, area_sq_nm
|
||||
FROM kcg.group_polygon_snapshots
|
||||
WHERE group_key = ? AND snapshot_time > NOW() - INTERVAL '24 hours'
|
||||
ORDER BY snapshot_time ASC
|
||||
""";
|
||||
|
||||
try {
|
||||
List<Map<String, Object>> latestRows = jdbc.queryForList(latestSql, groupKey);
|
||||
if (latestRows.isEmpty()) {
|
||||
return Map.of("serviceAvailable", false, "groupKey", groupKey,
|
||||
"message", "그룹을 찾을 수 없습니다.");
|
||||
}
|
||||
|
||||
Map<String, Object> latest = buildGroupItem(latestRows.get(0));
|
||||
|
||||
List<Map<String, Object>> historyRows = jdbc.queryForList(historySql, groupKey);
|
||||
List<Map<String, Object>> history = new ArrayList<>();
|
||||
for (Map<String, Object> row : historyRows) {
|
||||
Map<String, Object> entry = new LinkedHashMap<>();
|
||||
entry.put("snapshotTime", row.get("snapshot_time"));
|
||||
entry.put("centerLat", row.get("center_lat"));
|
||||
entry.put("centerLon", row.get("center_lon"));
|
||||
entry.put("memberCount", row.get("member_count"));
|
||||
entry.put("polygon", parseGeoJson((String) row.get("polygon_geojson")));
|
||||
entry.put("members", parseJsonArray((String) row.get("members")));
|
||||
entry.put("subClusterId", row.get("sub_cluster_id"));
|
||||
entry.put("areaSqNm", row.get("area_sq_nm"));
|
||||
history.add(entry);
|
||||
}
|
||||
|
||||
Map<String, Object> result = new LinkedHashMap<>();
|
||||
result.put("groupKey", groupKey);
|
||||
result.put("latest", latest);
|
||||
result.put("history", history);
|
||||
return result;
|
||||
|
||||
} catch (Exception e) {
|
||||
log.warn("getGroupDetail 조회 실패 groupKey={}: {}", groupKey, e.getMessage());
|
||||
return Map.of("serviceAvailable", false, "groupKey", groupKey);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 그룹별 상관관계 점수 목록 (활성 모델 기준).
|
||||
*/
|
||||
public Map<String, Object> getGroupCorrelations(String groupKey, Double minScore) {
|
||||
String sql = """
|
||||
SELECT s.target_mmsi, s.target_type, s.target_name,
|
||||
s.current_score AS score, s.streak_count AS streak,
|
||||
s.observation_count AS observations, s.freeze_state,
|
||||
0 AS shadow_bonus, s.sub_cluster_id,
|
||||
s.proximity_ratio, s.visit_score, s.heading_coherence,
|
||||
m.id AS model_id, m.name AS model_name, m.is_default
|
||||
FROM kcg.gear_correlation_scores s
|
||||
JOIN kcg.correlation_param_models m ON s.model_id = m.id
|
||||
WHERE s.group_key = ? AND m.is_active = true
|
||||
AND (? IS NULL OR s.current_score >= ?)
|
||||
ORDER BY s.current_score DESC
|
||||
""";
|
||||
|
||||
try {
|
||||
List<Map<String, Object>> rows = jdbc.queryForList(
|
||||
sql, groupKey, minScore, minScore);
|
||||
|
||||
List<Map<String, Object>> items = new ArrayList<>();
|
||||
for (Map<String, Object> row : rows) {
|
||||
Map<String, Object> item = new LinkedHashMap<>();
|
||||
item.put("targetMmsi", row.get("target_mmsi"));
|
||||
item.put("targetType", row.get("target_type"));
|
||||
item.put("targetName", row.get("target_name"));
|
||||
item.put("score", row.get("score"));
|
||||
item.put("streak", row.get("streak"));
|
||||
item.put("observations", row.get("observations"));
|
||||
item.put("freezeState", row.get("freeze_state"));
|
||||
item.put("subClusterId", row.get("sub_cluster_id"));
|
||||
item.put("proximityRatio", row.get("proximity_ratio"));
|
||||
item.put("visitScore", row.get("visit_score"));
|
||||
item.put("headingCoherence", row.get("heading_coherence"));
|
||||
item.put("modelId", row.get("model_id"));
|
||||
item.put("modelName", row.get("model_name"));
|
||||
item.put("isDefault", row.get("is_default"));
|
||||
items.add(item);
|
||||
}
|
||||
|
||||
return Map.of("groupKey", groupKey, "count", items.size(), "items", items);
|
||||
|
||||
} catch (Exception e) {
|
||||
log.warn("getGroupCorrelations 조회 실패 groupKey={}: {}", groupKey, e.getMessage());
|
||||
return Map.of("serviceAvailable", false, "groupKey", groupKey, "items", List.of(), "count", 0);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 후보 상세 raw metrics (최근 N건).
|
||||
*/
|
||||
public Map<String, Object> getCandidateMetrics(String groupKey, String targetMmsi) {
|
||||
String sql = """
|
||||
SELECT observed_at, proximity_ratio, visit_score, activity_sync,
|
||||
dtw_similarity, speed_correlation, heading_coherence, drift_similarity,
|
||||
shadow_stay, shadow_return, gear_group_active_ratio
|
||||
FROM kcg.gear_correlation_raw_metrics
|
||||
WHERE group_key = ? AND target_mmsi = ?
|
||||
ORDER BY observed_at DESC LIMIT 20
|
||||
""";
|
||||
try {
|
||||
List<Map<String, Object>> rows = jdbc.queryForList(sql, groupKey, targetMmsi);
|
||||
List<Map<String, Object>> items = new ArrayList<>();
|
||||
for (Map<String, Object> row : rows) {
|
||||
Map<String, Object> item = new LinkedHashMap<>();
|
||||
item.put("observedAt", row.get("observed_at"));
|
||||
item.put("proximityRatio", row.get("proximity_ratio"));
|
||||
item.put("visitScore", row.get("visit_score"));
|
||||
item.put("activitySync", row.get("activity_sync"));
|
||||
item.put("dtwSimilarity", row.get("dtw_similarity"));
|
||||
item.put("speedCorrelation", row.get("speed_correlation"));
|
||||
item.put("headingCoherence", row.get("heading_coherence"));
|
||||
item.put("driftSimilarity", row.get("drift_similarity"));
|
||||
item.put("shadowStay", row.get("shadow_stay"));
|
||||
item.put("shadowReturn", row.get("shadow_return"));
|
||||
item.put("gearGroupActiveRatio", row.get("gear_group_active_ratio"));
|
||||
items.add(item);
|
||||
}
|
||||
return Map.of("groupKey", groupKey, "targetMmsi", targetMmsi, "count", items.size(), "items", items);
|
||||
} catch (Exception e) {
|
||||
log.warn("getCandidateMetrics 실패: {}", e.getMessage());
|
||||
return Map.of("groupKey", groupKey, "targetMmsi", targetMmsi, "items", List.of(), "count", 0);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 모선 확정/제외 처리.
|
||||
*/
|
||||
@Auditable(action = "PARENT_RESOLVE", resourceType = "GEAR_GROUP")
|
||||
public Map<String, Object> resolveParent(String groupKey, String action, String targetMmsi, String comment) {
|
||||
try {
|
||||
// 먼저 resolution 존재 확인
|
||||
List<Map<String, Object>> existing = jdbc.queryForList(
|
||||
"SELECT id, sub_cluster_id FROM kcg.gear_group_parent_resolution WHERE group_key = ? LIMIT 1",
|
||||
groupKey);
|
||||
if (existing.isEmpty()) {
|
||||
return Map.of("ok", false, "message", "resolution을 찾을 수 없습니다.");
|
||||
}
|
||||
|
||||
Long id = ((Number) existing.get(0).get("id")).longValue();
|
||||
|
||||
if ("confirm".equals(action)) {
|
||||
jdbc.update("""
|
||||
UPDATE kcg.gear_group_parent_resolution
|
||||
SET status = 'MANUAL_CONFIRMED', selected_parent_mmsi = ?,
|
||||
manual_comment = ?, approved_at = NOW(), updated_at = NOW()
|
||||
WHERE id = ?
|
||||
""", targetMmsi, comment, id);
|
||||
} else if ("reject".equals(action)) {
|
||||
jdbc.update("""
|
||||
UPDATE kcg.gear_group_parent_resolution
|
||||
SET rejected_candidate_mmsi = ?, manual_comment = ?,
|
||||
rejected_at = NOW(), updated_at = NOW()
|
||||
WHERE id = ?
|
||||
""", targetMmsi, comment, id);
|
||||
} else {
|
||||
return Map.of("ok", false, "message", "알 수 없는 액션: " + action);
|
||||
}
|
||||
return Map.of("ok", true, "action", action, "groupKey", groupKey, "targetMmsi", targetMmsi);
|
||||
} catch (Exception e) {
|
||||
log.warn("resolveParent 실패: {}", e.getMessage());
|
||||
return Map.of("ok", false, "message", e.getMessage());
|
||||
}
|
||||
}
|
||||
|
||||
// ── 내부 헬퍼 ──────────────────────────────────────────────────────────────
|
||||
|
||||
private Map<String, Object> buildGroupItem(Map<String, Object> row) {
|
||||
Map<String, Object> item = new LinkedHashMap<>();
|
||||
item.put("groupType", row.get("group_type"));
|
||||
item.put("groupKey", row.get("group_key"));
|
||||
item.put("groupLabel", row.get("group_label"));
|
||||
item.put("subClusterId", row.get("sub_cluster_id"));
|
||||
item.put("snapshotTime", row.get("snapshot_time"));
|
||||
item.put("polygon", parseGeoJson((String) row.get("polygon_geojson")));
|
||||
item.put("centerLat", row.get("center_lat"));
|
||||
item.put("centerLon", row.get("center_lon"));
|
||||
item.put("areaSqNm", row.get("area_sq_nm"));
|
||||
item.put("memberCount", row.get("member_count"));
|
||||
item.put("zoneId", row.get("zone_id"));
|
||||
item.put("zoneName", row.get("zone_name"));
|
||||
item.put("members", parseJsonArray((String) row.get("members")));
|
||||
item.put("color", row.get("color"));
|
||||
item.put("resolution", null);
|
||||
item.put("candidateCount", null);
|
||||
return item;
|
||||
}
|
||||
|
||||
private Map<String, Object> parseGeoJson(String geoJson) {
|
||||
if (geoJson == null || geoJson.isBlank()) return null;
|
||||
try {
|
||||
return objectMapper.readValue(geoJson, new TypeReference<Map<String, Object>>() {});
|
||||
} catch (Exception e) {
|
||||
log.debug("GeoJSON 파싱 실패: {}", e.getMessage());
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
private List<Object> parseJsonArray(String json) {
|
||||
if (json == null || json.isBlank()) return List.of();
|
||||
try {
|
||||
return objectMapper.readValue(json, new TypeReference<List<Object>>() {});
|
||||
} catch (Exception e) {
|
||||
log.debug("JSON 배열 파싱 실패: {}", e.getMessage());
|
||||
return List.of();
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,70 +1,109 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import gc.mda.kcg.domain.fleet.ParentResolution;
|
||||
import gc.mda.kcg.domain.fleet.repository.ParentResolutionRepository;
|
||||
import gc.mda.kcg.permission.annotation.RequirePermission;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
import org.springframework.beans.factory.annotation.Qualifier;
|
||||
import org.springframework.http.ResponseEntity;
|
||||
import org.springframework.web.bind.annotation.*;
|
||||
import org.springframework.web.client.RestClient;
|
||||
import org.springframework.web.client.RestClientException;
|
||||
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
import java.util.*;
|
||||
|
||||
/**
|
||||
* 분석 데이터 API — group_polygon_snapshots / gear_correlation_scores 직접 DB 조회
|
||||
* + signal-batch 선박 항적 프록시.
|
||||
* iran 백엔드 분석 데이터 프록시 + 자체 DB 운영자 결정 합성 (HYBRID).
|
||||
*
|
||||
* 라우팅:
|
||||
* GET /api/vessel-analysis/groups → 어구/선단 그룹 + parentResolution 합성
|
||||
* GET /api/vessel-analysis/groups/{key}/detail → 단일 그룹 상세 + 24h 이력
|
||||
* GET /api/vessel-analysis → 전체 분석결과 + 통계 (단순 프록시)
|
||||
* GET /api/vessel-analysis/groups → 어구/선단 그룹 + parentResolution 합성
|
||||
* GET /api/vessel-analysis/groups/{key}/detail → 단일 그룹 상세
|
||||
* GET /api/vessel-analysis/groups/{key}/correlations → 상관관계 점수
|
||||
*
|
||||
* 권한: detection:gear-detection (READ)
|
||||
* 권한: detection / detection:gear-detection (READ)
|
||||
*/
|
||||
@Slf4j
|
||||
@RestController
|
||||
@RequestMapping("/api/vessel-analysis")
|
||||
@RequiredArgsConstructor
|
||||
public class VesselAnalysisProxyController {
|
||||
|
||||
private final VesselAnalysisGroupService groupService;
|
||||
|
||||
@Qualifier("signalBatchRestClient")
|
||||
private final RestClient signalBatchClient;
|
||||
private final IranBackendClient iranClient;
|
||||
private final ParentResolutionRepository resolutionRepository;
|
||||
|
||||
@GetMapping
|
||||
@RequirePermission(resource = "detection:dark-vessel", operation = "READ")
|
||||
@RequirePermission(resource = "detection", operation = "READ")
|
||||
public ResponseEntity<?> getVesselAnalysis() {
|
||||
// vessel_analysis_results 직접 조회는 /api/analysis/vessels 를 사용.
|
||||
// 이 엔드포인트는 하위 호환을 위해 빈 구조 반환.
|
||||
return ResponseEntity.ok(Map.of(
|
||||
"serviceAvailable", true,
|
||||
"message", "vessel_analysis_results는 /api/analysis/vessels 에서 제공됩니다.",
|
||||
"items", List.of(),
|
||||
"stats", Map.of(),
|
||||
"count", 0
|
||||
));
|
||||
Map<String, Object> data = iranClient.getJson("/api/vessel-analysis");
|
||||
if (data == null) {
|
||||
return ResponseEntity.ok(Map.of(
|
||||
"serviceAvailable", false,
|
||||
"message", "iran 백엔드 미연결",
|
||||
"items", List.of(),
|
||||
"stats", Map.of(),
|
||||
"count", 0
|
||||
));
|
||||
}
|
||||
// 통과 + 메타데이터 추가
|
||||
Map<String, Object> enriched = new LinkedHashMap<>(data);
|
||||
enriched.put("serviceAvailable", true);
|
||||
return ResponseEntity.ok(enriched);
|
||||
}
|
||||
|
||||
/**
|
||||
* 그룹 목록 + 자체 DB의 parentResolution 합성.
|
||||
* 각 그룹에 resolution 필드 추가.
|
||||
*/
|
||||
@GetMapping("/groups")
|
||||
@RequirePermission(resource = "detection:gear-detection", operation = "READ")
|
||||
public ResponseEntity<?> getGroups(
|
||||
@RequestParam(required = false) String groupType
|
||||
) {
|
||||
Map<String, Object> result = groupService.getGroups(groupType);
|
||||
public ResponseEntity<?> getGroups() {
|
||||
Map<String, Object> data = iranClient.getJson("/api/vessel-analysis/groups");
|
||||
if (data == null) {
|
||||
return ResponseEntity.ok(Map.of(
|
||||
"serviceAvailable", false,
|
||||
"items", List.of(),
|
||||
"count", 0
|
||||
));
|
||||
}
|
||||
|
||||
@SuppressWarnings("unchecked")
|
||||
List<Map<String, Object>> items = (List<Map<String, Object>>) data.getOrDefault("items", List.of());
|
||||
|
||||
// 자체 DB의 모든 resolution을 group_key로 인덱싱
|
||||
Map<String, ParentResolution> resolutionByKey = new HashMap<>();
|
||||
for (ParentResolution r : resolutionRepository.findAll()) {
|
||||
resolutionByKey.put(r.getGroupKey() + "::" + r.getSubClusterId(), r);
|
||||
}
|
||||
|
||||
// 각 그룹에 합성
|
||||
for (Map<String, Object> item : items) {
|
||||
String groupKey = String.valueOf(item.get("groupKey"));
|
||||
Object subRaw = item.get("subClusterId");
|
||||
Integer sub = subRaw == null ? null : Integer.valueOf(subRaw.toString());
|
||||
ParentResolution res = resolutionByKey.get(groupKey + "::" + sub);
|
||||
if (res != null) {
|
||||
Map<String, Object> resolution = new LinkedHashMap<>();
|
||||
resolution.put("status", res.getStatus());
|
||||
resolution.put("selectedParentMmsi", res.getSelectedParentMmsi());
|
||||
resolution.put("approvedAt", res.getApprovedAt());
|
||||
resolution.put("manualComment", res.getManualComment());
|
||||
item.put("resolution", resolution);
|
||||
} else {
|
||||
item.put("resolution", null);
|
||||
}
|
||||
}
|
||||
|
||||
Map<String, Object> result = new LinkedHashMap<>(data);
|
||||
result.put("items", items);
|
||||
result.put("serviceAvailable", true);
|
||||
return ResponseEntity.ok(result);
|
||||
}
|
||||
|
||||
@GetMapping("/groups/{groupKey}/detail")
|
||||
@RequirePermission(resource = "detection:gear-detection", operation = "READ")
|
||||
public ResponseEntity<?> getGroupDetail(@PathVariable String groupKey) {
|
||||
Map<String, Object> result = groupService.getGroupDetail(groupKey);
|
||||
return ResponseEntity.ok(result);
|
||||
Map<String, Object> data = iranClient.getJson("/api/vessel-analysis/groups/" + groupKey + "/detail");
|
||||
if (data == null) {
|
||||
return ResponseEntity.ok(Map.of("serviceAvailable", false, "groupKey", groupKey));
|
||||
}
|
||||
return ResponseEntity.ok(data);
|
||||
}
|
||||
|
||||
@GetMapping("/groups/{groupKey}/correlations")
|
||||
@ -73,57 +112,12 @@ public class VesselAnalysisProxyController {
|
||||
@PathVariable String groupKey,
|
||||
@RequestParam(required = false) Double minScore
|
||||
) {
|
||||
Map<String, Object> result = groupService.getGroupCorrelations(groupKey, minScore);
|
||||
return ResponseEntity.ok(result);
|
||||
}
|
||||
|
||||
/**
|
||||
* 후보 상세 raw metrics (최근 20건 관측 이력).
|
||||
*/
|
||||
@GetMapping("/groups/{groupKey}/candidates/{targetMmsi}/metrics")
|
||||
@RequirePermission(resource = "detection:gear-detection", operation = "READ")
|
||||
public ResponseEntity<?> getCandidateMetrics(
|
||||
@PathVariable String groupKey,
|
||||
@PathVariable String targetMmsi
|
||||
) {
|
||||
return ResponseEntity.ok(groupService.getCandidateMetrics(groupKey, targetMmsi));
|
||||
}
|
||||
|
||||
/**
|
||||
* 모선 확정/제외.
|
||||
* POST body: { "action": "confirm"|"reject", "targetMmsi": "...", "comment": "..." }
|
||||
*/
|
||||
@PostMapping("/groups/{groupKey}/resolve")
|
||||
@RequirePermission(resource = "detection:gear-detection", operation = "UPDATE")
|
||||
public ResponseEntity<?> resolveParent(
|
||||
@PathVariable String groupKey,
|
||||
@RequestBody Map<String, String> body
|
||||
) {
|
||||
String action = body.getOrDefault("action", "");
|
||||
String targetMmsi = body.getOrDefault("targetMmsi", "");
|
||||
String comment = body.getOrDefault("comment", "");
|
||||
return ResponseEntity.ok(groupService.resolveParent(groupKey, action, targetMmsi, comment));
|
||||
}
|
||||
|
||||
/**
|
||||
* 선박 항적 일괄 조회 (signal-batch 프록시).
|
||||
* POST /api/vessel-analysis/tracks → signal-batch /api/v2/tracks/vessels
|
||||
*/
|
||||
@PostMapping("/tracks")
|
||||
@RequirePermission(resource = "detection:gear-detection", operation = "READ")
|
||||
public ResponseEntity<?> vesselTracks(@RequestBody Map<String, Object> body) {
|
||||
try {
|
||||
String json = signalBatchClient.post()
|
||||
.uri("/api/v2/tracks/vessels")
|
||||
.body(body)
|
||||
.retrieve()
|
||||
.body(String.class);
|
||||
return ResponseEntity.ok()
|
||||
.header("Content-Type", "application/json")
|
||||
.body(json != null ? json : "[]");
|
||||
} catch (RestClientException e) {
|
||||
log.warn("signal-batch 항적 조회 실패: {}", e.getMessage());
|
||||
return ResponseEntity.ok("[]");
|
||||
String path = "/api/vessel-analysis/groups/" + groupKey + "/correlations";
|
||||
if (minScore != null) path += "?minScore=" + minScore;
|
||||
Map<String, Object> data = iranClient.getJson(path);
|
||||
if (data == null) {
|
||||
return ResponseEntity.ok(Map.of("serviceAvailable", false, "groupKey", groupKey));
|
||||
}
|
||||
return ResponseEntity.ok(data);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,118 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.Pageable;
|
||||
import org.springframework.data.jpa.repository.JpaRepository;
|
||||
import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
|
||||
import org.springframework.data.jpa.repository.Query;
|
||||
import org.springframework.data.repository.query.Param;
|
||||
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
import java.util.Optional;
|
||||
|
||||
/**
|
||||
* vessel_analysis_results 읽기 전용 Repository.
|
||||
*/
|
||||
public interface VesselAnalysisRepository
|
||||
extends JpaRepository<VesselAnalysisResult, Long>, JpaSpecificationExecutor<VesselAnalysisResult> {
|
||||
|
||||
/**
|
||||
* 특정 선박의 최신 분석 결과.
|
||||
*/
|
||||
Optional<VesselAnalysisResult> findTopByMmsiOrderByAnalyzedAtDesc(String mmsi);
|
||||
|
||||
/**
|
||||
* 특정 선박의 분석 이력 (시간 범위).
|
||||
*/
|
||||
List<VesselAnalysisResult> findByMmsiAndAnalyzedAtAfterOrderByAnalyzedAtDesc(
|
||||
String mmsi, OffsetDateTime after);
|
||||
|
||||
/**
|
||||
* 다크 베셀 목록 (최근 분석 결과, MMSI 중복 제거).
|
||||
*/
|
||||
@Query("""
|
||||
SELECT v FROM VesselAnalysisResult v
|
||||
WHERE v.isDark = true AND v.analyzedAt > :after
|
||||
AND v.analyzedAt = (
|
||||
SELECT MAX(v2.analyzedAt) FROM VesselAnalysisResult v2
|
||||
WHERE v2.mmsi = v.mmsi AND v2.analyzedAt > :after
|
||||
)
|
||||
ORDER BY v.riskScore DESC
|
||||
""")
|
||||
Page<VesselAnalysisResult> findLatestDarkVessels(
|
||||
@Param("after") OffsetDateTime after, Pageable pageable);
|
||||
|
||||
/**
|
||||
* 환적 의심 목록 (최근 분석 결과, MMSI 중복 제거).
|
||||
*/
|
||||
@Query("""
|
||||
SELECT v FROM VesselAnalysisResult v
|
||||
WHERE v.transshipSuspect = true AND v.analyzedAt > :after
|
||||
AND v.analyzedAt = (
|
||||
SELECT MAX(v2.analyzedAt) FROM VesselAnalysisResult v2
|
||||
WHERE v2.mmsi = v.mmsi AND v2.analyzedAt > :after
|
||||
)
|
||||
ORDER BY v.riskScore DESC
|
||||
""")
|
||||
Page<VesselAnalysisResult> findLatestTransshipSuspects(
|
||||
@Param("after") OffsetDateTime after, Pageable pageable);
|
||||
|
||||
/**
|
||||
* 어구 탐지 결과 목록 (gear_code/judgment NOT NULL, MMSI 중복 제거).
|
||||
* mmsiPrefix 가 null 이면 전체, 아니면 LIKE ':prefix%'.
|
||||
*/
|
||||
@Query("""
|
||||
SELECT v FROM VesselAnalysisResult v
|
||||
WHERE v.gearCode IS NOT NULL
|
||||
AND v.gearJudgment IS NOT NULL
|
||||
AND v.analyzedAt > :after
|
||||
AND (:mmsiPrefix IS NULL OR v.mmsi LIKE CONCAT(:mmsiPrefix, '%'))
|
||||
AND v.analyzedAt = (
|
||||
SELECT MAX(v2.analyzedAt) FROM VesselAnalysisResult v2
|
||||
WHERE v2.mmsi = v.mmsi AND v2.analyzedAt > :after
|
||||
)
|
||||
ORDER BY v.analyzedAt DESC
|
||||
""")
|
||||
Page<VesselAnalysisResult> findLatestGearDetections(
|
||||
@Param("after") OffsetDateTime after,
|
||||
@Param("mmsiPrefix") String mmsiPrefix,
|
||||
Pageable pageable);
|
||||
|
||||
/**
|
||||
* MMSI별 최신 row 기준 집계 (단일 쿼리 COUNT FILTER).
|
||||
* mmsiPrefix 가 null 이면 전체.
|
||||
* 반환 Map 키: total, dark_count, spoofing_count, transship_count,
|
||||
* critical_count, high_count, medium_count, low_count,
|
||||
* territorial_count, contiguous_count, eez_count,
|
||||
* fishing_count, avg_risk_score
|
||||
*/
|
||||
@Query(value = """
|
||||
WITH latest AS (
|
||||
SELECT DISTINCT ON (mmsi) *
|
||||
FROM kcg.vessel_analysis_results
|
||||
WHERE analyzed_at > :after
|
||||
AND (:mmsiPrefix IS NULL OR mmsi LIKE :mmsiPrefix || '%')
|
||||
ORDER BY mmsi, analyzed_at DESC
|
||||
)
|
||||
SELECT
|
||||
COUNT(*) AS total,
|
||||
COUNT(*) FILTER (WHERE is_dark = TRUE) AS dark_count,
|
||||
COUNT(*) FILTER (WHERE spoofing_score >= 0.3) AS spoofing_count,
|
||||
COUNT(*) FILTER (WHERE transship_suspect = TRUE) AS transship_count,
|
||||
COUNT(*) FILTER (WHERE risk_level = 'CRITICAL') AS critical_count,
|
||||
COUNT(*) FILTER (WHERE risk_level = 'HIGH') AS high_count,
|
||||
COUNT(*) FILTER (WHERE risk_level = 'MEDIUM') AS medium_count,
|
||||
COUNT(*) FILTER (WHERE risk_level = 'LOW') AS low_count,
|
||||
COUNT(*) FILTER (WHERE zone_code = 'TERRITORIAL_SEA') AS territorial_count,
|
||||
COUNT(*) FILTER (WHERE zone_code = 'CONTIGUOUS_ZONE') AS contiguous_count,
|
||||
COUNT(*) FILTER (WHERE zone_code = 'EEZ_OR_BEYOND') AS eez_count,
|
||||
COUNT(*) FILTER (WHERE fishing_pct > 0.5) AS fishing_count,
|
||||
COALESCE(AVG(risk_score), 0)::NUMERIC(5,2) AS avg_risk_score
|
||||
FROM latest
|
||||
""", nativeQuery = true)
|
||||
Map<String, Object> aggregateStats(
|
||||
@Param("after") OffsetDateTime after,
|
||||
@Param("mmsiPrefix") String mmsiPrefix);
|
||||
}
|
||||
@ -1,95 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* vessel_analysis_results 응답 DTO.
|
||||
* 프론트엔드에서 필요한 핵심 필드만 포함.
|
||||
*/
|
||||
public record VesselAnalysisResponse(
|
||||
Long id,
|
||||
String mmsi,
|
||||
OffsetDateTime analyzedAt,
|
||||
// 분류
|
||||
String vesselType,
|
||||
BigDecimal confidence,
|
||||
BigDecimal fishingPct,
|
||||
Integer clusterId,
|
||||
String season,
|
||||
// 위치
|
||||
Double lat,
|
||||
Double lon,
|
||||
String zoneCode,
|
||||
BigDecimal distToBaselineNm,
|
||||
// 행동
|
||||
String activityState,
|
||||
BigDecimal ucafScore,
|
||||
BigDecimal ucftScore,
|
||||
// 위협
|
||||
Boolean isDark,
|
||||
Integer gapDurationMin,
|
||||
String darkPattern,
|
||||
BigDecimal spoofingScore,
|
||||
BigDecimal bd09OffsetM,
|
||||
Integer speedJumpCount,
|
||||
// 환적
|
||||
Boolean transshipSuspect,
|
||||
String transshipPairMmsi,
|
||||
Integer transshipDurationMin,
|
||||
// 선단
|
||||
Integer fleetClusterId,
|
||||
String fleetRole,
|
||||
Boolean fleetIsLeader,
|
||||
// 위험도
|
||||
Integer riskScore,
|
||||
String riskLevel,
|
||||
// 확장
|
||||
String gearCode,
|
||||
String gearJudgment,
|
||||
String permitStatus,
|
||||
List<String> violationCategories,
|
||||
// features
|
||||
Map<String, Object> features
|
||||
) {
|
||||
public static VesselAnalysisResponse from(VesselAnalysisResult e) {
|
||||
return new VesselAnalysisResponse(
|
||||
e.getId(),
|
||||
e.getMmsi(),
|
||||
e.getAnalyzedAt(),
|
||||
e.getVesselType(),
|
||||
e.getConfidence(),
|
||||
e.getFishingPct(),
|
||||
e.getClusterId(),
|
||||
e.getSeason(),
|
||||
e.getLat(),
|
||||
e.getLon(),
|
||||
e.getZoneCode(),
|
||||
e.getDistToBaselineNm(),
|
||||
e.getActivityState(),
|
||||
e.getUcafScore(),
|
||||
e.getUcftScore(),
|
||||
e.getIsDark(),
|
||||
e.getGapDurationMin(),
|
||||
e.getDarkPattern(),
|
||||
e.getSpoofingScore(),
|
||||
e.getBd09OffsetM(),
|
||||
e.getSpeedJumpCount(),
|
||||
e.getTransshipSuspect(),
|
||||
e.getTransshipPairMmsi(),
|
||||
e.getTransshipDurationMin(),
|
||||
e.getFleetClusterId(),
|
||||
e.getFleetRole(),
|
||||
e.getFleetIsLeader(),
|
||||
e.getRiskScore(),
|
||||
e.getRiskLevel(),
|
||||
e.getGearCode(),
|
||||
e.getGearJudgment(),
|
||||
e.getPermitStatus(),
|
||||
e.getViolationCategories(),
|
||||
e.getFeatures()
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,140 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import jakarta.persistence.*;
|
||||
import lombok.*;
|
||||
import org.hibernate.annotations.JdbcTypeCode;
|
||||
import org.hibernate.type.SqlTypes;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* vessel_analysis_results 읽기 전용 Entity.
|
||||
* prediction 엔진이 5분 주기로 INSERT, 백엔드는 READ만 수행.
|
||||
*
|
||||
* DB PK는 (id, analyzed_at) 복합키(파티션)이지만,
|
||||
* BIGSERIAL id가 전역 유니크이므로 JPA에서는 id만 @Id로 매핑.
|
||||
*/
|
||||
@Entity
|
||||
@Table(name = "vessel_analysis_results", schema = "kcg")
|
||||
@Getter @NoArgsConstructor(access = AccessLevel.PROTECTED)
|
||||
public class VesselAnalysisResult {
|
||||
|
||||
@Id
|
||||
private Long id;
|
||||
|
||||
@Column(name = "mmsi", nullable = false, length = 20)
|
||||
private String mmsi;
|
||||
|
||||
@Column(name = "analyzed_at", nullable = false)
|
||||
private OffsetDateTime analyzedAt;
|
||||
|
||||
// 분류
|
||||
@Column(name = "vessel_type", length = 30)
|
||||
private String vesselType;
|
||||
|
||||
@Column(name = "confidence", precision = 5, scale = 4)
|
||||
private BigDecimal confidence;
|
||||
|
||||
@Column(name = "fishing_pct", precision = 5, scale = 4)
|
||||
private BigDecimal fishingPct;
|
||||
|
||||
@Column(name = "cluster_id")
|
||||
private Integer clusterId;
|
||||
|
||||
@Column(name = "season", length = 20)
|
||||
private String season;
|
||||
|
||||
// 위치
|
||||
@Column(name = "lat")
|
||||
private Double lat;
|
||||
|
||||
@Column(name = "lon")
|
||||
private Double lon;
|
||||
|
||||
@Column(name = "zone_code", length = 30)
|
||||
private String zoneCode;
|
||||
|
||||
@Column(name = "dist_to_baseline_nm", precision = 8, scale = 2)
|
||||
private BigDecimal distToBaselineNm;
|
||||
|
||||
// 행동 분석
|
||||
@Column(name = "activity_state", length = 20)
|
||||
private String activityState;
|
||||
|
||||
@Column(name = "ucaf_score", precision = 5, scale = 4)
|
||||
private BigDecimal ucafScore;
|
||||
|
||||
@Column(name = "ucft_score", precision = 5, scale = 4)
|
||||
private BigDecimal ucftScore;
|
||||
|
||||
// 위협 탐지
|
||||
@Column(name = "is_dark")
|
||||
private Boolean isDark;
|
||||
|
||||
@Column(name = "gap_duration_min")
|
||||
private Integer gapDurationMin;
|
||||
|
||||
@Column(name = "dark_pattern", length = 30)
|
||||
private String darkPattern;
|
||||
|
||||
@Column(name = "spoofing_score", precision = 5, scale = 4)
|
||||
private BigDecimal spoofingScore;
|
||||
|
||||
@Column(name = "bd09_offset_m", precision = 8, scale = 2)
|
||||
private BigDecimal bd09OffsetM;
|
||||
|
||||
@Column(name = "speed_jump_count")
|
||||
private Integer speedJumpCount;
|
||||
|
||||
// 환적
|
||||
@Column(name = "transship_suspect")
|
||||
private Boolean transshipSuspect;
|
||||
|
||||
@Column(name = "transship_pair_mmsi", length = 20)
|
||||
private String transshipPairMmsi;
|
||||
|
||||
@Column(name = "transship_duration_min")
|
||||
private Integer transshipDurationMin;
|
||||
|
||||
// 선단
|
||||
@Column(name = "fleet_cluster_id")
|
||||
private Integer fleetClusterId;
|
||||
|
||||
@Column(name = "fleet_role", length = 20)
|
||||
private String fleetRole;
|
||||
|
||||
@Column(name = "fleet_is_leader")
|
||||
private Boolean fleetIsLeader;
|
||||
|
||||
// 위험도
|
||||
@Column(name = "risk_score")
|
||||
private Integer riskScore;
|
||||
|
||||
@Column(name = "risk_level", length = 20)
|
||||
private String riskLevel;
|
||||
|
||||
// 확장
|
||||
@Column(name = "gear_code", length = 20)
|
||||
private String gearCode;
|
||||
|
||||
@Column(name = "gear_judgment", length = 30)
|
||||
private String gearJudgment;
|
||||
|
||||
@Column(name = "permit_status", length = 20)
|
||||
private String permitStatus;
|
||||
|
||||
@JdbcTypeCode(SqlTypes.ARRAY)
|
||||
@Column(name = "violation_categories", columnDefinition = "text[]")
|
||||
private List<String> violationCategories;
|
||||
|
||||
// features JSONB
|
||||
@JdbcTypeCode(SqlTypes.JSON)
|
||||
@Column(name = "features", columnDefinition = "jsonb")
|
||||
private Map<String, Object> features;
|
||||
|
||||
@Column(name = "created_at")
|
||||
private OffsetDateTime createdAt;
|
||||
}
|
||||
@ -1,146 +0,0 @@
|
||||
package gc.mda.kcg.domain.analysis;
|
||||
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.Pageable;
|
||||
import org.springframework.data.jpa.domain.Specification;
|
||||
import org.springframework.stereotype.Service;
|
||||
import org.springframework.transaction.annotation.Transactional;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* vessel_analysis_results 직접 조회 서비스.
|
||||
* prediction이 write한 분석 결과를 프론트엔드에 제공.
|
||||
*/
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
@Transactional(readOnly = true)
|
||||
public class VesselAnalysisService {
|
||||
|
||||
private final VesselAnalysisRepository repository;
|
||||
|
||||
/**
|
||||
* 분석 결과 목록 조회 (동적 필터).
|
||||
*/
|
||||
public Page<VesselAnalysisResult> getAnalysisResults(
|
||||
String mmsi, String zoneCode, String riskLevel, Boolean isDark,
|
||||
String mmsiPrefix, Integer minRiskScore, BigDecimal minFishingPct,
|
||||
OffsetDateTime after, Pageable pageable
|
||||
) {
|
||||
Specification<VesselAnalysisResult> spec = (root, query, cb) -> cb.conjunction();
|
||||
|
||||
if (after != null) {
|
||||
spec = spec.and((root, query, cb) -> cb.greaterThan(root.get("analyzedAt"), after));
|
||||
}
|
||||
if (mmsi != null && !mmsi.isBlank()) {
|
||||
spec = spec.and((root, query, cb) -> cb.equal(root.get("mmsi"), mmsi));
|
||||
}
|
||||
if (mmsiPrefix != null && !mmsiPrefix.isBlank()) {
|
||||
final String prefix = mmsiPrefix;
|
||||
spec = spec.and((root, query, cb) -> cb.like(root.get("mmsi"), prefix + "%"));
|
||||
}
|
||||
if (zoneCode != null && !zoneCode.isBlank()) {
|
||||
spec = spec.and((root, query, cb) -> cb.equal(root.get("zoneCode"), zoneCode));
|
||||
}
|
||||
if (riskLevel != null && !riskLevel.isBlank()) {
|
||||
spec = spec.and((root, query, cb) -> cb.equal(root.get("riskLevel"), riskLevel));
|
||||
}
|
||||
if (isDark != null && isDark) {
|
||||
spec = spec.and((root, query, cb) -> cb.isTrue(root.get("isDark")));
|
||||
}
|
||||
if (minRiskScore != null) {
|
||||
spec = spec.and((root, query, cb) -> cb.greaterThanOrEqualTo(root.get("riskScore"), minRiskScore));
|
||||
}
|
||||
if (minFishingPct != null) {
|
||||
spec = spec.and((root, query, cb) -> cb.greaterThan(root.get("fishingPct"), minFishingPct));
|
||||
}
|
||||
|
||||
return repository.findAll(spec, pageable);
|
||||
}
|
||||
|
||||
/**
|
||||
* MMSI별 최신 row 기준 집계 (단일 쿼리).
|
||||
*/
|
||||
public AnalysisStatsResponse getStats(int hours, String mmsiPrefix) {
|
||||
OffsetDateTime windowEnd = OffsetDateTime.now();
|
||||
OffsetDateTime windowStart = windowEnd.minusHours(hours);
|
||||
String prefix = (mmsiPrefix != null && !mmsiPrefix.isBlank()) ? mmsiPrefix : null;
|
||||
|
||||
Map<String, Object> row = repository.aggregateStats(windowStart, prefix);
|
||||
return new AnalysisStatsResponse(
|
||||
longOf(row, "total"),
|
||||
longOf(row, "dark_count"),
|
||||
longOf(row, "spoofing_count"),
|
||||
longOf(row, "transship_count"),
|
||||
longOf(row, "critical_count"),
|
||||
longOf(row, "high_count"),
|
||||
longOf(row, "medium_count"),
|
||||
longOf(row, "low_count"),
|
||||
longOf(row, "territorial_count"),
|
||||
longOf(row, "contiguous_count"),
|
||||
longOf(row, "eez_count"),
|
||||
longOf(row, "fishing_count"),
|
||||
bigDecimalOf(row, "avg_risk_score"),
|
||||
windowStart,
|
||||
windowEnd
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* prediction 자동 어구 탐지 결과 목록.
|
||||
*/
|
||||
public Page<VesselAnalysisResult> getGearDetections(int hours, String mmsiPrefix, Pageable pageable) {
|
||||
OffsetDateTime after = OffsetDateTime.now().minusHours(hours);
|
||||
String prefix = (mmsiPrefix != null && !mmsiPrefix.isBlank()) ? mmsiPrefix : null;
|
||||
return repository.findLatestGearDetections(after, prefix, pageable);
|
||||
}
|
||||
|
||||
private static long longOf(Map<String, Object> row, String key) {
|
||||
Object v = row.get(key);
|
||||
if (v == null) return 0L;
|
||||
return ((Number) v).longValue();
|
||||
}
|
||||
|
||||
private static BigDecimal bigDecimalOf(Map<String, Object> row, String key) {
|
||||
Object v = row.get(key);
|
||||
if (v == null) return BigDecimal.ZERO;
|
||||
if (v instanceof BigDecimal bd) return bd;
|
||||
return new BigDecimal(v.toString());
|
||||
}
|
||||
|
||||
/**
|
||||
* 특정 선박 최신 분석 결과.
|
||||
*/
|
||||
public VesselAnalysisResult getLatestByMmsi(String mmsi) {
|
||||
return repository.findTopByMmsiOrderByAnalyzedAtDesc(mmsi)
|
||||
.orElseThrow(() -> new IllegalArgumentException("ANALYSIS_NOT_FOUND: " + mmsi));
|
||||
}
|
||||
|
||||
/**
|
||||
* 특정 선박 분석 이력 (시간 범위).
|
||||
*/
|
||||
public List<VesselAnalysisResult> getHistory(String mmsi, int hours) {
|
||||
OffsetDateTime after = OffsetDateTime.now().minusHours(hours);
|
||||
return repository.findByMmsiAndAnalyzedAtAfterOrderByAnalyzedAtDesc(mmsi, after);
|
||||
}
|
||||
|
||||
/**
|
||||
* 다크 베셀 목록 (최신 분석, MMSI 중복 제거).
|
||||
*/
|
||||
public Page<VesselAnalysisResult> getDarkVessels(int hours, Pageable pageable) {
|
||||
OffsetDateTime after = OffsetDateTime.now().minusHours(hours);
|
||||
return repository.findLatestDarkVessels(after, pageable);
|
||||
}
|
||||
|
||||
/**
|
||||
* 환적 의심 목록 (최신 분석, MMSI 중복 제거).
|
||||
*/
|
||||
public Page<VesselAnalysisResult> getTransshipSuspects(int hours, Pageable pageable) {
|
||||
OffsetDateTime after = OffsetDateTime.now().minusHours(hours);
|
||||
return repository.findLatestTransshipSuspects(after, pageable);
|
||||
}
|
||||
}
|
||||
@ -32,10 +32,9 @@ public class EnforcementController {
|
||||
@RequirePermission(resource = "enforcement:enforcement-history", operation = "READ")
|
||||
public Page<EnforcementRecord> listRecords(
|
||||
@RequestParam(required = false) String violationType,
|
||||
@RequestParam(required = false) String vesselMmsi,
|
||||
Pageable pageable
|
||||
) {
|
||||
return service.listRecords(violationType, vesselMmsi, pageable);
|
||||
return service.listRecords(violationType, pageable);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
package gc.mda.kcg.domain.enforcement;
|
||||
|
||||
import gc.mda.kcg.audit.annotation.Auditable;
|
||||
import gc.mda.kcg.domain.enforcement.dto.CreatePlanRequest;
|
||||
import gc.mda.kcg.domain.enforcement.dto.CreateRecordRequest;
|
||||
import gc.mda.kcg.domain.enforcement.dto.UpdateRecordRequest;
|
||||
@ -33,10 +32,7 @@ public class EnforcementService {
|
||||
// 단속 이력
|
||||
// ========================================================================
|
||||
|
||||
public Page<EnforcementRecord> listRecords(String violationType, String vesselMmsi, Pageable pageable) {
|
||||
if (vesselMmsi != null && !vesselMmsi.isBlank()) {
|
||||
return recordRepository.findByVesselMmsiOrderByEnforcedAtDesc(vesselMmsi, pageable);
|
||||
}
|
||||
public Page<EnforcementRecord> listRecords(String violationType, Pageable pageable) {
|
||||
if (violationType != null && !violationType.isBlank()) {
|
||||
return recordRepository.findByViolationType(violationType, pageable);
|
||||
}
|
||||
@ -49,7 +45,6 @@ public class EnforcementService {
|
||||
}
|
||||
|
||||
@Transactional
|
||||
@Auditable(action = "ENFORCEMENT_CREATE", resourceType = "ENFORCEMENT")
|
||||
public EnforcementRecord createRecord(CreateRecordRequest req) {
|
||||
EnforcementRecord record = EnforcementRecord.builder()
|
||||
.enfUid(generateEnfUid())
|
||||
@ -89,7 +84,6 @@ public class EnforcementService {
|
||||
}
|
||||
|
||||
@Transactional
|
||||
@Auditable(action = "ENFORCEMENT_UPDATE", resourceType = "ENFORCEMENT")
|
||||
public EnforcementRecord updateRecord(Long id, UpdateRecordRequest req) {
|
||||
EnforcementRecord record = getRecord(id);
|
||||
if (req.result() != null) record.setResult(req.result());
|
||||
@ -110,7 +104,6 @@ public class EnforcementService {
|
||||
}
|
||||
|
||||
@Transactional
|
||||
@Auditable(action = "ENFORCEMENT_PLAN_CREATE", resourceType = "ENFORCEMENT")
|
||||
public EnforcementPlan createPlan(CreatePlanRequest req) {
|
||||
EnforcementPlan plan = EnforcementPlan.builder()
|
||||
.planUid("PLN-" + LocalDate.now().format(UID_DATE_FMT) + "-" + UUID.randomUUID().toString().substring(0, 4).toUpperCase())
|
||||
|
||||
@ -8,5 +8,4 @@ import org.springframework.data.jpa.repository.JpaRepository;
|
||||
public interface EnforcementRecordRepository extends JpaRepository<EnforcementRecord, Long> {
|
||||
Page<EnforcementRecord> findAllByOrderByEnforcedAtDesc(Pageable pageable);
|
||||
Page<EnforcementRecord> findByViolationType(String violationType, Pageable pageable);
|
||||
Page<EnforcementRecord> findByVesselMmsiOrderByEnforcedAtDesc(String vesselMmsi, Pageable pageable);
|
||||
}
|
||||
|
||||
@ -2,9 +2,12 @@ package gc.mda.kcg.domain.event;
|
||||
|
||||
import gc.mda.kcg.permission.annotation.RequirePermission;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.PageRequest;
|
||||
import org.springframework.web.bind.annotation.*;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* 알림 조회 API.
|
||||
* 예측 이벤트에 대해 발송된 알림(SMS, 푸시 등) 이력을 제공.
|
||||
@ -14,7 +17,7 @@ import org.springframework.web.bind.annotation.*;
|
||||
@RequiredArgsConstructor
|
||||
public class AlertController {
|
||||
|
||||
private final AlertService alertService;
|
||||
private final PredictionAlertRepository alertRepository;
|
||||
|
||||
/**
|
||||
* 알림 목록 조회 (페이징). eventId 파라미터로 특정 이벤트의 알림만 필터 가능.
|
||||
@ -27,8 +30,10 @@ public class AlertController {
|
||||
@RequestParam(defaultValue = "20") int size
|
||||
) {
|
||||
if (eventId != null) {
|
||||
return alertService.findByEventId(eventId);
|
||||
return alertRepository.findByEventIdOrderBySentAtDesc(eventId);
|
||||
}
|
||||
return alertService.findAll(PageRequest.of(page, size));
|
||||
return alertRepository.findAllByOrderBySentAtDesc(
|
||||
PageRequest.of(page, size)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,29 +0,0 @@
|
||||
package gc.mda.kcg.domain.event;
|
||||
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.Pageable;
|
||||
import org.springframework.stereotype.Service;
|
||||
import org.springframework.transaction.annotation.Transactional;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* 예측 알림 조회 서비스.
|
||||
* 이벤트에 대해 발송된 알림(SMS/푸시 등) 이력을 조회한다.
|
||||
*/
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
@Transactional(readOnly = true)
|
||||
public class AlertService {
|
||||
|
||||
private final PredictionAlertRepository alertRepository;
|
||||
|
||||
public List<PredictionAlert> findByEventId(Long eventId) {
|
||||
return alertRepository.findByEventIdOrderBySentAtDesc(eventId);
|
||||
}
|
||||
|
||||
public Page<PredictionAlert> findAll(Pageable pageable) {
|
||||
return alertRepository.findAllByOrderBySentAtDesc(pageable);
|
||||
}
|
||||
}
|
||||
@ -5,8 +5,6 @@ import lombok.*;
|
||||
import org.hibernate.annotations.JdbcTypeCode;
|
||||
import org.hibernate.type.SqlTypes;
|
||||
|
||||
import com.fasterxml.jackson.annotation.JsonIgnore;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.Map;
|
||||
@ -46,7 +44,6 @@ public class PredictionAlert {
|
||||
@Column(columnDefinition = "jsonb")
|
||||
private Map<String, Object> metadata;
|
||||
|
||||
@JsonIgnore
|
||||
@ManyToOne(fetch = FetchType.LAZY)
|
||||
@JoinColumn(name = "event_id", insertable = false, updatable = false)
|
||||
private PredictionEvent event;
|
||||
|
||||
@ -7,7 +7,6 @@ import org.hibernate.type.SqlTypes;
|
||||
|
||||
import java.math.BigDecimal;
|
||||
import java.time.OffsetDateTime;
|
||||
import java.util.Map;
|
||||
import java.util.UUID;
|
||||
|
||||
/**
|
||||
@ -94,10 +93,6 @@ public class PredictionEvent {
|
||||
@Column(name = "dedup_key", length = 200)
|
||||
private String dedupKey;
|
||||
|
||||
@JdbcTypeCode(SqlTypes.JSON)
|
||||
@Column(name = "features", columnDefinition = "jsonb")
|
||||
private Map<String, Object> features;
|
||||
|
||||
@Column(name = "created_at", nullable = false)
|
||||
private OffsetDateTime createdAt;
|
||||
|
||||
|
||||
@ -16,8 +16,8 @@ import java.time.OffsetDateTime;
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* 모선 워크플로우 핵심 서비스.
|
||||
* - 후보 데이터: prediction이 kcgaidb 에 저장한 분석 결과를 참조
|
||||
* 모선 워크플로우 핵심 서비스 (HYBRID).
|
||||
* - 후보 데이터: iran 백엔드 API 호출 (현재 stub)
|
||||
* - 운영자 결정: 자체 DB (gear_group_parent_resolution 등)
|
||||
*
|
||||
* 모든 쓰기 액션은 @Auditable로 감사로그 자동 기록.
|
||||
|
||||
@ -10,7 +10,7 @@ import java.util.UUID;
|
||||
|
||||
/**
|
||||
* 모선 확정 결과 (운영자 의사결정).
|
||||
* prediction이 생성한 후보 데이터와 별도로 운영자 결정만 자체 DB에 저장.
|
||||
* iran 백엔드의 후보 데이터(prediction이 생성)와 별도로 운영자 결정만 자체 DB에 저장.
|
||||
*/
|
||||
@Entity
|
||||
@Table(name = "gear_group_parent_resolution", schema = "kcg",
|
||||
@ -34,27 +34,6 @@ public class ParentResolution {
|
||||
@Column(name = "selected_parent_mmsi", length = 20)
|
||||
private String selectedParentMmsi;
|
||||
|
||||
@Column(name = "selected_parent_name", length = 200)
|
||||
private String selectedParentName;
|
||||
|
||||
@Column(name = "confidence", columnDefinition = "numeric(7,4)")
|
||||
private java.math.BigDecimal confidence;
|
||||
|
||||
@Column(name = "top_score", columnDefinition = "numeric(7,4)")
|
||||
private java.math.BigDecimal topScore;
|
||||
|
||||
@Column(name = "second_score", columnDefinition = "numeric(7,4)")
|
||||
private java.math.BigDecimal secondScore;
|
||||
|
||||
@Column(name = "score_margin", columnDefinition = "numeric(7,4)")
|
||||
private java.math.BigDecimal scoreMargin;
|
||||
|
||||
@Column(name = "decision_source", length = 30)
|
||||
private String decisionSource;
|
||||
|
||||
@Column(name = "stable_cycles", columnDefinition = "integer default 0")
|
||||
private Integer stableCycles;
|
||||
|
||||
@Column(name = "rejected_candidate_mmsi", length = 20)
|
||||
private String rejectedCandidateMmsi;
|
||||
|
||||
|
||||
@ -27,7 +27,7 @@ public class StatsController {
|
||||
* 실시간 KPI 전체 목록 조회
|
||||
*/
|
||||
@GetMapping("/kpi")
|
||||
@RequirePermission(resource = "statistics:statistics", operation = "READ")
|
||||
@RequirePermission(resource = "statistics", operation = "READ")
|
||||
public List<PredictionKpi> getKpi() {
|
||||
return kpiRepository.findAll();
|
||||
}
|
||||
@ -38,7 +38,7 @@ public class StatsController {
|
||||
* @param to 종료 월 (예: 2026-04)
|
||||
*/
|
||||
@GetMapping("/monthly")
|
||||
@RequirePermission(resource = "statistics:statistics", operation = "READ")
|
||||
@RequirePermission(resource = "statistics", operation = "READ")
|
||||
public List<PredictionStatsMonthly> getMonthly(
|
||||
@RequestParam @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate from,
|
||||
@RequestParam @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate to
|
||||
@ -52,7 +52,7 @@ public class StatsController {
|
||||
* @param to 종료 날짜 (예: 2026-04-07)
|
||||
*/
|
||||
@GetMapping("/daily")
|
||||
@RequirePermission(resource = "statistics:statistics", operation = "READ")
|
||||
@RequirePermission(resource = "statistics", operation = "READ")
|
||||
public List<PredictionStatsDaily> getDaily(
|
||||
@RequestParam @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate from,
|
||||
@RequestParam @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate to
|
||||
@ -65,7 +65,7 @@ public class StatsController {
|
||||
* @param hours 조회 시간 범위 (기본 24시간)
|
||||
*/
|
||||
@GetMapping("/hourly")
|
||||
@RequirePermission(resource = "statistics:statistics", operation = "READ")
|
||||
@RequirePermission(resource = "statistics", operation = "READ")
|
||||
public List<PredictionStatsHourly> getHourly(
|
||||
@RequestParam(defaultValue = "24") int hours
|
||||
) {
|
||||
|
||||
@ -4,7 +4,9 @@ import gc.mda.kcg.permission.annotation.RequirePermission;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.PageRequest;
|
||||
import org.springframework.http.HttpStatus;
|
||||
import org.springframework.web.bind.annotation.*;
|
||||
import org.springframework.web.server.ResponseStatusException;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
@ -16,7 +18,10 @@ import java.util.List;
|
||||
@RequiredArgsConstructor
|
||||
public class MasterDataController {
|
||||
|
||||
private final MasterDataService masterDataService;
|
||||
private final CodeMasterRepository codeMasterRepository;
|
||||
private final GearTypeRepository gearTypeRepository;
|
||||
private final PatrolShipRepository patrolShipRepository;
|
||||
private final VesselPermitRepository vesselPermitRepository;
|
||||
|
||||
// ========================================================================
|
||||
// 코드 마스터 (인증만, 권한 불필요)
|
||||
@ -24,12 +29,12 @@ public class MasterDataController {
|
||||
|
||||
@GetMapping("/api/codes")
|
||||
public List<CodeMaster> listCodes(@RequestParam String group) {
|
||||
return masterDataService.listCodes(group);
|
||||
return codeMasterRepository.findByGroupCodeAndIsActiveTrueOrderBySortOrder(group);
|
||||
}
|
||||
|
||||
@GetMapping("/api/codes/{codeId}/children")
|
||||
public List<CodeMaster> listChildren(@PathVariable String codeId) {
|
||||
return masterDataService.listChildren(codeId);
|
||||
return codeMasterRepository.findByParentIdOrderBySortOrder(codeId);
|
||||
}
|
||||
|
||||
// ========================================================================
|
||||
@ -38,24 +43,35 @@ public class MasterDataController {
|
||||
|
||||
@GetMapping("/api/gear-types")
|
||||
public List<GearType> listGearTypes() {
|
||||
return masterDataService.listGearTypes();
|
||||
return gearTypeRepository.findByIsActiveTrueOrderByDisplayOrder();
|
||||
}
|
||||
|
||||
@GetMapping("/api/gear-types/{gearCode}")
|
||||
public GearType getGearType(@PathVariable String gearCode) {
|
||||
return masterDataService.getGearType(gearCode);
|
||||
return gearTypeRepository.findById(gearCode)
|
||||
.orElseThrow(() -> new ResponseStatusException(HttpStatus.NOT_FOUND,
|
||||
"어구 유형을 찾을 수 없습니다: " + gearCode));
|
||||
}
|
||||
|
||||
@PostMapping("/api/gear-types")
|
||||
@RequirePermission(resource = "admin:system-config", operation = "CREATE")
|
||||
public GearType createGearType(@RequestBody GearType gearType) {
|
||||
return masterDataService.createGearType(gearType);
|
||||
if (gearTypeRepository.existsById(gearType.getGearCode())) {
|
||||
throw new ResponseStatusException(HttpStatus.CONFLICT,
|
||||
"이미 존재하는 어구 코드입니다: " + gearType.getGearCode());
|
||||
}
|
||||
return gearTypeRepository.save(gearType);
|
||||
}
|
||||
|
||||
@PutMapping("/api/gear-types/{gearCode}")
|
||||
@RequirePermission(resource = "admin:system-config", operation = "UPDATE")
|
||||
public GearType updateGearType(@PathVariable String gearCode, @RequestBody GearType gearType) {
|
||||
return masterDataService.updateGearType(gearCode, gearType);
|
||||
if (!gearTypeRepository.existsById(gearCode)) {
|
||||
throw new ResponseStatusException(HttpStatus.NOT_FOUND,
|
||||
"어구 유형을 찾을 수 없습니다: " + gearCode);
|
||||
}
|
||||
gearType.setGearCode(gearCode);
|
||||
return gearTypeRepository.save(gearType);
|
||||
}
|
||||
|
||||
// ========================================================================
|
||||
@ -63,39 +79,58 @@ public class MasterDataController {
|
||||
// ========================================================================
|
||||
|
||||
@GetMapping("/api/patrol-ships")
|
||||
@RequirePermission(resource = "patrol:patrol-route", operation = "READ")
|
||||
@RequirePermission(resource = "patrol", operation = "READ")
|
||||
public List<PatrolShip> listPatrolShips() {
|
||||
return masterDataService.listPatrolShips();
|
||||
return patrolShipRepository.findByIsActiveTrueOrderByShipCode();
|
||||
}
|
||||
|
||||
@PatchMapping("/api/patrol-ships/{id}/status")
|
||||
@RequirePermission(resource = "patrol:patrol-route", operation = "UPDATE")
|
||||
@RequirePermission(resource = "patrol", operation = "UPDATE")
|
||||
public PatrolShip updatePatrolShipStatus(
|
||||
@PathVariable Long id,
|
||||
@RequestBody PatrolShipStatusRequest request
|
||||
) {
|
||||
return masterDataService.updatePatrolShipStatus(id, new MasterDataService.PatrolShipStatusCommand(
|
||||
request.status(), request.lat(), request.lon(), request.zoneCode(), request.fuelPct()
|
||||
));
|
||||
PatrolShip ship = patrolShipRepository.findById(id)
|
||||
.orElseThrow(() -> new ResponseStatusException(HttpStatus.NOT_FOUND,
|
||||
"함정을 찾을 수 없습니다: " + id));
|
||||
|
||||
if (request.status() != null) ship.setCurrentStatus(request.status());
|
||||
if (request.lat() != null) ship.setCurrentLat(request.lat());
|
||||
if (request.lon() != null) ship.setCurrentLon(request.lon());
|
||||
if (request.zoneCode() != null) ship.setCurrentZoneCode(request.zoneCode());
|
||||
if (request.fuelPct() != null) ship.setFuelPct(request.fuelPct());
|
||||
|
||||
return patrolShipRepository.save(ship);
|
||||
}
|
||||
|
||||
// ========================================================================
|
||||
// 선박 허가 (인증만, 공통 마스터 데이터)
|
||||
// 선박 허가 (vessel 권한)
|
||||
// ========================================================================
|
||||
|
||||
@GetMapping("/api/vessel-permits")
|
||||
@RequirePermission(resource = "vessel", operation = "READ")
|
||||
public Page<VesselPermit> listVesselPermits(
|
||||
@RequestParam(required = false) String flag,
|
||||
@RequestParam(required = false) String permitStatus,
|
||||
@RequestParam(defaultValue = "0") int page,
|
||||
@RequestParam(defaultValue = "20") int size
|
||||
) {
|
||||
return masterDataService.listVesselPermits(flag, permitStatus, PageRequest.of(page, size));
|
||||
PageRequest pageable = PageRequest.of(page, size);
|
||||
if (flag != null) {
|
||||
return vesselPermitRepository.findByFlagCountry(flag, pageable);
|
||||
}
|
||||
if (permitStatus != null) {
|
||||
return vesselPermitRepository.findByPermitStatus(permitStatus, pageable);
|
||||
}
|
||||
return vesselPermitRepository.findAll(pageable);
|
||||
}
|
||||
|
||||
@GetMapping("/api/vessel-permits/{mmsi}")
|
||||
@RequirePermission(resource = "vessel", operation = "READ")
|
||||
public VesselPermit getVesselPermit(@PathVariable String mmsi) {
|
||||
return masterDataService.getVesselPermit(mmsi);
|
||||
return vesselPermitRepository.findByMmsi(mmsi)
|
||||
.orElseThrow(() -> new ResponseStatusException(HttpStatus.NOT_FOUND,
|
||||
"선박 허가 정보를 찾을 수 없습니다: " + mmsi));
|
||||
}
|
||||
|
||||
// ========================================================================
|
||||
|
||||
@ -1,115 +0,0 @@
|
||||
package gc.mda.kcg.master;
|
||||
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.data.domain.Page;
|
||||
import org.springframework.data.domain.Pageable;
|
||||
import org.springframework.http.HttpStatus;
|
||||
import org.springframework.stereotype.Service;
|
||||
import org.springframework.transaction.annotation.Transactional;
|
||||
import org.springframework.web.server.ResponseStatusException;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* 마스터 데이터(코드/어구/함정/선박허가) 조회 및 관리 서비스.
|
||||
*/
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
@Transactional(readOnly = true)
|
||||
public class MasterDataService {
|
||||
|
||||
private final CodeMasterRepository codeMasterRepository;
|
||||
private final GearTypeRepository gearTypeRepository;
|
||||
private final PatrolShipRepository patrolShipRepository;
|
||||
private final VesselPermitRepository vesselPermitRepository;
|
||||
|
||||
// ── 코드 마스터 ─────────────────────────────────────────────────────────
|
||||
|
||||
public List<CodeMaster> listCodes(String groupCode) {
|
||||
return codeMasterRepository.findByGroupCodeAndIsActiveTrueOrderBySortOrder(groupCode);
|
||||
}
|
||||
|
||||
public List<CodeMaster> listChildren(String parentId) {
|
||||
return codeMasterRepository.findByParentIdOrderBySortOrder(parentId);
|
||||
}
|
||||
|
||||
// ── 어구 유형 ──────────────────────────────────────────────────────────
|
||||
|
||||
public List<GearType> listGearTypes() {
|
||||
return gearTypeRepository.findByIsActiveTrueOrderByDisplayOrder();
|
||||
}
|
||||
|
||||
public GearType getGearType(String gearCode) {
|
||||
return gearTypeRepository.findById(gearCode)
|
||||
.orElseThrow(() -> new ResponseStatusException(HttpStatus.NOT_FOUND,
|
||||
"어구 유형을 찾을 수 없습니다: " + gearCode));
|
||||
}
|
||||
|
||||
@Transactional
|
||||
public GearType createGearType(GearType gearType) {
|
||||
if (gearTypeRepository.existsById(gearType.getGearCode())) {
|
||||
throw new ResponseStatusException(HttpStatus.CONFLICT,
|
||||
"이미 존재하는 어구 코드입니다: " + gearType.getGearCode());
|
||||
}
|
||||
return gearTypeRepository.save(gearType);
|
||||
}
|
||||
|
||||
@Transactional
|
||||
public GearType updateGearType(String gearCode, GearType gearType) {
|
||||
if (!gearTypeRepository.existsById(gearCode)) {
|
||||
throw new ResponseStatusException(HttpStatus.NOT_FOUND,
|
||||
"어구 유형을 찾을 수 없습니다: " + gearCode);
|
||||
}
|
||||
gearType.setGearCode(gearCode);
|
||||
return gearTypeRepository.save(gearType);
|
||||
}
|
||||
|
||||
// ── 함정 ───────────────────────────────────────────────────────────────
|
||||
|
||||
public List<PatrolShip> listPatrolShips() {
|
||||
return patrolShipRepository.findByIsActiveTrueOrderByShipCode();
|
||||
}
|
||||
|
||||
@Transactional
|
||||
public PatrolShip updatePatrolShipStatus(Long id, PatrolShipStatusCommand command) {
|
||||
PatrolShip ship = patrolShipRepository.findById(id)
|
||||
.orElseThrow(() -> new ResponseStatusException(HttpStatus.NOT_FOUND,
|
||||
"함정을 찾을 수 없습니다: " + id));
|
||||
|
||||
if (command.status() != null) ship.setCurrentStatus(command.status());
|
||||
if (command.lat() != null) ship.setCurrentLat(command.lat());
|
||||
if (command.lon() != null) ship.setCurrentLon(command.lon());
|
||||
if (command.zoneCode() != null) ship.setCurrentZoneCode(command.zoneCode());
|
||||
if (command.fuelPct() != null) ship.setFuelPct(command.fuelPct());
|
||||
|
||||
return patrolShipRepository.save(ship);
|
||||
}
|
||||
|
||||
// ── 선박 허가 ─────────────────────────────────────────────────────────
|
||||
|
||||
public Page<VesselPermit> listVesselPermits(String flag, String permitStatus, Pageable pageable) {
|
||||
if (flag != null) {
|
||||
return vesselPermitRepository.findByFlagCountry(flag, pageable);
|
||||
}
|
||||
if (permitStatus != null) {
|
||||
return vesselPermitRepository.findByPermitStatus(permitStatus, pageable);
|
||||
}
|
||||
return vesselPermitRepository.findAll(pageable);
|
||||
}
|
||||
|
||||
public VesselPermit getVesselPermit(String mmsi) {
|
||||
return vesselPermitRepository.findByMmsi(mmsi)
|
||||
.orElseThrow(() -> new ResponseStatusException(HttpStatus.NOT_FOUND,
|
||||
"선박 허가 정보를 찾을 수 없습니다: " + mmsi));
|
||||
}
|
||||
|
||||
// ── Command DTO ───────────────────────────────────────────────────────
|
||||
|
||||
public record PatrolShipStatusCommand(
|
||||
String status,
|
||||
Double lat,
|
||||
Double lon,
|
||||
String zoneCode,
|
||||
Integer fuelPct
|
||||
) {}
|
||||
}
|
||||
@ -1,21 +0,0 @@
|
||||
package gc.mda.kcg.menu;
|
||||
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.web.bind.annotation.*;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* 메뉴 설정 API — auth_perm_tree 기반.
|
||||
*/
|
||||
@RestController
|
||||
@RequiredArgsConstructor
|
||||
public class MenuConfigController {
|
||||
|
||||
private final MenuConfigService menuConfigService;
|
||||
|
||||
@GetMapping("/api/menu-config")
|
||||
public List<MenuConfigDto> getMenuConfig() {
|
||||
return menuConfigService.getActiveMenuConfig();
|
||||
}
|
||||
}
|
||||
@ -1,19 +0,0 @@
|
||||
package gc.mda.kcg.menu;
|
||||
|
||||
import java.util.Map;
|
||||
|
||||
public record MenuConfigDto(
|
||||
String menuCd,
|
||||
String parentMenuCd,
|
||||
String menuType,
|
||||
String urlPath,
|
||||
String rsrcCd,
|
||||
String componentKey,
|
||||
String icon,
|
||||
String labelKey,
|
||||
String dividerLabel,
|
||||
int menuLevel,
|
||||
int sortOrd,
|
||||
String useYn,
|
||||
Map<String, String> labels
|
||||
) {}
|
||||
@ -1,115 +0,0 @@
|
||||
package gc.mda.kcg.menu;
|
||||
|
||||
import gc.mda.kcg.permission.PermTree;
|
||||
import gc.mda.kcg.permission.PermTreeRepository;
|
||||
import lombok.RequiredArgsConstructor;
|
||||
import org.springframework.cache.annotation.CacheEvict;
|
||||
import org.springframework.cache.annotation.Cacheable;
|
||||
import org.springframework.stereotype.Service;
|
||||
import org.springframework.transaction.annotation.Transactional;
|
||||
|
||||
import java.util.*;
|
||||
|
||||
/**
|
||||
* auth_perm_tree를 메뉴 SSOT로 사용하여 MenuConfigDto 목록을 생성.
|
||||
* 디바이더는 nav_sub_group 변경 시점에 동적 삽입.
|
||||
*/
|
||||
@Service
|
||||
@RequiredArgsConstructor
|
||||
public class MenuConfigService {
|
||||
|
||||
private final PermTreeRepository permTreeRepository;
|
||||
|
||||
// 메뉴 그룹으로 동작하는 Level-0 노드 rsrc_cd
|
||||
private static final Set<String> GROUP_NODES = Set.of(
|
||||
"field-ops", "parent-inference-workflow", "admin"
|
||||
);
|
||||
|
||||
@Cacheable("menuConfig")
|
||||
@Transactional(readOnly = true)
|
||||
public List<MenuConfigDto> getActiveMenuConfig() {
|
||||
List<PermTree> all = permTreeRepository.findByUseYn("Y");
|
||||
List<MenuConfigDto> result = new ArrayList<>();
|
||||
|
||||
// 1) 최상위 ITEM (nav_sort > 0, nav_group IS NULL, url_path IS NOT NULL)
|
||||
List<PermTree> topItems = all.stream()
|
||||
.filter(n -> n.getNavSort() > 0 && n.getNavGroup() == null && n.getUrlPath() != null)
|
||||
.sorted(Comparator.comparingInt(PermTree::getNavSort))
|
||||
.toList();
|
||||
for (PermTree n : topItems) {
|
||||
result.add(toDto(n, null, "ITEM", 0));
|
||||
}
|
||||
|
||||
// 2) 그룹 헤더 + 자식 (nav_sort > 0 인 GROUP_NODES)
|
||||
List<PermTree> groups = all.stream()
|
||||
.filter(n -> GROUP_NODES.contains(n.getRsrcCd()) && n.getNavSort() > 0)
|
||||
.sorted(Comparator.comparingInt(PermTree::getNavSort))
|
||||
.toList();
|
||||
for (PermTree g : groups) {
|
||||
result.add(toDto(g, null, "GROUP", 0));
|
||||
|
||||
// 이 그룹의 자식들
|
||||
List<PermTree> children = all.stream()
|
||||
.filter(n -> g.getRsrcCd().equals(n.getNavGroup()) && n.getUrlPath() != null)
|
||||
.sorted(Comparator.comparingInt(PermTree::getNavSort))
|
||||
.toList();
|
||||
|
||||
// 디바이더 삽입: nav_sub_group 변경 시점마다
|
||||
String currentSubGroup = null;
|
||||
int dividerSeq = 0;
|
||||
for (PermTree c : children) {
|
||||
String sub = c.getNavSubGroup();
|
||||
if (sub != null && !sub.equals(currentSubGroup)) {
|
||||
currentSubGroup = sub;
|
||||
dividerSeq++;
|
||||
result.add(new MenuConfigDto(
|
||||
g.getRsrcCd() + ".div-" + dividerSeq,
|
||||
g.getRsrcCd(), "DIVIDER",
|
||||
null, null, null, null, null,
|
||||
sub, 1, c.getNavSort() - 1, "Y",
|
||||
Map.of()
|
||||
));
|
||||
}
|
||||
result.add(toDto(c, g.getRsrcCd(), "ITEM", 1));
|
||||
}
|
||||
}
|
||||
|
||||
// 3) 숨김 라우트 (nav_sort = 0, url_path IS NOT NULL)
|
||||
List<PermTree> hidden = all.stream()
|
||||
.filter(n -> n.getNavSort() == 0 && n.getUrlPath() != null && !GROUP_NODES.contains(n.getRsrcCd()))
|
||||
.toList();
|
||||
for (PermTree h : hidden) {
|
||||
result.add(new MenuConfigDto(
|
||||
h.getRsrcCd(), null, "ITEM",
|
||||
h.getUrlPath(), h.getRsrcCd(), h.getComponentKey(),
|
||||
h.getIcon(), h.getLabelKey(), null,
|
||||
0, 9999, "H",
|
||||
h.getLabels() != null ? h.getLabels() : Map.of()
|
||||
));
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
@CacheEvict(value = "menuConfig", allEntries = true)
|
||||
public void evictCache() {
|
||||
}
|
||||
|
||||
private MenuConfigDto toDto(PermTree n, String parentMenuCd, String menuType, int menuLevel) {
|
||||
return new MenuConfigDto(
|
||||
n.getRsrcCd(),
|
||||
parentMenuCd,
|
||||
menuType,
|
||||
n.getUrlPath(),
|
||||
n.getRsrcCd(),
|
||||
n.getComponentKey(),
|
||||
n.getIcon(),
|
||||
n.getLabelKey(),
|
||||
n.getNavSubGroup(),
|
||||
menuLevel,
|
||||
n.getNavSort(),
|
||||
n.getUseYn(),
|
||||
n.getLabels() != null ? n.getLabels() : Map.of()
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -2,8 +2,6 @@ package gc.mda.kcg.permission;
|
||||
|
||||
import jakarta.persistence.*;
|
||||
import lombok.*;
|
||||
import org.hibernate.annotations.JdbcTypeCode;
|
||||
import org.hibernate.type.SqlTypes;
|
||||
|
||||
import java.time.OffsetDateTime;
|
||||
|
||||
@ -41,29 +39,6 @@ public class PermTree {
|
||||
@Column(name = "use_yn", nullable = false, length = 1)
|
||||
private String useYn;
|
||||
|
||||
// ── 메뉴 SSOT 컬럼 (V021) ──
|
||||
@Column(name = "url_path", length = 200)
|
||||
private String urlPath;
|
||||
|
||||
@Column(name = "label_key", length = 100)
|
||||
private String labelKey;
|
||||
|
||||
@Column(name = "component_key", length = 150)
|
||||
private String componentKey;
|
||||
|
||||
@Column(name = "nav_group", length = 100)
|
||||
private String navGroup;
|
||||
|
||||
@Column(name = "nav_sub_group", length = 100)
|
||||
private String navSubGroup;
|
||||
|
||||
@Column(name = "nav_sort", nullable = false)
|
||||
private Integer navSort;
|
||||
|
||||
@JdbcTypeCode(SqlTypes.JSON)
|
||||
@Column(name = "labels", columnDefinition = "jsonb")
|
||||
private java.util.Map<String, String> labels;
|
||||
|
||||
@Column(name = "created_at", nullable = false)
|
||||
private OffsetDateTime createdAt;
|
||||
|
||||
@ -78,7 +53,6 @@ public class PermTree {
|
||||
if (useYn == null) useYn = "Y";
|
||||
if (sortOrd == null) sortOrd = 0;
|
||||
if (rsrcLevel == null) rsrcLevel = 0;
|
||||
if (navSort == null) navSort = 0;
|
||||
}
|
||||
|
||||
@PreUpdate
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
config.stopBubbling = true
|
||||
|
||||
# @RequiredArgsConstructor 가 생성하는 constructor parameter 에 필드의 @Qualifier 를 복사한다.
|
||||
# Spring 6.1+ 의 bean 이름 기반 fallback 은 parameter-level annotation 을 요구하므로,
|
||||
# 필수 처리하지 않으면 여러 bean 중 모호성이 발생해 기동이 실패한다.
|
||||
lombok.copyableAnnotations += org.springframework.beans.factory.annotation.Qualifier
|
||||
@ -33,17 +33,13 @@ spring:
|
||||
|
||||
cache:
|
||||
type: caffeine
|
||||
cache-names: permissions,users,menuConfig
|
||||
cache-names: permissions,users
|
||||
caffeine:
|
||||
spec: maximumSize=1000,expireAfterWrite=10m
|
||||
|
||||
server:
|
||||
port: 8080
|
||||
forward-headers-strategy: framework
|
||||
compression:
|
||||
enabled: true
|
||||
min-response-size: 1024
|
||||
mime-types: application/json,application/xml,text/html,text/plain
|
||||
|
||||
management:
|
||||
endpoints:
|
||||
@ -64,8 +60,9 @@ logging:
|
||||
app:
|
||||
prediction:
|
||||
base-url: ${PREDICTION_BASE_URL:http://localhost:8001}
|
||||
signal-batch:
|
||||
base-url: ${SIGNAL_BATCH_BASE_URL:http://192.168.1.18:18090/signal-batch}
|
||||
iran-backend:
|
||||
# 운영 환경: https://kcg.gc-si.dev (Spring Boot + Prediction 통합)
|
||||
base-url: ${IRAN_BACKEND_BASE_URL:https://kcg.gc-si.dev}
|
||||
cors:
|
||||
allowed-origins: ${CORS_ALLOWED_ORIGINS:http://localhost:5173,http://localhost:5174}
|
||||
jwt:
|
||||
|
||||
@ -1,11 +0,0 @@
|
||||
-- ============================================================
|
||||
-- V018: prediction_events에 features JSONB 컬럼 추가
|
||||
-- event_generator가 분석 결과의 핵심 특성(dark_tier, transship_score 등)을
|
||||
-- 이벤트와 함께 저장하여 프론트엔드에서 직접 활용할 수 있도록 한다.
|
||||
-- ============================================================
|
||||
|
||||
ALTER TABLE kcg.prediction_events
|
||||
ADD COLUMN IF NOT EXISTS features JSONB;
|
||||
|
||||
COMMENT ON COLUMN kcg.prediction_events.features IS
|
||||
'분석 결과 핵심 특성 (dark_tier, dark_suspicion_score, transship_tier, transship_score 등)';
|
||||
@ -1,16 +0,0 @@
|
||||
-- ============================================================
|
||||
-- V019: LLM 운영 페이지 권한 트리 항목 추가
|
||||
-- PR #22에서 추가된 /llm-ops 페이지에 대응하는 권한 리소스
|
||||
-- ============================================================
|
||||
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('ai-operations:llm-ops', 'ai-operations', 'LLM 운영', 1, 35)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
-- ADMIN 역할에 자동 부여
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'ai-operations:llm-ops', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
@ -1,97 +0,0 @@
|
||||
-- ============================================================================
|
||||
-- V020: 메뉴 설정 SSOT 테이블
|
||||
-- 프론트엔드 사이드바 + 라우팅 + 권한 매핑의 단일 진실 공급원
|
||||
-- ============================================================================
|
||||
|
||||
CREATE TABLE kcg.menu_config (
|
||||
menu_cd VARCHAR(100) PRIMARY KEY,
|
||||
parent_menu_cd VARCHAR(100) REFERENCES kcg.menu_config(menu_cd) ON DELETE CASCADE,
|
||||
menu_type VARCHAR(10) NOT NULL DEFAULT 'ITEM',
|
||||
url_path VARCHAR(200),
|
||||
rsrc_cd VARCHAR(100) REFERENCES kcg.auth_perm_tree(rsrc_cd),
|
||||
component_key VARCHAR(150),
|
||||
icon VARCHAR(50),
|
||||
label_key VARCHAR(100),
|
||||
divider_label VARCHAR(100),
|
||||
menu_level INT NOT NULL DEFAULT 0,
|
||||
sort_ord INT NOT NULL DEFAULT 0,
|
||||
use_yn VARCHAR(1) NOT NULL DEFAULT 'Y',
|
||||
created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
|
||||
updated_at TIMESTAMPTZ NOT NULL DEFAULT now()
|
||||
);
|
||||
|
||||
COMMENT ON TABLE kcg.menu_config IS '메뉴 레이아웃 SSOT — 사이드바, 라우팅, 경로→권한 매핑 구동';
|
||||
COMMENT ON COLUMN kcg.menu_config.menu_type IS 'ITEM(네비게이션) | GROUP(접기/펼치기) | DIVIDER(서브그룹 라벨)';
|
||||
COMMENT ON COLUMN kcg.menu_config.rsrc_cd IS 'auth_perm_tree FK. 권한 체크용. GROUP/DIVIDER는 NULL';
|
||||
COMMENT ON COLUMN kcg.menu_config.component_key IS '프론트 COMPONENT_REGISTRY 키. GROUP/DIVIDER는 NULL';
|
||||
COMMENT ON COLUMN kcg.menu_config.use_yn IS 'Y=사이드바+라우트, H=라우트만(숨김), N=비활성';
|
||||
|
||||
CREATE INDEX idx_menu_config_parent ON kcg.menu_config(parent_menu_cd);
|
||||
CREATE INDEX idx_menu_config_sort ON kcg.menu_config(menu_level, sort_ord);
|
||||
CREATE INDEX idx_menu_config_rsrc ON kcg.menu_config(rsrc_cd);
|
||||
|
||||
-- ============================================================================
|
||||
-- 시드 데이터: 현재 NAV_ENTRIES + Route 정의 기반 35건
|
||||
-- sort_ord 100 간격 (삽입 여유)
|
||||
-- ============================================================================
|
||||
|
||||
-- ─── Top-level ITEM (13개) ─────────────────────────────────────────────────
|
||||
INSERT INTO kcg.menu_config(menu_cd, parent_menu_cd, menu_type, url_path, rsrc_cd, component_key, icon, label_key, menu_level, sort_ord) VALUES
|
||||
('dashboard', NULL, 'ITEM', '/dashboard', 'dashboard', 'features/dashboard/Dashboard', 'LayoutDashboard', 'nav.dashboard', 0, 100),
|
||||
('monitoring', NULL, 'ITEM', '/monitoring', 'monitoring', 'features/monitoring/MonitoringDashboard', 'Activity', 'nav.monitoring', 0, 200),
|
||||
('events', NULL, 'ITEM', '/events', 'surveillance:live-map', 'features/surveillance/LiveMapView', 'Radar', 'nav.realtimeEvent', 0, 300),
|
||||
('map-control', NULL, 'ITEM', '/map-control', 'surveillance:map-control', 'features/surveillance/MapControl', 'Map', 'nav.mapControl', 0, 400),
|
||||
('risk-map', NULL, 'ITEM', '/risk-map', 'risk-assessment:risk-map', 'features/risk-assessment/RiskMap', 'Layers', 'nav.riskMap', 0, 500),
|
||||
('enforcement-plan', NULL, 'ITEM', '/enforcement-plan', 'risk-assessment:enforcement-plan', 'features/risk-assessment/EnforcementPlan', 'Shield', 'nav.enforcementPlan', 0, 600),
|
||||
('dark-vessel', NULL, 'ITEM', '/dark-vessel', 'detection:dark-vessel', 'features/detection/DarkVesselDetection', 'EyeOff', 'nav.darkVessel', 0, 700),
|
||||
('gear-detection', NULL, 'ITEM', '/gear-detection', 'detection:gear-detection', 'features/detection/GearDetection', 'Anchor', 'nav.gearDetection', 0, 800),
|
||||
('china-fishing', NULL, 'ITEM', '/china-fishing', 'detection:china-fishing', 'features/detection/ChinaFishing', 'Ship', 'nav.chinaFishing', 0, 900),
|
||||
('enforcement-history', NULL, 'ITEM', '/enforcement-history', 'enforcement:enforcement-history', 'features/enforcement/EnforcementHistory', 'FileText', 'nav.enforcementHistory', 0, 1000),
|
||||
('event-list', NULL, 'ITEM', '/event-list', 'enforcement:event-list', 'features/enforcement/EventList', 'List', 'nav.eventList', 0, 1100),
|
||||
('statistics', NULL, 'ITEM', '/statistics', 'statistics:statistics', 'features/statistics/Statistics', 'BarChart3', 'nav.statistics', 0, 1200),
|
||||
('reports', NULL, 'ITEM', '/reports', 'statistics:statistics', 'features/statistics/ReportManagement', 'FileText', 'nav.reports', 0, 1300);
|
||||
|
||||
-- ─── GROUP: 현장작전 ───────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.menu_config(menu_cd, parent_menu_cd, menu_type, url_path, rsrc_cd, component_key, icon, label_key, menu_level, sort_ord) VALUES
|
||||
('field-ops', NULL, 'GROUP', NULL, NULL, NULL, 'Ship', 'group.fieldOps', 0, 1400),
|
||||
('field-ops.patrol', 'field-ops', 'ITEM', '/patrol-route', 'patrol:patrol-route', 'features/patrol/PatrolRoute', 'Navigation', 'nav.patrolRoute', 1, 100),
|
||||
('field-ops.fleet', 'field-ops', 'ITEM', '/fleet-optimization', 'patrol:fleet-optimization', 'features/patrol/FleetOptimization', 'Users', 'nav.fleetOptimization', 1, 200),
|
||||
('field-ops.alert', 'field-ops', 'ITEM', '/ai-alert', 'field-ops:ai-alert', 'features/field-ops/AIAlert', 'Send', 'nav.aiAlert', 1, 300),
|
||||
('field-ops.mobile', 'field-ops', 'ITEM', '/mobile-service', 'field-ops:mobile-service', 'features/field-ops/MobileService', 'Smartphone', 'nav.mobileService', 1, 400),
|
||||
('field-ops.ship', 'field-ops', 'ITEM', '/ship-agent', 'field-ops:ship-agent', 'features/field-ops/ShipAgent', 'Monitor', 'nav.shipAgent', 1, 500);
|
||||
|
||||
-- ─── GROUP: 모선 워크플로우 ────────────────────────────────────────────────
|
||||
INSERT INTO kcg.menu_config(menu_cd, parent_menu_cd, menu_type, url_path, rsrc_cd, component_key, icon, label_key, menu_level, sort_ord) VALUES
|
||||
('parent-inference', NULL, 'GROUP', NULL, NULL, NULL, 'GitBranch', 'group.parentInference', 0, 1500),
|
||||
('parent-inference.review', 'parent-inference', 'ITEM', '/parent-inference/review', 'parent-inference-workflow:parent-review', 'features/parent-inference/ParentReview', 'CheckSquare', 'nav.parentReview', 1, 100),
|
||||
('parent-inference.exclusion', 'parent-inference', 'ITEM', '/parent-inference/exclusion', 'parent-inference-workflow:parent-exclusion', 'features/parent-inference/ParentExclusion', 'Ban', 'nav.parentExclusion', 1, 200),
|
||||
('parent-inference.label', 'parent-inference', 'ITEM', '/parent-inference/label-session', 'parent-inference-workflow:label-session', 'features/parent-inference/LabelSession', 'Tag', 'nav.labelSession', 1, 300);
|
||||
|
||||
-- ─── GROUP: 관리자 ─────────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.menu_config(menu_cd, parent_menu_cd, menu_type, url_path, rsrc_cd, component_key, icon, label_key, divider_label, menu_level, sort_ord) VALUES
|
||||
('admin-group', NULL, 'GROUP', NULL, NULL, NULL, 'Settings', 'group.admin', NULL, 0, 1600),
|
||||
-- AI 플랫폼
|
||||
('admin-group.div-ai', 'admin-group', 'DIVIDER', NULL, NULL, NULL, NULL, NULL, 'AI 플랫폼', 1, 100),
|
||||
('admin-group.ai-model', 'admin-group', 'ITEM', '/ai-model', 'ai-operations:ai-model', 'features/ai-operations/AIModelManagement', 'Brain', 'nav.aiModel', NULL, 1, 200),
|
||||
('admin-group.mlops', 'admin-group', 'ITEM', '/mlops', 'ai-operations:mlops', 'features/ai-operations/MLOpsPage', 'Cpu', 'nav.mlops', NULL, 1, 300),
|
||||
('admin-group.llm-ops', 'admin-group', 'ITEM', '/llm-ops', 'ai-operations:llm-ops', 'features/ai-operations/LLMOpsPage', 'Brain', 'nav.llmOps', NULL, 1, 400),
|
||||
('admin-group.ai-assistant', 'admin-group', 'ITEM', '/ai-assistant', 'ai-operations:ai-assistant', 'features/ai-operations/AIAssistant', 'MessageSquare', 'nav.aiAssistant', NULL, 1, 500),
|
||||
-- 시스템 운영
|
||||
('admin-group.div-sys', 'admin-group', 'DIVIDER', NULL, NULL, NULL, NULL, NULL, '시스템 운영', 1, 600),
|
||||
('admin-group.system-config', 'admin-group', 'ITEM', '/system-config', 'admin:system-config', 'features/admin/SystemConfig', 'Database', 'nav.systemConfig',NULL, 1, 700),
|
||||
('admin-group.data-hub', 'admin-group', 'ITEM', '/data-hub', 'admin:system-config', 'features/admin/DataHub', 'Wifi', 'nav.dataHub', NULL, 1, 800),
|
||||
('admin-group.external', 'admin-group', 'ITEM', '/external-service', 'statistics:external-service', 'features/statistics/ExternalService', 'Globe', 'nav.externalService', NULL, 1, 900),
|
||||
-- 사용자 관리
|
||||
('admin-group.div-user', 'admin-group', 'DIVIDER', NULL, NULL, NULL, NULL, NULL, '사용자 관리', 1, 1000),
|
||||
('admin-group.admin', 'admin-group', 'ITEM', '/admin', 'admin', 'features/admin/AdminPanel', 'Settings', 'nav.admin', NULL, 1, 1100),
|
||||
('admin-group.access', 'admin-group', 'ITEM', '/access-control', 'admin:permission-management', 'features/admin/AccessControl', 'Fingerprint', 'nav.accessControl', NULL, 1, 1200),
|
||||
('admin-group.notices', 'admin-group', 'ITEM', '/notices', 'admin', 'features/admin/NoticeManagement', 'Megaphone', 'nav.notices', NULL, 1, 1300),
|
||||
-- 감사·보안
|
||||
('admin-group.div-audit', 'admin-group', 'DIVIDER', NULL, NULL, NULL, NULL, NULL, '감사·보안', 1, 1400),
|
||||
('admin-group.audit-logs', 'admin-group', 'ITEM', '/admin/audit-logs', 'admin:audit-logs', 'features/admin/AuditLogs', 'ScrollText', 'nav.auditLogs', NULL, 1, 1500),
|
||||
('admin-group.access-logs', 'admin-group', 'ITEM', '/admin/access-logs', 'admin:access-logs', 'features/admin/AccessLogs', 'History', 'nav.accessLogs', NULL, 1, 1600),
|
||||
('admin-group.login-history', 'admin-group', 'ITEM', '/admin/login-history', 'admin:login-history', 'features/admin/LoginHistoryView', 'KeyRound', 'nav.loginHistory',NULL, 1, 1700);
|
||||
|
||||
-- ─── 숨김 라우트 (사이드바 미표시, 라우팅만) ───────────────────────────────
|
||||
INSERT INTO kcg.menu_config(menu_cd, parent_menu_cd, menu_type, url_path, rsrc_cd, component_key, icon, label_key, menu_level, sort_ord, use_yn) VALUES
|
||||
('vessel-detail', NULL, 'ITEM', '/vessel/:id', 'vessel:vessel-detail', 'features/vessel/VesselDetail', NULL, NULL, 0, 9999, 'H');
|
||||
@ -1,115 +0,0 @@
|
||||
-- ============================================================================
|
||||
-- V021: auth_perm_tree를 메뉴 SSOT로 확장 + menu_config 테이블 폐기
|
||||
-- 메뉴·권한·감사가 동일 레코드를 참조하여 완전 동기화
|
||||
-- ============================================================================
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 1. auth_perm_tree에 메뉴 컬럼 추가
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
ALTER TABLE kcg.auth_perm_tree ADD COLUMN url_path VARCHAR(200);
|
||||
ALTER TABLE kcg.auth_perm_tree ADD COLUMN label_key VARCHAR(100);
|
||||
ALTER TABLE kcg.auth_perm_tree ADD COLUMN component_key VARCHAR(150);
|
||||
ALTER TABLE kcg.auth_perm_tree ADD COLUMN nav_group VARCHAR(100); -- 소속 메뉴 그룹 (NULL=최상위)
|
||||
ALTER TABLE kcg.auth_perm_tree ADD COLUMN nav_sub_group VARCHAR(100); -- 디바이더 라벨 (admin 서브그룹)
|
||||
ALTER TABLE kcg.auth_perm_tree ADD COLUMN nav_sort INT NOT NULL DEFAULT 0; -- 메뉴 정렬 (0=미표시)
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 2. 공유 리소스 분리 — 1메뉴=1노드 보장
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('statistics:reports', 'statistics', '보고서 관리', 1, 30)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('admin:data-hub', 'admin', '데이터 허브', 1, 85)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('admin:notices', 'admin', '공지사항', 1, 45)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
-- 신규 노드에 ADMIN 전체 권한 부여
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, n.rsrc_cd, op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('statistics:reports'), ('admin:data-hub'), ('admin:notices')) AS n(rsrc_cd)
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
|
||||
-- 기존 역할에도 READ 부여 (statistics:reports → VIEWER 이상, admin:* → ADMIN 전용)
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'statistics:reports', 'READ', 'Y'
|
||||
FROM kcg.auth_role r WHERE r.role_cd IN ('VIEWER', 'ANALYST', 'OPERATOR', 'FIELD')
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 3. 메뉴 데이터 채우기 — 최상위 ITEM (13개)
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/dashboard', label_key='nav.dashboard', component_key='features/dashboard/Dashboard', nav_sort=100 WHERE rsrc_cd='dashboard';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/monitoring', label_key='nav.monitoring', component_key='features/monitoring/MonitoringDashboard', nav_sort=200 WHERE rsrc_cd='monitoring';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/events', label_key='nav.realtimeEvent', component_key='features/surveillance/LiveMapView', nav_sort=300 WHERE rsrc_cd='surveillance:live-map';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/map-control', label_key='nav.mapControl', component_key='features/surveillance/MapControl', nav_sort=400 WHERE rsrc_cd='surveillance:map-control';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/risk-map', label_key='nav.riskMap', component_key='features/risk-assessment/RiskMap', nav_sort=500 WHERE rsrc_cd='risk-assessment:risk-map';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/enforcement-plan', label_key='nav.enforcementPlan', component_key='features/risk-assessment/EnforcementPlan', nav_sort=600 WHERE rsrc_cd='risk-assessment:enforcement-plan';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/dark-vessel', label_key='nav.darkVessel', component_key='features/detection/DarkVesselDetection', nav_sort=700 WHERE rsrc_cd='detection:dark-vessel';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/gear-detection', label_key='nav.gearDetection', component_key='features/detection/GearDetection', nav_sort=800 WHERE rsrc_cd='detection:gear-detection';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/china-fishing', label_key='nav.chinaFishing', component_key='features/detection/ChinaFishing', nav_sort=900 WHERE rsrc_cd='detection:china-fishing';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/enforcement-history',label_key='nav.enforcementHistory', component_key='features/enforcement/EnforcementHistory', nav_sort=1000 WHERE rsrc_cd='enforcement:enforcement-history';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/event-list', label_key='nav.eventList', component_key='features/enforcement/EventList', nav_sort=1100 WHERE rsrc_cd='enforcement:event-list';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/statistics', label_key='nav.statistics', component_key='features/statistics/Statistics', nav_sort=1200 WHERE rsrc_cd='statistics:statistics';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/reports', label_key='nav.reports', component_key='features/statistics/ReportManagement', nav_sort=1300 WHERE rsrc_cd='statistics:reports';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 4. 그룹 헤더 (Level 0 노드에 label_key + nav_sort)
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET label_key='group.fieldOps', nav_sort=1400 WHERE rsrc_cd='field-ops';
|
||||
UPDATE kcg.auth_perm_tree SET label_key='group.parentInference', nav_sort=1500 WHERE rsrc_cd='parent-inference-workflow';
|
||||
UPDATE kcg.auth_perm_tree SET label_key='group.admin', nav_sort=1600 WHERE rsrc_cd='admin';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 5. 그룹 자식 — field-ops
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/patrol-route', label_key='nav.patrolRoute', component_key='features/patrol/PatrolRoute', nav_group='field-ops', nav_sort=100 WHERE rsrc_cd='patrol:patrol-route';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/fleet-optimization', label_key='nav.fleetOptimization', component_key='features/patrol/FleetOptimization', nav_group='field-ops', nav_sort=200 WHERE rsrc_cd='patrol:fleet-optimization';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/ai-alert', label_key='nav.aiAlert', component_key='features/field-ops/AIAlert', nav_group='field-ops', nav_sort=300 WHERE rsrc_cd='field-ops:ai-alert';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/mobile-service', label_key='nav.mobileService', component_key='features/field-ops/MobileService', nav_group='field-ops', nav_sort=400 WHERE rsrc_cd='field-ops:mobile-service';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/ship-agent', label_key='nav.shipAgent', component_key='features/field-ops/ShipAgent', nav_group='field-ops', nav_sort=500 WHERE rsrc_cd='field-ops:ship-agent';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 6. 그룹 자식 — parent-inference
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/parent-inference/review', label_key='nav.parentReview', component_key='features/parent-inference/ParentReview', nav_group='parent-inference-workflow', nav_sort=100 WHERE rsrc_cd='parent-inference-workflow:parent-review';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/parent-inference/exclusion', label_key='nav.parentExclusion', component_key='features/parent-inference/ParentExclusion', nav_group='parent-inference-workflow', nav_sort=200 WHERE rsrc_cd='parent-inference-workflow:parent-exclusion';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/parent-inference/label-session', label_key='nav.labelSession', component_key='features/parent-inference/LabelSession', nav_group='parent-inference-workflow', nav_sort=300 WHERE rsrc_cd='parent-inference-workflow:label-session';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 7. 그룹 자식 — admin (서브그룹 포함)
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- AI 플랫폼
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/ai-model', label_key='nav.aiModel', component_key='features/ai-operations/AIModelManagement', nav_group='admin', nav_sub_group='AI 플랫폼', nav_sort=200 WHERE rsrc_cd='ai-operations:ai-model';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/mlops', label_key='nav.mlops', component_key='features/ai-operations/MLOpsPage', nav_group='admin', nav_sub_group='AI 플랫폼', nav_sort=300 WHERE rsrc_cd='ai-operations:mlops';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/llm-ops', label_key='nav.llmOps', component_key='features/ai-operations/LLMOpsPage', nav_group='admin', nav_sub_group='AI 플랫폼', nav_sort=400 WHERE rsrc_cd='ai-operations:llm-ops';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/ai-assistant', label_key='nav.aiAssistant', component_key='features/ai-operations/AIAssistant', nav_group='admin', nav_sub_group='AI 플랫폼', nav_sort=500 WHERE rsrc_cd='ai-operations:ai-assistant';
|
||||
-- 시스템 운영
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/system-config', label_key='nav.systemConfig', component_key='features/admin/SystemConfig', nav_group='admin', nav_sub_group='시스템 운영', nav_sort=700 WHERE rsrc_cd='admin:system-config';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/data-hub', label_key='nav.dataHub', component_key='features/admin/DataHub', nav_group='admin', nav_sub_group='시스템 운영', nav_sort=800 WHERE rsrc_cd='admin:data-hub';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/external-service',label_key='nav.externalService',component_key='features/statistics/ExternalService', nav_group='admin', nav_sub_group='시스템 운영', nav_sort=900 WHERE rsrc_cd='statistics:external-service';
|
||||
-- 사용자 관리
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/admin', label_key='nav.admin', component_key='features/admin/AdminPanel', nav_group='admin', nav_sub_group='사용자 관리', nav_sort=1100 WHERE rsrc_cd='admin:user-management';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/access-control', label_key='nav.accessControl', component_key='features/admin/AccessControl', nav_group='admin', nav_sub_group='사용자 관리', nav_sort=1200 WHERE rsrc_cd='admin:permission-management';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/notices', label_key='nav.notices', component_key='features/admin/NoticeManagement', nav_group='admin', nav_sub_group='사용자 관리', nav_sort=1300 WHERE rsrc_cd='admin:notices';
|
||||
-- 감사·보안
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/admin/audit-logs', label_key='nav.auditLogs', component_key='features/admin/AuditLogs', nav_group='admin', nav_sub_group='감사·보안', nav_sort=1500 WHERE rsrc_cd='admin:audit-logs';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/admin/access-logs', label_key='nav.accessLogs', component_key='features/admin/AccessLogs', nav_group='admin', nav_sub_group='감사·보안', nav_sort=1600 WHERE rsrc_cd='admin:access-logs';
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/admin/login-history',label_key='nav.loginHistory', component_key='features/admin/LoginHistoryView', nav_group='admin', nav_sub_group='감사·보안', nav_sort=1700 WHERE rsrc_cd='admin:login-history';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 8. 숨김 라우트 (라우팅만, 사이드바 미표시)
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET url_path='/vessel/:id', component_key='features/vessel/VesselDetail' WHERE rsrc_cd='vessel:vessel-detail';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 9. menu_config 테이블 폐기
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
DROP TABLE IF EXISTS kcg.menu_config;
|
||||
@ -1,83 +0,0 @@
|
||||
-- ============================================================================
|
||||
-- V022: auth_perm_tree에 다국어 라벨 JSONB — DB가 i18n SSOT
|
||||
-- labels = {"ko": "종합 상황판", "en": "Dashboard"} (언어 추가 시 DDL 변경 불필요)
|
||||
-- ============================================================================
|
||||
|
||||
ALTER TABLE kcg.auth_perm_tree ADD COLUMN labels JSONB NOT NULL DEFAULT '{}';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 최상위 ITEM
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"종합 상황판","en":"Dashboard"}' WHERE rsrc_cd='dashboard';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"경보 현황판","en":"Alert Monitor"}' WHERE rsrc_cd='monitoring';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"실시간 이벤트","en":"Realtime Events"}' WHERE rsrc_cd='surveillance:live-map';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"해역 관리","en":"Zone Management"}' WHERE rsrc_cd='surveillance:map-control';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"위험도 지도","en":"Risk Map"}' WHERE rsrc_cd='risk-assessment:risk-map';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"단속 계획","en":"Enforcement Plan"}' WHERE rsrc_cd='risk-assessment:enforcement-plan';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"다크베셀 탐지","en":"Dark Vessel Detection"}' WHERE rsrc_cd='detection:dark-vessel';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"어구 탐지","en":"Gear Detection"}' WHERE rsrc_cd='detection:gear-detection';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"중국어선 분석","en":"China Fishing"}' WHERE rsrc_cd='detection:china-fishing';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"단속 이력","en":"Enforcement History"}' WHERE rsrc_cd='enforcement:enforcement-history';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"이벤트 목록","en":"Event List"}' WHERE rsrc_cd='enforcement:event-list';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"통계 분석","en":"Statistics"}' WHERE rsrc_cd='statistics:statistics';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"보고서 관리","en":"Report Management"}' WHERE rsrc_cd='statistics:reports';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 그룹 헤더
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"현장작전","en":"Field Operations"}' WHERE rsrc_cd='field-ops';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"모선 워크플로우","en":"Parent Inference"}' WHERE rsrc_cd='parent-inference-workflow';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"시스템 관리","en":"Administration"}' WHERE rsrc_cd='admin';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- field-ops 자식
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"순찰경로 추천","en":"Patrol Route"}' WHERE rsrc_cd='patrol:patrol-route';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"다함정 최적화","en":"Fleet Optimization"}' WHERE rsrc_cd='patrol:fleet-optimization';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"AI 알림 발송","en":"AI Alert"}' WHERE rsrc_cd='field-ops:ai-alert';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"모바일 서비스","en":"Mobile Service"}' WHERE rsrc_cd='field-ops:mobile-service';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"함정 Agent","en":"Ship Agent"}' WHERE rsrc_cd='field-ops:ship-agent';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- parent-inference 자식
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"모선 확정/거부","en":"Parent Review"}' WHERE rsrc_cd='parent-inference-workflow:parent-review';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"후보 제외","en":"Exclusion Management"}' WHERE rsrc_cd='parent-inference-workflow:parent-exclusion';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"학습 세션","en":"Label Session"}' WHERE rsrc_cd='parent-inference-workflow:label-session';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- admin 자식
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"AI 모델관리","en":"AI Model Management"}' WHERE rsrc_cd='ai-operations:ai-model';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"MLOps","en":"MLOps"}' WHERE rsrc_cd='ai-operations:mlops';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"LLM 운영","en":"LLM Operations"}' WHERE rsrc_cd='ai-operations:llm-ops';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"AI 의사결정 지원","en":"AI Assistant"}' WHERE rsrc_cd='ai-operations:ai-assistant';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"환경설정","en":"System Config"}' WHERE rsrc_cd='admin:system-config';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"데이터 허브","en":"Data Hub"}' WHERE rsrc_cd='admin:data-hub';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"외부 서비스","en":"External Service"}' WHERE rsrc_cd='statistics:external-service';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"시스템 관리","en":"Admin Panel"}' WHERE rsrc_cd='admin:user-management';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"권한 관리","en":"Access Control"}' WHERE rsrc_cd='admin:permission-management';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"공지사항","en":"Notices"}' WHERE rsrc_cd='admin:notices';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"감사 로그","en":"Audit Logs"}' WHERE rsrc_cd='admin:audit-logs';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"접근 이력","en":"Access Logs"}' WHERE rsrc_cd='admin:access-logs';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"로그인 이력","en":"Login History"}' WHERE rsrc_cd='admin:login-history';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 메뉴 미표시 권한 노드 (권한 관리 UI에서만 표시)
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"감시","en":"Surveillance"}' WHERE rsrc_cd='surveillance';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"탐지","en":"Detection"}' WHERE rsrc_cd='detection';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"선박","en":"Vessel"}' WHERE rsrc_cd='vessel';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"위험평가","en":"Risk Assessment"}' WHERE rsrc_cd='risk-assessment';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"순찰","en":"Patrol"}' WHERE rsrc_cd='patrol';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"단속","en":"Enforcement"}' WHERE rsrc_cd='enforcement';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"AI 운영","en":"AI Operations"}' WHERE rsrc_cd='ai-operations';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"통계","en":"Statistics"}' WHERE rsrc_cd='statistics';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"선박상세","en":"Vessel Detail"}' WHERE rsrc_cd='vessel:vessel-detail';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"전재탐지","en":"Transfer Detection"}' WHERE rsrc_cd='vessel:transfer-detection';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"알림 목록","en":"Alert List"}' WHERE rsrc_cd='monitoring:alert-list';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"KPI 패널","en":"KPI Panel"}' WHERE rsrc_cd='monitoring:kpi-panel';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"어구식별","en":"Gear Identification"}' WHERE rsrc_cd='detection:gear-identification';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"역할 관리","en":"Role Management"}' WHERE rsrc_cd='admin:role-management';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"메뉴 설정","en":"Menu Config"}' WHERE rsrc_cd='admin:menu-management';
|
||||
UPDATE kcg.auth_perm_tree SET labels='{"ko":"전역 제외 관리","en":"Global Exclusion"}' WHERE rsrc_cd='parent-inference-workflow:exclusion-management';
|
||||
@ -1,22 +0,0 @@
|
||||
-- ============================================================================
|
||||
-- V023: auth_perm_tree Level-0 sort_ord를 좌측 메뉴 순서와 일치
|
||||
-- 권한 관리 UI와 사이드바 메뉴의 나열 순서를 동일하게 맞춤
|
||||
-- ============================================================================
|
||||
|
||||
-- Level-0 노드 sort_ord를 메뉴 nav_sort 순서 기준으로 재배치
|
||||
-- 메뉴 자식이 있는 그룹: 자식 nav_sort 최소값 기준으로 부모 위치 결정
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 100 WHERE rsrc_cd = 'dashboard'; -- nav_sort=100
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 200 WHERE rsrc_cd = 'monitoring'; -- nav_sort=200
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 300 WHERE rsrc_cd = 'surveillance'; -- 자식 nav_sort 300~400
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 500 WHERE rsrc_cd = 'risk-assessment'; -- 자식 nav_sort 500~600
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 700 WHERE rsrc_cd = 'detection'; -- 자식 nav_sort 700~900
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 950 WHERE rsrc_cd = 'statistics'; -- 자식 nav_sort 1200~1300
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 1000 WHERE rsrc_cd = 'enforcement'; -- 자식 nav_sort 1000~1100
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 1400 WHERE rsrc_cd = 'field-ops'; -- nav_sort=1400
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 1500 WHERE rsrc_cd = 'parent-inference-workflow'; -- nav_sort=1500
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 1600 WHERE rsrc_cd = 'admin'; -- nav_sort=1600
|
||||
|
||||
-- 메뉴 미표시 Level-0 노드: 관련 메뉴 순서 근처에 배치
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 650 WHERE rsrc_cd = 'vessel'; -- detection 뒤, 단속 앞
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 1350 WHERE rsrc_cd = 'patrol'; -- field-ops 바로 앞
|
||||
UPDATE kcg.auth_perm_tree SET sort_ord = 1550 WHERE rsrc_cd = 'ai-operations'; -- admin 바로 앞
|
||||
@ -1,78 +0,0 @@
|
||||
-- ============================================================================
|
||||
-- V024: 권한 트리 = 메뉴 트리 완전 동기화
|
||||
-- 보이지 않는 도메인 그룹 8개 삭제, 자식을 메뉴 구조에 맞게 재배치
|
||||
-- ============================================================================
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 1. 그룹 레벨 권한 → 개별 자식 권한으로 확장
|
||||
-- 예: (VIEWER, detection, READ, Y) → 각 detection 자식에 READ Y 복사
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT ap.role_sn, c.rsrc_cd, ap.oper_cd, ap.grant_yn
|
||||
FROM kcg.auth_perm ap
|
||||
JOIN kcg.auth_perm_tree c ON c.parent_cd = ap.rsrc_cd
|
||||
WHERE ap.rsrc_cd IN (
|
||||
'surveillance','detection','risk-assessment','enforcement',
|
||||
'statistics','patrol','ai-operations','vessel'
|
||||
)
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 2. 그룹 권한 행 삭제
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
DELETE FROM kcg.auth_perm
|
||||
WHERE rsrc_cd IN (
|
||||
'surveillance','detection','risk-assessment','enforcement',
|
||||
'statistics','patrol','ai-operations','vessel'
|
||||
);
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 3. 자식 노드 parent_cd 재배치 (그룹 삭제 전에 수행)
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
|
||||
-- 최상위 평탄 아이템: parent_cd → NULL
|
||||
UPDATE kcg.auth_perm_tree SET parent_cd = NULL
|
||||
WHERE parent_cd IN (
|
||||
'surveillance','detection','risk-assessment','enforcement','statistics','vessel'
|
||||
);
|
||||
|
||||
-- patrol 자식 → field-ops 메뉴 그룹으로 이동
|
||||
UPDATE kcg.auth_perm_tree SET parent_cd = 'field-ops'
|
||||
WHERE parent_cd = 'patrol';
|
||||
|
||||
-- ai-operations 자식 → admin 메뉴 그룹으로 이동
|
||||
UPDATE kcg.auth_perm_tree SET parent_cd = 'admin'
|
||||
WHERE parent_cd = 'ai-operations';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 4. 그룹 노드 삭제 (자식이 모두 이동된 후)
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
DELETE FROM kcg.auth_perm_tree
|
||||
WHERE rsrc_cd IN (
|
||||
'surveillance','detection','risk-assessment','enforcement',
|
||||
'statistics','patrol','ai-operations','vessel'
|
||||
);
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 5. 패널 노드 parent_cd를 실제 소속 페이지로 수정
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
|
||||
-- 전역 제외 관리 → 후보 제외 페이지 내부
|
||||
UPDATE kcg.auth_perm_tree SET parent_cd = 'parent-inference-workflow:parent-exclusion'
|
||||
WHERE rsrc_cd = 'parent-inference-workflow:exclusion-management';
|
||||
|
||||
-- 역할 관리 → 권한 관리 페이지 내부
|
||||
UPDATE kcg.auth_perm_tree SET parent_cd = 'admin:permission-management'
|
||||
WHERE rsrc_cd = 'admin:role-management';
|
||||
|
||||
-- 메뉴 설정 → 권한 관리 페이지 내부
|
||||
UPDATE kcg.auth_perm_tree SET parent_cd = 'admin:permission-management'
|
||||
WHERE rsrc_cd = 'admin:menu-management';
|
||||
|
||||
-- 어구식별 → 어구 탐지 페이지 내부
|
||||
UPDATE kcg.auth_perm_tree SET parent_cd = 'detection:gear-detection'
|
||||
WHERE rsrc_cd = 'detection:gear-identification';
|
||||
|
||||
-- 전재탐지 → 선박상세 페이지 내부
|
||||
UPDATE kcg.auth_perm_tree SET parent_cd = 'vessel:vessel-detail'
|
||||
WHERE rsrc_cd = 'vessel:transfer-detection';
|
||||
@ -1,76 +0,0 @@
|
||||
-- ============================================================
|
||||
-- V025: LGCNS MLOps + AI 보안(SER-10) + AI Agent 보안(SER-11) 메뉴 추가
|
||||
-- 시스템관리 > AI 플랫폼 / 감사·보안 서브그룹
|
||||
-- ============================================================
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────
|
||||
-- 1. LGCNS MLOps (시스템관리 > AI 플랫폼, MLOps와 LLM 사이)
|
||||
-- ──────────────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('admin:lgcns-mlops', 'admin', 'LGCNS MLOps', 1, 36)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
UPDATE kcg.auth_perm_tree
|
||||
SET url_path = '/lgcns-mlops',
|
||||
label_key = 'nav.lgcnsMlops',
|
||||
component_key = 'features/ai-operations/LGCNSMLOpsPage',
|
||||
nav_group = 'admin',
|
||||
nav_sub_group = 'AI 플랫폼',
|
||||
nav_sort = 350,
|
||||
labels = '{"ko":"LGCNS MLOps","en":"LGCNS MLOps"}'
|
||||
WHERE rsrc_cd = 'admin:lgcns-mlops';
|
||||
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'admin:lgcns-mlops', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────
|
||||
-- 2. AI 보안 (SER-10) (시스템관리 > 감사·보안, 로그인 이력 뒤)
|
||||
-- ──────────────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('admin:ai-security', 'admin', 'AI 보안', 1, 55)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
UPDATE kcg.auth_perm_tree
|
||||
SET url_path = '/admin/ai-security',
|
||||
label_key = 'nav.aiSecurity',
|
||||
component_key = 'features/admin/AISecurityPage',
|
||||
nav_group = 'admin',
|
||||
nav_sub_group = '감사·보안',
|
||||
nav_sort = 1800,
|
||||
labels = '{"ko":"AI 보안","en":"AI Security"}'
|
||||
WHERE rsrc_cd = 'admin:ai-security';
|
||||
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'admin:ai-security', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────
|
||||
-- 3. AI Agent 보안 (SER-11) (시스템관리 > 감사·보안, AI 보안 뒤)
|
||||
-- ──────────────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('admin:ai-agent-security', 'admin', 'AI Agent 보안', 1, 56)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
UPDATE kcg.auth_perm_tree
|
||||
SET url_path = '/admin/ai-agent-security',
|
||||
label_key = 'nav.aiAgentSecurity',
|
||||
component_key = 'features/admin/AIAgentSecurityPage',
|
||||
nav_group = 'admin',
|
||||
nav_sub_group = '감사·보안',
|
||||
nav_sort = 1900,
|
||||
labels = '{"ko":"AI Agent 보안","en":"AI Agent Security"}'
|
||||
WHERE rsrc_cd = 'admin:ai-agent-security';
|
||||
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'admin:ai-agent-security', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
@ -1,28 +0,0 @@
|
||||
-- ============================================================
|
||||
-- V026: 데이터 보관기간 및 파기 정책 (DAR-10) 메뉴 추가
|
||||
-- 시스템관리 > 감사·보안 서브그룹
|
||||
-- ============================================================
|
||||
|
||||
-- 1. 권한 트리 노드 등록
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('admin:data-retention', 'admin', '데이터 보관·파기', 1, 57)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
-- 2. 메뉴 메타데이터 갱신
|
||||
UPDATE kcg.auth_perm_tree
|
||||
SET url_path = '/admin/data-retention',
|
||||
label_key = 'nav.dataRetentionPolicy',
|
||||
component_key = 'features/admin/DataRetentionPolicy',
|
||||
nav_group = 'admin',
|
||||
nav_sub_group = '감사·보안',
|
||||
nav_sort = 2000,
|
||||
labels = '{"ko":"데이터 보관·파기","en":"Data Retention"}'
|
||||
WHERE rsrc_cd = 'admin:data-retention';
|
||||
|
||||
-- 3. ADMIN 역할에 전체 권한 부여
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'admin:data-retention', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
@ -1,28 +0,0 @@
|
||||
-- ============================================================
|
||||
-- V027: 데이터 모델 검증 (DAR-11) 메뉴 추가
|
||||
-- 시스템관리 > 감사·보안 서브그룹
|
||||
-- ============================================================
|
||||
|
||||
-- 1. 권한 트리 노드 등록
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('admin:data-model-verification', 'admin', '데이터 모델 검증', 1, 58)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
-- 2. 메뉴 메타데이터 갱신
|
||||
UPDATE kcg.auth_perm_tree
|
||||
SET url_path = '/admin/data-model-verification',
|
||||
label_key = 'nav.dataModelVerification',
|
||||
component_key = 'features/admin/DataModelVerification',
|
||||
nav_group = 'admin',
|
||||
nav_sub_group = '감사·보안',
|
||||
nav_sort = 2100,
|
||||
labels = '{"ko":"데이터 모델 검증","en":"Model Verification"}'
|
||||
WHERE rsrc_cd = 'admin:data-model-verification';
|
||||
|
||||
-- 3. ADMIN 역할에 전체 권한 부여
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'admin:data-model-verification', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
@ -1,28 +0,0 @@
|
||||
-- ============================================================
|
||||
-- V028: 성능 모니터링 (PER-01~06) 메뉴 추가
|
||||
-- 시스템관리 > 감사·보안 서브그룹
|
||||
-- ============================================================
|
||||
|
||||
-- 1. 권한 트리 노드 등록
|
||||
INSERT INTO kcg.auth_perm_tree(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord)
|
||||
VALUES ('admin:performance-monitoring', 'admin', '성능 모니터링', 1, 59)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
-- 2. 메뉴 메타데이터 갱신
|
||||
UPDATE kcg.auth_perm_tree
|
||||
SET url_path = '/admin/performance-monitoring',
|
||||
label_key = 'nav.performanceMonitoring',
|
||||
component_key = 'features/admin/PerformanceMonitoring',
|
||||
nav_group = 'admin',
|
||||
nav_sub_group = '감사·보안',
|
||||
nav_sort = 2110,
|
||||
labels = '{"ko":"성능 모니터링","en":"Performance Monitoring"}'
|
||||
WHERE rsrc_cd = 'admin:performance-monitoring';
|
||||
|
||||
-- 3. ADMIN 역할에 전체 권한 부여
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'admin:performance-monitoring', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
@ -1,72 +0,0 @@
|
||||
-- V026: 한중어업협정 중국어선 허가현황 원본 테이블 + fleet_vessels 연도 컬럼
|
||||
-- 출처: docs/중국어선_허가현황_YYYYMMDD.xls (연단위 갱신)
|
||||
|
||||
-- ===== 1. fishery_permit_cn : 허가현황 원본 스냅샷 =====
|
||||
CREATE TABLE IF NOT EXISTS kcg.fishery_permit_cn (
|
||||
id BIGSERIAL PRIMARY KEY,
|
||||
permit_year INTEGER NOT NULL,
|
||||
permit_no VARCHAR(30) NOT NULL,
|
||||
fishery_type VARCHAR(60), -- 업종 (2척식저인망어업 등)
|
||||
fishery_code VARCHAR(10) NOT NULL, -- 업종코드 (PT/PT-S/GN/FC/PS/OT)
|
||||
name_cn VARCHAR(100) NOT NULL,
|
||||
name_en VARCHAR(200) NOT NULL,
|
||||
applicant_cn VARCHAR(100),
|
||||
applicant_en VARCHAR(200),
|
||||
applicant_addr_cn VARCHAR(300),
|
||||
applicant_addr_en VARCHAR(300),
|
||||
registration_no VARCHAR(100),
|
||||
tonnage NUMERIC(10,2),
|
||||
port_cn VARCHAR(100),
|
||||
port_en VARCHAR(200),
|
||||
callsign VARCHAR(40),
|
||||
engine_power NUMERIC(10,2),
|
||||
length_m NUMERIC(6,2),
|
||||
beam_m NUMERIC(6,2),
|
||||
depth_m NUMERIC(6,2),
|
||||
fishing_zones VARCHAR(30), -- Ⅱ,Ⅲ 등
|
||||
fishing_period_1 VARCHAR(50),
|
||||
fishing_period_2 VARCHAR(50),
|
||||
catch_quota_t NUMERIC(10,2),
|
||||
cumulative_quota_t NUMERIC(10,2),
|
||||
refrig_hold_count INTEGER,
|
||||
freezer_hold_count INTEGER,
|
||||
admin_sanction TEXT,
|
||||
parent_permit_no VARCHAR(30), -- 부속선(PT-S)이 참조하는 본선 허가번호
|
||||
volume_enclosed NUMERIC(10,2),
|
||||
volume_above_deck NUMERIC(10,2),
|
||||
volume_below_deck NUMERIC(10,2),
|
||||
volume_excluded NUMERIC(10,2),
|
||||
raw_data JSONB,
|
||||
source_file VARCHAR(255),
|
||||
loaded_at TIMESTAMPTZ NOT NULL DEFAULT now(),
|
||||
UNIQUE (permit_year, permit_no)
|
||||
);
|
||||
|
||||
CREATE INDEX idx_fishery_permit_cn_name_cn ON kcg.fishery_permit_cn(permit_year, name_cn);
|
||||
CREATE INDEX idx_fishery_permit_cn_name_en ON kcg.fishery_permit_cn(permit_year, LOWER(name_en));
|
||||
CREATE INDEX idx_fishery_permit_cn_code ON kcg.fishery_permit_cn(permit_year, fishery_code);
|
||||
CREATE INDEX idx_fishery_permit_cn_parent ON kcg.fishery_permit_cn(permit_year, parent_permit_no);
|
||||
|
||||
COMMENT ON TABLE kcg.fishery_permit_cn IS '한중어업협정 중국어선 허가현황 원본 스냅샷 (연단위 갱신)';
|
||||
COMMENT ON COLUMN kcg.fishery_permit_cn.permit_year IS '허가 연도 (파일명 YYYY에서 추출)';
|
||||
COMMENT ON COLUMN kcg.fishery_permit_cn.fishery_code IS 'PT(쌍끌이 본선)/PT-S(부속선)/GN(자망)/FC(운반)/PS(선망)/OT(외끌이)';
|
||||
COMMENT ON COLUMN kcg.fishery_permit_cn.parent_permit_no IS 'PT-S(부속선)가 소속된 본선의 허가번호';
|
||||
|
||||
-- ===== 2. fleet_vessels 확장 : 연도 + 업종코드 추적 =====
|
||||
ALTER TABLE kcg.fleet_vessels ADD COLUMN IF NOT EXISTS permit_year INTEGER;
|
||||
ALTER TABLE kcg.fleet_vessels ADD COLUMN IF NOT EXISTS fishery_code VARCHAR(10);
|
||||
|
||||
CREATE INDEX IF NOT EXISTS idx_fleet_vessels_permit_year ON kcg.fleet_vessels(permit_year);
|
||||
CREATE INDEX IF NOT EXISTS idx_fleet_vessels_fishery_code ON kcg.fleet_vessels(fishery_code);
|
||||
|
||||
COMMENT ON COLUMN kcg.fleet_vessels.permit_year IS '허가 연도. fleet_tracker는 현재 연도만 조회';
|
||||
COMMENT ON COLUMN kcg.fleet_vessels.fishery_code IS 'fishery_permit_cn.fishery_code 복제 (PT/PT-S/GN/FC/PS/OT)';
|
||||
|
||||
-- ===== 3. V014 데모 seed 제거 =====
|
||||
-- 기존 6행 데모 vessels 제거 (실제 허가현황만 남김).
|
||||
-- fleet_companies id=1,2는 vessel_permit_master가 FK로 참조하여 삭제 불가 — 잔존 허용
|
||||
-- (loader 실행 시 실 허가 신청인 회사가 별도 id로 upsert됨)
|
||||
DELETE FROM kcg.fleet_vessels WHERE permit_no IN (
|
||||
'ZY-2024-001','ZY-2024-002','ZY-2024-003',
|
||||
'ZY-2024-010','ZY-2024-011','ZY-2024-012'
|
||||
);
|
||||
@ -1,90 +0,0 @@
|
||||
-- ============================================================================
|
||||
-- V030: 어구 정체성 충돌(GEAR_IDENTITY_COLLISION) 탐지 패턴
|
||||
-- 동일 어구 이름이 서로 다른 MMSI 로 같은 5분 사이클 내 동시 AIS 송출되는
|
||||
-- 케이스를 독립 탐지 패턴으로 기록. 공존 이력·심각도·운영자 분류 상태를 보존한다.
|
||||
-- ============================================================================
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 1. 충돌 이력 테이블
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
CREATE TABLE IF NOT EXISTS kcg.gear_identity_collisions (
|
||||
id BIGSERIAL PRIMARY KEY,
|
||||
name VARCHAR(200) NOT NULL, -- 동일한 어구 이름
|
||||
mmsi_lo VARCHAR(20) NOT NULL, -- 정렬된 쌍 (lo < hi)
|
||||
mmsi_hi VARCHAR(20) NOT NULL,
|
||||
parent_name VARCHAR(100),
|
||||
parent_vessel_id BIGINT, -- fleet_vessels.id
|
||||
first_seen_at TIMESTAMPTZ NOT NULL,
|
||||
last_seen_at TIMESTAMPTZ NOT NULL,
|
||||
coexistence_count INT NOT NULL DEFAULT 1, -- 동일 cycle 공존 누적
|
||||
swap_count INT NOT NULL DEFAULT 0, -- 시간차 스왑 누적(참고)
|
||||
max_distance_km NUMERIC(8,2), -- 양 위치 최대 거리
|
||||
last_lat_lo NUMERIC(9,6),
|
||||
last_lon_lo NUMERIC(10,6),
|
||||
last_lat_hi NUMERIC(9,6),
|
||||
last_lon_hi NUMERIC(10,6),
|
||||
severity VARCHAR(20) NOT NULL DEFAULT 'MEDIUM', -- CRITICAL/HIGH/MEDIUM/LOW
|
||||
status VARCHAR(30) NOT NULL DEFAULT 'OPEN', -- OPEN/REVIEWED/CONFIRMED_ILLEGAL/FALSE_POSITIVE
|
||||
resolved_by UUID,
|
||||
resolved_at TIMESTAMPTZ,
|
||||
resolution_note TEXT,
|
||||
evidence JSONB, -- 최근 관측 요약
|
||||
created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
|
||||
updated_at TIMESTAMPTZ NOT NULL DEFAULT now(),
|
||||
CONSTRAINT gear_identity_collisions_pair_uk UNIQUE (name, mmsi_lo, mmsi_hi),
|
||||
CONSTRAINT gear_identity_collisions_pair_ord CHECK (mmsi_lo < mmsi_hi)
|
||||
);
|
||||
|
||||
CREATE INDEX IF NOT EXISTS idx_gic_status
|
||||
ON kcg.gear_identity_collisions(status, last_seen_at DESC);
|
||||
CREATE INDEX IF NOT EXISTS idx_gic_severity
|
||||
ON kcg.gear_identity_collisions(severity, last_seen_at DESC);
|
||||
CREATE INDEX IF NOT EXISTS idx_gic_parent
|
||||
ON kcg.gear_identity_collisions(parent_vessel_id)
|
||||
WHERE parent_vessel_id IS NOT NULL;
|
||||
CREATE INDEX IF NOT EXISTS idx_gic_name
|
||||
ON kcg.gear_identity_collisions(name);
|
||||
CREATE INDEX IF NOT EXISTS idx_gic_last_seen
|
||||
ON kcg.gear_identity_collisions(last_seen_at DESC);
|
||||
|
||||
COMMENT ON TABLE kcg.gear_identity_collisions IS
|
||||
'동일 어구 이름이 서로 다른 MMSI 로 공존 송출되는 스푸핑 의심 패턴 (GEAR_IDENTITY_COLLISION).';
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 2. 권한 트리 / 메뉴 슬롯 (V024 이후 detection 그룹은 평탄화됨: parent_cd=NULL)
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.auth_perm_tree
|
||||
(rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord,
|
||||
url_path, label_key, component_key, nav_sort, labels)
|
||||
VALUES
|
||||
('detection:gear-collision', NULL, '어구 정체성 충돌', 1, 40,
|
||||
'/gear-collision', 'nav.gearCollision',
|
||||
'features/detection/GearCollisionDetection', 950,
|
||||
'{"ko":"어구 정체성 충돌","en":"Gear Identity Collision"}'::jsonb)
|
||||
ON CONFLICT (rsrc_cd) DO NOTHING;
|
||||
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
-- 3. 권한 부여
|
||||
-- ADMIN : 전체 op (READ/CREATE/UPDATE/DELETE/EXPORT)
|
||||
-- OPERATOR: READ + UPDATE (분류 액션)
|
||||
-- VIEWER/ANALYST/FIELD: READ
|
||||
-- ──────────────────────────────────────────────────────────────────
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'detection:gear-collision', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('CREATE'), ('UPDATE'), ('DELETE'), ('EXPORT')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'ADMIN'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'detection:gear-collision', op.oper_cd, 'Y'
|
||||
FROM kcg.auth_role r
|
||||
CROSS JOIN (VALUES ('READ'), ('UPDATE')) AS op(oper_cd)
|
||||
WHERE r.role_cd = 'OPERATOR'
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
|
||||
INSERT INTO kcg.auth_perm(role_sn, rsrc_cd, oper_cd, grant_yn)
|
||||
SELECT r.role_sn, 'detection:gear-collision', 'READ', 'Y'
|
||||
FROM kcg.auth_role r
|
||||
WHERE r.role_cd IN ('VIEWER', 'ANALYST', 'FIELD')
|
||||
ON CONFLICT (role_sn, rsrc_cd, oper_cd) DO NOTHING;
|
||||
@ -1,6 +1,6 @@
|
||||
# Database Migrations
|
||||
|
||||
> **실제 SQL 파일 위치**: [`backend/src/main/resources/db/migration/`](../../backend/src/main/resources/db/migration/)
|
||||
> ⚠️ **실제 SQL 파일 위치**: [`backend/src/main/resources/db/migration/`](../../backend/src/main/resources/db/migration/)
|
||||
>
|
||||
> Spring Boot Flyway 표준 위치를 따르므로 SQL 파일은 백엔드 모듈 안에 있습니다.
|
||||
> Spring Boot 기동 시 Flyway가 자동으로 적용합니다.
|
||||
@ -10,208 +10,37 @@
|
||||
- **User**: `kcg-app`
|
||||
- **Schema**: `kcg`
|
||||
- **Host**: `211.208.115.83:5432`
|
||||
- **현재 버전**: v022 (2026-04-09)
|
||||
|
||||
---
|
||||
## 적용된 마이그레이션 (V001~V013)
|
||||
|
||||
## 마이그레이션 히스토리 (V001~V022)
|
||||
|
||||
Flyway 마이그레이션은 **증분 방식** — 각 파일은 이전 버전에 대한 변경(ALTER/INSERT/CREATE)만 포함합니다.
|
||||
V001이 처음 테이블을 만들고, 이후 파일들이 컬럼 추가·시드 INSERT·신규 테이블 생성 등을 수행합니다.
|
||||
|
||||
### 인증/권한/감사 (V001~V007)
|
||||
### Phase 1~8: 인증/권한/감사 (V001~V007)
|
||||
|
||||
| 파일 | 내용 |
|
||||
|---|---|
|
||||
| `V001__auth_init.sql` | auth_user, auth_org, auth_role, auth_user_role, auth_login_hist, auth_setting |
|
||||
| `V002__perm_tree.sql` | auth_perm_tree (권한 트리) + auth_perm (권한 매트릭스) |
|
||||
| `V003__perm_seed.sql` | 역할 5종 시드 + 트리 노드 47개 + 역할별 권한 매트릭스 |
|
||||
| `V004__access_logs.sql` | auth_audit_log + auth_access_log |
|
||||
| `V005__parent_workflow.sql` | gear_group_parent_resolution, review_log, exclusions, label_sessions |
|
||||
| `V006__demo_accounts.sql` | 데모 계정 5종 (admin/operator/analyst/field/viewer) |
|
||||
| `V007__perm_tree_label_align.sql` | 트리 노드 명칭 일치 조정 |
|
||||
| `V001__auth_init.sql` | 인증/조직/역할/사용자-역할/로그인 이력 |
|
||||
| `V002__perm_tree.sql` | 권한 트리 + 권한 매트릭스 |
|
||||
| `V003__perm_seed.sql` | 초기 역할 5종 + 트리 노드 45개 + 권한 매트릭스 시드 |
|
||||
| `V004__access_logs.sql` | 감사로그/접근이력 |
|
||||
| `V005__parent_workflow.sql` | 모선 워크플로우 (resolution/review_log/exclusions/label_sessions) |
|
||||
| `V006__demo_accounts.sql` | 데모 계정 5종 |
|
||||
| `V007__perm_tree_label_align.sql` | 트리 노드 명칭을 사이드바 i18n 라벨과 일치 |
|
||||
|
||||
### 마스터 데이터 (V008~V011)
|
||||
### S1: 마스터 데이터 + Prediction 기반 (V008~V013)
|
||||
|
||||
| 파일 | 내용 |
|
||||
|---|---|
|
||||
| `V008__code_master.sql` | code_master (계층형 72코드: 위반유형/이벤트/단속 등) |
|
||||
| `V009__gear_type_master.sql` | gear_type_master 6종 (어구 분류 룰 + 합법성 기준) |
|
||||
| `V010__zone_polygon_master.sql` | zone_polygon_master (PostGIS, 8개 해역 시드) |
|
||||
| `V011__vessel_permit_patrol.sql` | vessel_permit_master(9척) + patrol_ship_master(6척) + fleet_companies(2개) |
|
||||
|
||||
### Prediction 분석 (V012~V015)
|
||||
|
||||
| 파일 | 내용 |
|
||||
|---|---|
|
||||
| `V012__prediction_events_stats.sql` | vessel_analysis_results(파티션) + prediction_events + alerts + stats(시/일/월) + KPI + risk_grid + label_input |
|
||||
| `V013__enforcement_operations.sql` | enforcement_records + plans + patrol_assignments + ai_model_versions + metrics |
|
||||
| `V014__fleet_prediction_tables.sql` | fleet_vessels/tracking_snapshot + gear_identity_log + correlation_scores/raw_metrics + correlation_param_models + group_polygon_snapshots + gear_group_episodes/episode_snapshots + parent_candidate_snapshots + label_tracking_cycles + system_config |
|
||||
| `V015__fix_numeric_precision.sql` | NUMERIC 정밀도 확대 (점수/비율 컬럼) |
|
||||
|
||||
### 모선 워크플로우 확장 + 기능 추가 (V016~V019)
|
||||
|
||||
| 파일 | 내용 |
|
||||
|---|---|
|
||||
| `V016__parent_workflow_columns.sql` | gear_group_parent_resolution 확장 (confidence, decision_source, episode_id 등) |
|
||||
| `V017__role_color_hex.sql` | auth_role.color_hex 컬럼 추가 |
|
||||
| `V018__prediction_event_features.sql` | prediction_events.features JSONB 컬럼 추가 |
|
||||
| `V019__llm_ops_perm.sql` | ai-operations:llm-ops 권한 트리 노드 + ADMIN 권한 |
|
||||
|
||||
### 메뉴 DB SSOT (V020~V022)
|
||||
|
||||
| 파일 | 내용 |
|
||||
|---|---|
|
||||
| `V020__menu_config.sql` | menu_config 테이블 생성 + 시드 (V021에서 통합 후 폐기) |
|
||||
| `V021__menu_into_perm_tree.sql` | auth_perm_tree에 메뉴 컬럼 추가 (url_path, label_key, component_key, nav_group, nav_sub_group, nav_sort) + 공유 리소스 분리 (statistics:reports, admin:data-hub, admin:notices) + menu_config DROP |
|
||||
| `V022__perm_tree_i18n_labels.sql` | auth_perm_tree.labels JSONB 추가 — DB가 i18n SSOT (`{"ko":"...", "en":"..."}`) |
|
||||
|
||||
---
|
||||
|
||||
## 테이블 목록 (49개, flyway_schema_history 포함)
|
||||
|
||||
### 인증/권한 (8 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 | 주요 컬럼 |
|
||||
|---|---|---|---|
|
||||
| `auth_user` | user_id (UUID) | 사용자 | user_acnt(UQ), pswd_hash, user_nm, rnkp_nm, email, org_sn(FK→auth_org), user_stts_cd, fail_cnt, auth_provider |
|
||||
| `auth_org` | org_sn (BIGSERIAL) | 조직 | org_nm, org_abbr_nm, org_tp_cd, upper_org_sn(FK 자기참조) |
|
||||
| `auth_role` | role_sn (BIGSERIAL) | 역할 | role_cd(UQ), role_nm, role_dc, dflt_yn, builtin_yn, color_hex |
|
||||
| `auth_user_role` | (user_id, role_sn) | 사용자-역할 매핑 | granted_at, granted_by |
|
||||
| `auth_perm_tree` | rsrc_cd (VARCHAR 100) | 권한 트리 + **메뉴 SSOT** | parent_cd(FK 자기참조), rsrc_nm, icon, rsrc_level, sort_ord, **url_path, label_key, component_key, nav_group, nav_sub_group, nav_sort, labels(JSONB)** |
|
||||
| `auth_perm` | perm_sn (BIGSERIAL) | 권한 매트릭스 | role_sn(FK→auth_role), rsrc_cd(FK→auth_perm_tree), oper_cd, grant_yn, UQ(role_sn,rsrc_cd,oper_cd) |
|
||||
| `auth_setting` | setting_key (VARCHAR 50) | 시스템 설정 | setting_val(JSONB) |
|
||||
| `auth_login_hist` | hist_sn (BIGSERIAL) | 로그인 이력 | user_id, user_acnt, login_dtm, login_ip, result, fail_reason, auth_provider |
|
||||
|
||||
### 감사 (2 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 | 주요 컬럼 |
|
||||
|---|---|---|---|
|
||||
| `auth_audit_log` | audit_sn (BIGSERIAL) | 감사 로그 | user_id, action_cd, resource_type, resource_id, detail(JSONB), ip_address, result |
|
||||
| `auth_access_log` | access_sn (BIGSERIAL) | API 접근 이력 | user_id, http_method, request_path, status_code, duration_ms, ip_address |
|
||||
|
||||
### 모선 워크플로우 (7 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 |
|
||||
|---|---|---|
|
||||
| `gear_group_parent_resolution` | id (BIGSERIAL), UQ(group_key, sub_cluster_id) | 모선 확정/거부 결과 (status, selected_parent_mmsi, confidence, decision_source, scores, episode_id) |
|
||||
| `gear_group_parent_review_log` | id (BIGSERIAL) | 운영자 리뷰 이력 (action, actor, comment) |
|
||||
| `gear_parent_candidate_exclusions` | id (BIGSERIAL) | 후보 제외 관리 (scope_type, excluded_mmsi, reason, active_from/until) |
|
||||
| `gear_parent_label_sessions` | id (BIGSERIAL) | 학습 세션 (label_parent_mmsi, status, duration_days, anchor_snapshot) |
|
||||
| `gear_parent_label_tracking_cycles` | (label_session_id, observed_at) | 학습 추적 사이클 (top_candidate, labeled_candidate 비교) |
|
||||
| `gear_group_episodes` | episode_id (VARCHAR 50) | 어구 그룹 에피소드 (lineage_key, status, member_mmsis, center_point) |
|
||||
| `gear_group_episode_snapshots` | (episode_id, observed_at) | 에피소드 스냅샷 |
|
||||
|
||||
### 마스터 데이터 (5 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 | 시드 |
|
||||
|---|---|---|---|
|
||||
| `code_master` | code_id (VARCHAR 100) | 계층형 코드 | 12그룹, 72코드 |
|
||||
| `gear_type_master` | gear_code (VARCHAR 20) | 어구 유형 | 6종 |
|
||||
| `zone_polygon_master` | zone_code (VARCHAR 30) | 해역 폴리곤 (PostGIS GEOMETRY 4326) | 8해역 |
|
||||
| `vessel_permit_master` | mmsi (VARCHAR 20) | 어선 허가 | 9척 |
|
||||
| `patrol_ship_master` | ship_id (BIGSERIAL), UQ(ship_code) | 함정 | 6척 |
|
||||
|
||||
### Prediction 이벤트/통계 (8 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 |
|
||||
|---|---|---|
|
||||
| `vessel_analysis_results` | (id, analyzed_at) 파티션 | 선박 분석 결과 (35컬럼: mmsi, risk_score, is_dark, transship_suspect, features JSONB 등) |
|
||||
| `vessel_analysis_results_default` | — | 기본 파티션 |
|
||||
| `prediction_events` | id (BIGSERIAL), UQ(event_uid) | 탐지 이벤트 (level, category, vessel_mmsi, status, features JSONB) |
|
||||
| `prediction_alerts` | id (BIGSERIAL) | 경보 발송 (event_id FK, channel, delivery_status) |
|
||||
| `event_workflow` | id (BIGSERIAL) | 이벤트 상태 변경 이력 (prev/new_status, actor) |
|
||||
| `prediction_stats_hourly` | stat_hour (TIMESTAMPTZ) | 시간별 통계 (by_category/by_zone JSONB) |
|
||||
| `prediction_stats_daily` | stat_date (DATE) | 일별 통계 |
|
||||
| `prediction_stats_monthly` | stat_month (DATE) | 월별 통계 |
|
||||
|
||||
### Prediction 보조 (7 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 |
|
||||
|---|---|---|
|
||||
| `prediction_kpi_realtime` | kpi_key (VARCHAR 50) | 실시간 KPI (value, trend, delta_pct) |
|
||||
| `prediction_risk_grid` | (cell_id, stat_hour) | 위험도 격자 |
|
||||
| `prediction_label_input` | id (BIGSERIAL) | 학습 피드백 입력 |
|
||||
| `gear_correlation_scores` | (model_id, group_key, sub_cluster_id, target_mmsi) | 어구-선박 상관 점수 |
|
||||
| `gear_correlation_raw_metrics` | id (BIGSERIAL) | 상관 원시 지표 |
|
||||
| `correlation_param_models` | id (BIGSERIAL) | 상관 모델 파라미터 |
|
||||
| `group_polygon_snapshots` | id (BIGSERIAL) | 그룹 폴리곤 스냅샷 (PostGIS) |
|
||||
|
||||
### Prediction 후보 (1 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 |
|
||||
|---|---|---|
|
||||
| `gear_group_parent_candidate_snapshots` | id (BIGSERIAL) | 모선 후보 스냅샷 (25컬럼: 점수 분해, evidence JSONB) |
|
||||
|
||||
### 단속/작전 (3 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 |
|
||||
|---|---|---|
|
||||
| `enforcement_records` | id (BIGSERIAL), UQ(enf_uid) | 단속 이력 (event_id FK, vessel_mmsi, action, result) |
|
||||
| `enforcement_plans` | id (BIGSERIAL), UQ(plan_uid) | 단속 계획 (planned_date, risk_level, status) |
|
||||
| `patrol_assignments` | id (BIGSERIAL) | 함정 배치 (ship_id FK, plan_id FK, waypoints JSONB) |
|
||||
|
||||
### AI 모델 (2 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 |
|
||||
|---|---|---|
|
||||
| `ai_model_versions` | id (BIGSERIAL) | AI 모델 버전 (accuracy, status, train_config JSONB) |
|
||||
| `ai_model_metrics` | id (BIGSERIAL) | 모델 메트릭 (model_id FK, metric_name, metric_value) |
|
||||
|
||||
### Fleet (3 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 |
|
||||
|---|---|---|
|
||||
| `fleet_companies` | id (BIGSERIAL) | 선단 업체 (name_cn/en/ko, country) |
|
||||
| `fleet_vessels` | id (BIGSERIAL) | 선단 선박 (company_id FK, mmsi, gear_code, fleet_role) |
|
||||
| `fleet_tracking_snapshot` | id (BIGSERIAL) | 선단 추적 스냅샷 (company_id FK) |
|
||||
|
||||
### 기타 (2 테이블)
|
||||
|
||||
| 테이블 | PK | 설명 |
|
||||
|---|---|---|
|
||||
| `gear_identity_log` | id (BIGSERIAL) | 어구 식별 로그 (mmsi, name, parent_mmsi, match_method) |
|
||||
| `system_config` | key (VARCHAR 100) | 시스템 설정 (value JSONB) |
|
||||
|
||||
---
|
||||
|
||||
## 인덱스 현황 (149개)
|
||||
|
||||
주요 패턴:
|
||||
- **시계열 DESC**: `(occurred_at DESC)`, `(created_at DESC)`, `(analyzed_at DESC)` — 최신 데이터 우선 조회
|
||||
- **복합 키**: `(group_key, sub_cluster_id, observed_at DESC)` — 어구 그룹 시계열
|
||||
- **GiST 공간**: `polygon`, `polygon_geom` — PostGIS 공간 검색
|
||||
- **GIN 배열**: `violation_categories` — 위반 카테고리 배열 검색
|
||||
- **부분 인덱스**: `(released_at) WHERE released_at IS NULL` — 활성 제외만, `(is_dark) WHERE is_dark = true` — dark vessel만
|
||||
|
||||
## FK 관계 (21개)
|
||||
|
||||
```
|
||||
auth_user ─→ auth_org (org_sn)
|
||||
auth_user_role ─→ auth_user (user_id), auth_role (role_sn)
|
||||
auth_perm ─→ auth_role (role_sn), auth_perm_tree (rsrc_cd)
|
||||
auth_perm_tree ─→ auth_perm_tree (parent_cd, 자기참조)
|
||||
code_master ─→ code_master (parent_id, 자기참조)
|
||||
zone_polygon_master ─→ zone_polygon_master (parent_zone_code, 자기참조)
|
||||
auth_org ─→ auth_org (upper_org_sn, 자기참조)
|
||||
enforcement_records ─→ prediction_events (event_id), patrol_ship_master (patrol_ship_id)
|
||||
event_workflow ─→ prediction_events (event_id)
|
||||
prediction_alerts ─→ prediction_events (event_id)
|
||||
patrol_assignments ─→ patrol_ship_master (ship_id), enforcement_plans (plan_id)
|
||||
ai_model_metrics ─→ ai_model_versions (model_id)
|
||||
gear_correlation_scores ─→ correlation_param_models (model_id)
|
||||
gear_parent_label_tracking_cycles ─→ gear_parent_label_sessions (label_session_id)
|
||||
fleet_tracking_snapshot ─→ fleet_companies (company_id)
|
||||
fleet_vessels ─→ fleet_companies (company_id)
|
||||
vessel_permit_master ─→ fleet_companies (company_id)
|
||||
```
|
||||
|
||||
---
|
||||
| `V008__code_master.sql` | 계층형 코드 마스터 (12그룹, 72코드: 위반유형/이벤트/단속/허가/함정 등) |
|
||||
| `V009__gear_type_master.sql` | 어구 유형 마스터 6종 (분류 룰 + 합법성 기준) |
|
||||
| `V010__zone_polygon_master.sql` | 해역 폴리곤 마스터 (PostGIS GEOMETRY, 8개 해역 시드) |
|
||||
| `V011__vessel_permit_patrol.sql` | 어선 허가 마스터 + 함정 마스터 + fleet_companies (선박 9척, 함정 6척) |
|
||||
| `V012__prediction_events_stats.sql` | vessel_analysis_results(파티션) + 이벤트 허브 + 알림 + 통계(시/일/월) + KPI + 위험격자 + 학습피드백 |
|
||||
| `V013__enforcement_operations.sql` | 단속 이력/계획 + 함정 배치 + AI모델 버전/메트릭 (시드 포함) |
|
||||
|
||||
## 실행 방법
|
||||
|
||||
### 최초 1회 - DB/사용자 생성 (관리자 권한 필요)
|
||||
```sql
|
||||
-- snp 관리자 계정으로 접속
|
||||
psql -h 211.208.115.83 -U snp -d postgres
|
||||
|
||||
CREATE DATABASE kcgaidb;
|
||||
@ -232,11 +61,7 @@ cd backend && ./mvnw spring-boot:run
|
||||
|
||||
### 수동 적용
|
||||
```bash
|
||||
cd backend && ./mvnw flyway:migrate \
|
||||
-Dflyway.url=jdbc:postgresql://211.208.115.83:5432/kcgaidb \
|
||||
-Dflyway.user=kcg-app \
|
||||
-Dflyway.password=Kcg2026ai \
|
||||
-Dflyway.schemas=kcg
|
||||
cd backend && ./mvnw flyway:migrate -Dflyway.url=jdbc:postgresql://211.208.115.83:5432/kcgaidb -Dflyway.user=kcg-app -Dflyway.password=Kcg2026ai -Dflyway.schemas=kcg
|
||||
```
|
||||
|
||||
### Checksum 불일치 시 (마이그레이션 파일 수정 후)
|
||||
@ -245,18 +70,4 @@ cd backend && ./mvnw flyway:repair -Dflyway.url=... (위와 동일)
|
||||
```
|
||||
|
||||
## 신규 마이그레이션 추가
|
||||
[`backend/src/main/resources/db/migration/`](../../backend/src/main/resources/db/migration/)에 `V0NN__설명.sql` 형식으로 추가하면 다음 기동 시 자동 적용됩니다.
|
||||
|
||||
### 메뉴 추가 시 필수 포함 사항
|
||||
auth_perm_tree에 INSERT 시 메뉴 SSOT 컬럼도 함께 지정:
|
||||
```sql
|
||||
INSERT INTO kcg.auth_perm_tree(
|
||||
rsrc_cd, parent_cd, rsrc_nm, rsrc_level, sort_ord, icon,
|
||||
url_path, label_key, component_key, nav_group, nav_sort,
|
||||
labels
|
||||
) VALUES (
|
||||
'new-feature:sub', 'new-feature', '새 기능', 1, 10, 'Sparkles',
|
||||
'/new-feature/sub', 'nav.newFeatureSub', 'features/new-feature/SubPage', NULL, 1400,
|
||||
'{"ko":"새 기능 서브","en":"New Feature Sub"}'
|
||||
);
|
||||
```
|
||||
[`backend/src/main/resources/db/migration/`](../../backend/src/main/resources/db/migration/)에 `V00N__설명.sql` 형식으로 추가하면 다음 기동 시 자동 적용됩니다.
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
| 서비스 | systemd | 포트 | 로그 |
|
||||
|---|---|---|---|
|
||||
| kcg-ai-prediction | `kcg-ai-prediction.service` | 18092 | `journalctl -u kcg-ai-prediction -f` |
|
||||
| kcg-prediction (레거시) | `kcg-prediction.service` | 8001 | `journalctl -u kcg-prediction -f` |
|
||||
| kcg-prediction (기존 iran) | `kcg-prediction.service` | 8001 | `journalctl -u kcg-prediction -f` |
|
||||
| kcg-prediction-lab | `kcg-prediction-lab.service` | 18091 | `journalctl -u kcg-prediction-lab -f` |
|
||||
|
||||
## 디렉토리 구조
|
||||
@ -166,7 +166,7 @@ PGPASSWORD='Kcg2026ai' psql -h 211.208.115.83 -U kcg-app -d kcgaidb
|
||||
| 443 | nginx (HTTPS) | rocky-211 |
|
||||
| 18080 | kcg-ai-backend (Spring Boot) | rocky-211 |
|
||||
| 18092 | kcg-ai-prediction (FastAPI) | redis-211 |
|
||||
| 8001 | kcg-prediction (레거시) | redis-211 |
|
||||
| 8001 | kcg-prediction (기존 iran) | redis-211 |
|
||||
| 18091 | kcg-prediction-lab | redis-211 |
|
||||
| 5432 | PostgreSQL (kcgaidb, snpdb) | 211.208.115.83 |
|
||||
| 6379 | Redis | redis-211 |
|
||||
@ -226,5 +226,5 @@ ssh redis-211 "systemctl restart kcg-ai-prediction"
|
||||
| `/home/apps/kcg-ai-prediction/.env` | prediction 환경변수 |
|
||||
| `/home/apps/kcg-ai-prediction/venv/` | Python 3.9 가상환경 |
|
||||
| `/etc/systemd/system/kcg-ai-prediction.service` | prediction systemd 서비스 |
|
||||
| `/home/apps/kcg-prediction/` | 레거시 prediction (포트 8001) |
|
||||
| `/home/apps/kcg-prediction/` | 기존 iran prediction (포트 8001) |
|
||||
| `/home/apps/kcg-prediction-lab/` | 기존 lab prediction (포트 18091) |
|
||||
|
||||
@ -4,209 +4,9 @@
|
||||
|
||||
## [Unreleased]
|
||||
|
||||
## [2026-04-17.4]
|
||||
|
||||
### 수정
|
||||
- **백엔드 RestClient bean 모호성으로 기동 실패 해소** — rocky-211 `kcg-ai-backend` 가 restart 시 `No qualifying bean of type RestClient, but 2 were found: predictionRestClient, signalBatchRestClient` 로 크래시 루프 진입하던 문제. PR #A(2026-04-17) 의 RestClientConfig 도입 이후 잠복해 있던 버그로, `@RequiredArgsConstructor` 가 생성한 constructor parameter 에 필드의 `@Qualifier` 가 복사되지 않아 Spring 6.1 의 parameter-level annotation 기반 주입이 실패한 것. 수정: `backend/pom.xml` 의 `maven-compiler-plugin` 실행 설정에 `<parameters>true</parameters>` 명시 + `backend/src/main/java/lombok.config` 신설해 `lombok.copyableAnnotations += org.springframework.beans.factory.annotation.Qualifier` 등록. 재빌드 후 bytecode `RuntimeVisibleParameterAnnotations` 에 `@Qualifier` 복사 확인, 운영 기동 `Started KcgAiApplication in 7.333 seconds` 복구
|
||||
|
||||
## [2026-04-17.3]
|
||||
|
||||
### 문서
|
||||
- **절대 지침 섹션 추가** — CLAUDE.md 최상단에 "절대 지침(Absolute Rules)" 섹션 신설. (1) 신규 브랜치 생성 전 `git fetch` 후 `origin/develop` 대비 뒤처지면 사용자 확인 → `git pull --ff-only` → 분기하는 동기화 절차 명시, (2) `frontend/` 작업 시 `design-system.html` 쇼케이스 규칙 전면 준수(공통 컴포넌트 우선 사용, 인라인/하드코딩 Tailwind 색상·`!important` 금지, 접근성 필수 체크리스트) 요약. 하단 기존 "디자인 시스템 (필수 준수)" 상세 섹션과 연결
|
||||
|
||||
## [2026-04-17.2]
|
||||
|
||||
### 추가
|
||||
- **어구 정체성 충돌(GEAR_IDENTITY_COLLISION) 탐지 패턴** — 동일 어구 이름이 서로 다른 MMSI 로 같은 5분 사이클에 동시 AIS 송출되는 스푸핑/복제 의심 패턴을 신규 탐지. prediction `fleet_tracker.track_gear_identity()` 가 공존(simultaneous) / 교체(sequential) 경로를 분리해 공존 쌍은 `gear_identity_collisions` 에 UPSERT (누적 공존 횟수, 최대 거리, 양측 좌표, evidence JSONB append). 심각도는 거리/누적/스왑 기반으로 CRITICAL/HIGH/MEDIUM/LOW 자동 재계산, 운영자 확정 상태(CONFIRMED_ILLEGAL/FALSE_POSITIVE)는 보존. CRITICAL/HIGH 승격 시 `prediction_events` 허브에 `GEAR_IDENTITY_COLLISION` 카테고리 등록(dedup 367분). `/api/analysis/gear-collisions` READ + resolve 액션(REVIEWED/CONFIRMED_ILLEGAL/FALSE_POSITIVE/REOPEN, `@Auditable GEAR_COLLISION_RESOLVE`). 좌측 메뉴 "어구 정체성 충돌" 자동 노출(nav_sort=950, detection:gear-collision)
|
||||
- **gearCollisionStatuses 카탈로그** — `shared/constants/gearCollisionStatuses.ts` + `catalogRegistry` 등록으로 design-system 쇼케이스 자동 노출. OPEN/REVIEWED/CONFIRMED_ILLEGAL/FALSE_POSITIVE 4단계 Badge intent 매핑
|
||||
|
||||
### 변경
|
||||
- **prediction 5분 사이클 안정화** — `gear_correlation_scores_pkey` 충돌이 매 사이클 `InFailedSqlTransaction` 을 유발해 이벤트 생성·분석 결과 upsert 가 전부 스킵되던 문제 해소. `gear_correlation_scores` 의 `target_mmsi` 이전 쿼리를 SAVEPOINT 로 격리해 PK 충돌 시 트랜잭션 유지. 공존 경로는 이전 시도 자체를 하지 않아 재발 방지
|
||||
|
||||
### 문서
|
||||
- **프로젝트 산출문서 2026-04-17 기준 정비** — `architecture.md` shared/components/ui 9개·i18n 네임스페이스 갱신, `sfr-traceability.md` v3.0 전면 재작성(운영 상태 기반 531라인), `sfr-user-guide.md` 헤더 + SFR-01/02/09/10/11/12/13/17 구현 현황 갱신, stale 3건(`data-sharing-analysis.md` / `next-refactoring.md` / `page-workflow.md`) 제거
|
||||
|
||||
## [2026-04-17]
|
||||
|
||||
### 변경
|
||||
- **디자인 시스템 SSOT 일괄 준수 (30파일)** — `frontend/design-system.html` 쇼케이스의 공통 컴포넌트와 `shared/constants/` 카탈로그를 우회하던 하드코딩 UI 를 전영역 치환. raw `<button>` → `<Button variant>` / raw `<input>` → `<Input>` / raw `<select>` → `<Select>` / 커스텀 탭 → `<TabBar>` + `<TabButton>` / raw checkbox → `<Checkbox>`. `text-red-400` 같은 다크 전용 색상을 `text-red-600 dark:text-red-400` 쌍으로 라이트 모드 대응. StatBox `color: string` prop 을 `intent: BadgeIntent` + `INTENT_TEXT_CLASS` 매핑으로 재설계. 에러 메시지도 `t('error.errorPrefix', { msg })` 로 통일. 영역: detection(6) / detection/components(4) / enforcement / surveillance(2) / admin(7) / parent-inference(3) / statistics / ai-operations(3) / dashboard / field-ops(2) / auth
|
||||
- **i18n 하드코딩 한글 제거 (alert/confirm/aria-label 우선순위)** — `common.json` 에 `aria` / `error` / `dialog` / `success` / `message` 네임스페이스 추가 (ko/en 대칭, 52개 키). 운영자 노출 `alert('실패: ' + msg)` 11건과 접근성 위반 `aria-label="역할 코드"` 등 40+건을 `t('aria.*')` / `t('error.*')` / `t('dialog.*')` 로 일괄 치환. parent-inference / admin / detection / enforcement / vessel / statistics / ai-operations 전 영역. MainLayout 언어 토글은 `title={t('message.switchToEnglish')}` + `aria-label={t('aria.languageToggle')}` 로 정비
|
||||
- **iran 백엔드 프록시 잔재 제거** — `IranBackendClient` dead class 삭제, `application.yml` 의 `iran-backend:` 블록 + `AppProperties.IranBackend` inner class 정리. prediction 이 kcgaidb 에 직접 write 하는 현 아키텍처에 맞춰 CLAUDE.md 시스템 구성 다이어그램 최신화. Frontend UI 라벨 `iran 백엔드 (분석)` → `AI 분석 엔진` 로 교체, system-flow manifest `external.iran_backend` 노드는 `status: deprecated` 마킹(노드 ID 안정성 원칙 준수, 1~2 릴리즈 후 삭제 예정)
|
||||
- **백엔드 계층 분리** — AlertController/MasterDataController/AdminStatsController 에서 repository·JdbcTemplate 직접 주입 패턴 제거. `AlertService` · `MasterDataService` · `AdminStatsService` 신규 계층 도입 + `@Transactional(readOnly=true)` 적용. 공통 `RestClientConfig @Configuration` 으로 `predictionRestClient` / `signalBatchRestClient` Bean 통합 → Proxy controller 들의 `@PostConstruct` ad-hoc 생성 제거
|
||||
- **감사 로그 보강** — `EnforcementService` 의 createRecord / updateRecord / createPlan 에 `@Auditable` 추가 (ENFORCEMENT_CREATE/UPDATE/PLAN_CREATE). `VesselAnalysisGroupService.resolveParent` 에 `PARENT_RESOLVE` 액션 기록. 모든 쓰기 액션이 `auth_audit_log` 에 자동 수집
|
||||
- **alertLevels 카탈로그 확장** — 8개 화면의 `level === 'CRITICAL' ? ... : 'HIGH' ? ...` 식 직접 분기를 제거하기 위해 `isValidAlertLevel` (타입 가드) / `isHighSeverity` / `getAlertLevelOrder` / `ALERT_LEVEL_MARKER_OPACITY` / `ALERT_LEVEL_MARKER_RADIUS` / `ALERT_LEVEL_TIER_SCORE` 헬퍼·상수 신설. LiveMapView 마커 시각 매핑, DarkVesselDetection tier→점수, GearIdentification 타입 가드, vesselAnomaly 패널 severity 할당 헬퍼로 치환
|
||||
|
||||
### 추가
|
||||
- **performanceStatus 카탈로그 등록** — 이미 존재하던 `shared/constants/performanceStatus.ts` (good/normal/warning/critical/running/passed/failed/active/scheduled/archived 10종) 를 `catalogRegistry` 에 등록. design-system 쇼케이스 자동 노출 + admin 성능/보관/검증 페이지 SSOT 일원화
|
||||
|
||||
## [2026-04-16.7]
|
||||
|
||||
### 변경
|
||||
- **경량 분석 riskScore 해상도 개선** — `compute_lightweight_risk_score` 에 `dark_suspicion_score`(0~100 패턴 기반 의심도) / `dist_from_baseline_nm`(EEZ 외 기선 근접도 12·24NM 차등) / `dark_history_24h`(반복 이력) 반영. 허가·반복 이중계산 방지 축소 로직. 배포 후 실측: 45점 60.8% 고정 수렴 → **0%** (11~40 구간 고르게 분산)
|
||||
- **vessel_type 매핑** — fleet_vessels 등록선 `fishery_code` (PT/PT-S/OT/GN/PS/FC) 를 `TRAWL/GILLNET/PURSE/CARGO` 로 매핑하는 `vessel_type_mapping.py` 신설. 경량 경로의 `vessel_type='UNKNOWN'` 하드코딩 제거. 실측: UNKNOWN 98.6% → **89.1%** (886척이 구체 유형으로 전환)
|
||||
- **VesselType 값 확장** — 기존 TRAWL/PURSE/LONGLINE/TRAP/UNKNOWN 에 `GILLNET`(유자망) / `CARGO`(운반선) 2종 추가
|
||||
- **중국 선박 분석 그리드 정합성** — Tab 1 상단 `RealAllVessels` 편의 export 를 `mmsiPrefix='412'` 로 고정 + 제목 "중국 선박 전체 분석 결과 (실시간)" 로 변경. 상단/하단 모두 중국 선박 기준으로 일관 표시
|
||||
|
||||
### 추가
|
||||
- **선박 유형 한글 카탈로그** — `shared/constants/vesselTypes.ts` 신설. 저인망/선망/유자망/연승/통발/운반선/미분류 한글 라벨 + Badge intent. 기존 `alertLevels` 패턴 답습, `catalogRegistry` 등록으로 design-system 쇼케이스 자동 노출
|
||||
|
||||
## [2026-04-16.6]
|
||||
|
||||
### 추가
|
||||
- **중국어선 감시 화면 실데이터 연동 (3개 탭)** — deprecated iran proxy `/api/vessel-analysis` → 자체 백엔드 `/api/analysis/*` 전환. AI 감시 대시보드·환적접촉탐지·어구/어망 판별 모두 prediction 5분 사이클 결과 실시간 반영. 관심영역/VIIRS/기상/VTS 카드는 "데모 데이터" 뱃지, 비허가/제재/관심 선박 탭은 "준비중" 뱃지로 데이터 소스 미연동 항목 명시
|
||||
- **특이운항 미니맵 + 판별 구간 패널** — AI 감시 대시보드 선박 리스트 클릭 → 24h AIS 항적(MapLibre + deck.gl) + Dark/Spoofing/환적/어구위반/고위험 신호를 시간순 segment 로 병합해 지도 하이라이트(CRITICAL/WARNING/INFO 3단계). 판별 패널에 시작~종료·지속·N회 연속 감지·카테고리·설명 표시. 어구/어망 판별 탭 최하단 자동탐지 결과 row 클릭 시 상단 입력 폼 프리필
|
||||
- **`/api/analysis/stats`** — MMSI별 최신 row 기준 단일 쿼리 COUNT FILTER 집계(total/dark/spoofing/transship/risk 분포/zone 분포/fishing/avgRiskScore + windowStart/End). 선택적 `mmsiPrefix` 필터(중국 선박 '412' 등)
|
||||
- **`/api/analysis/gear-detections`** — gear_code/judgment NOT NULL row MMSI 중복 제거 목록. 자동 탐지 결과 섹션 연동용
|
||||
- **`/api/analysis/vessels` 필터 확장** — `mmsiPrefix` / `minRiskScore` / `minFishingPct` 쿼리 파라미터 추가
|
||||
- **VesselAnalysisResponse 필드 확장** — `violationCategories` / `bd09OffsetM` / `ucafScore` / `ucftScore` / `clusterId` 5개 필드 노출
|
||||
- **prediction 분석 시점 좌표 저장** — `AnalysisResult` + `to_db_tuple` + `upsert_results` SQL 에 `lat/lon` 추가. 분류 파이프라인(last_row) / 경량 분석(all_positions) 두 경로 주입. 기존 `vessel_analysis_results.lat/lon` 컬럼이 항상 NULL 이던 구조적 누락 해결 (첫 사이클 8173/8173 non-null 확인)
|
||||
|
||||
## [2026-04-16.5]
|
||||
|
||||
### 변경
|
||||
- **Admin 11개 페이지 디자인 시스템 하드코딩 색상 제거 (Phase 1-B)** — 129건 Tailwind 색상 → 시맨틱 토큰(text-label/text-heading/text-hint) + Badge intent 치환. raw `<button>` → `<Button>` 컴포넌트 교체. 미사용 import 정리
|
||||
|
||||
## [2026-04-16.4]
|
||||
|
||||
### 추가
|
||||
- **G-02 금어기 조업 탐지** — `fishery_permit_cn.fishing_period_1/2` 파싱(YYYY/MM/DD 범위) + `classify_gear_violations()` 에 permit_periods/observation_ts 인자 추가. 허가기간 밖 조업 시 `CLOSED_SEASON_FISHING` judgment
|
||||
- **G-03 미등록/허가외 어구 탐지** — 감지 어구와 `fishery_code` 허용 목록 대조(PT→trawl, GN→gillnet, FC→금지 등). 불일치 시 `UNREGISTERED_GEAR` judgment
|
||||
- **NAME_FUZZY 매칭** — 선박명 정규화(공백/대소문자/'NO.' 마커 통일, 선박번호 유지) + name_en 기반 fuzzy lookup. 동명이 중복 방지. 매칭률 9.1% → 53.1%
|
||||
- **서버 스크립트 tier/G-02/G-03/match_method 추적** — diagnostic(5분) + hourly(1시간) 에 pair_tier 분포, reject 사유 카운터, fishery_code×match_method 교차, G-02/G-03 상세 섹션
|
||||
|
||||
### 변경
|
||||
- **pair_trawl tier 분류** — AND 게이트(스펙 100% 2시간) 대신 STRONG/PROBABLE/SUSPECT 3단계. 완화 임계(800m/SOG 1.5-5/sog_delta 1.0/cog 20°)로 실제 공조 신호 포착. G-06 판정은 STRONG/PROBABLE 만
|
||||
- **pair_trawl join key** — raw AIS timestamp → `time_bucket`(5분 리샘플). sog/cog on-demand 계산(`_ensure_sog_cog`)으로 vessel_store._tracks 직접 사용
|
||||
- **pair base 확장** — classification 500척 → 전체 중국 MID(412/413/414) 조업 속력대 선박. candidates 61→1,668, detected 0→57
|
||||
- **match_ais_to_registry 대상 확장** — vessel_dfs(500척) → vessel_store._tracks 전체 중국 선박(8k+)
|
||||
|
||||
### 수정
|
||||
- **violation_classifier** — `CLOSED_SEASON_FISHING`, `UNREGISTERED_GEAR` judgment → `ILLEGAL_GEAR` 카테고리 매핑 추가
|
||||
|
||||
## [2026-04-16.3]
|
||||
|
||||
### 변경
|
||||
- **Admin 3개 페이지 디자인 시스템 준수 리팩토링 (Phase 1-A)** — PerformanceMonitoring/DataRetentionPolicy/DataModelVerification 자체 탭 네비 → `TabBar/TabButton` 공통 컴포넌트, 원시 `<button>` → `TabButton`, PerformanceMonitoring 정적 hex 9건 → `performanceStatus` 카탈로그 경유
|
||||
- **신규 카탈로그** `shared/constants/performanceStatus.ts` — PerformanceStatus(good/warning/critical/running/passed/failed/active/scheduled/archived) → {intent, hex, label} + utilizationStatus(ratio) 헬퍼
|
||||
- **RBAC skeleton** — 3개 페이지 최상단 `useAuth().hasPermission('admin:{resource}', 'OP')` 호출 배치 (Phase 3 액션 버튼 추가 시 가드로 연결)
|
||||
|
||||
## [2026-04-16.2]
|
||||
|
||||
### 추가
|
||||
- **성능 모니터링(PER-01~06) 메뉴** — 시스템관리 > 감사·보안에 성능 모니터링 페이지 추가 (PerformanceMonitoring 컴포넌트 + V028 메뉴 마이그레이션)
|
||||
- **데이터 모델 검증(DAR-11) 메뉴** — DataModelVerification 페이지 + V027 메뉴
|
||||
- **데이터 보관·파기 정책(DAR-10) 메뉴** — DataRetentionPolicy 페이지 + V026 메뉴
|
||||
- **DAR-03 5종 어구 구조 비교** — AI 모델관리 어구 탐지 탭에 저층 트롤 / 스토우넷 / 자망 / 통발 / 쌍끌이 이미지 및 설명 추가
|
||||
- **단속 계획 탭 확장** — 단일 함정 순찰 작전 / 다함정 순찰 작전 탭 추가 (EnforcementPlan)
|
||||
|
||||
## [2026-04-16]
|
||||
|
||||
### 추가
|
||||
- **한중어업협정 중국어선 허가현황 레지스트리** — `kcg.fishery_permit_cn` 신규 테이블(29컬럼, 연단위 스냅샷). V029 마이그레이션 + `fleet_vessels.permit_year/fishery_code` 컬럼 추가. `load_fishery_permit_cn.py`로 연도별 XLS → DB 적재(906척/497 신청인사)
|
||||
- **페어 탐색 재설계** — `find_pair_candidates()` bbox 1차(인접 9 cell) + 궤적 유사도 2차(location/sog_corr/cog_alignment). 동종 어선 페어도 허용, role 가점(PT_REGISTERED/COOP_FISHING/TRANSSHIP_LIKE)
|
||||
- **fleet_tracker API 3개** — `get_pt_registered_mmsis` / `get_gear_episodes` / `get_gear_positions`
|
||||
|
||||
### 수정
|
||||
- **DAR-03 G-04/G-05/G-06 Dead code 해결** — `classify_gear_violations()` scheduler 호출 연결. `if 'pair_results' in dir()` 버그 제거. 사이클당 G-05 303건 / G-04 1건 탐지 시작
|
||||
- **spoofing 산식** — 24h 희석 버그 → 최근 1h 윈도우 + teleport 절대 가점(건당 0.20) + extreme(>50kn) 단독 발견 시 score=max(0.6) 확정
|
||||
- **gear_code DB write 경로** — `AnalysisResult.gear_code` 필드 + `kcgdb.upsert_results()` INSERT/UPDATE + scheduler 두 경로에서 `fleet_tracker.get_vessel_gear_code()` 호출
|
||||
|
||||
### 변경
|
||||
- **transshipment 선종 완화** — `_CARRIER_HINTS`(cargo/tanker/supply/carrier/reefer) 부분일치 + 412* 중국어선 FISHING 간주
|
||||
- **gear drift 임계** — 750m → **500m** (DAR-03 스펙 정합)
|
||||
- **fleet_tracker 현재 연도 필터** — `WHERE permit_year = EXTRACT(YEAR FROM now())::int OR permit_year IS NULL`
|
||||
|
||||
### 기타
|
||||
- cron 스크립트 신규 섹션: hourly P1~P5(허가/매칭/gear_code/fleet_role) + D3.5(pair_type) / diagnostic PART 7.5 + 4-5.5
|
||||
|
||||
## [2026-04-15]
|
||||
|
||||
### 추가
|
||||
- **DAR-03 G-code 위반 분류** — prediction에 G-01(수역×어구 위반)/G-04(MMSI 사이클링)/G-05(고정어구 표류)/G-06(쌍끌이 공조) 4개 위반 유형 자동 분류 + 점수 합산
|
||||
- **쌍끌이 공조 탐지 알고리즘** — pair_trawl.py 신규 (cell-key 파티션 O(n) 스캔, 500m 근접·0.5kn 속도차·10° COG 일치·2h 지속 임계값)
|
||||
- **모선 검토 워크플로우** — 어구 판정 상세 패널에 후보 검토 UI 추가 (관측 지표 7종 평균 + 보정 지표 + 모선 확정/제외 버튼). 별도 화면 진입 없이 어구 탐지 페이지 내에서 의사결정
|
||||
- **24시간 궤적 리플레이** — TripsLayer fade trail 애니메이션, 멤버별 개별 타임라인 보간(빈 구간 자연 연속), convex hull 폴리곤 실시간 생성, 후보 선박 항적 동시 재생 (signal-batch /api/v2/tracks/vessels 프록시 연동)
|
||||
- **어구 탐지 그리드 UX** — 다중 선택 필터 패널(설치 해역/판정/위험도/모선 상태/허가/멤버 수 슬라이더, localStorage 영속화), 행 클릭 시 지도 flyTo, 후보 일치율 칼럼 + 정렬
|
||||
|
||||
### 변경
|
||||
- **그리드 후보 일치율 정확도** — resolution.top_score(평가 시점 고정) 대신 correlation_scores.current_score(실시간 갱신)의 최댓값 사용 → 최신 점수 반영
|
||||
- **어구 그룹 칼럼 표시** — 모선 후보 MMSI가 그룹명 자리에 표시되던 버그 수정 (groupLabel/groupKey 우선 표시)
|
||||
- **ParentResolution Entity 확장** — top_score/confidence/score_margin/decision_source/stable_cycles 등 점수 근거 7개 필드 추가
|
||||
- **백엔드 correlation API 응답 정규화** — snake_case 컬럼을 camelCase로 명시 매핑 (프론트 매핑 누락 방지)
|
||||
|
||||
### 수정
|
||||
- **궤적 리플레이 깜박임** — useMapLayers와 useGearReplayLayers가 동시에 overlay.setProps()를 호출하던 경쟁 조건 제거. 리플레이 활성 시 useMapLayers 비활성화 (단일 렌더링 경로)
|
||||
- **멤버-중심 연결선 제거** — 어구 그룹 선택 모드에서 불필요하게 그려지던 dashed 연결선 코드 삭제
|
||||
|
||||
### 기타
|
||||
- **루트 .venv/ gitignore 추가**
|
||||
|
||||
## [2026-04-14]
|
||||
|
||||
### 추가
|
||||
- **DarkVesselDetection 판정 상세 패널** — 테이블 행 클릭 시 점수 산출 내역(P1~P11), GAP 상세, 7일 이력 차트 사이드 패널 표시
|
||||
- **ScoreBreakdown 공통 컴포넌트** — 가점/감점 분리 점수 내역 시각화
|
||||
- **darkVesselPatterns 카탈로그 확장** — prediction 실제 판정 패턴 18종 한국어 라벨+점수+설명 + buildScoreBreakdown() 유틸
|
||||
- **TransferDetection 환적 운영 화면** — 5단계 파이프라인 기반 재구성 (KPI, 쌍 목록, 쌍 상세, 감시영역 지도, 탐지 조건 시각화)
|
||||
- **GearDetection 모선 추론 연동** — 모선 상태(DIRECT_MATCH/AUTO_PROMOTED/REVIEW_REQUIRED), 추정 모선 MMSI, 후보 수 컬럼
|
||||
|
||||
### 변경
|
||||
- **DarkVesselDetection 위치 표시 수정** — lat/lon null 시 features.gap_start_lat/lon fallback, 클릭 시 지도 하이라이트
|
||||
- **EnforcementPlan 탐지 기반 단속 대상** — CRITICAL 이벤트를 카테고리별(다크베셀/환적/EEZ침범/고위험) 아이콘+라벨로 통합 표시
|
||||
- **LGCNS 3개 페이지 디자인 시스템 전환** — LGCNSMLOps/AISecurityPage/AIAgentSecurityPage 공통 구조 적용
|
||||
|
||||
## [2026-04-13]
|
||||
|
||||
### 추가
|
||||
- **LGCNS MLOps 메뉴** — 시스템관리 > AI 플랫폼 하위, 모델 레지스트리/학습 파이프라인/서빙 현황/모델 모니터링 탭 구성
|
||||
- **AI 보안(SER-10) 메뉴** — 시스템관리 > 감사·보안 하위, AI 모델 보안 감사/Adversarial 공격 탐지/데이터 무결성 검증/보안 이벤트 타임라인
|
||||
- **AI Agent 보안(SER-11) 메뉴** — 시스템관리 > 감사·보안 하위, 에이전트 실행 로그/정책 위반 탐지/자원 사용 모니터링/신뢰도 대시보드
|
||||
- **V025 마이그레이션** — auth_perm_tree에 admin:lgcns-mlops, admin:ai-security, admin:ai-agent-security 노드 + ADMIN 역할 CRUD 권한 시드
|
||||
- **prediction 알고리즘 재설계** — dark_vessel 의심 점수화(8패턴 0~100), transshipment 베테랑 재설계, vessel_store/scheduler 개선
|
||||
- **프론트엔드 지도 레이어 구조 정리** — BaseMap, useMapLayers, static layers 리팩토링
|
||||
|
||||
### 변경
|
||||
- **NoticeManagement CRUD 권한 가드** — admin:notices CREATE/UPDATE/DELETE 체크 추가 (disabled + 툴팁)
|
||||
- **EventList CRUD 권한 가드** — enforcement:event-list UPDATE + enforcement:enforcement-history CREATE 체크 추가 (disabled + 툴팁)
|
||||
|
||||
## [2026-04-09]
|
||||
|
||||
### 추가
|
||||
- **워크플로우 연결 5단계** — 탐지→단속 관통 워크플로우 구현
|
||||
- **VesselAnalysis 직접 조회 API 5개** (`/api/analysis/*`) — iran proxy 없이 prediction DB 직접 조회
|
||||
- vessels 목록 (필터: mmsi, zone, riskLevel, isDark)
|
||||
- vessels/{mmsi} 최신 분석 (features JSONB 포함)
|
||||
- vessels/{mmsi}/history 분석 이력 (24h)
|
||||
- dark 베셀 목록 (MMSI 중복 제거)
|
||||
- transship 의심 목록
|
||||
- **EventList 인라인 액션 4종** — 확인(ACK)/선박상세/단속등록/오탐 처리
|
||||
- **MMSI → VesselDetail 링크** — EventList, DarkVessel, EnforcementHistory 3개 화면
|
||||
- **VesselDetail 전면 개편** — prediction 직접 API 전환, dark 패턴 시각화(tier/score/patterns), 환적 분석, 24h AIS 수신 타임라인, 단속 이력 탭
|
||||
- **DarkVesselDetection prediction 전환** — iran proxy 제거, tier 기반 KPI/필터/정렬
|
||||
- **EnforcementHistory eventId 역추적** — 단속→이벤트 역링크
|
||||
- **EnforcementPlan 미배정 CRITICAL 이벤트 패널** — NEW 상태 CRITICAL 이벤트 표시
|
||||
- **모선추론 자동 연결** — CONFIRM→LabelSession, REJECT→Exclusion 자동 호출
|
||||
- **30초 자동 갱신** — EventList, DarkVessel (silentRefresh 패턴, 깜박임 없음)
|
||||
- **admin 메뉴 4개 서브그룹** — AI 플랫폼/시스템 운영/사용자 관리/감사·보안
|
||||
- **V018 마이그레이션** — prediction_events.features JSONB 컬럼
|
||||
- **V019 마이그레이션** — ai-operations:llm-ops 권한 트리 항목
|
||||
- **analysisApi.ts** 프론트 서비스 (직접 조회 API 5개 연동)
|
||||
- **PredictionEvent.features** 타입 확장 (dark_tier, transship_score 등)
|
||||
- **메뉴 DB SSOT 구조화** — auth_perm_tree 기반 메뉴·권한·i18n 통합
|
||||
- auth_perm_tree에 메뉴 컬럼 추가 (url_path, label_key, component_key, nav_group, nav_sort)
|
||||
- labels JSONB 다국어 지원 (`{"ko":"종합 상황판", "en":"Dashboard"}`) — DB가 i18n SSOT
|
||||
- 보이지 않는 도메인 그룹 8개 삭제 (surveillance, detection 등) → 권한 트리 = 메뉴 트리 완전 동기화
|
||||
- 패널 노드 parent_cd 실제 소속 페이지로 수정 (어구식별→어구탐지, 전역제외→후보제외)
|
||||
- vessel:vessel-detail 권한 노드 제거 (드릴다운 전용, 인증만 체크)
|
||||
- 공유 리소스 분리: statistics:reports, admin:data-hub, admin:notices 독립 노드 생성
|
||||
- V020~V024 마이그레이션 5건
|
||||
- **프론트엔드 동적 메뉴/라우팅** — DB 기반 자동 구성
|
||||
- menuStore(Zustand) + componentRegistry(lazy loading) + iconRegistry
|
||||
- NAV_ENTRIES/PATH_TO_RESOURCE 하드코딩 제거
|
||||
- App.tsx DynamicRoutes: DB menuConfig에서 Route 자동 생성
|
||||
- MainLayout: DB menuConfig에서 사이드바 자동 렌더링
|
||||
- **PermissionsPanel 개선** — DB labels 기반 표시명 + 페이지/패널 아이콘 구분 + 메뉴 순서 정렬
|
||||
- **DB migration README.md 전면 재작성** — V001~V024, 49테이블, 149인덱스 실측 문서화
|
||||
- **Dark Vessel 의심 점수화** — 기존 "gap≥30분→dark" 이분법에서 8가지 패턴 기반 0~100점 점수 산출 + CRITICAL/HIGH/WATCH/NONE 등급 분류
|
||||
- P1 이동 중 OFF / P2 민감 수역 / P3 반복 이력(7일) / P4 거리 비정상 / P5 주간 조업 OFF / P6 직전 이상행동 / P7 무허가 / P8 장기 gap
|
||||
- 한국 AIS 수신 커버리지 밖은 자연 gap 가능성으로 감점
|
||||
@ -219,10 +19,6 @@
|
||||
- pair_history 구조 확장: `{'first_seen', 'last_seen', 'miss_count'}` (GPS 노이즈 내성)
|
||||
|
||||
### 변경
|
||||
- **event_generator.py** INSERT에 features JSONB 추가 (이벤트에 분석 핵심 특성 저장)
|
||||
- **@RequirePermission 12곳 수정** — 삭제된 그룹 rsrc_cd → 구체적 자식 리소스
|
||||
- **EnforcementController** vesselMmsi 필터 파라미터 추가
|
||||
- **enforcement.ts** getEnforcementRecords에 vesselMmsi 파라미터 추가
|
||||
- **stats_aggregator hourly**: UTC→KST hour boundary 전환, `by_category`/`by_zone` JSONB 집계 추가
|
||||
- **event_generator 룰 전면 재편**:
|
||||
- EEZ_INTRUSION: 실측 zone_code(TERRITORIAL_SEA/CONTIGUOUS_ZONE/ZONE_*) 기반 신규 3룰
|
||||
@ -237,8 +33,6 @@
|
||||
- `AnalysisResult.to_db_tuple` features sanitize: 중첩 dict/list 지원
|
||||
|
||||
### 수정
|
||||
- `/map-control` labelKey 중복 해소 (nav.riskMap → nav.mapControl, "해역 관리")
|
||||
- system-flow 08-frontend.json 누락 노드 14개 추가
|
||||
- `prediction_stats_hourly.by_category`/`by_zone` 영구 NULL → 채움
|
||||
- `prediction_stats_hourly.critical_count` 영구 0 → CRITICAL 이벤트 수 반영
|
||||
- `prediction_events` 카테고리 2종(ZONE_DEPARTURE/ILLEGAL_TRANSSHIP)만 → 6종 이상
|
||||
@ -247,9 +41,6 @@
|
||||
- dark 과다 판정 해소: 핫픽스(한국 수신 영역 필터) + 2차(의심 점수화)
|
||||
- transship 과다 판정 해소: 사이클당 2,400~12,600 → CRITICAL/HIGH/WATCH 점수 기반
|
||||
|
||||
### 문서
|
||||
- i18n darkTier/transshipTier/adminSubGroup/mapControl 키 추가 (ko/en)
|
||||
|
||||
## [2026-04-08]
|
||||
|
||||
### 추가
|
||||
|
||||
@ -50,7 +50,6 @@ src/
|
||||
│ ├── i18n/ # 10 NS (common, dashboard, detection, patrol, enforcement, statistics, ai, fieldOps, admin, auth)
|
||||
│ │ ├── config.ts # i18next 초기화 (ko 기본, en 폴백)
|
||||
│ │ └── locales/ # ko/*.json, en/*.json (10파일 x 2언어)
|
||||
│ │ # 2026-04-17: common.json 에 aria(36)/error(7)/dialog(4)/success(2)/message(5) 네임스페이스 추가
|
||||
│ └── theme/ # tokens, colors, variants (CVA)
|
||||
│ ├── tokens.ts # CSS 변수 매핑 + resolved 색상값
|
||||
│ ├── colors.ts # 시맨틱 팔레트 (risk, alert, vessel, status, chartSeries)
|
||||
@ -90,28 +89,20 @@ src/
|
||||
│ ├── ws.ts # connectWs (STOMP 스텁, 미구현)
|
||||
│ └── index.ts # 배럴 export
|
||||
│
|
||||
├── shared/components/ # 공유 UI 컴포넌트 (design-system.html SSOT)
|
||||
│ ├── ui/ # 9개 공통 컴포넌트 (2026-04-17 모든 화면 SSOT 준수 완료)
|
||||
│ │ ├── card.tsx # Card(CVA variant), CardHeader, CardTitle, CardContent (4 variant)
|
||||
│ │ ├── badge.tsx # Badge(CVA intent 8종 × size 4단계, LEGACY_MAP 변형 호환)
|
||||
│ │ ├── button.tsx # Button (variant 5종 × size 3단계, icon/trailingIcon prop)
|
||||
│ │ ├── input.tsx # Input (size/state, forwardRef)
|
||||
│ │ ├── select.tsx # Select (aria-label|aria-labelledby|title TS union 강제)
|
||||
│ │ ├── textarea.tsx # Textarea
|
||||
│ │ ├── checkbox.tsx # Checkbox (native input 래퍼)
|
||||
│ │ ├── radio.tsx # Radio
|
||||
│ │ └── tabs.tsx # TabBar + TabButton (underline/pill/segmented 3 variant)
|
||||
│ ├── layout/ # PageContainer / PageHeader / Section (표준 페이지 루트)
|
||||
├── shared/components/ # 공유 UI 컴포넌트
|
||||
│ ├── ui/
|
||||
│ │ ├── card.tsx # Card(CVA variant), CardHeader, CardTitle, CardContent
|
||||
│ │ └── badge.tsx # Badge(CVA intent/size)
|
||||
│ └── common/
|
||||
│ ├── DataTable.tsx # 범용 테이블 (가변너비, 검색, 정렬, 페이징, 엑셀, 출력)
|
||||
│ ├── Pagination.tsx # 페이지네이션
|
||||
│ ├── SearchInput.tsx # 검색 입력 (i18n 통합)
|
||||
│ ├── SearchInput.tsx # 검색 입력
|
||||
│ ├── ExcelExport.tsx # 엑셀 다운로드
|
||||
│ ├── FileUpload.tsx # 파일 업로드
|
||||
│ ├── PageToolbar.tsx # 페이지 상단 툴바
|
||||
│ ├── PrintButton.tsx # 인쇄 버튼
|
||||
│ ├── SaveButton.tsx # 저장 버튼
|
||||
│ └── NotificationBanner.tsx # 알림 배너 (common.aria.closeNotification)
|
||||
│ └── NotificationBanner.tsx # 알림 배너
|
||||
│
|
||||
├── features/ # 13 도메인 그룹 (31 페이지)
|
||||
│ ├── dashboard/ # 종합 대시보드 (Dashboard)
|
||||
|
||||
252
docs/data-sharing-analysis.md
Normal file
252
docs/data-sharing-analysis.md
Normal file
@ -0,0 +1,252 @@
|
||||
# Mock 데이터 공유 현황 분석 및 통합 결과
|
||||
|
||||
> 최초 작성일: 2026-04-06
|
||||
> 마지막 업데이트: 2026-04-06
|
||||
> 대상: `kcg-ai-monitoring` 프론트엔드 코드베이스 전체 (31개 페이지)
|
||||
> 상태: **통합 완료**
|
||||
|
||||
---
|
||||
|
||||
## 1. 선박 데이터 교차참조
|
||||
|
||||
현재 동일한 선박 데이터가 여러 컴포넌트에 독립적으로 하드코딩되어 있다. 각 파일마다 동일 선박의 속성(위험도, 위치, 상태 등)이 서로 다른 형식과 값으로 중복 정의되어 있어 데이터 일관성 문제가 발생한다.
|
||||
|
||||
| 선박명 | 등장 파일 수 | 파일 목록 |
|
||||
|---|---|---|
|
||||
| 鲁荣渔56555 | 7+ | Dashboard, MobileService, LiveMapView, MonitoringDashboard, EventList, EnforcementHistory, ChinaFishing |
|
||||
| 浙甬渔60651 | 4 | Dashboard, LiveMapView, EventList, DarkVesselDetection |
|
||||
| 冀黄港渔05001 | 6 | MobileService, LiveMapView, Dashboard, TransferDetection, EventList, GearDetection |
|
||||
| 3001함 | 6+ | ShipAgent, MobileService, LiveMapView, Dashboard, PatrolRoute, FleetOptimization |
|
||||
| 3009함 | 6+ | ShipAgent, MobileService, Dashboard, PatrolRoute, FleetOptimization, AIAlert |
|
||||
| 미상선박-A | 5 | MobileService, Dashboard, LiveMapView, MonitoringDashboard, EventList |
|
||||
|
||||
### 문제점
|
||||
- 하나의 선박이 평균 5~7개 파일에 중복 정의됨
|
||||
- 선박 속성(이름, MMSI, 위치, 위험도, 상태)이 파일마다 미세하게 다를 수 있음
|
||||
- 새 선박 추가/수정 시 모든 관련 파일을 일일이 찾아 수정해야 함
|
||||
|
||||
---
|
||||
|
||||
## 2. 위험도 스케일 불일치
|
||||
|
||||
동일한 선박의 위험도가 페이지마다 서로 다른 스케일로 표현되고 있다.
|
||||
|
||||
| 선박명 | Dashboard (risk) | DarkVesselDetection (risk) | MonitoringDashboard |
|
||||
|---|---|---|---|
|
||||
| 鲁荣渔56555 | **0.96** (0~1 스케일) | - | **CRITICAL** (레벨 문자열) |
|
||||
| 浙甬渔60651 | **0.85** (0~1 스케일) | **94** (0~100 정수) | - |
|
||||
| 미상선박-A | **0.94** (0~1 스케일) | **96** (0~100 정수) | - |
|
||||
|
||||
### 원인 분석
|
||||
- Dashboard는 `risk: 0.96` 형식 (0~1 소수)
|
||||
- DarkVesselDetection은 `risk: 96` 형식 (0~100 정수)
|
||||
- MonitoringDashboard는 `'CRITICAL' | 'HIGH' | 'MEDIUM' | 'LOW'` 레벨 문자열
|
||||
- LiveMapView는 `risk: 0.94` 형식 (0~1 소수)
|
||||
- EventList는 레벨 문자열 (`AlertLevel`)
|
||||
|
||||
### 통합 방안
|
||||
위험도를 **0~100 정수** 스케일로 통일하되, 레벨 문자열은 구간별 자동 매핑 유틸로 변환한다.
|
||||
|
||||
```
|
||||
0~30: LOW | 31~60: MEDIUM | 61~85: HIGH | 86~100: CRITICAL
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 3. KPI 수치 중복
|
||||
|
||||
Dashboard와 MonitoringDashboard가 **완전히 동일한 KPI 수치**를 독립적으로 정의하고 있다.
|
||||
|
||||
| 지표 | Dashboard `KPI_DATA` | MonitoringDashboard `KPI` |
|
||||
|---|---|---|
|
||||
| 실시간 탐지 | 47 | 47 |
|
||||
| EEZ 침범 | 18 | 18 |
|
||||
| 다크베셀 | 12 | 12 |
|
||||
| 불법환적 의심 | 8 | 8 |
|
||||
| 추적 중 | 15 | 15 |
|
||||
| 나포/검문(금일 단속) | 3 | 3 |
|
||||
|
||||
### 문제점
|
||||
- 6개 KPI 수치가 두 파일에 100% 동일하게 하드코딩
|
||||
- 수치 변경 시 양쪽 모두 수정해야 함
|
||||
- Dashboard에는 `prev` 필드(전일 비교)가 추가로 있으나, Monitoring에는 없음
|
||||
|
||||
---
|
||||
|
||||
## 4. 이벤트 타임라인 중복
|
||||
|
||||
08:47~06:12 시계열 이벤트가 최소 4개 파일에 각각 정의되어 있다.
|
||||
|
||||
| 시각 | Dashboard | Monitoring | MobileService | EventList |
|
||||
|---|---|---|---|---|
|
||||
| 08:47 | EEZ 침범 (鲁荣渔56555) | EEZ 침범 (鲁荣渔56555 외 2척) | [긴급] EEZ 침범 탐지 | EVT-0001 EEZ 침범 |
|
||||
| 08:32 | 다크베셀 출현 | 다크베셀 출현 | 다크베셀 출현 | EVT-0002 다크베셀 |
|
||||
| 08:15 | 선단 밀집 경보 | 선단 밀집 경보 | - | EVT-0003 선단밀집 |
|
||||
| 07:58 | 불법환적 의심 | 불법환적 의심 | 환적 의심 | EVT-0004 불법환적 |
|
||||
| 07:41 | MMSI 변조 탐지 | MMSI 변조 탐지 | - | EVT-0005 MMSI 변조 |
|
||||
| 07:23 | 함정 검문 완료 | 함정 검문 완료 | - | EVT-0006 검문 완료 |
|
||||
| 06:12 | 속력 이상 탐지 | - | - | EVT-0010 속력 이상 |
|
||||
|
||||
### 문제점
|
||||
- 동일 이벤트의 description이 파일마다 미세하게 다름 (예: "鲁荣渔56555" vs "鲁荣渔56555 외 2척")
|
||||
- EventList에는 ID가 있으나(EVT-xxxx), 다른 파일에는 없음
|
||||
- Dashboard에는 10개, Monitoring에는 6개, EventList에는 15개로 **건수도 불일치**
|
||||
|
||||
---
|
||||
|
||||
## 5. 환적 데이터 100% 중복
|
||||
|
||||
`TransferDetection.tsx`와 `ChinaFishing.tsx`에 **TR-001~TR-003 환적 데이터가 완전히 동일**하게 정의되어 있다.
|
||||
|
||||
```
|
||||
TransferDetection.tsx:
|
||||
const transferData = [
|
||||
{ id: 'TR-001', time: '2026-01-20 13:42:11', a: {name:'장저우8호'}, b: {name:'黑江9호'}, ... },
|
||||
{ id: 'TR-002', time: '2026-01-20 11:15:33', ... },
|
||||
{ id: 'TR-003', time: '2026-01-20 09:23:45', ... },
|
||||
];
|
||||
|
||||
ChinaFishing.tsx:
|
||||
const TRANSFER_DATA = [
|
||||
{ id: 'TR-001', time: '2026-01-20 13:42:11', a: {name:'장저우8호'}, b: {name:'黑江9호'}, ... },
|
||||
{ id: 'TR-002', time: '2026-01-20 11:15:33', ... },
|
||||
{ id: 'TR-003', time: '2026-01-20 09:23:45', ... },
|
||||
];
|
||||
```
|
||||
|
||||
### 문제점
|
||||
- 변수명만 다르고 (`transferData` vs `TRANSFER_DATA`) 데이터 구조와 값이 100% 동일
|
||||
- 한쪽만 수정하면 다른 쪽과 불일치 발생
|
||||
|
||||
---
|
||||
|
||||
## 6. 함정 상태 불일치
|
||||
|
||||
동일 함정의 상태가 페이지마다 모순되는 경우가 확인되었다.
|
||||
|
||||
| 함정 | ShipAgent | Dashboard | PatrolRoute | FleetOptimization |
|
||||
|---|---|---|---|---|
|
||||
| 5001함 | **오프라인** (`status: '오프라인'`) | **가용** (PATROL_SHIPS에 대기로 표시) | **가용** (`status: '가용'`) | **가용** (`status: '가용'`) |
|
||||
| 3009함 | **온라인** (동기화 중) | **검문 중** | **출동중** | **출동중** |
|
||||
| 1503함 | **미배포** | - | - | **정비중** |
|
||||
|
||||
### 문제점
|
||||
- 5001함이 ShipAgent에서는 오프라인이지만, Dashboard/PatrolRoute/FleetOptimization에서는 가용으로 표시됨 -- **직접적 모순**
|
||||
- 3009함의 상태가 "온라인", "검문 중", "출동중"으로 파일마다 다름
|
||||
- 실제 운영 시 혼란을 초래할 수 있는 시나리오 불일치
|
||||
|
||||
---
|
||||
|
||||
## 7. 현재 상태: 통합 완료
|
||||
|
||||
아래 분석에서 식별한 모든 중복/불일치 문제를 해소하기 위해, 7개 공유 Mock 모듈 + 7개 Zustand 스토어 체계로 통합이 **완료**되었다.
|
||||
|
||||
### 7.1 완료된 아키텍처: mock -> store -> page
|
||||
|
||||
```
|
||||
┌─────────────────────────────────────────────────────────────────────────┐
|
||||
│ src/data/mock/ (7개 공유 모듈) │
|
||||
├───────────┬──────────┬──────────┬────────┬───────────┬────────┬────────┤
|
||||
│ vessels │ patrols │ events │ kpi │ transfers │ gear │enforce-│
|
||||
│ .ts │ .ts │ .ts │ .ts │ .ts │ .ts │ment.ts │
|
||||
└─────┬─────┴─────┬────┴─────┬────┴───┬────┴─────┬────┴───┬────┴───┬────┘
|
||||
│ │ │ │ │ │ │
|
||||
▼ ▼ ▼ ▼ ▼ ▼ ▼
|
||||
┌─────────────────────────────────────────────────────────────────────────┐
|
||||
│ src/stores/ (7개 Zustand 스토어 + settingsStore) │
|
||||
├───────────┬──────────┬──────────┬────────┬───────────┬────────┬────────┤
|
||||
│ vessel │ patrol │ event │ kpi │ transfer │ gear │enforce-│
|
||||
│ Store │ Store │ Store │ Store │ Store │ Store │mentStr │
|
||||
└─────┬─────┴─────┬────┴─────┬────┴───┬────┴─────┬────┴───┬────┴───┬────┘
|
||||
│ │ │ │ │ │ │
|
||||
▼ ▼ ▼ ▼ ▼ ▼ ▼
|
||||
┌─────────────────────────────────────────────────────────────────────────┐
|
||||
│ src/features/*/ (페이지 컴포넌트) │
|
||||
│ store.load() 호출 -> store에서 데이터 구독 -> 뷰 변환은 페이지 책임 │
|
||||
└─────────────────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 7.2 스토어별 소비 현황 (16개 페이지가 스토어 사용)
|
||||
|
||||
| 스토어 | 소비 페이지 |
|
||||
|---|---|
|
||||
| `useVesselStore` | Dashboard, LiveMapView, DarkVesselDetection, VesselDetail |
|
||||
| `usePatrolStore` | Dashboard, PatrolRoute, FleetOptimization |
|
||||
| `useEventStore` | Dashboard, MonitoringDashboard, LiveMapView, EventList, MobileService, AIAlert |
|
||||
| `useKpiStore` | Dashboard, MonitoringDashboard, Statistics |
|
||||
| `useTransferStore` | TransferDetection, ChinaFishing |
|
||||
| `useGearStore` | GearDetection |
|
||||
| `useEnforcementStore` | EnforcementPlan, EnforcementHistory |
|
||||
|
||||
### 7.3 페이지 전용 인라인 데이터 (미통합)
|
||||
|
||||
아래 페이지들은 도메인 특성상 공유 mock에 포함하지 않고 페이지 전용 인라인 데이터를 유지한다.
|
||||
|
||||
| 페이지 | 인라인 데이터 | 사유 |
|
||||
|---|---|---|
|
||||
| ChinaFishing | `COUNTERS_ROW1/2`, `VESSEL_LIST`, `MONTHLY_DATA`, `VTS_ITEMS` | 중국어선 전용 센서 카운터/통계 (다른 페이지에서 미사용) |
|
||||
| VesselDetail | `VESSELS: VesselTrack[]` | 항적 데이터 구조가 `VesselData`와 다름 (주석으로 명시) |
|
||||
| MLOpsPage | 실험/배포 데이터 | MLOps 전용 도메인 데이터 |
|
||||
| MapControl | 훈련구역 데이터 | 해상사격 훈련구역 전용 |
|
||||
| DataHub | 수신현황 데이터 | 데이터 허브 전용 모니터링 |
|
||||
| AIModelManagement | 모델/규칙 데이터 | AI 모델 관리 전용 |
|
||||
| AIAssistant | `SAMPLE_CONVERSATIONS` | 챗봇 샘플 대화 |
|
||||
| LoginPage | `DEMO_ACCOUNTS` | 데모 인증 정보 |
|
||||
| 기타 (AdminPanel, SystemConfig 등) | 각 페이지 전용 설정/관리 데이터 | 관리 도메인 특화 |
|
||||
|
||||
### 7.4 설계 원칙 (구현 완료)
|
||||
|
||||
1. **위험도 0~100 통일**: 모든 선박의 위험도를 0~100 정수로 통일. 레벨 문자열은 유틸 함수로 변환.
|
||||
2. **단일 원천(Single Source of Truth)**: 각 데이터는 하나의 mock 모듈에서만 정의하고, 스토어를 통해 접근.
|
||||
3. **Lazy Loading**: 스토어의 `load()` 메서드가 최초 호출 시 `import()`로 mock 데이터를 동적 로딩 (loaded 플래그로 중복 방지).
|
||||
4. **뷰 변환은 페이지 책임**: mock 모듈/스토어는 원본 데이터만 제공하고, 화면별 가공(필터, 정렬, 포맷)은 각 페이지에서 수행.
|
||||
|
||||
### 7.5 Mock 모듈 상세 (참고용)
|
||||
|
||||
참고: 초기 분석에서 계획했던 `areas.ts`는 최종 구현 시 `enforcement.ts`(단속 이력 데이터)로 대체되었다.
|
||||
해역/구역 데이터는 RiskMap, MapControl 등 각 페이지에서 전용 데이터로 관리한다.
|
||||
|
||||
| # | 모듈 파일 | 스토어 | 내용 |
|
||||
|---|---|---|---|
|
||||
| 1 | `data/mock/vessels.ts` | `vesselStore` | 중국어선 + 한국어선 + 미상선박 마스터 (`MOCK_VESSELS`, `MOCK_SUSPECTS`) |
|
||||
| 2 | `data/mock/patrols.ts` | `patrolStore` | 경비함정 마스터 + 경로/시나리오/커버리지 |
|
||||
| 3 | `data/mock/events.ts` | `eventStore` | 이벤트 타임라인 + 알림 데이터 |
|
||||
| 4 | `data/mock/kpi.ts` | `kpiStore` | KPI 수치 + 월별 추이 |
|
||||
| 5 | `data/mock/transfers.ts` | `transferStore` | 환적 데이터 (TR-001~003) |
|
||||
| 6 | `data/mock/gear.ts` | `gearStore` | 어구 데이터 (불법어구 목록) |
|
||||
| 7 | `data/mock/enforcement.ts` | `enforcementStore` | 단속 이력 + 단속 계획 데이터 |
|
||||
|
||||
---
|
||||
|
||||
## 8. 작업 완료 요약
|
||||
|
||||
| 모듈 | 상태 | 스토어 소비 페이지 수 |
|
||||
|---|---|---|
|
||||
| `vessels.ts` | **완료** | 4개 (useVesselStore) |
|
||||
| `events.ts` | **완료** | 6개 (useEventStore) |
|
||||
| `patrols.ts` | **완료** | 3개 (usePatrolStore) |
|
||||
| `kpi.ts` | **완료** | 3개 (useKpiStore) |
|
||||
| `transfers.ts` | **완료** | 2개 (useTransferStore) |
|
||||
| `gear.ts` | **완료** | 1개 (useGearStore) |
|
||||
| `enforcement.ts` | **완료** | 2개 (useEnforcementStore) |
|
||||
|
||||
### 실제 작업 결과
|
||||
- Mock 모듈 생성: 7개 파일 (`src/data/mock/`)
|
||||
- Zustand 스토어 생성: 7개 + 1개 설정용 (`src/stores/`)
|
||||
- 기존 페이지 리팩토링: 16개 페이지에서 스토어 소비로 전환
|
||||
- 나머지 15개 페이지: 도메인 특화 인라인 데이터 유지 (공유 필요성 없음)
|
||||
|
||||
---
|
||||
|
||||
## 9. 결론
|
||||
|
||||
위 1~6절에서 분석한 6개의 심각한 중복/불일치 문제(위험도 스케일, 함정 상태 모순, KPI 중복, 이벤트 불일치, 환적 100% 중복, 선박 교차참조)는 **7개 공유 mock 모듈 + 7개 Zustand 스토어** 도입으로 모두 해소되었다.
|
||||
|
||||
달성한 효과:
|
||||
- **데이터 일관성**: Single Source of Truth로 불일치 원천 차단
|
||||
- **유지보수성**: 데이터 변경 시 mock 모듈 1곳만 수정
|
||||
- **확장성**: 신규 페이지 추가 시 기존 store import로 즉시 사용
|
||||
- **코드 품질**: 중복 인라인 데이터 제거, 16개 페이지가 스토어 기반으로 전환
|
||||
- **성능**: Zustand lazy loading으로 최초 접근 시에만 mock 데이터 로딩
|
||||
|
||||
1~6절의 분석 내용은 통합 전 문제 식별 기록으로 보존한다.
|
||||
194
docs/next-refactoring.md
Normal file
194
docs/next-refactoring.md
Normal file
@ -0,0 +1,194 @@
|
||||
# KCG AI Monitoring - 다음 단계 리팩토링 TODO
|
||||
|
||||
> 프론트엔드 UI 스캐폴딩 + 기반 인프라(상태관리, 지도 GPU, mock 데이터, CVA) 완료 상태. 백엔드 연동 및 운영 품질 확보를 위해 남은 항목을 순차적으로 진행한다.
|
||||
|
||||
---
|
||||
|
||||
## 1. ✅ 상태관리 도입 (Zustand 5.0) — COMPLETED
|
||||
|
||||
`zustand` 5.0.12 설치, `src/stores/`에 8개 독립 스토어 구현 완료.
|
||||
|
||||
- `vesselStore` — 선박 목록, 선택, 필터
|
||||
- `patrolStore` — 순찰 경로/함정
|
||||
- `eventStore` — 탐지/경보 이벤트
|
||||
- `kpiStore` — KPI 메트릭, 추세
|
||||
- `transferStore` — 전재(환적)
|
||||
- `gearStore` — 어구 탐지
|
||||
- `enforcementStore` — 단속 이력
|
||||
- `settingsStore` — theme/language + localStorage 동기화, 지도 타일 자동 전환
|
||||
|
||||
> `AuthContext`는 유지 (인증은 Context API가 적합, 마이그레이션 불필요로 결정)
|
||||
|
||||
---
|
||||
|
||||
## 2. API 서비스 계층 (Axios 1.14) — 구조 완성, 실제 연동 대기
|
||||
|
||||
### 현재 상태
|
||||
- `src/services/`에 7개 서비스 모듈 구현 (api, vessel, event, patrol, kpi, ws, index)
|
||||
- `api.ts`: fetch 래퍼 (`apiGet`, `apiPost`) — 향후 Axios 교체 예정
|
||||
- 각 서비스가 `data/mock/` 모듈에서 mock 데이터 반환 (실제 HTTP 호출 0건)
|
||||
- `ws.ts`: STOMP WebSocket 스텁 존재, 미구현
|
||||
|
||||
### 남은 작업
|
||||
- [ ] `axios` 1.14 설치 → `api.ts`의 fetch 래퍼를 Axios 인스턴스로 교체
|
||||
- [ ] Axios 인터셉터:
|
||||
- Request: Authorization 헤더 자동 주입
|
||||
- Response: 401 → 로그인 리다이렉트, 500 → 에러 토스트
|
||||
- [ ] `@tanstack/react-query` 5.x 설치 → TanStack Query Provider 추가
|
||||
- [ ] 각 서비스의 mock 반환을 실제 API 호출로 교체
|
||||
- [ ] 로딩 스켈레톤, 에러 바운더리 공통 컴포넌트
|
||||
|
||||
---
|
||||
|
||||
## 3. 실시간 인프라 (STOMP.js + SockJS) — 스텁 구조만 존재
|
||||
|
||||
### 현재 상태
|
||||
- `services/ws.ts`에 `connectWs` 스텁 함수 존재 (인터페이스 정의 완료)
|
||||
- STOMP.js, SockJS 미설치 — 실제 WebSocket 연결 없음
|
||||
- `useStoreLayerSync` hook으로 store→지도 실시간 파이프라인 준비 완료
|
||||
|
||||
### 남은 작업
|
||||
- [ ] `@stomp/stompjs` + `sockjs-client` 설치
|
||||
- [ ] `ws.ts` 스텁을 실제 STOMP 클라이언트로 구현
|
||||
- [ ] 구독 채널 설계:
|
||||
- `/topic/ais-positions` — 실시간 AIS 위치
|
||||
- `/topic/alerts` — 경보/이벤트
|
||||
- `/topic/detections` — 탐지 결과
|
||||
- `/user/queue/notifications` — 개인 알림
|
||||
- [ ] 재연결 로직 (지수 백오프)
|
||||
- [ ] store → `useStoreLayerSync` → 지도 마커 실시간 업데이트 연결
|
||||
- [ ] `eventStore`와 연동하여 알림 배너/뱃지 카운트 업데이트
|
||||
|
||||
---
|
||||
|
||||
## 4. ✅ 고급 지도 레이어 (deck.gl 9.2) — COMPLETED
|
||||
|
||||
`deck.gl` 9.2.11 + `@deck.gl/mapbox` 설치, MapLibre + deck.gl 인터리브 아키텍처 구현 완료.
|
||||
|
||||
- **BaseMap**: `forwardRef` + `memo`, `MapboxOverlay`를 `useImperativeHandle`로 외부 노출
|
||||
- **useMapLayers**: RAF 배치 레이어 업데이트, React 리렌더 0회
|
||||
- **useStoreLayerSync**: Zustand store.subscribe → RAF → overlay.setProps (React 우회)
|
||||
- **STATIC_LAYERS**: EEZ + NLL PathLayer 싱글턴 (GPU 1회 업로드)
|
||||
- **createMarkerLayer**: ScatterplotLayer + transitions 보간 + DataFilterExtension
|
||||
- **createRadiusLayer**: 반경 원 표시용 ScatterplotLayer
|
||||
- 레거시 GeoJSON 레이어(`boundaries.ts`)는 하위 호환으로 유지
|
||||
|
||||
> 성능 목표 40만척+ GPU 렌더링 달성. TripsLayer/HexagonLayer/IconLayer는 실데이터 확보 후 추가 예정.
|
||||
|
||||
---
|
||||
|
||||
## 5. ✅ 더미 데이터 통합 — COMPLETED
|
||||
|
||||
`src/data/mock/`에 7개 공유 mock 모듈 구현 완료. TypeScript 인터페이스 정의 포함.
|
||||
|
||||
```
|
||||
data/mock/
|
||||
├── vessels.ts # VesselData — 선박 목록 (한국, 중국, 경비함)
|
||||
├── events.ts # EventRecord, AlertRecord — 탐지/단속 이벤트
|
||||
├── transfers.ts # 전재(환적) 데이터
|
||||
├── patrols.ts # PatrolShip — 순찰 경로/함정
|
||||
├── gear.ts # 어구 탐지 데이터
|
||||
├── kpi.ts # KpiMetric, MonthlyTrend, ViolationType
|
||||
└── enforcement.ts # 단속 이력 데이터
|
||||
```
|
||||
|
||||
- `services/` 계층이 mock 모듈을 import하여 반환 → 향후 API 교체 시 서비스만 수정
|
||||
- 인터페이스가 API 응답 타입 계약 역할 수행
|
||||
|
||||
---
|
||||
|
||||
## 6. i18n 실적용 — 구조 완성, 내부 텍스트 미적용
|
||||
|
||||
### 현재 상태
|
||||
- 10 네임스페이스 리소스 완비: common, dashboard, detection, patrol, enforcement, statistics, ai, fieldOps, admin, auth
|
||||
- ko/en 각 10파일 (총 20 JSON)
|
||||
- `settingsStore.toggleLanguage()` + `localStorage` 동기화 구현 완료
|
||||
- **적용 완료**: MainLayout 사이드바 메뉴명, 24개 페이지 제목, LoginPage
|
||||
- **미적용**: 각 페이지 내부 텍스트 (카드 레이블, 테이블 헤더, 상태 텍스트 등) — 대부분 한국어 하드코딩 잔존
|
||||
|
||||
### 남은 작업
|
||||
- [ ] 각 feature 페이지 내부 텍스트를 `useTranslation('namespace')` + `t()` 로 교체
|
||||
- [ ] 날짜/숫자 포맷 로컬라이즈 (`Intl.DateTimeFormat`, `Intl.NumberFormat`)
|
||||
- [ ] 누락 키 감지 자동화 (i18next missing key handler 또는 lint 규칙)
|
||||
|
||||
---
|
||||
|
||||
## 7. ✅ Tailwind 공통 스타일 모듈화 (CVA) — COMPLETED
|
||||
|
||||
`class-variance-authority` 0.7.1 설치, `src/lib/theme/variants.ts`에 3개 CVA 변형 구현 완료.
|
||||
|
||||
- **cardVariants**: default / elevated / inner / transparent — CSS 변수 기반 테마 반응
|
||||
- **badgeVariants**: 8 intent (critical~cyan) x 4 size (xs~lg) — 150회+ 반복 패턴 통합
|
||||
- **statusDotVariants**: 4 status (online/warning/danger/offline) x 3 size (sm/md/lg)
|
||||
- `shared/components/ui/card.tsx`, `badge.tsx`에 CVA 적용 완료
|
||||
- CSS 변수(`surface-raised`, `surface-overlay`, `border`) 참조로 Dark/Light 자동 반응
|
||||
|
||||
---
|
||||
|
||||
## 8. 코드 스플리팅 — 미착수
|
||||
|
||||
### 현재 상태
|
||||
- **단일 번들 ~3.2MB** (모든 feature + deck.gl + MapLibre + ECharts 포함)
|
||||
- `React.lazy` 미적용, 모든 31개 페이지가 동기 import
|
||||
- 초기 로딩 시 사용하지 않는 페이지 코드까지 전부 다운로드
|
||||
|
||||
### 필요한 이유
|
||||
- 초기 로딩 성능 개선 (FCP, LCP)
|
||||
- 현장 모바일 환경 (LTE/3G)에서의 사용성 확보
|
||||
- 번들 캐싱 효율 향상 (변경된 chunk만 재다운로드)
|
||||
|
||||
### 구현 계획
|
||||
- [ ] `React.lazy` + `Suspense`로 feature 단위 동적 임포트:
|
||||
```typescript
|
||||
const Dashboard = lazy(() => import('@features/dashboard/Dashboard'));
|
||||
const RiskMap = lazy(() => import('@features/risk-assessment/RiskMap'));
|
||||
```
|
||||
- [ ] `App.tsx` 라우트 전체를 lazy 컴포넌트로 교체
|
||||
- [ ] 로딩 폴백 컴포넌트 (스켈레톤 또는 스피너) 공통화
|
||||
- [ ] Vite `build.rollupOptions.output.manualChunks` 설정:
|
||||
```typescript
|
||||
manualChunks: {
|
||||
'vendor-react': ['react', 'react-dom', 'react-router-dom'],
|
||||
'vendor-map': ['maplibre-gl', 'deck.gl', '@deck.gl/mapbox'],
|
||||
'vendor-chart': ['echarts'],
|
||||
}
|
||||
```
|
||||
- [ ] 목표: 초기 번들 < 300KB (gzip), 각 feature chunk < 100KB
|
||||
- [ ] `vite-plugin-compression`으로 gzip/brotli 사전 압축 검토
|
||||
|
||||
---
|
||||
|
||||
## 9. Light 테마 하드코딩 정리
|
||||
|
||||
### 현재 상태
|
||||
- Dark/Light 테마 전환 구조 완성 (CSS 변수 + `.light` 클래스 + settingsStore)
|
||||
- 시맨틱 변수(`surface-raised`, `text-heading` 등) + CVA 변형은 정상 작동
|
||||
- **문제**: 일부 alert/status 색상이 Tailwind 하드코딩 (`bg-red-500/20`, `text-red-400`, `border-red-500/30` 등)
|
||||
- Dark에서는 자연스러우나, Light 전환 시 대비/가독성 부족
|
||||
|
||||
### 구현 계획
|
||||
- [ ] 하드코딩 alert 색상을 CSS 변수 또는 CVA intent로 교체
|
||||
- [ ] `badgeVariants`의 intent 색상도 CSS 변수 기반으로 전환 검토
|
||||
- [ ] Light 모드 전용 대비 테스트 (WCAG AA 기준)
|
||||
|
||||
---
|
||||
|
||||
## 우선순위 및 의존관계
|
||||
|
||||
```
|
||||
✅ 완료 ─────────────────────────────────────
|
||||
[1. Zustand] [4. deck.gl] [5. mock 데이터] [7. CVA]
|
||||
|
||||
진행 중 / 남은 작업 ──────────────────────────
|
||||
[6. i18n 내부 텍스트] ──┐
|
||||
├──▶ [2. API 실제 연동] ──▶ [3. 실시간 STOMP]
|
||||
[9. Light 테마 정리] ───┘
|
||||
|
||||
[8. 코드 스플리팅] ← 독립 작업, 언제든 착수 가능 (~3.2MB → 목표 <300KB)
|
||||
```
|
||||
|
||||
### 권장 진행 순서
|
||||
|
||||
1. **Phase A (품질)**: i18n 내부 텍스트 적용 (6) + Light 테마 하드코딩 정리 (9) + 코드 스플리팅 (8)
|
||||
2. **Phase B (연동)**: Axios 설치 + API 실제 연동 (2)
|
||||
3. **Phase C (실시간)**: STOMP.js + SockJS 실시간 인프라 (3)
|
||||
436
docs/page-workflow.md
Normal file
436
docs/page-workflow.md
Normal file
@ -0,0 +1,436 @@
|
||||
# 페이지 역할표 및 업무 파이프라인
|
||||
|
||||
> 최초 작성일: 2026-04-06
|
||||
> 마지막 업데이트: 2026-04-06
|
||||
> 대상: `kcg-ai-monitoring` 프론트엔드 31개 페이지
|
||||
|
||||
---
|
||||
|
||||
## 0. 공통 아키텍처
|
||||
|
||||
### 디렉토리 구조
|
||||
|
||||
모든 페이지는 `src/features/` 아래 도메인별 디렉토리에 배치되어 있다.
|
||||
|
||||
```
|
||||
src/features/
|
||||
admin/ AccessControl, AdminPanel, DataHub, NoticeManagement, SystemConfig
|
||||
ai-operations/ AIAssistant, AIModelManagement, MLOpsPage
|
||||
auth/ LoginPage
|
||||
dashboard/ Dashboard
|
||||
detection/ ChinaFishing, DarkVesselDetection, GearDetection, GearIdentification
|
||||
enforcement/ EnforcementHistory, EventList
|
||||
field-ops/ AIAlert, MobileService, ShipAgent
|
||||
monitoring/ MonitoringDashboard
|
||||
patrol/ FleetOptimization, PatrolRoute
|
||||
risk-assessment/ EnforcementPlan, RiskMap
|
||||
statistics/ ExternalService, ReportManagement, Statistics
|
||||
surveillance/ LiveMapView, MapControl
|
||||
vessel/ TransferDetection, VesselDetail
|
||||
```
|
||||
|
||||
### 데이터 흐름
|
||||
|
||||
모든 공유 데이터는 **mock -> store -> page** 패턴으로 흐른다.
|
||||
|
||||
```
|
||||
src/data/mock/*.ts --> src/stores/*Store.ts --> src/features/*/*.tsx
|
||||
(7개 공유 모듈) (7개 Zustand 스토어) (16개 페이지가 스토어 소비)
|
||||
```
|
||||
|
||||
- 스토어는 `load()` 호출 시 `import()`로 mock 데이터를 lazy loading
|
||||
- 도메인 특화 데이터는 페이지 내 인라인으로 유지 (MLOps, MapControl, DataHub 등)
|
||||
- 상세 매핑은 `docs/data-sharing-analysis.md` 참조
|
||||
|
||||
### 지도 렌더링
|
||||
|
||||
지도가 필요한 11개 페이지는 공통 `src/lib/map/` 인프라를 사용한다.
|
||||
|
||||
- **deck.gl** 기반 렌더링 (`BaseMap.tsx`)
|
||||
- **`useMapLayers`** 훅: 페이지별 동적 레이어 구성
|
||||
- **`STATIC_LAYERS`**: EEZ/KDLZ 등 정적 레이어를 상수로 분리하여 zero rerender 보장
|
||||
- 사용 페이지: Dashboard, LiveMapView, MapControl, EnforcementPlan, PatrolRoute, FleetOptimization, GearDetection, DarkVesselDetection, RiskMap, VesselDetail, MobileService
|
||||
|
||||
### 다국어 (i18n)
|
||||
|
||||
- `react-i18next` 기반, 24개 페이지 + MainLayout + LoginPage에 i18n 적용
|
||||
- 지원 언어: 한국어 (ko), 영어 (en)
|
||||
- 페이지 타이틀, 주요 UI 라벨이 번역 키로 관리됨
|
||||
|
||||
### 테마
|
||||
|
||||
- `settingsStore`에서 dark/light 테마 전환 지원
|
||||
- 기본값: dark (해양 감시 시스템 특성상)
|
||||
- `localStorage`에 선택 유지, CSS 클래스 토글 방식
|
||||
|
||||
---
|
||||
|
||||
## 1. 31개 페이지 역할표
|
||||
|
||||
### 1.1 인증/관리 (4개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| SFR-01 | LoginPage | `/login` | 전체 | SSO/GPKI/비밀번호 인증, 5회 실패 잠금 | ID/PW, 인증 방식 선택 | 세션 발급, 역할 부여 | - | 모든 페이지 (인증 게이트) |
|
||||
| SFR-01 | AccessControl | `/access-control` | 관리자 | RBAC 권한 관리, 감사 로그 | 역할/사용자/권한 설정 | 권한 변경, 감사 기록 | LoginPage | 전체 시스템 접근 제어 |
|
||||
| SFR-02 | SystemConfig | `/system-config` | 관리자 | 공통코드 기준정보 관리 (해역52/어종578/어업59/선박186) | 코드 검색/필터 | 코드 조회, 설정 변경 | AccessControl | 탐지/분석 엔진 기준데이터 |
|
||||
| SFR-02 | NoticeManagement | `/notices` | 관리자 | 시스템 공지(배너/팝업/토스트), 역할별 대상 설정 | 공지 작성, 기간/대상 설정 | 배너/팝업 노출 | AccessControl | 모든 페이지 (NotificationBanner) |
|
||||
|
||||
### 1.2 데이터 수집/연계 (1개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| SFR-03 | DataHub | `/data-hub` | 관리자 | 통합데이터 허브 — 선박신호 수신 현황 히트맵, 연계 채널 모니터링 | 수신 소스 선택 | 수신률 조회, 연계 상태 확인 | 외부 센서 (VTS, AIS, V-PASS 등) | 탐지 파이프라인 전체 |
|
||||
|
||||
### 1.3 AI 모델/운영 (3개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| SFR-04 | AIModelManagement | `/ai-model` | 분석관 | 모델 레지스트리, 탐지 규칙, 피처 엔지니어링, 학습 파이프라인, 7대 탐지엔진 | 모델 버전/규칙/피처 설정 | 모델 배포, 성능 리포트 | DataHub (학습 데이터) | DarkVessel, GearDetection, TransferDetection 등 탐지 엔진 |
|
||||
| SFR-18/19 | MLOpsPage | `/mlops` | 분석관/관리자 | MLOps/LLMOps 운영 대시보드 (실험, 배포, API Playground, LLM 테스트) | 실험 템플릿, HPS 설정 | 실험 결과, 모델 배포 | AIModelManagement | AIAssistant, 탐지 엔진 |
|
||||
| SFR-20 | AIAssistant | `/ai-assistant` | 상황실/분석관 | 자연어 Q&A 의사결정 지원 (법령 조회, 대응 절차 안내) | 자연어 질의 | 답변 + 법령 참조 | MLOpsPage (LLM 모델) | 작전 의사결정 |
|
||||
|
||||
### 1.4 탐지 (4개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| SFR-09 | DarkVesselDetection | `/dark-vessel` | 분석관 | AIS 조작/위장/Dark Vessel 패턴 탐지 (6가지 패턴), 지도+테이블 | AIS 데이터 스트림 | 의심 선박 목록, 위험도, 라벨 분류 | DataHub (AIS/레이더) | RiskMap, LiveMapView, EventList |
|
||||
| SFR-10 | GearDetection | `/gear-detection` | 분석관 | 불법 어망/어구 탐지 및 관리, 허가 상태 판정 | 어구 센서/영상 | 어구 목록, 불법 판정 결과 | DataHub (센서) | RiskMap, EnforcementPlan |
|
||||
| - | GearIdentification | `features/detection/` | 분석관 | 어구 국적 판별 (중국/한국/불확실), GB/T 5147 기준 | 어구 물리적 특성 입력 | 판별 결과 (국적, 신뢰도, 경보등급) | GearDetection | EnforcementHistory |
|
||||
| - | ChinaFishing | `/china-fishing` | 분석관/상황실 | 중국어선 통합 감시 (센서 카운터, 특이운항, 월별 통계, 환적 탐지, VTS 연계) | 센서 데이터 융합 | 감시 현황, 환적 의심 목록 | DataHub, DarkVessel | RiskMap, EnforcementPlan |
|
||||
|
||||
### 1.5 환적 탐지 (1개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| - | TransferDetection | `features/vessel/` | 분석관 | 선박 간 근접 접촉 및 환적 의심 행위 분석 (거리/시간/속도 기준) | AIS 궤적 분석 | 환적 이벤트 목록, 의심도 점수 | DataHub, DarkVessel | EventList, EnforcementPlan |
|
||||
|
||||
### 1.6 위험도 평가/계획 (2개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| SFR-05 | RiskMap | `/risk-map` | 분석관/상황실 | 격자 기반 불법조업 위험도 지도 + MTIS 해양사고 통계 연계 | 탐지 결과, 사고 통계 | 히트맵, 해역별 위험도, 사고 통계 차트 | DarkVessel, GearDetection, ChinaFishing | EnforcementPlan, PatrolRoute |
|
||||
| SFR-06 | EnforcementPlan | `/enforcement-plan` | 상황실 | 단속 계획 수립, 경보 연계, 우선지역 예보 | 위험도 데이터, 가용 함정 | 단속 계획 테이블, 지도 표시 | RiskMap | PatrolRoute, FleetOptimization |
|
||||
|
||||
### 1.7 순찰/함대 (2개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| SFR-07 | PatrolRoute | `/patrol-route` | 상황실 | AI 단일 함정 순찰 경로 추천 (웨이포인트, 거리/시간/연료 산출) | 함정 선택, 구역 조건 | 추천 경로, 웨이포인트 목록 | EnforcementPlan, RiskMap | 함정 출동 (ShipAgent) |
|
||||
| SFR-08 | FleetOptimization | `/fleet-optimization` | 상황실 | 다함정 협력형 경로 최적화 (커버리지 시뮬레이션, 승인 워크플로) | 함대 목록, 구역 조건 | 최적화 결과, 커버리지 비교 | EnforcementPlan, PatrolRoute | 함정 출동 (ShipAgent) |
|
||||
|
||||
### 1.8 감시/지도 (2개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| - | LiveMapView | `/events` | 상황실 | 실시간 해역 감시 지도 (AIS 선박 + 이벤트 경보 + 아군 함정) | 실시간 AIS/이벤트 스트림 | 지도 마커, 이벤트 카드, 위험도 바 | 탐지 엔진 전체 | EventList, AIAlert |
|
||||
| - | MapControl | `/map-control` | 상황실/관리자 | 해역 통제 관리 (해상사격 훈련구역도 No.462, 군/해경 구역) | 구역 데이터 | 훈련구역 지도, 상태 테이블 | 국립해양조사원 데이터 | LiveMapView (레이어) |
|
||||
|
||||
### 1.9 대시보드/모니터링 (2개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| - | Dashboard | `/dashboard` | 전체 | 종합 상황판 (KPI, 타임라인, 위험선박 TOP8, 함정 현황, 해역 위험도, 시간대별 탐지 추이) | 전 시스템 데이터 집계 | 한눈에 보는 현황 | 탐지/순찰/이벤트 전체 | 각 상세 페이지로 드릴다운 |
|
||||
| SFR-12 | MonitoringDashboard | `/monitoring` | 상황실 | 모니터링 및 경보 현황판 (KPI, 24시간 추이, 탐지 유형 분포, 실시간 이벤트) | 경보/탐지 데이터 | 경보 현황 대시보드 | 탐지 엔진, EventList | AIAlert, EnforcementPlan |
|
||||
|
||||
### 1.10 이벤트/이력 (2개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| - | EventList | `/event-list` | 상황실/분석관 | 이벤트 전체 목록 (검색/정렬/페이징/엑셀/출력), 15건+ 이벤트 | 필터 조건 | 이벤트 테이블, 엑셀 내보내기 | 탐지 엔진, LiveMapView | EnforcementHistory, ReportManagement |
|
||||
| SFR-11 | EnforcementHistory | `/enforcement-history` | 분석관 | 단속/탐지 이력 관리 (AI 매칭 검증 포함) | 검색 조건 | 이력 테이블, AI 일치 여부 | EventList, 현장 단속 | ReportManagement, Statistics |
|
||||
|
||||
### 1.11 현장 대응 (3개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| SFR-15 | MobileService | `/mobile-service` | 현장 단속요원 | 모바일 앱 프리뷰 (위험도/의심선박/경로추천/경보, 푸시 설정) | 모바일 위치, 푸시 설정 | 경보 수신, 지도 조회 | AIAlert, LiveMapView | 현장 단속 수행 |
|
||||
| SFR-16 | ShipAgent | `/ship-agent` | 현장 단속요원 | 함정용 Agent 관리 (배포/동기화 상태, 버전 관리) | 함정 Agent 설치 | Agent 상태 조회, 동기화 | PatrolRoute, FleetOptimization | 현장 단속 수행 |
|
||||
| SFR-17 | AIAlert | `/ai-alert` | 상황실/현장 | AI 탐지 알림 자동 발송 (함정/관제요원 대상, 탐지시각/좌표/유형/신뢰도 포함) | 탐지 이벤트 트리거 | 알림 발송, 수신 확인 | MonitoringDashboard, EventList | MobileService, ShipAgent |
|
||||
|
||||
### 1.12 통계/외부연계/보고 (3개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| SFR-13 | Statistics | `/statistics` | 상황실/분석관 | 통계/지표/성과 분석 (월별 추이, 위반유형, KPI 달성률) | 기간/유형 필터 | 차트, KPI 테이블, 보고서 | EnforcementHistory, EventList | 외부 보고, 전략 수립 |
|
||||
| SFR-14 | ExternalService | `/external-service` | 관리자/외부 | 외부 서비스 제공 (해수부/수협/기상청 API/파일 연계, 비식별/익명화 정책) | 서비스 설정 | API 호출 수, 연계 상태 | Statistics, 탐지 결과 | 외부기관 |
|
||||
| - | ReportManagement | `/reports` | 분석관/상황실 | 증거 관리 및 보고서 생성 (사건별 자동 패키징) | 사건 선택, 증거 파일 업로드 | 보고서 PDF, 증거 패키지 | EnforcementHistory, EventList | 검찰/외부기관 |
|
||||
|
||||
### 1.13 선박 상세 (1개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| - | VesselDetail | `/vessel/:id` | 분석관/상황실 | 선박 상세 정보 (AIS 데이터, 항적, 입항 이력, 선원 정보, 비허가 선박 목록) | 선박 ID/MMSI | 상세 프로필, 지도 항적 | LiveMapView, DarkVessel, EventList | EnforcementPlan, ReportManagement |
|
||||
|
||||
### 1.14 시스템 관리 (1개)
|
||||
|
||||
| SFR | 화면명 | 경로 | 사용자 | 핵심 기능 | 입력 | 출력/액션 | 업스트림 | 다운스트림 |
|
||||
|---|---|---|---|---|---|---|---|---|
|
||||
| - | AdminPanel | `/admin` | 관리자 | 시스템 인프라 관리 (서버 상태, CPU/메모리/디스크 모니터링) | - | 서버 상태 대시보드 | - | 시스템 안정성 보장 |
|
||||
|
||||
---
|
||||
|
||||
## 2. 업무 파이프라인 (4개)
|
||||
|
||||
### 2.1 탐지 파이프라인
|
||||
|
||||
불법 조업을 탐지하고 실시간 감시하여 현장 작전까지 연결하는 핵심 파이프라인.
|
||||
|
||||
```
|
||||
AIS/레이더/위성 신호
|
||||
│
|
||||
▼
|
||||
┌─────────┐
|
||||
│ DataHub │ ← 통합데이터 허브 (VTS, AIS, V-PASS, E-Nav 수집)
|
||||
└────┬────┘
|
||||
│
|
||||
▼
|
||||
┌──────────────────────────────────────────────┐
|
||||
│ AI 탐지 엔진 (AIModelManagement 관리) │
|
||||
│ │
|
||||
│ DarkVesselDetection ─ AIS 조작/위장/소실 │
|
||||
│ GearDetection ─────── 불법 어구 탐지 │
|
||||
│ ChinaFishing ──────── 중국어선 통합 감시 │
|
||||
│ TransferDetection ─── 환적 행위 탐지 │
|
||||
│ GearIdentification ── 어구 국적 판별 │
|
||||
└──────────────┬───────────────────────────────┘
|
||||
│
|
||||
▼
|
||||
┌──────────┐ ┌───────────────────┐
|
||||
│ RiskMap │─────▶│ LiveMapView │ ← 실시간 지도 감시
|
||||
└────┬─────┘ │ MonitoringDashboard│ ← 경보 현황판
|
||||
│ └───────────────────┘
|
||||
▼
|
||||
┌──────────────────┐
|
||||
│ EnforcementPlan │ ← 단속 우선지역 예보
|
||||
└────────┬─────────┘
|
||||
│
|
||||
▼
|
||||
┌──────────────┐ ┌───────────────────┐
|
||||
│ PatrolRoute │─────▶│ FleetOptimization │ ← 다함정 최적화
|
||||
└──────┬───────┘ └─────────┬─────────┘
|
||||
│ │
|
||||
▼ ▼
|
||||
┌──────────┐
|
||||
│ AIAlert │ ← 함정/관제 자동 알림 발송
|
||||
└────┬─────┘
|
||||
│
|
||||
▼
|
||||
현장 작전 (MobileService, ShipAgent)
|
||||
```
|
||||
|
||||
### 2.2 대응 파이프라인
|
||||
|
||||
AI 알림 수신 후 현장 단속, 이력 기록, 보고서 생성까지의 대응 프로세스.
|
||||
|
||||
```
|
||||
┌──────────┐
|
||||
│ AIAlert │ ← AI 탐지 알림 자동 발송
|
||||
└────┬─────┘
|
||||
│
|
||||
▼
|
||||
┌──────────────────────────────────┐
|
||||
│ 현장 대응 │
|
||||
│ │
|
||||
│ MobileService ── 모바일 경보 수신│
|
||||
│ ShipAgent ────── 함정 Agent 연동 │
|
||||
└──────────────┬───────────────────┘
|
||||
│
|
||||
▼
|
||||
현장 단속 수행
|
||||
(정선/검문/나포/퇴거)
|
||||
│
|
||||
▼
|
||||
┌──────────────────────┐
|
||||
│ EnforcementHistory │ ← 단속 이력 등록, AI 매칭 검증
|
||||
└──────────┬───────────┘
|
||||
│
|
||||
▼
|
||||
┌──────────────────────┐
|
||||
│ ReportManagement │ ← 증거 패키징, 보고서 생성
|
||||
└──────────┬───────────┘
|
||||
│
|
||||
▼
|
||||
검찰/외부기관 (ExternalService 통해 연계)
|
||||
```
|
||||
|
||||
### 2.3 분석 파이프라인
|
||||
|
||||
축적된 데이터를 분석하여 전략적 의사결정을 지원하는 파이프라인.
|
||||
|
||||
```
|
||||
┌─────────────┐
|
||||
│ Statistics │ ← 월별 추이, 위반유형, KPI 달성률
|
||||
└──────┬──────┘
|
||||
│
|
||||
▼
|
||||
┌──────────┐
|
||||
│ RiskMap │ ← 격자 위험도 + MTIS 해양사고 통계
|
||||
└────┬─────┘
|
||||
│
|
||||
▼
|
||||
┌──────────────┐
|
||||
│ VesselDetail │ ← 개별 선박 심층 분석 (항적, 이력)
|
||||
└──────┬───────┘
|
||||
│
|
||||
▼
|
||||
┌──────────────┐
|
||||
│ AIAssistant │ ← 자연어 Q&A (법령 조회, 대응 절차)
|
||||
└──────┬───────┘
|
||||
│
|
||||
▼
|
||||
전략 수립 (순찰 패턴, 탐지 규칙 조정)
|
||||
```
|
||||
|
||||
### 2.4 관리 파이프라인
|
||||
|
||||
시스템 접근 제어, 환경 설정, 데이터 관리, 인프라 모니터링 파이프라인.
|
||||
|
||||
```
|
||||
┌────────────────┐
|
||||
│ AccessControl │ ← RBAC 역할/권한 설정
|
||||
└───────┬────────┘
|
||||
│
|
||||
▼
|
||||
┌────────────┐
|
||||
│ LoginPage │ ← SSO/GPKI/비밀번호 인증
|
||||
└──────┬─────┘
|
||||
│
|
||||
▼
|
||||
┌──────────────────────────────────────┐
|
||||
│ 시스템 설정/관리 │
|
||||
│ │
|
||||
│ SystemConfig ──── 공통코드/환경설정 │
|
||||
│ NoticeManagement ── 공지/배너/팝업 │
|
||||
│ DataHub ────────── 데이터 수집 관리 │
|
||||
│ AdminPanel ────── 서버/인프라 모니터 │
|
||||
└──────────────────────────────────────┘
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 3. 사용자 역할별 페이지 접근 매트릭스
|
||||
|
||||
시스템에 정의된 5개 역할(LoginPage의 `DEMO_ACCOUNTS` 및 AccessControl의 `ROLES` 기반)에 대한 페이지 접근 권한.
|
||||
|
||||
### 3.1 역할 정의
|
||||
|
||||
| 역할 | 코드 | 설명 | 인원(시뮬) |
|
||||
|---|---|---|---|
|
||||
| 시스템 관리자 | `ADMIN` | 전체 시스템 관리 권한 | 3명 |
|
||||
| 상황실 운영자 | `OPERATOR` | 상황판, 통계, 경보 운영 | 12명 |
|
||||
| 분석 담당자 | `ANALYST` | AI 모델, 통계, 항적 분석 | 8명 |
|
||||
| 현장 단속요원 | `FIELD` | 함정 Agent, 모바일 대응 | 45명 |
|
||||
| 유관기관 열람자 | `VIEWER` | 공유 대시보드 열람 | 6명 |
|
||||
|
||||
### 3.2 접근 매트릭스
|
||||
|
||||
| 페이지 | ADMIN | OPERATOR | ANALYST | FIELD | VIEWER |
|
||||
|---|---|---|---|---|---|
|
||||
| **인증/관리** | | | | | |
|
||||
| LoginPage | O | O | O | O | O |
|
||||
| AccessControl | O | - | - | - | - |
|
||||
| SystemConfig | O | - | - | - | - |
|
||||
| NoticeManagement | O | - | - | - | - |
|
||||
| AdminPanel | O | - | - | - | - |
|
||||
| **데이터/AI** | | | | | |
|
||||
| DataHub | O | - | - | - | - |
|
||||
| AIModelManagement | O | - | O | - | - |
|
||||
| MLOpsPage | O | - | O | - | - |
|
||||
| AIAssistant | O | O | O | - | - |
|
||||
| **탐지** | | | | | |
|
||||
| DarkVesselDetection | O | - | O | - | - |
|
||||
| GearDetection | O | - | O | - | - |
|
||||
| ChinaFishing | O | O | O | - | - |
|
||||
| TransferDetection | O | - | O | - | - |
|
||||
| **위험도/계획** | | | | | |
|
||||
| RiskMap | O | O | O | - | - |
|
||||
| EnforcementPlan | O | O | - | - | - |
|
||||
| **순찰** | | | | | |
|
||||
| PatrolRoute | O | O | - | - | - |
|
||||
| FleetOptimization | O | O | - | - | - |
|
||||
| **감시/지도** | | | | | |
|
||||
| LiveMapView | O | O | O | - | - |
|
||||
| MapControl | O | O | - | - | - |
|
||||
| **대시보드** | | | | | |
|
||||
| Dashboard | O | O | O | O | O |
|
||||
| MonitoringDashboard | O | O | - | - | - |
|
||||
| **이벤트/이력** | | | | | |
|
||||
| EventList | O | O | O | O | - |
|
||||
| EnforcementHistory | O | - | O | - | - |
|
||||
| **현장 대응** | | | | | |
|
||||
| MobileService | O | - | - | O | - |
|
||||
| ShipAgent | O | - | - | O | - |
|
||||
| AIAlert | O | O | - | O | - |
|
||||
| **통계/보고** | | | | | |
|
||||
| Statistics | O | O | O | - | - |
|
||||
| ExternalService | O | - | - | - | O |
|
||||
| ReportManagement | O | O | O | - | - |
|
||||
| **선박 상세** | | | | | |
|
||||
| VesselDetail | O | O | O | - | - |
|
||||
|
||||
### 3.3 역할별 요약
|
||||
|
||||
| 역할 | 접근 가능 페이지 | 페이지 수 |
|
||||
|---|---|---|
|
||||
| **시스템 관리자** (ADMIN) | 전체 페이지 | 31 |
|
||||
| **상황실 운영자** (OPERATOR) | Dashboard, MonitoringDashboard, LiveMapView, MapControl, EventList, EnforcementPlan, PatrolRoute, FleetOptimization, ChinaFishing, RiskMap, Statistics, ReportManagement, AIAssistant, AIAlert, VesselDetail | 15 |
|
||||
| **분석 담당자** (ANALYST) | Dashboard, DarkVesselDetection, GearDetection, ChinaFishing, TransferDetection, RiskMap, LiveMapView, EventList, EnforcementHistory, Statistics, ReportManagement, VesselDetail, AIAssistant, AIModelManagement, MLOpsPage | 15 |
|
||||
| **현장 단속요원** (FIELD) | Dashboard, MobileService, ShipAgent, AIAlert, EventList | 5 |
|
||||
| **유관기관 열람자** (VIEWER) | Dashboard, ExternalService | 2 |
|
||||
|
||||
---
|
||||
|
||||
## 4. 페이지 간 데이터 흐름 요약
|
||||
|
||||
```
|
||||
┌──────────────────┐
|
||||
│ LoginPage │
|
||||
│ (인증 게이트) │
|
||||
└────────┬─────────┘
|
||||
│
|
||||
┌────────────────────┬┴──────────────────┐
|
||||
▼ ▼ ▼
|
||||
┌──────────────┐ ┌─────────────────┐ ┌─────────────┐
|
||||
│ 관리 파이프라인│ │ 탐지 파이프라인 │ │ 현장 대응 │
|
||||
│ │ │ │ │ │
|
||||
│ AccessControl│ │ DataHub │ │ MobileSvc │
|
||||
│ SystemConfig │ │ ↓ │ │ ShipAgent │
|
||||
│ NoticeManage │ │ AI탐지엔진 │ │ AIAlert │
|
||||
│ DataHub │ │ (DV/Gear/CN/TR)│ └──────┬──────┘
|
||||
│ AdminPanel │ │ ↓ │ │
|
||||
└──────────────┘ │ RiskMap │ │
|
||||
│ ↓ │ ▼
|
||||
│ EnforcementPlan │ ┌──────────────┐
|
||||
│ ↓ │ │ 대응 파이프라인│
|
||||
│ PatrolRoute │ │ │
|
||||
│ FleetOptim │ │ Enforcement │
|
||||
│ ↓ │ │ History │
|
||||
│ LiveMapView │ │ ReportManage │
|
||||
│ Monitoring │ │ ExternalSvc │
|
||||
└────────┬────────┘ └──────────────┘
|
||||
│
|
||||
▼
|
||||
┌─────────────────┐
|
||||
│ 분석 파이프라인 │
|
||||
│ │
|
||||
│ Statistics │
|
||||
│ VesselDetail │
|
||||
│ AIAssistant │
|
||||
└─────────────────┘
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 5. 미할당 SFR 참고
|
||||
|
||||
현재 라우트에서 확인되는 SFR 번호 기준, 아래 기능은 기존 페이지에 통합되어 있다:
|
||||
|
||||
- **Dashboard**: SFR 번호 미부여, 종합 상황판 (기존 유지)
|
||||
- **LiveMapView**: SFR 번호 미부여, 실시간 감시 지도
|
||||
- **EventList**: SFR-02 공통 컴포넌트 적용 대상으로 분류
|
||||
- **MapControl**: SFR 번호 미부여, 해역 통제 관리
|
||||
- **VesselDetail**: SFR 번호 미부여, 선박 상세
|
||||
- **ReportManagement**: SFR 번호 미부여, 증거/보고서 관리
|
||||
- **AdminPanel**: SFR 번호 미부여, 인프라 관리
|
||||
- **GearIdentification**: ChinaFishing 내 서브 컴포넌트
|
||||
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
Load Diff
@ -1,8 +1,7 @@
|
||||
# SFR 요구사항별 화면 사용 가이드
|
||||
|
||||
> **문서 작성일:** 2026-04-06
|
||||
> **최종 업데이트:** 2026-04-17 (2026-04-17 릴리즈 기준)
|
||||
> **시스템 버전:** 운영 배포 (rocky-211 + redis-211)
|
||||
> **시스템 버전:** v0.1.0 (프로토타입)
|
||||
> **다국어:** 한국어/영어 전환 지원 (헤더 우측 EN/한국어 버튼)
|
||||
> **테마:** 다크/라이트 전환 지원 (헤더 우측 해/달 아이콘 버튼)
|
||||
|
||||
@ -12,12 +11,7 @@
|
||||
|
||||
이 문서는 **KCG AI 모니터링 시스템**의 각 SFR(소프트웨어 기능 요구사항)이 화면에서 어떻게 구현되어 있는지를 **비개발자**(일반 사용자, 사업 PM, 산출물 작성자)가 이해할 수 있도록 정리한 가이드입니다.
|
||||
|
||||
### 시스템 현황 (2026-04-17 기준)
|
||||
- **프런트엔드·백엔드·분석엔진(prediction) 운영 배포 완료** — 자체 JWT 인증 + 트리 기반 RBAC + 감사 로그 + 65+ API
|
||||
- **AI 분석 엔진(prediction)**: 5분 주기로 AIS 원천 데이터(snpdb)를 분석하여 결과를 `kcgaidb` 에 자동 저장 (14 알고리즘 + DAR-03 G-01~G-06)
|
||||
- **실시간 연동 화면**: Dashboard / MonitoringDashboard / ChinaFishing / DarkVesselDetection / GearDetection / EnforcementHistory / EventList / AIAlert / Statistics / AccessControl / PermissionsPanel / Audit 등 **15+ 화면이 실 API + prediction 결과를 실시간으로 표시**
|
||||
- **Mock 화면**: DataHub / AIModelManagement / RiskMap / PatrolRoute / FleetOptimization / ExternalService / ShipAgent / MLOpsPage / AIAssistant 는 UI 완성, 백엔드/AI 엔진 연동은 단계적 추가 중
|
||||
- **자세한 추적 매트릭스**: `docs/sfr-traceability.md` v3.0 참조
|
||||
현재 시스템은 **프로토타입 단계(v0.1.0)**로, 모든 SFR의 UI가 완성되어 있으나 백엔드 서버 연동은 아직 이루어지지 않았습니다. 화면에 표시되는 데이터는 시연용 샘플 데이터입니다.
|
||||
|
||||
---
|
||||
|
||||
@ -61,18 +55,17 @@
|
||||
- 역할별 데모 계정 선택 (ADMIN, OPERATOR, ANALYST, FIELD, VIEWER)
|
||||
- 로그인 후 역할에 따른 메뉴 접근 제어
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ 로그인 화면 UI + 자체 ID/PW 인증 + JWT 쿠키 세션 + 역할별 데모 계정 5종 실 로그인
|
||||
- ✅ 비밀번호 정책(9자 이상 영문+숫자+특수) + 5회 실패 30분 잠금 + BCrypt 해시
|
||||
- ✅ 트리 기반 RBAC (47 리소스 노드, Level 0 13개 + Level 1 32개, 5 operation) + Caffeine 10분 TTL
|
||||
- ✅ 모든 로그인 시도 감사 로그 저장 및 조회 (로그인 이력 화면)
|
||||
- ✅ 역할 기반 세션 유지 및 메뉴 접근 제어 (사이드바/라우트 가드)
|
||||
**구현 완료:**
|
||||
- ✅ 로그인 화면 UI 및 데모 계정 5종 로그인 기능
|
||||
- ✅ 역할 기반 세션 유지 및 메뉴 접근 제어
|
||||
|
||||
**향후 구현 예정 (기업 환경 연동):**
|
||||
- 🔲 SSO(해양경찰 통합인증) 연동
|
||||
**향후 구현 예정:**
|
||||
- 🔲 SSO(Single Sign-On) 연동
|
||||
- 🔲 GPKI(정부 공인인증서) 인증 연동
|
||||
- 🔲 공무원증 기반 인증 연동
|
||||
- 🔲 인사 시스템 연동 역할 자동 부여
|
||||
- 🔲 실제 사용자 DB 연동 및 비밀번호 암호화
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 데모 계정은 하드코딩되어 있으며, 운영 환경에서는 실제 인증 체계로 대체 필요
|
||||
|
||||
---
|
||||
|
||||
@ -90,17 +83,16 @@
|
||||
- 역할별 접근 가능 메뉴 및 기능 권한 설정
|
||||
- 사용자 목록 조회 및 역할 할당
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ 트리 기반 RBAC 실 운영 — 47 리소스 노드 × 5 operation (READ/CREATE/UPDATE/DELETE/EXPORT) × 다중 역할 OR 합집합
|
||||
- ✅ 역할별 권한 매트릭스 시각화 (셀 클릭 Y → N → 상속 사이클)
|
||||
- ✅ 부모 READ 거부 시 자식 강제 거부, 상속 표시
|
||||
- ✅ 역할 CRUD (admin:role-management) + 권한 매트릭스 갱신 (admin:permission-management)
|
||||
- ✅ 사용자-역할 할당 다이얼로그 (admin:user-management)
|
||||
- ✅ 모든 권한 변경은 `auth_audit_log` 에 자동 기록 (ROLE_CREATE/UPDATE/DELETE/PERM_UPDATE/USER_ROLE_ASSIGN)
|
||||
**구현 완료:**
|
||||
- ✅ RBAC 5역할 체계 UI 및 역할별 권한 매트릭스 표시
|
||||
- ✅ 권한 설정 화면 레이아웃 및 인터랙션
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 권한 변경 이력 UI (auth_audit_log 조회는 현재 별도 화면)
|
||||
- 🔲 역할 템플릿 복제 기능
|
||||
- 🔲 실제 사용자 DB 연동을 통한 권한 CRUD
|
||||
- 🔲 감사 로그(권한 변경 이력) 기록
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 화면의 데이터는 샘플이며 실제 저장/반영되지 않음
|
||||
|
||||
---
|
||||
|
||||
@ -377,18 +369,17 @@ AIS(선박자동식별장치) 신호를 의도적으로 끈 의심 선박(Dark V
|
||||
- 의심 선박 상세 프로필 및 이동 궤적 조회
|
||||
- 위험도 등급별 분류 표시
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **AI 분석 엔진(prediction) 5분 주기 실시간 탐지 결과 표시** — snpdb AIS 원천 데이터 기반
|
||||
- ✅ Dark Vessel 11패턴 기반 0~100점 연속 점수 + 4단계 tier(CRITICAL≥70 / HIGH≥50 / WATCH≥30 / NONE)
|
||||
- ✅ DarkDetailPanel — 선박 선택 시 ScoreBreakdown으로 P1~P11 각 패턴별 기여도 표시
|
||||
- ✅ 지도 기반 실시간 위치 + tier별 색상 구분 (라이트/다크 모드 대응)
|
||||
- ✅ 최근 1시간 / 중국 선박(MMSI 412*) 필터, MMSI/선박명/패턴 검색
|
||||
- ✅ 특이운항 미니맵 (24h 궤적 + DARK/SPOOFING/TRANSSHIP/GEAR_VIOLATION/HIGH_RISK 구간 병합 하이라이트)
|
||||
**구현 완료:**
|
||||
- ✅ 의심 선박 7척 목록/지도 시각화
|
||||
- ✅ 5가지 행동 패턴 분석 결과 UI
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 spoofing_score 산출 재설계 (중국 MID 412 선박 전원 0 수렴 이슈, BD-09 필터 + teleport 25kn 임계 재검토)
|
||||
- 🔲 AI Dark Vessel 탐지 엔진 연동
|
||||
- 🔲 실시간 AIS 데이터 분석 연동
|
||||
- 🔲 SAR(위성영상) 기반 탐지 연동
|
||||
- 🔲 과거 이력 차트 (현재는 최근 24h 중심)
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 탐지 결과는 샘플 데이터이며, AI 탐지 엔진 연동 후 실시간 탐지 결과로 교체 필요
|
||||
|
||||
---
|
||||
|
||||
@ -407,17 +398,16 @@ AIS(선박자동식별장치) 신호를 의도적으로 끈 의심 선박(Dark V
|
||||
- 해역별 중국 어선 밀집도 분석
|
||||
- 시계열 활동 패턴 분석
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **3개 탭(AI 감시 대시보드 / 환적접촉탐지 / 어구·어망 판별) 전부 실데이터 연동** — `/api/analysis/*` 경유, MMSI prefix `412` 고정
|
||||
- ✅ 중국 선박 전체 분석 결과 실시간 그리드 (최근 1h, 위험도순 상위 200건)
|
||||
- ✅ 특이운항 판별 — riskScore ≥ 40 상위 목록 + 선박 클릭 시 24h 궤적 미니맵 + 판별 구간 패널
|
||||
- ✅ 해역별 통항량 + 안전도 분석 (종합 위험/안전 지수) + 위험도 도넛
|
||||
- ✅ 자동탐지 결과(어구 판별 탭) row 클릭 시 상단 입력 폼 자동 프리필
|
||||
**구현 완료:**
|
||||
- ✅ 중국 어선 분석 종합 대시보드 UI
|
||||
- ✅ 지도 기반 활동 현황 시각화
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 관심영역 / VIIRS 위성영상 / 기상 예보 / VTS연계 (현재 "데모 데이터" 배지)
|
||||
- 🔲 비허가 / 제재 / 관심 선박 탭 데이터 소스 연동 (현재 "준비중" 배지)
|
||||
- 🔲 월별 집계 API 연동 (현재 통계 탭 "준비중")
|
||||
- 🔲 AI 탐지 엔진 연동 (Dark Vessel + 어구 탐지 통합)
|
||||
- 🔲 실시간 데이터 기반 분석 갱신
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 분석 데이터는 샘플이며, 실제 탐지 엔진 연동 필요
|
||||
|
||||
---
|
||||
|
||||
@ -436,17 +426,17 @@ AIS(선박자동식별장치) 신호를 의도적으로 끈 의심 선박(Dark V
|
||||
- 탐지 결과 상세 정보 (위치, 크기, 어구 유형, 위험도)
|
||||
- 탐지 이미지 확인
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **DAR-03 G-01~G-06 실시간 탐지 결과** — prediction 5분 주기 + 한중어업협정 906척 레지스트리(V029) 매칭 53%+
|
||||
- ✅ G코드별 탐지: G-01(수역-어구 불일치) / G-02(금어기) / G-03(미등록 어구) / G-04(MMSI cycling) / G-05(고정어구 drift) / G-06(쌍끌이 — STRONG/PROBABLE/SUSPECT tier)
|
||||
- ✅ 어구 그룹 지도 (ZONE_I~IV 폴리곤 + GeoJsonLayer + IconLayer) + 세부 필터 패널(해역/판정/위험도/모선 상태/허가/멤버 수) + localStorage 영속화
|
||||
- ✅ GearDetailPanel — 후보 클릭 → 점수 근거(관측 7종 + 보정 3종) + 모선 확정/제외 버튼
|
||||
- ✅ 24h 궤적 리플레이 (GearReplayController + TripsLayer, SPEED_FACTOR=2880, 24h→30s)
|
||||
- ✅ 어구/어망 판별 화면 — 허가코드/어구물리특성/발견위치 입력 → 국적 판별(한/중/미확인) + 판별 근거·경고·AI 탐지 Rule·교차 검증 파이프라인
|
||||
**구현 완료:**
|
||||
- ✅ 어구 6건 탐지 결과 목록/지도 UI
|
||||
- ✅ 어구 식별 결정트리 시각화
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 영상(CCTV/SAR) 기반 어구 자동 분류
|
||||
- 🔲 한·중 어구 5종 구조 비교 이미지 라이브러리 확장
|
||||
- 🔲 AI 어구 탐지 모델 연동 (영상 분석 기반)
|
||||
- 🔲 실시간 CCTV/SAR 영상 분석 연동
|
||||
- 🔲 탐지 결과 자동 분류 및 알림
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 탐지 결과는 샘플 데이터이며, AI 탐지 모델 연동 후 실제 탐지 결과로 교체 필요
|
||||
|
||||
---
|
||||
|
||||
@ -465,17 +455,17 @@ AIS(선박자동식별장치) 신호를 의도적으로 끈 의심 선박(Dark V
|
||||
- 이력 상세 정보 조회 및 검색/필터
|
||||
- 이력 데이터 엑셀 내보내기
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **실시간 이벤트 조회** — `/api/events` 페이징/필터/확인(ACK)/상태 변경
|
||||
- ✅ **단속 이력 CRUD** — `/api/enforcement/records` (GET/POST/PATCH) + ENF-yyyyMMdd-NNNN UID 자동 발급
|
||||
- ✅ 이벤트 발생 → 확인 → 단속 등록 → 오탐 처리 워크플로우 (액션 버튼 4종)
|
||||
- ✅ 모든 쓰기 액션 `auth_audit_log` 자동 기록 (ENFORCEMENT_CREATE / ENFORCEMENT_UPDATE / ACK_EVENT / UPDATE_EVENT_STATUS)
|
||||
- ✅ KPI 카운트 (CRITICAL/HIGH/MEDIUM/LOW) + 엑셀 내보내기 + 출력
|
||||
- ✅ 단속 완료 시 prediction_events.status 자동 RESOLVED 갱신
|
||||
**구현 완료:**
|
||||
- ✅ 단속 이력 6건 목록/상세 UI
|
||||
- ✅ AI 매칭 검증 결과 표시
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 증거 파일(사진/영상) 업로드 서버 연동
|
||||
- 🔲 AI 매칭 검증 정량 지표 (탐지↔단속 confusion matrix)
|
||||
- 🔲 단속 이력 DB 연동 (조회/등록/수정)
|
||||
- 🔲 AI 매칭 검증 엔진 연동
|
||||
- 🔲 탐지-단속 연계 자동 분석
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 이력 데이터는 샘플이며, DB 연동 후 실제 단속 데이터로 교체 필요
|
||||
|
||||
---
|
||||
|
||||
@ -497,15 +487,17 @@ AIS(선박자동식별장치) 신호를 의도적으로 끈 의심 선박(Dark V
|
||||
- 함정 배치 현황 요약
|
||||
- 실시간 경보 알림 표시
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **실시간 KPI 카드** — `/api/stats/kpi` 연동, prediction 5분 주기 결과 기반
|
||||
- ✅ 실시간 상황 타임라인 — 최근 `prediction_events` 스트림 (긴급/경고 카운트 실시간)
|
||||
- ✅ 함정 배치 현황 + 경보 알림 + 순찰 현황 통합
|
||||
- ✅ 라이트/다크 모드 반응형 (2026-04-17 PR #C 하드코딩 색상 제거)
|
||||
**구현 완료:**
|
||||
- ✅ KPI 카드 + 히트맵 + 타임라인 + 함정 현황 통합 대시보드 UI
|
||||
- ✅ 반응형 레이아웃 (화면 크기에 따른 자동 배치)
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 WebSocket 기반 실시간 push (현재는 주기 polling)
|
||||
- 🔲 맞춤형 대시보드 레이아웃 (드래그/리사이즈)
|
||||
- 🔲 실시간 데이터 연동 (WebSocket 등)
|
||||
- 🔲 KPI 수치 실시간 갱신
|
||||
- 🔲 히트맵/타임라인 실시간 업데이트
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 모든 수치는 샘플 데이터이며, 실시간 연동 후 정확한 운영 데이터로 교체 필요
|
||||
|
||||
---
|
||||
|
||||
@ -524,15 +516,17 @@ AIS(선박자동식별장치) 신호를 의도적으로 끈 의심 선박(Dark V
|
||||
- 경보 처리(확인/대응/종결) 워크플로우
|
||||
- 경보 발생 이력 조회
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **실시간 경보 수신** — `/api/events` + `/api/alerts` 실 API 연동, prediction event_generator 4룰 기반
|
||||
- ✅ 경보 등급별(CRITICAL/HIGH/MEDIUM/LOW) 현황 + KPI 카운트
|
||||
- ✅ 경보 처리 워크플로우 — 확인(ACK) → 단속 등록 → 오탐 처리 (DB 저장 + `auth_audit_log` 기록)
|
||||
- ✅ 시스템 상태 패널 (백엔드/AI 분석 엔진/DB 상태 실시간 표시, 30초 자동 갱신)
|
||||
**구현 완료:**
|
||||
- ✅ 경보 등급별 현황판 UI
|
||||
- ✅ 경보 목록/상세 조회 화면
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 경보 자동 에스컬레이션 정책
|
||||
- 🔲 경보 룰 커스터마이즈 UI
|
||||
- 🔲 실시간 경보 수신 연동
|
||||
- 🔲 경보 처리 워크플로우 DB 연동
|
||||
- 🔲 경보 자동 에스컬레이션
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 경보 데이터는 샘플이며, 실시간 연동 후 실제 경보 데이터로 교체 필요
|
||||
|
||||
---
|
||||
|
||||
@ -551,15 +545,17 @@ AIS(선박자동식별장치) 신호를 의도적으로 끈 의심 선박(Dark V
|
||||
- 선박/이벤트 클릭 시 상세 정보 팝업
|
||||
- 지도 확대/축소 및 해역 필터링
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **실시간 선박 위치 + 이벤트 마커** — prediction 5분 주기 분석 결과(`vessel_analysis_results.lat/lon`) + `prediction_events` 기반
|
||||
- ✅ MapLibre GL 5 + deck.gl 9 GPU 렌더링 (40만척+ 지원)
|
||||
- ✅ 위험도별 마커 opacity/radius 차등 (2026-04-17 `ALERT_LEVEL_MARKER_OPACITY/RADIUS` 헬퍼 적용)
|
||||
- ✅ 이벤트 상세 패널 + 고위험 사건 실시간 알림 (LIVE 표시)
|
||||
**구현 완료:**
|
||||
- ✅ LiveMap 기반 실시간 감시 지도 UI
|
||||
- ✅ 선박/이벤트 마커 및 팝업 인터랙션
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 WebSocket 기반 실시간 push (현재는 주기 갱신)
|
||||
- 🔲 SAR 위성영상 오버레이
|
||||
- 🔲 실시간 AIS/VMS 데이터 연동
|
||||
- 🔲 WebSocket 기반 실시간 위치 업데이트
|
||||
- 🔲 이벤트 발생 시 자동 지도 포커스 이동
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 선박 위치는 샘플 데이터이며, 실시간 데이터 연동 필요
|
||||
|
||||
---
|
||||
|
||||
@ -605,15 +601,17 @@ AIS(선박자동식별장치) 신호를 의도적으로 끈 의심 선박(Dark V
|
||||
- 기간별/해역별/유형별 필터링
|
||||
- 통계 데이터 엑셀 내보내기 및 인쇄
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **실시간 통계 데이터** — `/api/stats/monthly|daily|hourly` 연동, prediction `stats_aggregator` 집계 결과 기반
|
||||
- ✅ 월별/일별/시간별 추이 그래프 (ECharts, KST 기준)
|
||||
- ✅ 해역별/유형별 필터링 + 엑셀 내보내기/인쇄
|
||||
- ✅ 감사·보안 통계 — `/api/admin/stats/audit|access|login` (2026-04-17 AdminStatsService 계층 분리)
|
||||
**구현 완료:**
|
||||
- ✅ 월별 추이 차트 및 KPI 5개 대시보드 UI
|
||||
- ✅ 필터링 및 엑셀 내보내기/인쇄 기능
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 보고서 자동 생성 (PDF/HWP) — 현재는 UI만
|
||||
- 🔲 맞춤형 지표 대시보드 설정
|
||||
- 🔲 통계 데이터 DB 연동
|
||||
- 🔲 실제 운영 데이터 기반 KPI 자동 산출
|
||||
- 🔲 맞춤형 보고서 생성 기능
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 KPI 수치(정확도 93.2%, 오탐율 7.8% 등)는 샘플 데이터이며, 실제 운영 데이터 기반으로 교체 필요
|
||||
|
||||
---
|
||||
|
||||
@ -745,15 +743,17 @@ AI가 분석한 결과를 기반으로 관련 담당자에게 알림을 발송
|
||||
- 알림 수신자 설정 및 발송
|
||||
- 알림 전송 결과(성공/실패) 확인
|
||||
|
||||
**구현 완료 (2026-04-17 기준):**
|
||||
- ✅ **AI 알림 이력 실 API 조회** — `/api/alerts` 연동 (2026-04-17 AlertService 계층 분리)
|
||||
- ✅ prediction `alert_dispatcher` 모듈이 event_generator 결과 기반으로 `prediction_alerts` 테이블에 자동 기록
|
||||
- ✅ 알림 유형별 분류 + DataTable 검색/정렬/페이징/엑셀 내보내기
|
||||
**구현 완료:**
|
||||
- ✅ 알림 5건 전송 현황 UI
|
||||
- ✅ 알림 유형별 분류 및 상세 조회
|
||||
|
||||
**향후 구현 예정:**
|
||||
- 🔲 실제 SMS/푸시 발송 게이트웨이 연동 (현재는 DB 기록만)
|
||||
- 🔲 알림 템플릿 엔진
|
||||
- 🔲 수신자 그룹 관리
|
||||
- 🔲 실제 알림 발송 기능 구현 (SMS, 이메일, Push 등)
|
||||
- 🔲 AI 분석 결과 기반 자동 알림 트리거
|
||||
- 🔲 알림 발송 이력 DB 연동
|
||||
|
||||
**보완 필요:**
|
||||
- ⚠️ 현재 알림은 실제 발송되지 않으며, 발송 채널(SMS/이메일/Push) 연동 필요
|
||||
|
||||
---
|
||||
|
||||
@ -857,27 +857,15 @@ AI에게 질문하고 답변을 받을 수 있는 대화형(채팅) 인터페이
|
||||
|
||||
---
|
||||
|
||||
## 부록: 현재 시스템 상태 요약 (2026-04-17 기준)
|
||||
## 부록: 현재 시스템 상태 요약
|
||||
|
||||
| 항목 | 상태 |
|
||||
|------|------|
|
||||
| UI 구현 | 모든 SFR 완료 |
|
||||
| **백엔드 연동** | **15+ 화면 실 API 연동 완료** (Auth/RBAC/Audit/Events/Alerts/Enforcement/Stats/Analysis/Master 등 65+ API) |
|
||||
| **AI 분석 엔진 (prediction)** | **운영 중** — 5분 주기로 snpdb 분석 → kcgaidb 저장, 14 알고리즘 + DAR-03 G-01~G-06 |
|
||||
| **데이터** | 실 AIS 원천(snpdb) + prediction 분석 결과 + 자체 DB 저장 데이터 (일부 화면은 여전히 Mock) |
|
||||
| **인증 체계** | 자체 ID/PW + JWT + 트리 기반 RBAC + 5회 실패 잠금 (SSO/GPKI 미연동) |
|
||||
| **실시간 기능** | prediction 5분 주기 + 프론트 30초 폴링 (WebSocket push 미도입) |
|
||||
| **AI 모델** | Dark Vessel 11패턴 / DAR-03 G-01~G-06 / 환적 5단계 / 경량 risk 등 14종 운영 중 (일부 모델은 Mock 계획 단계) |
|
||||
| **외부 시스템** | snpdb / gc-signal-batch 연동 완료. 유관기관 OpenAPI(GICOMS/MTIS 등)는 미연동 |
|
||||
| **디자인 시스템** | `design-system.html` 쇼케이스 SSOT 전영역 준수, 라이트/다크 모드 완전 대응 |
|
||||
| **다국어** | 한/영 alert/confirm/aria-label 전수 치환 완료 (JSX placeholder 35건은 후속 과제) |
|
||||
| **모바일 앱** | 웹 시뮬레이션만 제공 (PWA/네이티브 앱 미개발) |
|
||||
|
||||
---
|
||||
|
||||
## 변경 이력
|
||||
|
||||
| 일자 | 내용 |
|
||||
|------|------|
|
||||
| 2026-04-06 | 초기 작성 (프론트엔드 프로토타입 v0.1.0 기준) |
|
||||
| 2026-04-17 | 헤더 + SFR-01/02/09/10/11/12/13/17 주요 섹션 업데이트. 실 API 연동 / prediction 운영 상태 / 2026-04-17 PR #A/#B/#C 반영 |
|
||||
| 백엔드 연동 | 미구현 (전체) |
|
||||
| 데이터 | 시연용 샘플 데이터 |
|
||||
| 인증 체계 | 데모 계정 5종 (SSO/GPKI 미연동) |
|
||||
| 실시간 기능 | 미구현 (WebSocket 등 미연동) |
|
||||
| AI 모델 | 미연동 (탐지/예측/최적화 등) |
|
||||
| 외부 시스템 | 미연동 (GICOMS, MTIS 등) |
|
||||
| 모바일 앱 | 웹 시뮬레이션만 제공 (네이티브 앱 미개발) |
|
||||
|
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | 크기: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | 크기: 51 KiB |
Binary file not shown.
|
Before Width: | Height: | 크기: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | 크기: 67 KiB |
Binary file not shown.
|
Before Width: | Height: | 크기: 54 KiB |
@ -1,13 +1,41 @@
|
||||
import { Suspense, useMemo, lazy } from 'react';
|
||||
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
|
||||
import { AuthProvider, useAuth } from '@/app/auth/AuthContext';
|
||||
import { MainLayout } from '@/app/layout/MainLayout';
|
||||
import { LoginPage } from '@features/auth';
|
||||
import { useMenuStore } from '@stores/menuStore';
|
||||
import { COMPONENT_REGISTRY } from '@/app/componentRegistry';
|
||||
|
||||
// 권한 노드 없는 드릴다운 라우트 (인증만 체크)
|
||||
const VesselDetail = lazy(() => import('@features/vessel').then((m) => ({ default: m.VesselDetail })));
|
||||
/* SFR-01 */ import { AccessControl } from '@features/admin';
|
||||
/* SFR-02 */ import { SystemConfig, NoticeManagement } from '@features/admin';
|
||||
/* SFR-03 */ import { DataHub } from '@features/admin';
|
||||
/* SFR-04 */ import { AIModelManagement } from '@features/ai-operations';
|
||||
/* SFR-05 */ import { RiskMap } from '@features/risk-assessment';
|
||||
/* SFR-06 */ import { EnforcementPlan } from '@features/risk-assessment';
|
||||
/* SFR-07 */ import { PatrolRoute } from '@features/patrol';
|
||||
/* SFR-08 */ import { FleetOptimization } from '@features/patrol';
|
||||
/* SFR-09 */ import { DarkVesselDetection } from '@features/detection';
|
||||
/* SFR-10 */ import { GearDetection } from '@features/detection';
|
||||
/* SFR-11 */ import { EnforcementHistory } from '@features/enforcement';
|
||||
/* SFR-12 */ import { MonitoringDashboard } from '@features/monitoring';
|
||||
/* SFR-13 */ import { Statistics } from '@features/statistics';
|
||||
/* SFR-14 */ import { ExternalService } from '@features/statistics';
|
||||
/* SFR-15 */ import { MobileService } from '@features/field-ops';
|
||||
/* SFR-16 */ import { ShipAgent } from '@features/field-ops';
|
||||
/* SFR-17 */ import { AIAlert } from '@features/field-ops';
|
||||
/* SFR-18+19 */ import { MLOpsPage } from '@features/ai-operations';
|
||||
/* SFR-20 */ import { AIAssistant } from '@features/ai-operations';
|
||||
/* 기존 */ import { Dashboard } from '@features/dashboard';
|
||||
import { LiveMapView, MapControl } from '@features/surveillance';
|
||||
import { EventList } from '@features/enforcement';
|
||||
import { VesselDetail } from '@features/vessel';
|
||||
import { ChinaFishing } from '@features/detection';
|
||||
import { ReportManagement } from '@features/statistics';
|
||||
import { AdminPanel } from '@features/admin';
|
||||
// Phase 4: 모선 워크플로우
|
||||
import { ParentReview } from '@features/parent-inference/ParentReview';
|
||||
import { ParentExclusion } from '@features/parent-inference/ParentExclusion';
|
||||
import { LabelSession } from '@features/parent-inference/LabelSession';
|
||||
// Phase 4: 관리자 로그
|
||||
import { AuditLogs } from '@features/admin/AuditLogs';
|
||||
import { AccessLogs } from '@features/admin/AccessLogs';
|
||||
import { LoginHistoryView } from '@features/admin/LoginHistoryView';
|
||||
|
||||
/**
|
||||
* 권한 가드.
|
||||
@ -40,66 +68,65 @@ function ProtectedRoute({
|
||||
return <>{children}</>;
|
||||
}
|
||||
|
||||
function LoadingFallback() {
|
||||
return (
|
||||
<div className="flex items-center justify-center min-h-[40vh]">
|
||||
<div className="text-sm text-hint">로딩 중...</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* DB menu_config 기반 동적 라우트를 Route 배열로 반환.
|
||||
* React Router v6는 <Routes> 직계 자식으로 <Route>만 허용하므로 컴포넌트가 아닌 함수로 생성.
|
||||
*/
|
||||
function useDynamicRoutes() {
|
||||
const items = useMenuStore((s) => s.items);
|
||||
const routableItems = useMemo(
|
||||
() => items.filter((i) => i.menuType === 'ITEM' && i.urlPath),
|
||||
[items],
|
||||
);
|
||||
|
||||
return routableItems.map((item) => {
|
||||
const Comp = item.componentKey ? COMPONENT_REGISTRY[item.componentKey] : null;
|
||||
if (!Comp || !item.urlPath) return null;
|
||||
const path = item.urlPath.replace(/^\//, '');
|
||||
return (
|
||||
<Route
|
||||
key={item.menuCd}
|
||||
path={path}
|
||||
element={
|
||||
<ProtectedRoute resource={item.rsrcCd ?? undefined}>
|
||||
<Suspense fallback={<LoadingFallback />}>
|
||||
<Comp />
|
||||
</Suspense>
|
||||
</ProtectedRoute>
|
||||
}
|
||||
/>
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
function AppRoutes() {
|
||||
const dynamicRoutes = useDynamicRoutes();
|
||||
|
||||
return (
|
||||
<Routes>
|
||||
<Route path="/login" element={<LoginPage />} />
|
||||
<Route path="/" element={<ProtectedRoute><MainLayout /></ProtectedRoute>}>
|
||||
<Route index element={<Navigate to="/dashboard" replace />} />
|
||||
{dynamicRoutes}
|
||||
{/* 드릴다운 전용 라우트 — 메뉴/권한 노드 없음, 인증만 체크 */}
|
||||
<Route path="vessel/:id" element={<Suspense fallback={<LoadingFallback />}><VesselDetail /></Suspense>} />
|
||||
</Route>
|
||||
</Routes>
|
||||
);
|
||||
}
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<BrowserRouter>
|
||||
<AuthProvider>
|
||||
<AppRoutes />
|
||||
<Routes>
|
||||
<Route path="/login" element={<LoginPage />} />
|
||||
<Route path="/" element={<ProtectedRoute><MainLayout /></ProtectedRoute>}>
|
||||
<Route index element={<Navigate to="/dashboard" replace />} />
|
||||
{/* SFR-12 대시보드 */}
|
||||
<Route path="dashboard" element={<ProtectedRoute resource="dashboard"><Dashboard /></ProtectedRoute>} />
|
||||
<Route path="monitoring" element={<ProtectedRoute resource="monitoring"><MonitoringDashboard /></ProtectedRoute>} />
|
||||
{/* SFR-05~06 위험도·단속계획 */}
|
||||
<Route path="risk-map" element={<ProtectedRoute resource="risk-assessment:risk-map"><RiskMap /></ProtectedRoute>} />
|
||||
<Route path="enforcement-plan" element={<ProtectedRoute resource="risk-assessment:enforcement-plan"><EnforcementPlan /></ProtectedRoute>} />
|
||||
{/* SFR-09~10 탐지 */}
|
||||
<Route path="dark-vessel" element={<ProtectedRoute resource="detection:dark-vessel"><DarkVesselDetection /></ProtectedRoute>} />
|
||||
<Route path="gear-detection" element={<ProtectedRoute resource="detection:gear-detection"><GearDetection /></ProtectedRoute>} />
|
||||
<Route path="china-fishing" element={<ProtectedRoute resource="detection:china-fishing"><ChinaFishing /></ProtectedRoute>} />
|
||||
{/* SFR-07~08 순찰경로 */}
|
||||
<Route path="patrol-route" element={<ProtectedRoute resource="patrol:patrol-route"><PatrolRoute /></ProtectedRoute>} />
|
||||
<Route path="fleet-optimization" element={<ProtectedRoute resource="patrol:fleet-optimization"><FleetOptimization /></ProtectedRoute>} />
|
||||
{/* SFR-11 이력 */}
|
||||
<Route path="enforcement-history" element={<ProtectedRoute resource="enforcement:enforcement-history"><EnforcementHistory /></ProtectedRoute>} />
|
||||
<Route path="event-list" element={<ProtectedRoute resource="enforcement:event-list"><EventList /></ProtectedRoute>} />
|
||||
{/* SFR-15~17 현장 대응 */}
|
||||
<Route path="mobile-service" element={<ProtectedRoute resource="field-ops:mobile-service"><MobileService /></ProtectedRoute>} />
|
||||
<Route path="ship-agent" element={<ProtectedRoute resource="field-ops:ship-agent"><ShipAgent /></ProtectedRoute>} />
|
||||
<Route path="ai-alert" element={<ProtectedRoute resource="field-ops:ai-alert"><AIAlert /></ProtectedRoute>} />
|
||||
{/* SFR-13~14 통계·외부연계 */}
|
||||
<Route path="statistics" element={<ProtectedRoute resource="statistics:statistics"><Statistics /></ProtectedRoute>} />
|
||||
<Route path="external-service" element={<ProtectedRoute resource="statistics:external-service"><ExternalService /></ProtectedRoute>} />
|
||||
<Route path="reports" element={<ProtectedRoute resource="statistics:statistics"><ReportManagement /></ProtectedRoute>} />
|
||||
{/* SFR-04 AI 모델 */}
|
||||
<Route path="ai-model" element={<ProtectedRoute resource="ai-operations:ai-model"><AIModelManagement /></ProtectedRoute>} />
|
||||
{/* SFR-18~20 AI 운영 */}
|
||||
<Route path="mlops" element={<ProtectedRoute resource="ai-operations:mlops"><MLOpsPage /></ProtectedRoute>} />
|
||||
<Route path="ai-assistant" element={<ProtectedRoute resource="ai-operations:ai-assistant"><AIAssistant /></ProtectedRoute>} />
|
||||
{/* SFR-03 데이터허브 */}
|
||||
<Route path="data-hub" element={<ProtectedRoute resource="admin:system-config"><DataHub /></ProtectedRoute>} />
|
||||
{/* SFR-02 환경설정 */}
|
||||
<Route path="system-config" element={<ProtectedRoute resource="admin:system-config"><SystemConfig /></ProtectedRoute>} />
|
||||
<Route path="notices" element={<ProtectedRoute resource="admin"><NoticeManagement /></ProtectedRoute>} />
|
||||
{/* SFR-01 권한·시스템 */}
|
||||
<Route path="access-control" element={<ProtectedRoute resource="admin:permission-management"><AccessControl /></ProtectedRoute>} />
|
||||
<Route path="admin" element={<ProtectedRoute resource="admin"><AdminPanel /></ProtectedRoute>} />
|
||||
{/* Phase 4: 관리자 로그 */}
|
||||
<Route path="admin/audit-logs" element={<ProtectedRoute resource="admin:audit-logs"><AuditLogs /></ProtectedRoute>} />
|
||||
<Route path="admin/access-logs" element={<ProtectedRoute resource="admin:access-logs"><AccessLogs /></ProtectedRoute>} />
|
||||
<Route path="admin/login-history" element={<ProtectedRoute resource="admin:login-history"><LoginHistoryView /></ProtectedRoute>} />
|
||||
{/* Phase 4: 모선 워크플로우 */}
|
||||
<Route path="parent-inference/review" element={<ProtectedRoute resource="parent-inference-workflow:parent-review"><ParentReview /></ProtectedRoute>} />
|
||||
<Route path="parent-inference/exclusion" element={<ProtectedRoute resource="parent-inference-workflow:parent-exclusion"><ParentExclusion /></ProtectedRoute>} />
|
||||
<Route path="parent-inference/label-session" element={<ProtectedRoute resource="parent-inference-workflow:label-session"><LabelSession /></ProtectedRoute>} />
|
||||
{/* 기존 유지 */}
|
||||
<Route path="events" element={<ProtectedRoute resource="surveillance:live-map"><LiveMapView /></ProtectedRoute>} />
|
||||
<Route path="map-control" element={<ProtectedRoute resource="surveillance:map-control"><MapControl /></ProtectedRoute>} />
|
||||
<Route path="vessel/:id" element={<ProtectedRoute resource="vessel:vessel-detail"><VesselDetail /></ProtectedRoute>} />
|
||||
</Route>
|
||||
</Routes>
|
||||
</AuthProvider>
|
||||
</BrowserRouter>
|
||||
);
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import { createContext, useContext, useState, useEffect, useCallback, type ReactNode } from 'react';
|
||||
import { fetchMe, loginApi, logoutApi, LoginError, type BackendUser, type MenuConfigItem } from '@/services/authApi';
|
||||
import { useMenuStore } from '@stores/menuStore';
|
||||
import { fetchMe, loginApi, logoutApi, LoginError, type BackendUser } from '@/services/authApi';
|
||||
|
||||
/*
|
||||
* SFR-01: 시스템 로그인 및 권한 관리
|
||||
@ -34,6 +33,46 @@ export interface AuthUser {
|
||||
// ─── 세션 타임아웃 (30분) ──────────────────
|
||||
const SESSION_TIMEOUT = 30 * 60 * 1000;
|
||||
|
||||
// 경로 → 권한 리소스 매핑 (ProtectedRoute용)
|
||||
const PATH_TO_RESOURCE: Record<string, string> = {
|
||||
'/dashboard': 'dashboard',
|
||||
'/monitoring': 'monitoring',
|
||||
'/events': 'surveillance:live-map',
|
||||
'/map-control': 'surveillance:map-control',
|
||||
'/dark-vessel': 'detection:dark-vessel',
|
||||
'/gear-detection': 'detection:gear-detection',
|
||||
'/china-fishing': 'detection:china-fishing',
|
||||
'/vessel': 'vessel',
|
||||
'/risk-map': 'risk-assessment:risk-map',
|
||||
'/enforcement-plan': 'risk-assessment:enforcement-plan',
|
||||
'/patrol-route': 'patrol:patrol-route',
|
||||
'/fleet-optimization': 'patrol:fleet-optimization',
|
||||
'/enforcement-history': 'enforcement:enforcement-history',
|
||||
'/event-list': 'enforcement:event-list',
|
||||
'/mobile-service': 'field-ops:mobile-service',
|
||||
'/ship-agent': 'field-ops:ship-agent',
|
||||
'/ai-alert': 'field-ops:ai-alert',
|
||||
'/ai-assistant': 'ai-operations:ai-assistant',
|
||||
'/ai-model': 'ai-operations:ai-model',
|
||||
'/mlops': 'ai-operations:mlops',
|
||||
'/statistics': 'statistics:statistics',
|
||||
'/external-service': 'statistics:external-service',
|
||||
'/admin/audit-logs': 'admin:audit-logs',
|
||||
'/admin/access-logs': 'admin:access-logs',
|
||||
'/admin/login-history': 'admin:login-history',
|
||||
'/admin': 'admin',
|
||||
'/access-control': 'admin:permission-management',
|
||||
'/system-config': 'admin:system-config',
|
||||
'/notices': 'admin',
|
||||
'/reports': 'statistics:statistics',
|
||||
'/data-hub': 'admin:system-config',
|
||||
// 모선 워크플로우
|
||||
'/parent-inference/review': 'parent-inference-workflow:parent-review',
|
||||
'/parent-inference/exclusion': 'parent-inference-workflow:parent-exclusion',
|
||||
'/parent-inference/label-session': 'parent-inference-workflow:label-session',
|
||||
'/parent-inference': 'parent-inference-workflow',
|
||||
};
|
||||
|
||||
interface AuthContextType {
|
||||
user: AuthUser | null;
|
||||
loading: boolean;
|
||||
@ -93,10 +132,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
|
||||
let alive = true;
|
||||
fetchMe()
|
||||
.then((b) => {
|
||||
if (alive && b) {
|
||||
setUser(backendToAuthUser(b));
|
||||
if (b.menuConfig) useMenuStore.getState().setMenuConfig(b.menuConfig);
|
||||
}
|
||||
if (alive && b) setUser(backendToAuthUser(b));
|
||||
})
|
||||
.finally(() => {
|
||||
if (alive) setLoading(false);
|
||||
@ -138,7 +174,6 @@ export function AuthProvider({ children }: { children: ReactNode }) {
|
||||
try {
|
||||
const b = await loginApi(account, password);
|
||||
setUser(backendToAuthUser(b));
|
||||
if (b.menuConfig) useMenuStore.getState().setMenuConfig(b.menuConfig);
|
||||
setLastActivity(Date.now());
|
||||
} catch (e) {
|
||||
if (e instanceof LoginError) throw e;
|
||||
@ -151,7 +186,6 @@ export function AuthProvider({ children }: { children: ReactNode }) {
|
||||
await logoutApi();
|
||||
} finally {
|
||||
setUser(null);
|
||||
useMenuStore.getState().clear();
|
||||
}
|
||||
}, []);
|
||||
|
||||
@ -166,9 +200,10 @@ export function AuthProvider({ children }: { children: ReactNode }) {
|
||||
const hasAccess = useCallback(
|
||||
(path: string) => {
|
||||
if (!user) return false;
|
||||
// DB menu_config 기반 longest-match (PATH_TO_RESOURCE 대체)
|
||||
const resource = useMenuStore.getState().getResourceForPath(path);
|
||||
if (!resource) return true;
|
||||
// 경로의 첫 세그먼트로 매핑
|
||||
const matched = Object.keys(PATH_TO_RESOURCE).find((p) => path.startsWith(p));
|
||||
if (!matched) return true; // 매핑 없는 경로는 허용 (안전한 기본값으로 변경 가능)
|
||||
const resource = PATH_TO_RESOURCE[matched];
|
||||
return hasPermission(resource, 'READ');
|
||||
},
|
||||
[user, hasPermission],
|
||||
|
||||
@ -1,157 +0,0 @@
|
||||
import { lazy, type ComponentType } from 'react';
|
||||
|
||||
type LazyComponent = React.LazyExoticComponent<ComponentType<unknown>>;
|
||||
|
||||
/**
|
||||
* DB menu_config.component_key → lazy-loaded React 컴포넌트 매핑.
|
||||
* 메뉴 추가 시 이 레지스트리에 1줄만 추가하면 됨.
|
||||
*/
|
||||
export const COMPONENT_REGISTRY: Record<string, LazyComponent> = {
|
||||
// ── 상황판·감시 ──
|
||||
'features/dashboard/Dashboard': lazy(() =>
|
||||
import('@features/dashboard/Dashboard').then((m) => ({ default: m.Dashboard })),
|
||||
),
|
||||
'features/monitoring/MonitoringDashboard': lazy(() =>
|
||||
import('@features/monitoring/MonitoringDashboard').then((m) => ({
|
||||
default: m.MonitoringDashboard,
|
||||
})),
|
||||
),
|
||||
'features/surveillance/LiveMapView': lazy(() =>
|
||||
import('@features/surveillance').then((m) => ({ default: m.LiveMapView })),
|
||||
),
|
||||
'features/surveillance/MapControl': lazy(() =>
|
||||
import('@features/surveillance').then((m) => ({ default: m.MapControl })),
|
||||
),
|
||||
// ── 위험도·단속 ──
|
||||
'features/risk-assessment/RiskMap': lazy(() =>
|
||||
import('@features/risk-assessment').then((m) => ({ default: m.RiskMap })),
|
||||
),
|
||||
'features/risk-assessment/EnforcementPlan': lazy(() =>
|
||||
import('@features/risk-assessment').then((m) => ({ default: m.EnforcementPlan })),
|
||||
),
|
||||
// ── 탐지 ──
|
||||
'features/detection/DarkVesselDetection': lazy(() =>
|
||||
import('@features/detection').then((m) => ({ default: m.DarkVesselDetection })),
|
||||
),
|
||||
'features/detection/GearDetection': lazy(() =>
|
||||
import('@features/detection').then((m) => ({ default: m.GearDetection })),
|
||||
),
|
||||
'features/detection/ChinaFishing': lazy(() =>
|
||||
import('@features/detection').then((m) => ({ default: m.ChinaFishing })),
|
||||
),
|
||||
'features/detection/GearCollisionDetection': lazy(() =>
|
||||
import('@features/detection').then((m) => ({ default: m.GearCollisionDetection })),
|
||||
),
|
||||
// ── 단속·이벤트 ──
|
||||
'features/enforcement/EnforcementHistory': lazy(() =>
|
||||
import('@features/enforcement').then((m) => ({ default: m.EnforcementHistory })),
|
||||
),
|
||||
'features/enforcement/EventList': lazy(() =>
|
||||
import('@features/enforcement').then((m) => ({ default: m.EventList })),
|
||||
),
|
||||
// ── 통계 ──
|
||||
'features/statistics/Statistics': lazy(() =>
|
||||
import('@features/statistics').then((m) => ({ default: m.Statistics })),
|
||||
),
|
||||
'features/statistics/ReportManagement': lazy(() =>
|
||||
import('@features/statistics').then((m) => ({ default: m.ReportManagement })),
|
||||
),
|
||||
'features/statistics/ExternalService': lazy(() =>
|
||||
import('@features/statistics').then((m) => ({ default: m.ExternalService })),
|
||||
),
|
||||
// ── 순찰 ──
|
||||
'features/patrol/PatrolRoute': lazy(() =>
|
||||
import('@features/patrol').then((m) => ({ default: m.PatrolRoute })),
|
||||
),
|
||||
'features/patrol/FleetOptimization': lazy(() =>
|
||||
import('@features/patrol').then((m) => ({ default: m.FleetOptimization })),
|
||||
),
|
||||
// ── 현장작전 ──
|
||||
'features/field-ops/AIAlert': lazy(() =>
|
||||
import('@features/field-ops').then((m) => ({ default: m.AIAlert })),
|
||||
),
|
||||
'features/field-ops/MobileService': lazy(() =>
|
||||
import('@features/field-ops').then((m) => ({ default: m.MobileService })),
|
||||
),
|
||||
'features/field-ops/ShipAgent': lazy(() =>
|
||||
import('@features/field-ops').then((m) => ({ default: m.ShipAgent })),
|
||||
),
|
||||
// ── AI 운영 ──
|
||||
'features/ai-operations/AIModelManagement': lazy(() =>
|
||||
import('@features/ai-operations').then((m) => ({ default: m.AIModelManagement })),
|
||||
),
|
||||
'features/ai-operations/MLOpsPage': lazy(() =>
|
||||
import('@features/ai-operations').then((m) => ({ default: m.MLOpsPage })),
|
||||
),
|
||||
'features/ai-operations/LGCNSMLOpsPage': lazy(() =>
|
||||
import('@features/ai-operations').then((m) => ({ default: m.LGCNSMLOpsPage })),
|
||||
),
|
||||
'features/ai-operations/LLMOpsPage': lazy(() =>
|
||||
import('@features/ai-operations').then((m) => ({ default: m.LLMOpsPage })),
|
||||
),
|
||||
'features/ai-operations/AIAssistant': lazy(() =>
|
||||
import('@features/ai-operations').then((m) => ({ default: m.AIAssistant })),
|
||||
),
|
||||
// ── 관리 ──
|
||||
'features/admin/AdminPanel': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.AdminPanel })),
|
||||
),
|
||||
'features/admin/SystemConfig': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.SystemConfig })),
|
||||
),
|
||||
'features/admin/DataHub': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.DataHub })),
|
||||
),
|
||||
'features/admin/AccessControl': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.AccessControl })),
|
||||
),
|
||||
'features/admin/NoticeManagement': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.NoticeManagement })),
|
||||
),
|
||||
'features/admin/AuditLogs': lazy(() =>
|
||||
import('@features/admin/AuditLogs').then((m) => ({ default: m.AuditLogs })),
|
||||
),
|
||||
'features/admin/AccessLogs': lazy(() =>
|
||||
import('@features/admin/AccessLogs').then((m) => ({ default: m.AccessLogs })),
|
||||
),
|
||||
'features/admin/LoginHistoryView': lazy(() =>
|
||||
import('@features/admin/LoginHistoryView').then((m) => ({
|
||||
default: m.LoginHistoryView,
|
||||
})),
|
||||
),
|
||||
'features/admin/AISecurityPage': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.AISecurityPage })),
|
||||
),
|
||||
'features/admin/AIAgentSecurityPage': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.AIAgentSecurityPage })),
|
||||
),
|
||||
'features/admin/DataRetentionPolicy': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.DataRetentionPolicy })),
|
||||
),
|
||||
'features/admin/DataModelVerification': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.DataModelVerification })),
|
||||
),
|
||||
'features/admin/PerformanceMonitoring': lazy(() =>
|
||||
import('@features/admin').then((m) => ({ default: m.PerformanceMonitoring })),
|
||||
),
|
||||
// ── 모선 워크플로우 ──
|
||||
'features/parent-inference/ParentReview': lazy(() =>
|
||||
import('@features/parent-inference/ParentReview').then((m) => ({
|
||||
default: m.ParentReview,
|
||||
})),
|
||||
),
|
||||
'features/parent-inference/ParentExclusion': lazy(() =>
|
||||
import('@features/parent-inference/ParentExclusion').then((m) => ({
|
||||
default: m.ParentExclusion,
|
||||
})),
|
||||
),
|
||||
'features/parent-inference/LabelSession': lazy(() =>
|
||||
import('@features/parent-inference/LabelSession').then((m) => ({
|
||||
default: m.LabelSession,
|
||||
})),
|
||||
),
|
||||
// ── 선박 (숨김 라우트) ──
|
||||
'features/vessel/VesselDetail': lazy(() =>
|
||||
import('@features/vessel').then((m) => ({ default: m.VesselDetail })),
|
||||
),
|
||||
};
|
||||
@ -1,54 +0,0 @@
|
||||
import {
|
||||
LayoutDashboard, Activity, Radar, Map, Layers, Shield,
|
||||
EyeOff, Anchor, Ship, FileText, List, BarChart3,
|
||||
Navigation, Users, Send, Smartphone, Monitor,
|
||||
GitBranch, CheckSquare, Ban, Tag, Settings,
|
||||
Brain, Cpu, MessageSquare, Database, Wifi, Globe,
|
||||
Fingerprint, Megaphone, ScrollText, History, KeyRound,
|
||||
type LucideIcon,
|
||||
} from 'lucide-react';
|
||||
|
||||
/**
|
||||
* DB icon 문자열 → Lucide React 컴포넌트 매핑.
|
||||
* 사이드바에서 사용하는 아이콘만 포함.
|
||||
*/
|
||||
const ICON_MAP: Record<string, LucideIcon> = {
|
||||
LayoutDashboard,
|
||||
Activity,
|
||||
Radar,
|
||||
Map,
|
||||
Layers,
|
||||
Shield,
|
||||
EyeOff,
|
||||
Anchor,
|
||||
Ship,
|
||||
FileText,
|
||||
List,
|
||||
BarChart3,
|
||||
Navigation,
|
||||
Users,
|
||||
Send,
|
||||
Smartphone,
|
||||
Monitor,
|
||||
GitBranch,
|
||||
CheckSquare,
|
||||
Ban,
|
||||
Tag,
|
||||
Settings,
|
||||
Brain,
|
||||
Cpu,
|
||||
MessageSquare,
|
||||
Database,
|
||||
Wifi,
|
||||
Globe,
|
||||
Fingerprint,
|
||||
Megaphone,
|
||||
ScrollText,
|
||||
History,
|
||||
KeyRound,
|
||||
};
|
||||
|
||||
export function resolveIcon(name: string | null): LucideIcon | null {
|
||||
if (!name) return null;
|
||||
return ICON_MAP[name] ?? null;
|
||||
}
|
||||
@ -2,16 +2,18 @@ import { useState, useRef } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Outlet, NavLink, useNavigate, useLocation } from 'react-router-dom';
|
||||
import {
|
||||
LogOut, ChevronLeft, ChevronRight,
|
||||
Shield, Bell, Search, Clock, Lock,
|
||||
Download, FileSpreadsheet, Printer,
|
||||
LayoutDashboard, Map, List, Ship, Anchor, Radar,
|
||||
FileText, Settings, LogOut, ChevronLeft, ChevronRight,
|
||||
Shield, Bell, Search, Fingerprint, Clock, Lock, Database, Megaphone, Layers,
|
||||
Download, FileSpreadsheet, Printer, Wifi, Brain, Activity,
|
||||
Navigation, Users, EyeOff, BarChart3, Globe,
|
||||
Smartphone, Monitor, Send, Cpu, MessageSquare,
|
||||
GitBranch, CheckSquare, Ban, Tag, ScrollText, History, KeyRound,
|
||||
} from 'lucide-react';
|
||||
import { useAuth } from '@/app/auth/AuthContext';
|
||||
import { useAuth, type UserRole } from '@/app/auth/AuthContext';
|
||||
import { getRoleColorHex } from '@shared/constants/userRoles';
|
||||
import { NotificationBanner, NotificationPopup, type SystemNotice } from '@shared/components/common/NotificationBanner';
|
||||
import { useSettingsStore } from '@stores/settingsStore';
|
||||
import { useMenuStore, getMenuLabel, type MenuConfigItem } from '@stores/menuStore';
|
||||
import { resolveIcon } from '@/app/iconRegistry';
|
||||
|
||||
/*
|
||||
* SFR-01 반영 사항:
|
||||
@ -32,6 +34,73 @@ const AUTH_METHOD_LABELS: Record<string, string> = {
|
||||
sso: 'SSO',
|
||||
};
|
||||
|
||||
interface NavItem { to: string; icon: React.ElementType; labelKey: string; }
|
||||
interface NavGroup { groupKey: string; icon: React.ElementType; items: NavItem[]; }
|
||||
type NavEntry = NavItem | NavGroup;
|
||||
|
||||
const isGroup = (entry: NavEntry): entry is NavGroup => 'groupKey' in entry;
|
||||
|
||||
const NAV_ENTRIES: NavEntry[] = [
|
||||
// ── 상황판·감시 ──
|
||||
{ to: '/dashboard', icon: LayoutDashboard, labelKey: 'nav.dashboard' },
|
||||
{ to: '/monitoring', icon: Activity, labelKey: 'nav.monitoring' },
|
||||
{ to: '/events', icon: Radar, labelKey: 'nav.realtimeEvent' },
|
||||
{ to: '/map-control', icon: Map, labelKey: 'nav.riskMap' },
|
||||
// ── 위험도·단속 ──
|
||||
{ to: '/risk-map', icon: Layers, labelKey: 'nav.riskMap' },
|
||||
{ to: '/enforcement-plan', icon: Shield, labelKey: 'nav.enforcementPlan' },
|
||||
// ── 탐지 ──
|
||||
{ to: '/dark-vessel', icon: EyeOff, labelKey: 'nav.darkVessel' },
|
||||
{ to: '/gear-detection', icon: Anchor, labelKey: 'nav.gearDetection' },
|
||||
{ to: '/china-fishing', icon: Ship, labelKey: 'nav.chinaFishing' },
|
||||
// ── 이력·통계 ──
|
||||
{ to: '/enforcement-history', icon: FileText, labelKey: 'nav.enforcementHistory' },
|
||||
{ to: '/event-list', icon: List, labelKey: 'nav.eventList' },
|
||||
{ to: '/statistics', icon: BarChart3, labelKey: 'nav.statistics' },
|
||||
{ to: '/reports', icon: FileText, labelKey: 'nav.reports' },
|
||||
// ── 함정용 (그룹) ──
|
||||
{
|
||||
groupKey: 'group.fieldOps', icon: Ship,
|
||||
items: [
|
||||
{ to: '/patrol-route', icon: Navigation, labelKey: 'nav.patrolRoute' },
|
||||
{ to: '/fleet-optimization', icon: Users, labelKey: 'nav.fleetOptimization' },
|
||||
{ to: '/ai-alert', icon: Send, labelKey: 'nav.aiAlert' },
|
||||
{ to: '/mobile-service', icon: Smartphone, labelKey: 'nav.mobileService' },
|
||||
{ to: '/ship-agent', icon: Monitor, labelKey: 'nav.shipAgent' },
|
||||
],
|
||||
},
|
||||
// ── 모선 워크플로우 (운영자 의사결정, 그룹) ──
|
||||
{
|
||||
groupKey: 'group.parentInference', icon: GitBranch,
|
||||
items: [
|
||||
{ to: '/parent-inference/review', icon: CheckSquare, labelKey: 'nav.parentReview' },
|
||||
{ to: '/parent-inference/exclusion', icon: Ban, labelKey: 'nav.parentExclusion' },
|
||||
{ to: '/parent-inference/label-session', icon: Tag, labelKey: 'nav.labelSession' },
|
||||
],
|
||||
},
|
||||
// ── 관리자 (그룹) ──
|
||||
{
|
||||
groupKey: 'group.admin', icon: Settings,
|
||||
items: [
|
||||
{ to: '/ai-model', icon: Brain, labelKey: 'nav.aiModel' },
|
||||
{ to: '/mlops', icon: Cpu, labelKey: 'nav.mlops' },
|
||||
{ to: '/ai-assistant', icon: MessageSquare, labelKey: 'nav.aiAssistant' },
|
||||
{ to: '/external-service', icon: Globe, labelKey: 'nav.externalService' },
|
||||
{ to: '/data-hub', icon: Wifi, labelKey: 'nav.dataHub' },
|
||||
{ to: '/system-config', icon: Database, labelKey: 'nav.systemConfig' },
|
||||
{ to: '/notices', icon: Megaphone, labelKey: 'nav.notices' },
|
||||
{ to: '/admin', icon: Settings, labelKey: 'nav.admin' },
|
||||
{ to: '/access-control', icon: Fingerprint, labelKey: 'nav.accessControl' },
|
||||
{ to: '/admin/audit-logs', icon: ScrollText, labelKey: 'nav.auditLogs' },
|
||||
{ to: '/admin/access-logs', icon: History, labelKey: 'nav.accessLogs' },
|
||||
{ to: '/admin/login-history', icon: KeyRound, labelKey: 'nav.loginHistory' },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
// getPageLabel용 flat 목록
|
||||
const NAV_ITEMS = NAV_ENTRIES.flatMap(e => isGroup(e) ? e.items : [e]);
|
||||
|
||||
function formatRemaining(seconds: number) {
|
||||
const m = Math.floor(seconds / 60);
|
||||
const s = seconds % 60;
|
||||
@ -46,13 +115,11 @@ export function MainLayout() {
|
||||
const location = useLocation();
|
||||
const { user, logout, hasAccess, sessionRemaining } = useAuth();
|
||||
const contentRef = useRef<HTMLDivElement>(null);
|
||||
const { getTopLevelEntries, getChildren } = useMenuStore();
|
||||
|
||||
// getPageLabel: DB 메뉴에서 현재 라우트 페이지명 (DB labels 기반)
|
||||
// getPageLabel: 현재 라우트에서 페이지명 가져오기 (i18n)
|
||||
const getPageLabel = (pathname: string): string => {
|
||||
const allItems = useMenuStore.getState().items.filter((i) => i.menuType === 'ITEM' && i.urlPath);
|
||||
const item = allItems.find((n) => pathname.startsWith(n.urlPath!));
|
||||
return item ? getMenuLabel(item, language) : '';
|
||||
const item = NAV_ITEMS.find((n) => pathname.startsWith(n.to));
|
||||
return item ? t(item.labelKey) : '';
|
||||
};
|
||||
|
||||
// 공통 검색
|
||||
@ -183,31 +250,64 @@ export function MainLayout() {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* 네비게이션 — DB menu_config 기반 동적 렌더링 + RBAC 필터 */}
|
||||
{/* 네비게이션 — RBAC 기반 필터링 + 그룹 메뉴 */}
|
||||
<nav className="flex-1 overflow-y-auto py-2 px-2 space-y-0.5">
|
||||
{getTopLevelEntries().map((entry) => {
|
||||
if (entry.menuType === 'GROUP') {
|
||||
{NAV_ENTRIES.map((entry) => {
|
||||
if (isGroup(entry)) {
|
||||
// 그룹 내 RBAC 필터링
|
||||
const groupItems = entry.items.filter((item) => hasAccess(item.to));
|
||||
if (groupItems.length === 0) return null;
|
||||
const GroupIcon = entry.icon;
|
||||
const isAnyActive = groupItems.some((item) => location.pathname.startsWith(item.to));
|
||||
return (
|
||||
<GroupMenu
|
||||
key={entry.menuCd}
|
||||
group={entry}
|
||||
children={getChildren(entry.menuCd)}
|
||||
collapsed={collapsed}
|
||||
hasAccess={hasAccess}
|
||||
openGroups={openGroups}
|
||||
toggleGroup={toggleGroup}
|
||||
location={location}
|
||||
language={language}
|
||||
/>
|
||||
<div key={entry.groupKey}>
|
||||
{/* 그룹 헤더 */}
|
||||
<button
|
||||
onClick={() => toggleGroup(entry.groupKey)}
|
||||
className={`flex items-center gap-2.5 px-3 py-2 rounded-lg text-[12px] font-medium w-full transition-colors ${
|
||||
isAnyActive || openGroups.has(entry.groupKey)
|
||||
? 'text-foreground bg-surface-overlay'
|
||||
: 'text-hint hover:bg-surface-overlay hover:text-label'
|
||||
}`}
|
||||
>
|
||||
<GroupIcon className="w-4 h-4 shrink-0" />
|
||||
{!collapsed && (
|
||||
<>
|
||||
<span className="flex-1 text-left whitespace-nowrap overflow-hidden text-ellipsis">{t(entry.groupKey)}</span>
|
||||
<ChevronRight className={`w-3 h-3 shrink-0 transition-transform ${openGroups.has(entry.groupKey) || isAnyActive ? 'rotate-90' : ''}`} />
|
||||
</>
|
||||
)}
|
||||
</button>
|
||||
{/* 그룹 하위 메뉴 */}
|
||||
{(openGroups.has(entry.groupKey) || isAnyActive) && (
|
||||
<div className={`mt-0.5 space-y-0.5 ${collapsed ? '' : 'ml-3 pl-2 border-l border-border'}`}>
|
||||
{groupItems.map((item) => (
|
||||
<NavLink
|
||||
key={item.to}
|
||||
to={item.to}
|
||||
className={({ isActive }) =>
|
||||
`flex items-center gap-2 px-2.5 py-1.5 rounded-lg text-[11px] font-medium transition-colors ${
|
||||
isActive
|
||||
? 'bg-blue-600/15 text-blue-400 border border-blue-500/20'
|
||||
: 'text-muted-foreground hover:bg-surface-overlay hover:text-foreground border border-transparent'
|
||||
}`
|
||||
}
|
||||
>
|
||||
<item.icon className="w-3.5 h-3.5 shrink-0" />
|
||||
{!collapsed && <span className="whitespace-nowrap overflow-hidden text-ellipsis">{t(item.labelKey)}</span>}
|
||||
</NavLink>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
// 일반 ITEM
|
||||
if (!entry.urlPath || !hasAccess(entry.urlPath)) return null;
|
||||
const Icon = resolveIcon(entry.icon);
|
||||
// 일반 메뉴 아이템
|
||||
if (!hasAccess(entry.to)) return null;
|
||||
return (
|
||||
<NavLink
|
||||
key={entry.menuCd}
|
||||
to={entry.urlPath}
|
||||
key={entry.to}
|
||||
to={entry.to}
|
||||
className={({ isActive }) =>
|
||||
`flex items-center gap-2.5 px-3 py-2 rounded-lg text-[12px] font-medium transition-colors ${
|
||||
isActive
|
||||
@ -216,8 +316,8 @@ export function MainLayout() {
|
||||
}`
|
||||
}
|
||||
>
|
||||
{Icon && <Icon className="w-4 h-4 shrink-0" />}
|
||||
{!collapsed && <span className="whitespace-nowrap overflow-hidden text-ellipsis">{getMenuLabel(entry, language)}</span>}
|
||||
<entry.icon className="w-4 h-4 shrink-0" />
|
||||
{!collapsed && <span className="whitespace-nowrap overflow-hidden text-ellipsis">{t(entry.labelKey)}</span>}
|
||||
</NavLink>
|
||||
);
|
||||
})}
|
||||
@ -282,9 +382,8 @@ export function MainLayout() {
|
||||
{/* 언어 토글 */}
|
||||
<button
|
||||
onClick={toggleLanguage}
|
||||
aria-label={t('aria.languageToggle')}
|
||||
className="px-2 py-1 rounded-lg text-[10px] font-bold bg-surface-overlay border border-border text-label hover:text-heading transition-colors whitespace-nowrap"
|
||||
title={language === 'ko' ? t('message.switchToEnglish') : t('message.switchToKorean')}
|
||||
title={language === 'ko' ? 'Switch to English' : '한국어로 전환'}
|
||||
>
|
||||
{language === 'ko' ? 'EN' : '한국어'}
|
||||
</button>
|
||||
@ -339,7 +438,7 @@ export function MainLayout() {
|
||||
<div className="relative flex items-center">
|
||||
<Search className="absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-hint pointer-events-none" />
|
||||
<input
|
||||
aria-label={t('aria.searchInPage')}
|
||||
aria-label="페이지 내 검색"
|
||||
value={pageSearch}
|
||||
onChange={(e) => setPageSearch(e.target.value)}
|
||||
onKeyDown={(e) => {
|
||||
@ -403,88 +502,3 @@ export function MainLayout() {
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
/* ─── 그룹 메뉴 서브 컴포넌트 (DB 기반) ─── */
|
||||
function GroupMenu({
|
||||
group,
|
||||
children,
|
||||
collapsed,
|
||||
hasAccess,
|
||||
openGroups,
|
||||
toggleGroup,
|
||||
location,
|
||||
language,
|
||||
}: {
|
||||
group: MenuConfigItem;
|
||||
children: MenuConfigItem[];
|
||||
collapsed: boolean;
|
||||
hasAccess: (path: string) => boolean;
|
||||
openGroups: Set<string>;
|
||||
toggleGroup: (name: string) => void;
|
||||
location: { pathname: string };
|
||||
language: string;
|
||||
}) {
|
||||
const navItems = children.filter((c) => c.menuType === 'ITEM' && c.urlPath);
|
||||
const accessibleItems = navItems.filter((c) => hasAccess(c.urlPath!));
|
||||
if (accessibleItems.length === 0) return null;
|
||||
|
||||
const GroupIcon = resolveIcon(group.icon);
|
||||
const isAnyActive = accessibleItems.some((c) => location.pathname.startsWith(c.urlPath!));
|
||||
const isOpen = openGroups.has(group.menuCd) || isAnyActive;
|
||||
|
||||
return (
|
||||
<div>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => toggleGroup(group.menuCd)}
|
||||
className={`flex items-center gap-2.5 px-3 py-2 rounded-lg text-[12px] font-medium w-full transition-colors ${
|
||||
isOpen ? 'text-foreground bg-surface-overlay' : 'text-hint hover:bg-surface-overlay hover:text-label'
|
||||
}`}
|
||||
>
|
||||
{GroupIcon && <GroupIcon className="w-4 h-4 shrink-0" />}
|
||||
{!collapsed && (
|
||||
<>
|
||||
<span className="flex-1 text-left whitespace-nowrap overflow-hidden text-ellipsis">
|
||||
{getMenuLabel(group, language)}
|
||||
</span>
|
||||
<ChevronRight className={`w-3 h-3 shrink-0 transition-transform ${isOpen ? 'rotate-90' : ''}`} />
|
||||
</>
|
||||
)}
|
||||
</button>
|
||||
{isOpen && (
|
||||
<div className={`mt-0.5 space-y-0.5 ${collapsed ? '' : 'ml-3 pl-2 border-l border-border'}`}>
|
||||
{children.map((child) => {
|
||||
if (child.menuType === 'DIVIDER') {
|
||||
if (collapsed) return null;
|
||||
return (
|
||||
<div key={child.menuCd} className="pt-2 pb-0.5 px-2.5">
|
||||
<span className="text-[8px] font-bold text-hint uppercase tracking-wider">{child.dividerLabel}</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
if (!child.urlPath || !hasAccess(child.urlPath)) return null;
|
||||
const ChildIcon = resolveIcon(child.icon);
|
||||
return (
|
||||
<NavLink
|
||||
key={child.menuCd}
|
||||
to={child.urlPath}
|
||||
className={({ isActive }) =>
|
||||
`flex items-center gap-2 px-2.5 py-1.5 rounded-lg text-[11px] font-medium transition-colors ${
|
||||
isActive
|
||||
? 'bg-blue-600/15 text-blue-400 border border-blue-500/20'
|
||||
: 'text-muted-foreground hover:bg-surface-overlay hover:text-foreground border border-transparent'
|
||||
}`
|
||||
}
|
||||
>
|
||||
{ChildIcon && <ChildIcon className="w-3.5 h-3.5 shrink-0" />}
|
||||
{!collapsed && (
|
||||
<span className="whitespace-nowrap overflow-hidden text-ellipsis">{getMenuLabel(child, language)}</span>
|
||||
)}
|
||||
</NavLink>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,299 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { TabBar, TabButton } from '@shared/components/ui/tabs';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import { getStatusIntent } from '@shared/constants/statusIntent';
|
||||
import { getAgentPermTypeIntent, getThreatLevelIntent, getAgentExecResultIntent } from '@shared/constants/aiSecurityStatuses';
|
||||
import {
|
||||
Bot, Activity, AlertTriangle,
|
||||
CheckCircle, FileText,
|
||||
Users,
|
||||
Key, Layers, Hand,
|
||||
} from 'lucide-react';
|
||||
|
||||
/*
|
||||
* SER-11: AI Agent 구축 운영
|
||||
*
|
||||
* AI Agent 보안 대책 관리 페이지:
|
||||
* ① Agent 현황 ② 화이트리스트 도구 관리 ③ 자동 중단·민감명령 승인
|
||||
* ④ 에이전트 권한·신원 ⑤ MCP Tool 최소권한 ⑥ 감사 로그
|
||||
*/
|
||||
|
||||
type Tab = 'overview' | 'whitelist' | 'killswitch' | 'identity' | 'mcp' | 'audit';
|
||||
|
||||
const TABS: { key: Tab; icon: React.ElementType; label: string }[] = [
|
||||
{ key: 'overview', icon: Activity, label: 'Agent 현황' },
|
||||
{ key: 'whitelist', icon: CheckCircle, label: '화이트리스트 도구' },
|
||||
{ key: 'killswitch', icon: AlertTriangle, label: '자동 중단·승인' },
|
||||
{ key: 'identity', icon: Users, label: 'Agent 신원·권한' },
|
||||
{ key: 'mcp', icon: Layers, label: 'MCP Tool 권한' },
|
||||
{ key: 'audit', icon: FileText, label: '감사 로그' },
|
||||
];
|
||||
|
||||
// ─── Agent 현황 ──────────────────
|
||||
const AGENTS = [
|
||||
{ name: '위험도 분석 Agent', type: '조회 전용', tools: 4, status: '활성', calls24h: 1240, lastCall: '04-10 09:28' },
|
||||
{ name: '법령 Q&A Agent', type: '조회 전용', tools: 3, status: '활성', calls24h: 856, lastCall: '04-10 09:25' },
|
||||
{ name: '단속 이력 Agent', type: '조회 전용', tools: 5, status: '활성', calls24h: 432, lastCall: '04-10 09:20' },
|
||||
{ name: '모선 추론 Agent', type: '조회+쓰기', tools: 6, status: '활성', calls24h: 128, lastCall: '04-10 09:15' },
|
||||
{ name: '데이터 관리 Agent', type: '관리자', tools: 8, status: '대기', calls24h: 0, lastCall: '04-09 16:00' },
|
||||
];
|
||||
|
||||
const AGENT_KPI = [
|
||||
{ label: '활성 Agent', value: '4', color: 'text-label', bg: 'bg-green-500/10' },
|
||||
{ label: '등록 Tool', value: '26', color: 'text-label', bg: 'bg-blue-500/10' },
|
||||
{ label: '24h 호출', value: '2,656', color: 'text-heading', bg: 'bg-purple-500/10' },
|
||||
{ label: '차단 건수', value: '3', color: 'text-heading', bg: 'bg-red-500/10' },
|
||||
{ label: '승인 대기', value: '0', color: 'text-label', bg: 'bg-yellow-500/10' },
|
||||
];
|
||||
|
||||
// ─── 화이트리스트 도구 ──────────────────
|
||||
const WHITELIST_TOOLS = [
|
||||
{ tool: 'db_read_vessel', agent: '위험도 분석', permission: 'READ', mcp: 'kcg-db-server', status: '허용', desc: '선박 정보 조회' },
|
||||
{ tool: 'db_read_analysis', agent: '위험도 분석', permission: 'READ', mcp: 'kcg-db-server', status: '허용', desc: '분석 결과 조회' },
|
||||
{ tool: 'search_law', agent: '법령 Q&A', permission: 'READ', mcp: 'kcg-rag-server', status: '허용', desc: '법령·판례 검색' },
|
||||
{ tool: 'search_cases', agent: '법령 Q&A', permission: 'READ', mcp: 'kcg-rag-server', status: '허용', desc: '유사 사례 검색' },
|
||||
{ tool: 'read_enforcement', agent: '단속 이력', permission: 'READ', mcp: 'kcg-db-server', status: '허용', desc: '단속 이력 조회' },
|
||||
{ tool: 'write_parent_result', agent: '모선 추론', permission: 'CREATE', mcp: 'kcg-db-server', status: '허용', desc: '모선 추론 결과 저장' },
|
||||
{ tool: 'update_parent_status', agent: '모선 추론', permission: 'UPDATE', mcp: 'kcg-db-server', status: '허용', desc: '모선 상태 갱신' },
|
||||
{ tool: 'db_delete_any', agent: '-', permission: 'DELETE', mcp: '-', status: '차단', desc: 'DB 삭제 (금지 도구)' },
|
||||
{ tool: 'system_exec', agent: '-', permission: 'ADMIN', mcp: '-', status: '차단', desc: '시스템 명령 실행 (금지)' },
|
||||
];
|
||||
|
||||
// ─── 자동 중단 설정 ──────────────────
|
||||
const KILL_SWITCH_RULES = [
|
||||
{ rule: '유해·금지행위 탐지', desc: '유해·금지행위, 잘못된 목표 설정 시 Agent 자동 중단', threshold: '즉시', status: '활성' },
|
||||
{ rule: '자원 소비 임계값 초과', desc: 'GPU/메모리/API 호출 임계값 초과 시 자동 중단', threshold: 'GPU 90% / 메모리 85%', status: '활성' },
|
||||
{ rule: '이상 호출 패턴', desc: '비정상적으로 빈번한 Tool 호출 탐지', threshold: '100회/분', status: '활성' },
|
||||
{ rule: '응답 시간 초과', desc: 'Agent 응답 타임아웃', threshold: '30초', status: '활성' },
|
||||
];
|
||||
|
||||
// ─── 민감명령 승인 ──────────────────
|
||||
const SENSITIVE_COMMANDS = [
|
||||
{ command: 'DB 데이터 수정/삭제', level: '높음', approval: '담당자 승인 필수', hitl: true, status: '적용' },
|
||||
{ command: '모델 배포/롤백', level: '높음', approval: '담당자 승인 필수', hitl: true, status: '적용' },
|
||||
{ command: '사용자 권한 변경', level: '높음', approval: '관리자 승인 필수', hitl: true, status: '적용' },
|
||||
{ command: '외부 시스템 연계 호출', level: '중간', approval: '자동 승인 (로그)', hitl: false, status: '적용' },
|
||||
{ command: '분석 결과 조회', level: '낮음', approval: '자동 승인', hitl: false, status: '적용' },
|
||||
];
|
||||
|
||||
// ─── 에이전트 신원 확인 ──────────────────
|
||||
const IDENTITY_POLICIES = [
|
||||
{ policy: '미승인 권한 위임 차단', desc: '명시적으로 승인되지 않은 AI 에이전트로 권한 위임 제한', status: '적용' },
|
||||
{ policy: 'Agent 간 신원 확인', desc: '협업할 AI 에이전트가 적합한 인증 혹은 신원 보유 중인지 상호 검증', status: '적용' },
|
||||
{ policy: 'Agent 인증 방식', desc: 'Agent 간 인증은 표준 방식으로 제안, 발주처 간 협의를 통해 최종 선정', status: '적용' },
|
||||
{ policy: '과도한 호출 방지', desc: 'AI 에이전트의 과도한 호출로 인한 레거시 시스템 마비 방지', status: '적용' },
|
||||
];
|
||||
|
||||
// ─── MCP Tool 권한 ──────────────────
|
||||
const MCP_PERMISSIONS = [
|
||||
{ server: 'kcg-db-server', tools: 8, principle: '최소 권한', detail: '조회 Agent는 DB READ만, 쓰기 Agent는 특정 테이블 C/U만', status: '적용' },
|
||||
{ server: 'kcg-rag-server', tools: 5, principle: '최소 권한', detail: 'RAG 검색만 허용, 인덱스 수정 불가', status: '적용' },
|
||||
{ server: 'kcg-api-server', tools: 6, principle: '최소 권한', detail: '외부 API 호출은 Rate Limiting + Caching', status: '적용' },
|
||||
{ server: 'kcg-notify-server', tools: 3, principle: '최소 권한', detail: '알림 발송만 허용, 수신자 목록 수정 불가', status: '적용' },
|
||||
];
|
||||
|
||||
// ─── 감사 로그 ──────────────────
|
||||
const AUDIT_LOG_SAMPLE = [
|
||||
{ time: '09:28:15', chain: 'User → LLM → MCP Client → kcg-db-server → DB', agent: '위험도 분석', tool: 'db_read_vessel', result: '성공', latency: '120ms' },
|
||||
{ time: '09:25:42', chain: 'User → LLM → MCP Client → kcg-rag-server → Milvus', agent: '법령 Q&A', tool: 'search_law', result: '성공', latency: '850ms' },
|
||||
{ time: '09:20:10', chain: 'User → LLM → MCP Client → kcg-db-server → DB', agent: '단속 이력', tool: 'read_enforcement', result: '성공', latency: '95ms' },
|
||||
{ time: '09:15:33', chain: 'User → LLM → MCP Client → kcg-db-server → DB', agent: '모선 추론', tool: 'write_parent_result', result: '승인→성공', latency: '230ms' },
|
||||
{ time: '08:42:00', chain: 'User → LLM → Kill Switch', agent: '데이터 관리', tool: 'db_delete_any', result: '차단', latency: '-' },
|
||||
];
|
||||
|
||||
export function AIAgentSecurityPage() {
|
||||
const [tab, setTab] = useState<Tab>('overview');
|
||||
|
||||
return (
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Bot}
|
||||
iconColor="text-heading"
|
||||
title="AI Agent 구축·운영 보안"
|
||||
description="SER-11 | AI Agent 화이트리스트·자동중단·민감명령 승인·MCP 최소권한·감사로그"
|
||||
demo
|
||||
/>
|
||||
|
||||
{/* 탭 */}
|
||||
<TabBar variant="underline">
|
||||
{TABS.map(tt => (
|
||||
<TabButton key={tt.key} active={tab === tt.key} icon={<tt.icon className="w-3.5 h-3.5" />} onClick={() => setTab(tt.key)}>
|
||||
{tt.label}
|
||||
</TabButton>
|
||||
))}
|
||||
</TabBar>
|
||||
|
||||
{/* ── ① Agent 현황 ── */}
|
||||
{tab === 'overview' && (
|
||||
<div className="space-y-3">
|
||||
<div className="flex gap-2">
|
||||
{AGENT_KPI.map(k => (
|
||||
<div key={k.label} className={`flex-1 px-4 py-3 rounded-xl border border-border ${k.bg}`}>
|
||||
<div className={`text-xl font-bold ${k.color}`}>{k.value}</div>
|
||||
<div className="text-[9px] text-hint">{k.label}</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">등록 Agent 목록</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">Agent명</th><th className="text-center py-2">유형</th>
|
||||
<th className="text-center py-2">도구</th><th className="text-center py-2">24h 호출</th>
|
||||
<th className="text-center py-2">최근 호출</th><th className="text-center py-2">상태</th>
|
||||
</tr></thead>
|
||||
<tbody>{AGENTS.map(a => (
|
||||
<tr key={a.name} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-heading font-medium">{a.name}</td>
|
||||
<td className="py-2 text-center"><Badge intent={getAgentPermTypeIntent(a.type)} size="sm">{a.type}</Badge></td>
|
||||
<td className="py-2 text-center text-heading">{a.tools}</td>
|
||||
<td className="py-2 text-center text-muted-foreground">{a.calls24h.toLocaleString()}</td>
|
||||
<td className="py-2 text-center text-muted-foreground">{a.lastCall}</td>
|
||||
<td className="py-2 text-center"><Badge intent={getStatusIntent(a.status)} size="sm">{a.status}</Badge></td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ② 화이트리스트 도구 ── */}
|
||||
{tab === 'whitelist' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">화이트리스트 기반 도구 관리</div>
|
||||
<p className="text-[10px] text-hint mb-3">AI가 사용할 수 있는 도구를 화이트리스트로 지정·관리하여 잘못된 도구를 사용하지 못하도록 구성</p>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">Tool ID</th><th className="text-left py-2">설명</th>
|
||||
<th className="text-center py-2">Agent</th><th className="text-center py-2">권한</th>
|
||||
<th className="text-left py-2">MCP Server</th><th className="text-center py-2">상태</th>
|
||||
</tr></thead>
|
||||
<tbody>{WHITELIST_TOOLS.map(t => (
|
||||
<tr key={t.tool} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-heading font-mono text-[9px]">{t.tool}</td>
|
||||
<td className="py-2 text-hint">{t.desc}</td>
|
||||
<td className="py-2 text-center text-muted-foreground">{t.agent}</td>
|
||||
<td className="py-2 text-center"><Badge intent={getAgentPermTypeIntent(t.permission)} size="sm">{t.permission}</Badge></td>
|
||||
<td className="py-2 text-muted-foreground font-mono text-[9px]">{t.mcp}</td>
|
||||
<td className="py-2 text-center"><Badge intent={getStatusIntent(t.status)} size="sm">{t.status}</Badge></td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
|
||||
{/* ── ③ 자동 중단·민감명령 승인 ── */}
|
||||
{tab === 'killswitch' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">AI 에이전트 자동 중단 (Kill Switch)</div>
|
||||
<div className="space-y-2">
|
||||
{KILL_SWITCH_RULES.map(r => (
|
||||
<div key={r.rule} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<AlertTriangle className="w-4 h-4 text-heading" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{r.rule}</div>
|
||||
<div className="text-[9px] text-hint">{r.desc}</div>
|
||||
</div>
|
||||
<span className="text-[9px] text-muted-foreground">임계값: {r.threshold}</span>
|
||||
<Badge intent={getStatusIntent(r.status)} size="sm">{r.status}</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">민감명령 승인 절차 (Human-in-the-loop)</div>
|
||||
<p className="text-[10px] text-hint mb-3">국가안보·사회안전에 영향을 미칠 수 있는 민감한 명령은 전 담당자 승인 절차 마련</p>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">명령 유형</th><th className="text-center py-2">위험도</th>
|
||||
<th className="text-left py-2">승인 방식</th><th className="text-center py-2">HITL</th><th className="text-center py-2">상태</th>
|
||||
</tr></thead>
|
||||
<tbody>{SENSITIVE_COMMANDS.map(c => (
|
||||
<tr key={c.command} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-heading font-medium">{c.command}</td>
|
||||
<td className="py-2 text-center"><Badge intent={getThreatLevelIntent(c.level)} size="sm">{c.level}</Badge></td>
|
||||
<td className="py-2 text-muted-foreground">{c.approval}</td>
|
||||
<td className="py-2 text-center">{c.hitl ? <Hand className="w-3.5 h-3.5 text-label mx-auto" /> : <span className="text-hint">-</span>}</td>
|
||||
<td className="py-2 text-center"><Badge intent="success" size="sm">{c.status}</Badge></td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ④ Agent 신원·권한 ── */}
|
||||
{tab === 'identity' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">에이전트 권한 위임 차단 및 신원 확인</div>
|
||||
<div className="space-y-2">
|
||||
{IDENTITY_POLICIES.map(p => (
|
||||
<div key={p.policy} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<Key className="w-4 h-4 text-label" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{p.policy}</div>
|
||||
<div className="text-[9px] text-hint">{p.desc}</div>
|
||||
</div>
|
||||
<Badge intent="success" size="sm">{p.status}</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
|
||||
{/* ── ⑤ MCP Tool 권한 ── */}
|
||||
{tab === 'mcp' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">MCP Tool 최소 권한 원칙</div>
|
||||
<p className="text-[10px] text-hint mb-3">MCP를 통해 연결된 각 도구(Tool)는 최소 권한 원칙에 따라 실행 권한을 부여 (예: 조회 전용 Agent는 DB Update 권한을 가진 MCP Tool 호출 불가)</p>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">MCP Server</th><th className="text-center py-2">Tool 수</th>
|
||||
<th className="text-center py-2">원칙</th><th className="text-left py-2">상세</th><th className="text-center py-2">상태</th>
|
||||
</tr></thead>
|
||||
<tbody>{MCP_PERMISSIONS.map(m => (
|
||||
<tr key={m.server} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2 text-heading font-mono text-[9px]">{m.server}</td>
|
||||
<td className="py-2.5 text-center text-heading">{m.tools}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent="info" size="sm">{m.principle}</Badge></td>
|
||||
<td className="py-2.5 text-hint text-[9px]">{m.detail}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent="success" size="sm">{m.status}</Badge></td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
<div className="mt-4 p-3 bg-surface-overlay rounded-lg">
|
||||
<div className="text-[10px] text-heading font-medium mb-1">Rate Limiting & Caching</div>
|
||||
<div className="text-[9px] text-hint">AI 에이전트의 과도한 호출로 인한 레거시 시스템 마비를 방지하기 위해, MCP 서버 단에서 Rate Limiting(요청 제한) 및 Caching(캐싱) 기능을 필수적으로 구현</div>
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
|
||||
{/* ── ⑥ 감사 로그 ── */}
|
||||
{tab === 'audit' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">감사 로그 (Audit Log)</div>
|
||||
<p className="text-[10px] text-hint mb-3">모든 MCP Tool 호출 내역(User Request → LLM → MCP Client → MCP Server → Legacy)은 식별 가능한 형태로 기록, A2A 통신 과정의 의사결정 추적성 보장</p>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">시각</th><th className="text-left py-2">호출 체인</th>
|
||||
<th className="text-center py-2">Agent</th><th className="text-left py-2">Tool</th><th className="text-center py-2">결과</th><th className="text-right py-2 px-2">지연</th>
|
||||
</tr></thead>
|
||||
<tbody>{AUDIT_LOG_SAMPLE.map(l => (
|
||||
<tr key={l.time + l.tool} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-muted-foreground font-mono">{l.time}</td>
|
||||
<td className="py-2 text-hint text-[9px]">{l.chain}</td>
|
||||
<td className="py-2 text-center text-heading">{l.agent}</td>
|
||||
<td className="py-2 text-heading font-mono text-[9px]">{l.tool}</td>
|
||||
<td className="py-2 text-center"><Badge intent={getAgentExecResultIntent(l.result)} size="sm">{l.result}</Badge></td>
|
||||
<td className="py-2 px-2 text-right text-muted-foreground">{l.latency}</td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
</PageContainer>
|
||||
);
|
||||
}
|
||||
@ -1,357 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { TabBar, TabButton } from '@shared/components/ui/tabs';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import { getStatusIntent } from '@shared/constants/statusIntent';
|
||||
import {
|
||||
Shield, Database, Brain, Lock, Eye, Activity,
|
||||
AlertTriangle, CheckCircle,
|
||||
Server, Search, RefreshCw,
|
||||
} from 'lucide-react';
|
||||
|
||||
/*
|
||||
* SER-10: AI 보안
|
||||
*
|
||||
* AI 보안 대책 관리 페이지:
|
||||
* ① 데이터 수집 보안 ② AI 학습 보안 ③ 시스템 구축운영 보안
|
||||
* ④ 입출력 보안 ⑤ 경계보안 ⑥ 취약점 점검
|
||||
*/
|
||||
|
||||
type Tab = 'overview' | 'data' | 'training' | 'io' | 'boundary' | 'vulnerability';
|
||||
|
||||
const TABS: { key: Tab; icon: React.ComponentType<{ className?: string }>; label: string }[] = [
|
||||
{ key: 'overview', icon: Activity, label: '보안 현황' },
|
||||
{ key: 'data', icon: Database, label: '데이터 수집 보안' },
|
||||
{ key: 'training', icon: Brain, label: 'AI 학습 보안' },
|
||||
{ key: 'io', icon: Lock, label: '입출력 보안' },
|
||||
{ key: 'boundary', icon: Server, label: '경계 보안' },
|
||||
{ key: 'vulnerability', icon: Search, label: '취약점 점검' },
|
||||
];
|
||||
|
||||
// ─── 보안 현황 KPI ──────────────────
|
||||
const SECURITY_KPI = [
|
||||
{ label: '데이터 수집 보안', value: '정상', score: 95, icon: Database, color: 'text-label', bg: 'bg-green-500/10' },
|
||||
{ label: 'AI 학습 보안', value: '정상', score: 92, icon: Brain, color: 'text-label', bg: 'bg-blue-500/10' },
|
||||
{ label: '입출력 필터링', value: '정상', score: 98, icon: Lock, color: 'text-heading', bg: 'bg-purple-500/10' },
|
||||
{ label: '경계 보안', value: '주의', score: 85, icon: Server, color: 'text-label', bg: 'bg-yellow-500/10' },
|
||||
{ label: '취약점 점검', value: '정상', score: 90, icon: Search, color: 'text-label', bg: 'bg-cyan-500/10' },
|
||||
];
|
||||
|
||||
// ─── 데이터 수집 보안 ──────────────────
|
||||
const DATA_SOURCES = [
|
||||
{ name: 'AIS 원본 (SNPDB)', provider: '해경', trust: '인증', encryption: 'TLS 1.3', lastAudit: '2026-04-10', status: '정상' },
|
||||
{ name: 'V-PASS 위치정보', provider: '해수부', trust: '인증', encryption: 'TLS 1.3', lastAudit: '2026-04-09', status: '정상' },
|
||||
{ name: '기상 데이터', provider: '기상청', trust: '인증', encryption: 'TLS 1.2', lastAudit: '2026-04-08', status: '정상' },
|
||||
{ name: '위성영상', provider: '해양조사원', trust: '인증', encryption: 'TLS 1.3', lastAudit: '2026-04-07', status: '정상' },
|
||||
{ name: '법령·판례', provider: '법무부', trust: '인증', encryption: 'TLS 1.2', lastAudit: '2026-04-05', status: '정상' },
|
||||
{ name: '단속 이력', provider: '해경', trust: '내부', encryption: 'AES-256', lastAudit: '2026-04-10', status: '정상' },
|
||||
];
|
||||
|
||||
const CONTAMINATION_CHECKS = [
|
||||
{ check: '오염데이터 탐지', desc: 'AI 학습·재학습 시 오염데이터 검사·관리', status: '활성', lastRun: '04-10 09:15' },
|
||||
{ check: 'RAG 오염 차단', desc: '신규데이터 참조 시 오염데이터 유입 차단·방지', status: '활성', lastRun: '04-10 09:00' },
|
||||
{ check: '출처 검증', desc: '공신력 있는 출처·배포 정보 구분 제출', status: '활성', lastRun: '04-10 08:30' },
|
||||
{ check: '악성코드 사전검사', desc: '신뢰 출처 데이터라도 오염 가능, 사전 검사 필요', status: '활성', lastRun: '04-10 08:00' },
|
||||
];
|
||||
|
||||
// ─── AI 학습 보안 ──────────────────
|
||||
const TRAINING_POLICIES = [
|
||||
{ policy: '보안등급별 데이터 분류', desc: 'AI시스템 활용목적 및 등급분류에 맞게 기밀·민감·공개등급 데이터 활용', status: '적용' },
|
||||
{ policy: '사용자별 접근통제', desc: 'AI시스템이 사용자·부서별 권한에 맞는 학습데이터만 사용하도록 세분화', status: '적용' },
|
||||
{ policy: '비인가자 접근 차단', desc: 'AI가 비인가자에게 기밀·민감등급 데이터를 제공하지 않도록 통제', status: '적용' },
|
||||
{ policy: '저장소·DB 접근통제', desc: '보관된 학습데이터에 대한 사용자 접근통제', status: '적용' },
|
||||
{ policy: '최소 접근권한 설계', desc: '사용자, 그룹, 데이터별로 최소 접근권한만 부여하도록 설계', status: '적용' },
|
||||
{ policy: '다중 보안 인증', desc: '학습데이터 관리자 권한에 대해서는 다중 보안 인증 등 활용 방안 적용', status: '적용' },
|
||||
{ policy: '오픈소스 모델 신뢰성', desc: '공신력 있는 출처·배포자가 제공하는 AI 모델·라이브러리 사용', status: '적용' },
|
||||
];
|
||||
|
||||
// ─── 입출력 보안 ──────────────────
|
||||
const IO_FILTERS = [
|
||||
{ name: '입력 필터링', desc: '민감정보·적대적 공격 문구 포함여부 확인 및 차단', status: '활성', blocked: 23, total: 15420 },
|
||||
{ name: '출력 필터링', desc: '응답 내 민감정보 노출 차단', status: '활성', blocked: 8, total: 15420 },
|
||||
{ name: '입력 길이·형식 제한', desc: '공격용 프롬프트 과도 입력 방지', status: '활성', blocked: 5, total: 15420 },
|
||||
{ name: '요청 속도 제한', desc: '호출 횟수, 동시 처리 요청수, 출력 용량 등 제한', status: '활성', blocked: 12, total: 15420 },
|
||||
];
|
||||
|
||||
// ─── 경계 보안 ──────────────────
|
||||
const BOUNDARY_ITEMS = [
|
||||
{ item: 'DMZ·중계서버', desc: 'AI시스템에 접근하는 사용자·시스템 식별 및 통제', status: '적용' },
|
||||
{ item: '인가 시스템 제한', desc: 'AI시스템이 인가된 내·외부 시스템·데이터만 활용하도록 제한', status: '적용' },
|
||||
{ item: '권한 부여 제한', desc: 'AI시스템에 과도한 권한 부여 제한', status: '적용' },
|
||||
{ item: '민감작업 승인절차', desc: '데이터 수정·시스템 제어 등 민감한 작업 수행 시 담당자 검토·승인', status: '적용' },
|
||||
];
|
||||
|
||||
const EXPLAINABILITY = [
|
||||
{ item: '추론 시각화', desc: '데이터 수정·시스템 제어 시 추론 과정·결과를 설명하거나 판단 근거 시각화', status: '구현' },
|
||||
{ item: 'Feature Importance', desc: '모델 결정에 영향을 미친 주요 피처 표시', status: '구현' },
|
||||
{ item: '판단 근거 제공', desc: '위험도 산출 시 기여 요인 설명', status: '구현' },
|
||||
];
|
||||
|
||||
// ─── 취약점 점검 ──────────────────
|
||||
const VULN_CHECKS = [
|
||||
{ target: 'AI 모델 서빙 (PyTorch)', version: '2.4.1', lastScan: '2026-04-10', vulns: 0, status: '안전' },
|
||||
{ target: 'FastAPI 서버', version: '0.115.0', lastScan: '2026-04-10', vulns: 0, status: '안전' },
|
||||
{ target: 'LangChain (RAG)', version: '0.3.2', lastScan: '2026-04-09', vulns: 1, status: '주의' },
|
||||
{ target: 'Milvus 벡터DB', version: '2.4.0', lastScan: '2026-04-09', vulns: 0, status: '안전' },
|
||||
{ target: 'Spring Boot 백엔드', version: '3.4.1', lastScan: '2026-04-10', vulns: 0, status: '안전' },
|
||||
{ target: 'Node.js (Vite)', version: '22.x', lastScan: '2026-04-10', vulns: 0, status: '안전' },
|
||||
];
|
||||
|
||||
const RECOVERY_PLANS = [
|
||||
{ plan: '모델 백업 저장소', desc: '이상행위 탐지 시 정상 모델·학습데이터 등으로 복원', status: '활성', detail: 'S3 버전별 백업 24개' },
|
||||
{ plan: '버전정보 관리', desc: '모델·데이터·설정 버전 이력 추적', status: '활성', detail: 'Git + DVC 연동' },
|
||||
{ plan: '자동 롤백', desc: '성능 저하 감지 시 이전 안정 버전으로 자동 복구', status: '활성', detail: '임계치 기반 트리거' },
|
||||
];
|
||||
|
||||
export function AISecurityPage() {
|
||||
const [tab, setTab] = useState<Tab>('overview');
|
||||
|
||||
return (
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Shield}
|
||||
iconColor="text-heading"
|
||||
title="AI 보안 관리"
|
||||
description="SER-10 | AI 데이터 수집·학습·입출력·경계 보안 및 취약점 관리"
|
||||
demo
|
||||
/>
|
||||
|
||||
{/* 탭 */}
|
||||
<TabBar variant="underline">
|
||||
{TABS.map(tt => (
|
||||
<TabButton
|
||||
key={tt.key}
|
||||
active={tab === tt.key}
|
||||
icon={<tt.icon className="w-3.5 h-3.5" />}
|
||||
onClick={() => setTab(tt.key)}
|
||||
>
|
||||
{tt.label}
|
||||
</TabButton>
|
||||
))}
|
||||
</TabBar>
|
||||
|
||||
{/* ── ① 보안 현황 ── */}
|
||||
{tab === 'overview' && (
|
||||
<div className="space-y-3">
|
||||
<div className="flex gap-2">
|
||||
{SECURITY_KPI.map(k => (
|
||||
<div key={k.label} className="flex-1 flex items-center gap-2 px-3 py-2 rounded-xl border border-border bg-card">
|
||||
<div className={`p-1.5 rounded-lg ${k.bg}`}>
|
||||
<k.icon className={`w-3.5 h-3.5 ${k.color}`} />
|
||||
</div>
|
||||
<span className={`text-base font-bold ${k.color}`}>{k.score}</span>
|
||||
<span className="text-[9px] text-hint">{k.label}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">보안 정책 준수 현황</div>
|
||||
<div className="space-y-1.5 text-[10px]">
|
||||
{[
|
||||
['데이터 출처 인증', '6/6 소스 인증 완료', '완료'],
|
||||
['오염데이터 검사', '4/4 검사 활성화', '완료'],
|
||||
['학습데이터 접근통제', '7/7 정책 적용', '완료'],
|
||||
['입출력 필터링', '4/4 필터 활성', '완료'],
|
||||
['경계 보안 설정', '4/4 항목 적용', '완료'],
|
||||
['취약점 점검', '5/6 안전 (1건 주의)', '주의'],
|
||||
['복구 계획', '3/3 활성', '완료'],
|
||||
].map(([k, v, s]) => (
|
||||
<div key={k} className="flex items-center gap-2 px-2 py-1.5 bg-surface-overlay rounded">
|
||||
{s === '완료' ? <CheckCircle className="w-3 h-3 text-label" /> : <AlertTriangle className="w-3 h-3 text-label" />}
|
||||
<span className="text-heading flex-1">{k}</span>
|
||||
<span className="text-hint">{v}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">최근 보안 이벤트</div>
|
||||
<div className="space-y-1.5 text-[10px]">
|
||||
{[
|
||||
['04-10 09:15', '오염데이터 검사 완료', '정상', '0건 탐지'],
|
||||
['04-10 08:42', '입력 필터링 차단', '경고', '공격 패턴 1건 차단'],
|
||||
['04-09 14:30', '취약점 스캔 완료', '주의', 'LangChain CVE-2026-1234'],
|
||||
['04-09 10:00', '학습데이터 접근 감사', '정상', '비정상 접근 0건'],
|
||||
['04-08 16:00', '모델 백업 완료', '정상', 'v2.1.0 → S3'],
|
||||
['04-08 09:00', 'RAG 오염 차단 검사', '정상', '0건 탐지'],
|
||||
].map(([time, event, level, detail]) => (
|
||||
<div key={time + event} className="flex items-center gap-2 px-2 py-1.5 bg-surface-overlay rounded">
|
||||
<span className="text-muted-foreground w-24">{time}</span>
|
||||
<span className="text-heading flex-1">{event}</span>
|
||||
<Badge intent={getStatusIntent(level)} size="sm">{level}</Badge>
|
||||
<span className="text-hint text-[9px]">{detail}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ② 데이터 수집 보안 ── */}
|
||||
{tab === 'data' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">데이터 소스 신뢰성 관리</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">데이터 소스</th><th className="text-left py-2">제공기관</th>
|
||||
<th className="text-center py-2">신뢰등급</th><th className="text-center py-2">암호화</th>
|
||||
<th className="text-center py-2">최근 감사</th><th className="text-center py-2">상태</th>
|
||||
</tr></thead>
|
||||
<tbody>{DATA_SOURCES.map(d => (
|
||||
<tr key={d.name} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-heading font-medium">{d.name}</td>
|
||||
<td className="py-2 text-muted-foreground">{d.provider}</td>
|
||||
<td className="py-2 text-center"><Badge intent="success" size="sm">{d.trust}</Badge></td>
|
||||
<td className="py-2 text-center text-muted-foreground">{d.encryption}</td>
|
||||
<td className="py-2 text-center text-muted-foreground">{d.lastAudit}</td>
|
||||
<td className="py-2 text-center"><Badge intent={getStatusIntent(d.status)} size="sm">{d.status}</Badge></td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">오염데이터 방지 검사</div>
|
||||
<div className="space-y-2">
|
||||
{CONTAMINATION_CHECKS.map(c => (
|
||||
<div key={c.check} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<CheckCircle className="w-4 h-4 text-label" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{c.check}</div>
|
||||
<div className="text-[9px] text-hint">{c.desc}</div>
|
||||
</div>
|
||||
<Badge intent={getStatusIntent(c.status)} size="sm">{c.status}</Badge>
|
||||
<span className="text-[9px] text-muted-foreground">최근: {c.lastRun}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ③ AI 학습 보안 ── */}
|
||||
{tab === 'training' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">학습 데이터 보안 정책</div>
|
||||
<div className="space-y-2">
|
||||
{TRAINING_POLICIES.map(p => (
|
||||
<div key={p.policy} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<Lock className="w-4 h-4 text-label" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{p.policy}</div>
|
||||
<div className="text-[9px] text-hint">{p.desc}</div>
|
||||
</div>
|
||||
<Badge intent="success" size="sm">{p.status}</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
|
||||
{/* ── ④ 입출력 보안 ── */}
|
||||
{tab === 'io' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">AI 시스템 입·출력 보안 대책</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">필터</th><th className="text-left py-2">설명</th>
|
||||
<th className="text-center py-2">상태</th><th className="text-center py-2">차단</th><th className="text-center py-2">총 요청</th>
|
||||
<th className="text-center py-2">차단율</th>
|
||||
</tr></thead>
|
||||
<tbody>{IO_FILTERS.map(f => (
|
||||
<tr key={f.name} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2 text-heading font-medium">{f.name}</td>
|
||||
<td className="py-2.5 text-hint text-[9px]">{f.desc}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent="success" size="sm">{f.status}</Badge></td>
|
||||
<td className="py-2.5 text-center text-heading font-bold">{f.blocked}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{f.total.toLocaleString()}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{(f.blocked / f.total * 100).toFixed(2)}%</td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
|
||||
{/* ── ⑤ 경계 보안 ── */}
|
||||
{tab === 'boundary' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">AI 시스템 경계 보안</div>
|
||||
<div className="space-y-2">
|
||||
{BOUNDARY_ITEMS.map(b => (
|
||||
<div key={b.item} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<Server className="w-4 h-4 text-label" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{b.item}</div>
|
||||
<div className="text-[9px] text-hint">{b.desc}</div>
|
||||
</div>
|
||||
<Badge intent="success" size="sm">{b.status}</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">설명 가능한 AI (XAI)</div>
|
||||
<div className="space-y-2">
|
||||
{EXPLAINABILITY.map(e => (
|
||||
<div key={e.item} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<Eye className="w-4 h-4 text-heading" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{e.item}</div>
|
||||
<div className="text-[9px] text-hint">{e.desc}</div>
|
||||
</div>
|
||||
<Badge intent="purple" size="sm">{e.status}</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ⑥ 취약점 점검 ── */}
|
||||
{tab === 'vulnerability' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">AI 시스템 소프트웨어·라이브러리 취약점 점검</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">대상</th><th className="text-center py-2">버전</th>
|
||||
<th className="text-center py-2">최근 스캔</th><th className="text-center py-2">취약점</th><th className="text-center py-2">상태</th>
|
||||
</tr></thead>
|
||||
<tbody>{VULN_CHECKS.map(v => (
|
||||
<tr key={v.target} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-heading font-medium">{v.target}</td>
|
||||
<td className="py-2 text-center text-muted-foreground font-mono">{v.version}</td>
|
||||
<td className="py-2 text-center text-muted-foreground">{v.lastScan}</td>
|
||||
<td className="py-2 text-center">
|
||||
<Badge intent={v.vulns > 0 ? 'warning' : 'success'} size="xs">{v.vulns}건</Badge>
|
||||
</td>
|
||||
<td className="py-2 text-center"><Badge intent={getStatusIntent(v.status)} size="sm">{v.status}</Badge></td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">AI 시스템 복구 방안</div>
|
||||
<div className="space-y-2">
|
||||
{RECOVERY_PLANS.map(r => (
|
||||
<div key={r.plan} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<RefreshCw className="w-4 h-4 text-label" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{r.plan}</div>
|
||||
<div className="text-[9px] text-hint">{r.desc}</div>
|
||||
</div>
|
||||
<span className="text-[9px] text-muted-foreground">{r.detail}</span>
|
||||
<Badge intent={getStatusIntent(r.status)} size="sm">{r.status}</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
</PageContainer>
|
||||
);
|
||||
}
|
||||
@ -94,20 +94,20 @@ export function AccessControl() {
|
||||
}, [tab, loadUsers, loadAudit]);
|
||||
|
||||
const handleUnlock = async (userId: string, acnt: string) => {
|
||||
if (!confirm(`${acnt} ${tc('dialog.genericRemove')}`)) return;
|
||||
if (!confirm(`계정 ${acnt} 잠금을 해제하시겠습니까?`)) return;
|
||||
try {
|
||||
await unlockUser(userId);
|
||||
await loadUsers();
|
||||
} catch (e: unknown) {
|
||||
alert(tc('error.operationFailed', { msg: e instanceof Error ? e.message : 'unknown' }));
|
||||
alert('실패: ' + (e instanceof Error ? e.message : 'unknown'));
|
||||
}
|
||||
};
|
||||
|
||||
// ── 사용자 테이블 컬럼 ──────────────
|
||||
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
const userColumns: DataColumn<AdminUser & Record<string, unknown>>[] = useMemo(() => [
|
||||
{ key: 'userAcnt', label: '계정', width: '90px',
|
||||
render: (v) => <span className="text-label font-mono text-[11px]">{v as string}</span> },
|
||||
render: (v) => <span className="text-cyan-400 font-mono text-[11px]">{v as string}</span> },
|
||||
{ key: 'userNm', label: '이름', width: '80px', sortable: true,
|
||||
render: (v) => <span className="text-heading font-medium">{v as string}</span> },
|
||||
{ key: 'rnkpNm', label: '직급', width: '60px',
|
||||
@ -133,7 +133,7 @@ export function AccessControl() {
|
||||
},
|
||||
},
|
||||
{ key: 'failCnt', label: '실패', width: '50px', align: 'center',
|
||||
render: (v) => <span className={`text-[10px] ${(v as number) > 0 ? 'text-heading' : 'text-hint'}`}>{v as number}</span> },
|
||||
render: (v) => <span className={`text-[10px] ${(v as number) > 0 ? 'text-red-400' : 'text-hint'}`}>{v as number}</span> },
|
||||
{ key: 'authProvider', label: '인증', width: '70px',
|
||||
render: (v) => <span className="text-muted-foreground text-[10px]">{v as string}</span> },
|
||||
{ key: 'lastLoginDtm', label: '최종 로그인', width: '140px', sortable: true,
|
||||
@ -146,23 +146,15 @@ export function AccessControl() {
|
||||
{ key: 'userId', label: '관리', width: '90px', align: 'center', sortable: false,
|
||||
render: (_v, row) => (
|
||||
<div className="flex items-center justify-center gap-1">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => setAssignTarget(row)}
|
||||
aria-label="역할 배정"
|
||||
title="역할 배정"
|
||||
icon={<UserCog className="w-3 h-3" />}
|
||||
/>
|
||||
<button type="button" onClick={() => setAssignTarget(row)}
|
||||
className="p-1 text-hint hover:text-purple-400" title="역할 배정">
|
||||
<UserCog className="w-3 h-3" />
|
||||
</button>
|
||||
{row.userSttsCd === 'LOCKED' && (
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => handleUnlock(row.userId, row.userAcnt)}
|
||||
aria-label="잠금 해제"
|
||||
title="잠금 해제"
|
||||
icon={<Key className="w-3 h-3" />}
|
||||
/>
|
||||
<button type="button" onClick={() => handleUnlock(row.userId, row.userAcnt)}
|
||||
className="p-1 text-hint hover:text-green-400" title="잠금 해제">
|
||||
<Key className="w-3 h-3" />
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
),
|
||||
@ -174,7 +166,7 @@ export function AccessControl() {
|
||||
{ key: 'createdAt', label: '일시', width: '160px', sortable: true,
|
||||
render: (v) => <span className="text-muted-foreground font-mono text-[10px]">{formatDateTime(v as string)}</span> },
|
||||
{ key: 'userAcnt', label: '사용자', width: '90px', sortable: true,
|
||||
render: (v) => <span className="text-label font-mono">{(v as string) || '-'}</span> },
|
||||
render: (v) => <span className="text-cyan-400 font-mono">{(v as string) || '-'}</span> },
|
||||
{ key: 'actionCd', label: '액션', width: '180px', sortable: true,
|
||||
render: (v) => <span className="text-heading font-medium">{v as string}</span> },
|
||||
{ key: 'resourceType', label: '리소스', width: '110px',
|
||||
@ -188,24 +180,24 @@ export function AccessControl() {
|
||||
},
|
||||
},
|
||||
{ key: 'failReason', label: '실패 사유',
|
||||
render: (v) => <span className="text-heading text-[10px]">{(v as string) || '-'}</span> },
|
||||
render: (v) => <span className="text-red-400 text-[10px]">{(v as string) || '-'}</span> },
|
||||
], []);
|
||||
|
||||
return (
|
||||
<PageContainer size="lg">
|
||||
<PageHeader
|
||||
icon={Shield}
|
||||
iconColor="text-label"
|
||||
iconColor="text-blue-400"
|
||||
title={t('accessControl.title')}
|
||||
description={t('accessControl.desc')}
|
||||
actions={
|
||||
<>
|
||||
{userStats && (
|
||||
<div className="flex items-center gap-2 text-[10px] text-hint">
|
||||
<UserCheck className="w-3.5 h-3.5 text-label" />
|
||||
활성 <span className="text-label font-bold">{userStats.active}</span>명
|
||||
<UserCheck className="w-3.5 h-3.5 text-green-500" />
|
||||
활성 <span className="text-green-400 font-bold">{userStats.active}</span>명
|
||||
<span className="mx-1">|</span>
|
||||
잠금 <span className="text-heading font-bold">{userStats.locked}</span>
|
||||
잠금 <span className="text-red-400 font-bold">{userStats.locked}</span>
|
||||
<span className="mx-1">|</span>
|
||||
총 <span className="text-heading font-bold">{userStats.total}</span>
|
||||
</div>
|
||||
@ -245,7 +237,7 @@ export function AccessControl() {
|
||||
))}
|
||||
</div>
|
||||
|
||||
{error && <div className="text-xs text-heading">에러: {error}</div>}
|
||||
{error && <div className="text-xs text-red-400">에러: {error}</div>}
|
||||
|
||||
{/* ── 역할 관리 (PermissionsPanel: 트리 + R/C/U/D 매트릭스) ── */}
|
||||
{tab === 'roles' && <PermissionsPanel />}
|
||||
@ -257,8 +249,8 @@ export function AccessControl() {
|
||||
{userStats && (
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
<StatCard label="총 사용자" value={userStats.total} color="text-heading" />
|
||||
<StatCard label="활성" value={userStats.active} color="text-label" />
|
||||
<StatCard label="잠금" value={userStats.locked} color="text-heading" />
|
||||
<StatCard label="활성" value={userStats.active} color="text-green-400" />
|
||||
<StatCard label="잠금" value={userStats.locked} color="text-red-400" />
|
||||
<StatCard label="비활성" value={userStats.inactive} color="text-gray-400" />
|
||||
</div>
|
||||
)}
|
||||
@ -286,9 +278,9 @@ export function AccessControl() {
|
||||
{auditStats && (
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
<StatCard label="전체 로그" value={auditStats.total} color="text-heading" />
|
||||
<StatCard label="24시간" value={auditStats.last24h} color="text-label" />
|
||||
<StatCard label="실패 (24시간)" value={auditStats.failed24h} color="text-heading" />
|
||||
<StatCard label="액션 종류" value={auditStats.byAction.length} color="text-heading" />
|
||||
<StatCard label="24시간" value={auditStats.last24h} color="text-blue-400" />
|
||||
<StatCard label="실패 (24시간)" value={auditStats.failed24h} color="text-red-400" />
|
||||
<StatCard label="액션 종류" value={auditStats.byAction.length} color="text-purple-400" />
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -300,7 +292,7 @@ export function AccessControl() {
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{auditStats.byAction.map((a) => (
|
||||
<Badge key={a.action} className="bg-surface-overlay text-muted-foreground border border-border text-[10px]">
|
||||
{a.action} <span className="text-label font-bold ml-1">{a.count}</span>
|
||||
{a.action} <span className="text-cyan-400 font-bold ml-1">{a.count}</span>
|
||||
</Badge>
|
||||
))}
|
||||
</div>
|
||||
|
||||
@ -37,7 +37,7 @@ export function AccessLogs() {
|
||||
<PageContainer size="lg">
|
||||
<PageHeader
|
||||
icon={Activity}
|
||||
iconColor="text-label"
|
||||
iconColor="text-cyan-400"
|
||||
title="접근 이력"
|
||||
description="AccessLogFilter가 모든 HTTP 요청 비동기 기록"
|
||||
actions={
|
||||
@ -50,10 +50,10 @@ export function AccessLogs() {
|
||||
{stats && (
|
||||
<div className="grid grid-cols-5 gap-3">
|
||||
<MetricCard label="전체 요청" value={stats.total} color="text-heading" />
|
||||
<MetricCard label="24시간 내" value={stats.last24h} color="text-label" />
|
||||
<MetricCard label="4xx (24h)" value={stats.error4xx} color="text-heading" />
|
||||
<MetricCard label="5xx (24h)" value={stats.error5xx} color="text-heading" />
|
||||
<MetricCard label="평균 응답(ms)" value={Math.round(stats.avgDurationMs)} color="text-heading" />
|
||||
<MetricCard label="24시간 내" value={stats.last24h} color="text-blue-400" />
|
||||
<MetricCard label="4xx (24h)" value={stats.error4xx} color="text-orange-400" />
|
||||
<MetricCard label="5xx (24h)" value={stats.error5xx} color="text-red-400" />
|
||||
<MetricCard label="평균 응답(ms)" value={Math.round(stats.avgDurationMs)} color="text-purple-400" />
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -73,7 +73,7 @@ export function AccessLogs() {
|
||||
{stats.topPaths.map((p) => (
|
||||
<tr key={p.path} className="border-t border-border">
|
||||
<td className="py-1.5 text-heading font-mono text-[10px]">{p.path}</td>
|
||||
<td className="py-1.5 text-right text-label font-bold">{p.count}</td>
|
||||
<td className="py-1.5 text-right text-cyan-400 font-bold">{p.count}</td>
|
||||
<td className="py-1.5 text-right text-muted-foreground">{p.avg_ms}</td>
|
||||
</tr>
|
||||
))}
|
||||
@ -83,7 +83,7 @@ export function AccessLogs() {
|
||||
</Card>
|
||||
)}
|
||||
|
||||
{error && <div className="text-xs text-heading">에러: {error}</div>}
|
||||
{error && <div className="text-xs text-red-400">에러: {error}</div>}
|
||||
|
||||
{loading && <div className="flex items-center justify-center py-12 text-muted-foreground"><Loader2 className="w-5 h-5 animate-spin" /></div>}
|
||||
|
||||
@ -109,8 +109,8 @@ export function AccessLogs() {
|
||||
<tr key={it.accessSn} className="border-t border-border hover:bg-surface-overlay/50">
|
||||
<td className="px-3 py-2 text-hint font-mono">{it.accessSn}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground text-[10px]">{formatDateTime(it.createdAt)}</td>
|
||||
<td className="px-3 py-2 text-label">{it.userAcnt || '-'}</td>
|
||||
<td className="px-3 py-2 text-heading font-mono">{it.httpMethod}</td>
|
||||
<td className="px-3 py-2 text-cyan-400">{it.userAcnt || '-'}</td>
|
||||
<td className="px-3 py-2 text-purple-400 font-mono">{it.httpMethod}</td>
|
||||
<td className="px-3 py-2 text-heading font-mono text-[10px] max-w-md truncate">{it.requestPath}</td>
|
||||
<td className="px-3 py-2 text-center">
|
||||
<Badge intent={getHttpStatusIntent(it.statusCode)} size="sm">{it.statusCode}</Badge>
|
||||
|
||||
@ -67,7 +67,7 @@ export function AdminPanel() {
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Card>
|
||||
<CardHeader className="px-4 pt-3 pb-2">
|
||||
<CardTitle className="text-xs text-label flex items-center gap-1.5"><Database className="w-3.5 h-3.5 text-label" />데이터베이스</CardTitle>
|
||||
<CardTitle className="text-xs text-label flex items-center gap-1.5"><Database className="w-3.5 h-3.5 text-blue-400" />데이터베이스</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="px-4 pb-4 space-y-2">
|
||||
{[['PostgreSQL', 'v15.4 운영중'], ['TimescaleDB', 'v2.12 운영중'], ['Redis 캐시', 'v7.2 운영중'], ['Kafka', 'v3.6 클러스터 3노드']].map(([k, v]) => (
|
||||
@ -77,7 +77,7 @@ export function AdminPanel() {
|
||||
</Card>
|
||||
<Card>
|
||||
<CardHeader className="px-4 pt-3 pb-2">
|
||||
<CardTitle className="text-xs text-label flex items-center gap-1.5"><Shield className="w-3.5 h-3.5 text-label" />보안 현황</CardTitle>
|
||||
<CardTitle className="text-xs text-label flex items-center gap-1.5"><Shield className="w-3.5 h-3.5 text-green-400" />보안 현황</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="px-4 pb-4 space-y-2">
|
||||
{[['SSL 인증서', '2027-03-15 만료'], ['방화벽', '정상 동작'], ['IDS/IPS', '실시간 감시중'], ['백업', '금일 03:00 완료']].map(([k, v]) => (
|
||||
|
||||
@ -36,7 +36,7 @@ export function AuditLogs() {
|
||||
<PageContainer size="lg">
|
||||
<PageHeader
|
||||
icon={FileSearch}
|
||||
iconColor="text-label"
|
||||
iconColor="text-blue-400"
|
||||
title="감사 로그"
|
||||
description="@Auditable AOP가 모든 운영자 의사결정 자동 기록"
|
||||
actions={
|
||||
@ -50,9 +50,9 @@ export function AuditLogs() {
|
||||
{stats && (
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
<MetricCard label="전체 로그" value={stats.total} color="text-heading" />
|
||||
<MetricCard label="24시간 내" value={stats.last24h} color="text-label" />
|
||||
<MetricCard label="실패 (24시간)" value={stats.failed24h} color="text-heading" />
|
||||
<MetricCard label="액션 종류 (7일)" value={stats.byAction.length} color="text-heading" />
|
||||
<MetricCard label="24시간 내" value={stats.last24h} color="text-blue-400" />
|
||||
<MetricCard label="실패 (24시간)" value={stats.failed24h} color="text-red-400" />
|
||||
<MetricCard label="액션 종류 (7일)" value={stats.byAction.length} color="text-purple-400" />
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -64,7 +64,7 @@ export function AuditLogs() {
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{stats.byAction.map((a) => (
|
||||
<Badge key={a.action} className="bg-surface-overlay text-muted-foreground border border-border text-[10px] px-2 py-1">
|
||||
{a.action} <span className="text-label font-bold ml-1">{a.count}</span>
|
||||
{a.action} <span className="text-cyan-400 font-bold ml-1">{a.count}</span>
|
||||
</Badge>
|
||||
))}
|
||||
</div>
|
||||
@ -72,7 +72,7 @@ export function AuditLogs() {
|
||||
</Card>
|
||||
)}
|
||||
|
||||
{error && <div className="text-xs text-heading">에러: {error}</div>}
|
||||
{error && <div className="text-xs text-red-400">에러: {error}</div>}
|
||||
|
||||
{loading && <div className="flex items-center justify-center py-12 text-muted-foreground"><Loader2 className="w-5 h-5 animate-spin" /></div>}
|
||||
|
||||
@ -99,7 +99,7 @@ export function AuditLogs() {
|
||||
<tr key={it.auditSn} className="border-t border-border hover:bg-surface-overlay/50">
|
||||
<td className="px-3 py-2 text-hint font-mono">{it.auditSn}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground text-[10px]">{formatDateTime(it.createdAt)}</td>
|
||||
<td className="px-3 py-2 text-label">{it.userAcnt || '-'}</td>
|
||||
<td className="px-3 py-2 text-cyan-400">{it.userAcnt || '-'}</td>
|
||||
<td className="px-3 py-2 text-heading font-medium">{it.actionCd}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground">{it.resourceType ?? '-'} {it.resourceId ? `(${it.resourceId})` : ''}</td>
|
||||
<td className="px-3 py-2">
|
||||
@ -107,7 +107,7 @@ export function AuditLogs() {
|
||||
{it.result || '-'}
|
||||
</Badge>
|
||||
</td>
|
||||
<td className="px-3 py-2 text-heading text-[10px]">{it.failReason || '-'}</td>
|
||||
<td className="px-3 py-2 text-red-400 text-[10px]">{it.failReason || '-'}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground text-[10px]">{it.ipAddress || '-'}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground text-[10px] max-w-xs truncate">
|
||||
{it.detail ? JSON.stringify(it.detail) : '-'}
|
||||
|
||||
@ -1,27 +1,29 @@
|
||||
import { useState } from 'react';
|
||||
import { useState, useMemo } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { Button } from '@shared/components/ui/button';
|
||||
import { TabBar, TabButton } from '@shared/components/ui/tabs';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import { DataTable, type DataColumn } from '@shared/components/common/DataTable';
|
||||
import { SaveButton } from '@shared/components/common/SaveButton';
|
||||
import { getConnectionStatusHex } from '@shared/constants/connectionStatuses';
|
||||
import type { BadgeIntent } from '@lib/theme/variants';
|
||||
import {
|
||||
Database, RefreshCw, Wifi, WifiOff, Radio,
|
||||
Activity, Server, ArrowDownToLine, AlertTriangle,
|
||||
CheckCircle, BarChart3, Layers, Plus, Play, Square,
|
||||
Trash2, Edit2, Eye, FileText, HardDrive, FolderOpen,
|
||||
Network,
|
||||
} from 'lucide-react';
|
||||
|
||||
/** 수집/적재 작업 상태 → BadgeIntent 매핑 (DataHub 로컬 전용) */
|
||||
function jobStatusIntent(s: string): BadgeIntent {
|
||||
if (s === '수행중') return 'success';
|
||||
if (s === '대기중') return 'warning';
|
||||
if (s === '장애발생') return 'critical';
|
||||
return 'muted';
|
||||
}
|
||||
import {
|
||||
Database, RefreshCw, Calendar, Wifi, WifiOff, Radio,
|
||||
Activity, Server, ArrowDownToLine, Clock, AlertTriangle,
|
||||
CheckCircle, XCircle, BarChart3, Layers, Plus, Play, Square,
|
||||
Trash2, Edit2, Eye, FileText, HardDrive, Upload, FolderOpen,
|
||||
Network, X, ChevronRight, Info,
|
||||
} from 'lucide-react';
|
||||
|
||||
/*
|
||||
* SFR-03: 통합데이터 허브 수집·연계 관리
|
||||
@ -113,7 +115,7 @@ const channelColumns: DataColumn<ChannelRecord>[] = [
|
||||
render: (v) => <span className="text-hint font-mono">{v as string}</span>,
|
||||
},
|
||||
{ key: 'system', label: '정보시스템명', width: '100px', sortable: true,
|
||||
render: (v) => <span className="text-label font-medium">{v as string}</span>,
|
||||
render: (v) => <span className="text-cyan-400 font-medium">{v as string}</span>,
|
||||
},
|
||||
{ key: 'linkInfo', label: '연계정보', width: '65px' },
|
||||
{ key: 'storage', label: '저장장소', render: (v) => <span className="text-hint font-mono text-[9px]">{v as string}</span> },
|
||||
@ -124,7 +126,7 @@ const channelColumns: DataColumn<ChannelRecord>[] = [
|
||||
render: (v) => {
|
||||
const s = v as string;
|
||||
return s === '수신대기중'
|
||||
? <Badge intent="warning" size="xs">{s}</Badge>
|
||||
? <span className="text-orange-400 text-[9px]">{s}</span>
|
||||
: <span className="text-muted-foreground font-mono text-[10px]">{s}</span>;
|
||||
},
|
||||
},
|
||||
@ -155,7 +157,13 @@ function SignalTimeline({ source }: { source: SignalSource }) {
|
||||
<div className="flex items-center gap-3">
|
||||
{/* 라벨 */}
|
||||
<div className="w-16 shrink-0 text-right">
|
||||
<div className="text-[11px] font-bold text-label">{source.name}</div>
|
||||
<div className="text-[11px] font-bold" style={{
|
||||
color: source.name === 'VTS' ? '#22c55e'
|
||||
: source.name === 'VTS-AIS' ? '#3b82f6'
|
||||
: source.name === 'V-PASS' ? '#a855f7'
|
||||
: source.name === 'E-NAVI' ? '#ef4444'
|
||||
: '#eab308',
|
||||
}}>{source.name}</div>
|
||||
<div className="text-[10px] text-hint">{source.rate}%</div>
|
||||
</div>
|
||||
{/* 타임라인 바 */}
|
||||
@ -224,21 +232,20 @@ const collectColumns: DataColumn<CollectJob>[] = [
|
||||
{ key: 'successRate', label: '성공률', width: '70px', align: 'right', sortable: true,
|
||||
render: (v) => {
|
||||
const n = v as number;
|
||||
if (n === 0) return <span className="font-bold text-[11px] text-hint">-</span>;
|
||||
const intent: BadgeIntent = n >= 90 ? 'success' : n >= 70 ? 'warning' : 'critical';
|
||||
return <Badge intent={intent} size="xs">{n}%</Badge>;
|
||||
const c = n >= 90 ? 'text-green-400' : n >= 70 ? 'text-yellow-400' : n > 0 ? 'text-red-400' : 'text-hint';
|
||||
return <span className={`font-bold text-[11px] ${c}`}>{n > 0 ? `${n}%` : '-'}</span>;
|
||||
},
|
||||
},
|
||||
{ key: 'id', label: '', width: '70px', align: 'center', sortable: false,
|
||||
render: (_v, row) => (
|
||||
<div className="flex items-center gap-0.5">
|
||||
{row.status === '정지' ? (
|
||||
<button type="button" className="p-1 text-hint hover:text-heading" title="시작"><Play className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-green-400" title="시작"><Play className="w-3 h-3" /></button>
|
||||
) : row.status !== '장애발생' ? (
|
||||
<button type="button" className="p-1 text-hint hover:text-heading" title="정지"><Square className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-orange-400" title="정지"><Square className="w-3 h-3" /></button>
|
||||
) : null}
|
||||
<button type="button" className="p-1 text-hint hover:text-label" title="편집"><Edit2 className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-label" title="이력"><FileText className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-blue-400" title="편집"><Edit2 className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-cyan-400" title="이력"><FileText className="w-3 h-3" /></button>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
@ -284,9 +291,9 @@ const loadColumns: DataColumn<LoadJob>[] = [
|
||||
{ key: 'id', label: '', width: '70px', align: 'center', sortable: false,
|
||||
render: () => (
|
||||
<div className="flex items-center gap-0.5">
|
||||
<button type="button" className="p-1 text-hint hover:text-label" title="편집"><Edit2 className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-label" title="이력"><FileText className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-heading" title="스토리지"><HardDrive className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-blue-400" title="편집"><Edit2 className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-cyan-400" title="이력"><FileText className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-orange-400" title="스토리지"><HardDrive className="w-3 h-3" /></button>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
@ -341,7 +348,6 @@ type Tab = 'signal' | 'monitor' | 'collect' | 'load' | 'agents';
|
||||
|
||||
export function DataHub() {
|
||||
const { t } = useTranslation('admin');
|
||||
const { t: tc } = useTranslation('common');
|
||||
const [tab, setTab] = useState<Tab>('signal');
|
||||
const [selectedDate, setSelectedDate] = useState('2026-04-02');
|
||||
const [statusFilter, setStatusFilter] = useState<'' | 'ON' | 'OFF'>('');
|
||||
@ -381,7 +387,7 @@ export function DataHub() {
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Database}
|
||||
iconColor="text-label"
|
||||
iconColor="text-cyan-400"
|
||||
title={t('dataHub.title')}
|
||||
description={t('dataHub.desc')}
|
||||
demo
|
||||
@ -396,11 +402,11 @@ export function DataHub() {
|
||||
<div className="flex gap-2">
|
||||
{[
|
||||
{ label: '전체 채널', value: CHANNELS.length, icon: Layers, color: 'text-label', bg: 'bg-muted' },
|
||||
{ label: 'ON', value: onCount, icon: Wifi, color: 'text-label', bg: 'bg-blue-500/10' },
|
||||
{ label: 'OFF', value: offCount, icon: WifiOff, color: 'text-heading', bg: 'bg-red-500/10' },
|
||||
{ label: '평균 수신율', value: '86.5%', icon: BarChart3, color: 'text-label', bg: 'bg-green-500/10' },
|
||||
{ label: '데이터 소스', value: '5종', icon: Radio, color: 'text-heading', bg: 'bg-purple-500/10' },
|
||||
{ label: '연계 방식', value: 'KAFKA', icon: Server, color: 'text-heading', bg: 'bg-orange-500/10' },
|
||||
{ label: 'ON', value: onCount, icon: Wifi, color: 'text-blue-400', bg: 'bg-blue-500/10' },
|
||||
{ label: 'OFF', value: offCount, icon: WifiOff, color: 'text-red-400', bg: 'bg-red-500/10' },
|
||||
{ label: '평균 수신율', value: '86.5%', icon: BarChart3, color: 'text-green-400', bg: 'bg-green-500/10' },
|
||||
{ label: '데이터 소스', value: '5종', icon: Radio, color: 'text-purple-400', bg: 'bg-purple-500/10' },
|
||||
{ label: '연계 방식', value: 'KAFKA', icon: Server, color: 'text-orange-400', bg: 'bg-orange-500/10' },
|
||||
].map((kpi) => (
|
||||
<div key={kpi.label} className="flex-1 flex items-center gap-2 px-3 py-2 rounded-xl border border-border bg-card">
|
||||
<div className={`p-1.5 rounded-lg ${kpi.bg}`}>
|
||||
@ -443,7 +449,7 @@ export function DataHub() {
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="relative">
|
||||
<input
|
||||
aria-label={tc('aria.receiptDate')}
|
||||
aria-label="수신 현황 기준일"
|
||||
type="date"
|
||||
value={selectedDate}
|
||||
onChange={(e) => setSelectedDate(e.target.value)}
|
||||
@ -503,11 +509,11 @@ export function DataHub() {
|
||||
<div className="flex items-center gap-3 px-4 py-2 rounded-xl border border-border bg-card">
|
||||
<div className="flex items-center gap-1.5">
|
||||
{hasPartialOff ? (
|
||||
<AlertTriangle className="w-3.5 h-3.5 text-heading" />
|
||||
<AlertTriangle className="w-3.5 h-3.5 text-orange-400" />
|
||||
) : (
|
||||
<CheckCircle className="w-3.5 h-3.5 text-label" />
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-400" />
|
||||
)}
|
||||
<span className="text-[11px] font-bold text-heading">
|
||||
<span className={`text-[11px] font-bold ${hasPartialOff ? 'text-orange-400' : 'text-green-400'}`}>
|
||||
{hasPartialOff ? `일부 OFF (${offCount}/${CHANNELS.length})` : '전체 정상'}
|
||||
</span>
|
||||
</div>
|
||||
@ -647,9 +653,9 @@ export function DataHub() {
|
||||
<div className="flex items-center justify-between mt-3 pt-2 border-t border-border">
|
||||
<span className="text-[9px] text-hint">작업 {agent.taskCount}건 · heartbeat {agent.lastHeartbeat.slice(11)}</span>
|
||||
<div className="flex gap-0.5">
|
||||
<button type="button" className="p-1 text-hint hover:text-label" title="상태 상세"><Eye className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-heading" title="이름 변경"><Edit2 className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-heading" title="삭제"><Trash2 className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-blue-400" title="상태 상세"><Eye className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-yellow-400" title="이름 변경"><Edit2 className="w-3 h-3" /></button>
|
||||
<button type="button" className="p-1 text-hint hover:text-red-400" title="삭제"><Trash2 className="w-3 h-3" /></button>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
|
||||
@ -1,385 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { TabBar, TabButton } from '@shared/components/ui/tabs';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import { getStatusIntent } from '@shared/constants/statusIntent';
|
||||
import { useAuth } from '@/app/auth/AuthContext';
|
||||
import {
|
||||
Database, CheckCircle, AlertTriangle, FileText, Users,
|
||||
Layers, Table2, Search, ChevronRight, GitBranch,
|
||||
Shield, Eye, ListChecks, ClipboardCheck,
|
||||
} from 'lucide-react';
|
||||
|
||||
/*
|
||||
* DAR-11: 데이터 모델 검증
|
||||
*
|
||||
* 설계된 데이터 모델을 설계자·개발자·해양경찰청·전문가 등이 참여하여
|
||||
* 각 단계별 데이터 모델 검증 시 기준을 정의·실시한다.
|
||||
*
|
||||
* ① 검증 현황 ② 논리 모델 검증 ③ 물리 모델 검증 ④ 중복·정합성 점검 ⑤ 검증 결과 이력
|
||||
*/
|
||||
|
||||
type Tab = 'overview' | 'logical' | 'physical' | 'duplication' | 'history';
|
||||
|
||||
// ─── 검증 현황 KPI ──────────────────
|
||||
const VERIFICATION_KPI = [
|
||||
{ label: '전체 테이블', value: '48개', icon: Table2, color: '#3b82f6' },
|
||||
{ label: '논리 모델 검증', value: '완료', icon: GitBranch, color: '#10b981' },
|
||||
{ label: '물리 모델 검증', value: '완료', icon: Database, color: '#8b5cf6' },
|
||||
{ label: '중복 테이블', value: '0건', icon: Search, color: '#06b6d4' },
|
||||
{ label: '미해결 이슈', value: '1건', icon: AlertTriangle, color: '#f59e0b' },
|
||||
];
|
||||
|
||||
// ─── 검증 참여자 ──────────────────
|
||||
const PARTICIPANTS = [
|
||||
{ role: '데이터 설계자', name: '정해진 (주무관)', responsibility: '논리·물리 모델 설계, ERD 작성', badge: 'critical' as const },
|
||||
{ role: '백엔드 개발자', name: '이상호 (경위)', responsibility: '마이그레이션 구현, 인덱스·성능 최적화', badge: 'info' as const },
|
||||
{ role: '해양경찰청 담당관', name: '김영수 (사무관)', responsibility: '요구사항 대비 완전성 검토·승인', badge: 'warning' as const },
|
||||
{ role: 'DB 전문가', name: '외부 자문위원', responsibility: '정규화·반정규화 타당성, 성능 검증', badge: 'success' as const },
|
||||
];
|
||||
|
||||
// ─── 검증 절차 (4단계) ──────────────────
|
||||
const VERIFICATION_PHASES = [
|
||||
{ phase: '① 검증 계획 수립', actions: ['검증 범위·기준·일정 확정', '참여자 역할 분담', '체크리스트 작성'], responsible: '데이터 설계자', icon: FileText },
|
||||
{ phase: '② 논리 모델 검증', actions: ['요구사항 대비 완전성 확인', '엔티티·속성·관계 정합성', '정규화 수준 적정성 검토'], responsible: '설계자 + 담당관', icon: GitBranch },
|
||||
{ phase: '③ 물리 모델 검증', actions: ['테이블·컬럼·인덱스 구조 확인', '데이터 타입·제약조건 적정성', '성능 관점 반정규화 타당성'], responsible: '개발자 + DB전문가', icon: Database },
|
||||
{ phase: '④ 결과 보고·조치', actions: ['검증 결과서 작성', '미해결 이슈 추적·조치', '최종 승인 및 이력 등록'], responsible: '전체 참여자', icon: ClipboardCheck },
|
||||
];
|
||||
|
||||
// ─── 논리 모델 검증 항목 ──────────────────
|
||||
const LOGICAL_CHECKS = [
|
||||
{ category: '완전성', item: '요구사항 커버리지', desc: '48개 테이블이 SFR/DAR 전체 요구사항을 충족하는지 매핑 확인', result: '100% (48/48)', status: '통과' },
|
||||
{ category: '완전성', item: '엔티티 누락 여부', desc: '식별된 비즈니스 영역(인증·탐지·단속·통계·관리) 대비 누락 엔티티 점검', result: '누락 0건', status: '통과' },
|
||||
{ category: '정합성', item: '엔티티 관계 정의', desc: '외래키 관계, 참조 무결성, 카디널리티(1:N, M:N) 적정성', result: '78개 관계 확인', status: '통과' },
|
||||
{ category: '정합성', item: '속성 정의 명확성', desc: '속성명 명명규칙, 도메인 정의, NULL 허용 정책 준수', result: '전체 준수', status: '통과' },
|
||||
{ category: '정규화', item: '제3정규형 준수', desc: '함수 종속성 분석, 이행 종속 제거, 제3정규형(3NF) 이상 달성', result: '48/48 테이블', status: '통과' },
|
||||
{ category: '정규화', item: '반정규화 타당성', desc: '성능 목적 반정규화 항목의 타당성 및 정합성 관리 방안', result: '3건 (타당)', status: '통과' },
|
||||
{ category: '표준', item: '명명규칙 준수', desc: '테이블·컬럼·인덱스 명명규칙 (snake_case, kcg 스키마 접두어)', result: '전체 준수', status: '통과' },
|
||||
{ category: '표준', item: '코드성 데이터 표준화', desc: '상태코드·유형코드 등 코드 마스터 테이블 일원화', result: 'code_master 통합', status: '통과' },
|
||||
];
|
||||
|
||||
// ─── 물리 모델 검증 항목 ──────────────────
|
||||
const PHYSICAL_CHECKS = [
|
||||
{ category: '구조', item: '테이블 스페이스 배치', desc: 'PostgreSQL kcg 스키마 내 48개 테이블 배치 적정성', result: '적정', status: '통과' },
|
||||
{ category: '구조', item: '파티셔닝 전략', desc: 'AIS 위치 로그 등 대용량 테이블 파티셔닝 적용 여부', result: 'TimescaleDB hypertable', status: '통과' },
|
||||
{ category: '데이터 타입', item: '컬럼 타입 적정성', desc: 'VARCHAR 길이, NUMERIC 정밀도, TIMESTAMP 타임존 설정', result: '전체 적정', status: '통과' },
|
||||
{ category: '데이터 타입', item: 'JSON vs 정규 컬럼', desc: 'JSONB 사용 항목의 타당성 (스키마 유연성 vs 쿼리 성능)', result: '3개 테이블 JSONB (타당)', status: '통과' },
|
||||
{ category: '인덱스', item: '기본키·외래키 인덱스', desc: 'PK/FK 인덱스 자동 생성 확인, 복합키 순서 적정성', result: '전체 생성 확인', status: '통과' },
|
||||
{ category: '인덱스', item: '조회 성능 인덱스', desc: '고빈도 조회 패턴 분석 기반 추가 인덱스 설계', result: '12개 추가 인덱스', status: '통과' },
|
||||
{ category: '제약조건', item: 'NOT NULL·CHECK·UNIQUE', desc: '필수값 제약, 범위 체크, 유일성 제약 적용 현황', result: '전체 적용', status: '통과' },
|
||||
{ category: '제약조건', item: '참조 무결성 (FK)', desc: '외래키 ON DELETE/UPDATE 정책 (CASCADE/RESTRICT)', result: '정책 수립 완료', status: '통과' },
|
||||
{ category: '성능', item: '쿼리 실행 계획 검증', desc: '주요 조회 쿼리 EXPLAIN ANALYZE 검증', result: 'P95 < 100ms', status: '통과' },
|
||||
{ category: '성능', item: '대량 INSERT 성능', desc: 'AIS 5분 주기 배치 INSERT 성능 검증 (bulk insert)', result: '10K rows/sec', status: '주의' },
|
||||
];
|
||||
|
||||
// ─── 중복·정합성 점검 ──────────────────
|
||||
const DUPLICATION_CHECKS = [
|
||||
{ target: '테이블 중복', desc: '동일 목적의 테이블이 중복 존재하는지 점검', scope: '48개 테이블', result: '중복 0건', status: '통과' },
|
||||
{ target: '컬럼 중복', desc: '동일 비즈니스 의미의 컬럼이 다른 이름으로 존재하는지 점검', scope: '전체 컬럼', result: '중복 0건', status: '통과' },
|
||||
{ target: '반정규화 정합성', desc: '반정규화로 인한 중복 데이터의 동기화 방안 확인', scope: '3개 반정규화 항목', result: '트리거 기반 동기화', status: '통과' },
|
||||
{ target: '코드값 일관성', desc: '상태코드·유형코드가 code_master 통해 일원 관리되는지 확인', scope: '19개 코드 카탈로그', result: '전체 일원화', status: '통과' },
|
||||
{ target: '외래키 정합성', desc: '참조 대상 레코드 삭제 시 고아 레코드 발생 여부 점검', scope: '78개 FK 관계', result: '고아 0건', status: '통과' },
|
||||
{ target: '스키마 간 정합성', desc: 'prediction 분석 결과 → kcgaidb 연계 시 데이터 타입 일치', scope: 'SNPDB ↔ kcgaidb', result: '타입 일치 확인', status: '통과' },
|
||||
];
|
||||
|
||||
// ─── 데이터 주제영역 ──────────────────
|
||||
const SUBJECT_AREAS = [
|
||||
{ area: '인증·권한', tables: 'auth_user, auth_role, auth_perm_tree, auth_perm, auth_user_role', count: 5, desc: '사용자·역할·권한 트리 기반 RBAC' },
|
||||
{ area: 'AIS·선박', tables: 'vessel_master, ais_position, vessel_permit', count: 3, desc: 'AIS 수신 데이터, 선박 기본정보, 허가 현황' },
|
||||
{ area: '탐지·분석', tables: 'vessel_analysis, dark_vessel, gear_detection, transship_detection, ...', count: 12, desc: '14개 알고리즘 분석 결과 저장' },
|
||||
{ area: '단속·이벤트', tables: 'prediction_event, enforcement_plan, enforcement_record, ...', count: 8, desc: '이벤트 발생·단속 계획·단속 이력' },
|
||||
{ area: '모선 워크플로우', tables: 'parent_review, parent_exclusion, label_session, ...', count: 5, desc: '모선 확정·제외·학습 워크플로우' },
|
||||
{ area: '순찰·함정', tables: 'patrol_ship, patrol_route, fleet_optimization, ...', count: 6, desc: '함정 관리·순찰 경로·최적화' },
|
||||
{ area: '통계·감사', tables: 'statistics_daily, audit_log, access_log, login_history, ...', count: 5, desc: '통계 집계·감사 로그·접근 이력' },
|
||||
{ area: '시스템·관리', tables: 'code_master, zone_polygon, gear_type_master, notice, ...', count: 4, desc: '코드 마스터·구역 정보·공지사항' },
|
||||
];
|
||||
|
||||
// ─── 검증 결과 이력 ──────────────────
|
||||
const VERIFICATION_HISTORY = [
|
||||
{ id: 'VER-2026-005', date: '2026-04-10', phase: '물리 모델 검증', reviewer: '이상호, 외부 자문', target: 'V015 NUMERIC 정밀도 조정', issues: 0, result: '통과' },
|
||||
{ id: 'VER-2026-004', date: '2026-04-07', phase: '중복·정합성 점검', reviewer: '정해진', target: '반정규화 3건 정합성', issues: 0, result: '통과' },
|
||||
{ id: 'VER-2026-003', date: '2026-04-03', phase: '논리 모델 검증', reviewer: '김영수, 정해진', target: 'V014 함정·예측 테이블 추가', issues: 1, result: '조건부 통과' },
|
||||
{ id: 'VER-2026-002', date: '2026-03-28', phase: '물리 모델 검증', reviewer: '이상호', target: 'V012~V013 이벤트·단속 테이블', issues: 0, result: '통과' },
|
||||
{ id: 'VER-2026-001', date: '2026-03-20', phase: '논리 모델 검증', reviewer: '전체 참여', target: '초기 V001~V011 전체 구조', issues: 3, result: '조건부 통과' },
|
||||
{ id: 'VER-2025-012', date: '2025-12-15', phase: '검증 계획 수립', reviewer: '김영수', target: '검증 계획서 v1.0 확정', issues: 0, result: '승인' },
|
||||
];
|
||||
|
||||
export function DataModelVerification() {
|
||||
const [tab, setTab] = useState<Tab>('overview');
|
||||
const { hasPermission } = useAuth();
|
||||
// 향후 Phase 3 에서 검증 승인·이력 등록 버튼 추가 시 가드로 연결
|
||||
void hasPermission('admin:data-model-verification', 'CREATE');
|
||||
void hasPermission('admin:data-model-verification', 'UPDATE');
|
||||
|
||||
const TABS: Array<{ key: Tab; icon: typeof Eye; label: string }> = [
|
||||
{ key: 'overview', icon: Eye, label: '검증 현황' },
|
||||
{ key: 'logical', icon: GitBranch, label: '논리 모델 검증' },
|
||||
{ key: 'physical', icon: Database, label: '물리 모델 검증' },
|
||||
{ key: 'duplication', icon: Search, label: '중복·정합성 점검' },
|
||||
{ key: 'history', icon: FileText, label: '검증 결과 이력' },
|
||||
];
|
||||
|
||||
return (
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={ListChecks}
|
||||
iconColor="text-green-600 dark:text-green-400"
|
||||
title="데이터 모델 검증"
|
||||
description="DAR-11 | 논리·물리 데이터 모델 검증 기준 정의·실시 및 결과 관리"
|
||||
demo
|
||||
/>
|
||||
|
||||
<TabBar variant="underline">
|
||||
{TABS.map(t => (
|
||||
<TabButton key={t.key} variant="underline" active={tab === t.key}
|
||||
icon={<t.icon className="w-3.5 h-3.5" />} onClick={() => setTab(t.key)}>
|
||||
{t.label}
|
||||
</TabButton>
|
||||
))}
|
||||
</TabBar>
|
||||
|
||||
{/* ── ① 검증 현황 ── */}
|
||||
{tab === 'overview' && (
|
||||
<div className="space-y-3">
|
||||
<div className="flex gap-2">
|
||||
{VERIFICATION_KPI.map(k => (
|
||||
<div key={k.label} className="flex-1 flex items-center gap-3 px-4 py-3 rounded-xl border border-border bg-card" style={{ borderLeftColor: k.color, borderLeftWidth: 3 }}>
|
||||
<k.icon className="w-5 h-5" style={{ color: k.color }} />
|
||||
<div>
|
||||
<div className="text-lg font-bold" style={{ color: k.color }}>{k.value}</div>
|
||||
<div className="text-[9px] text-hint">{k.label}</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* 검증 절차 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<ClipboardCheck className="w-4 h-4 text-green-600 dark:text-green-400" />
|
||||
<span className="text-[12px] font-bold text-heading">검증 절차 (4단계)</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
{VERIFICATION_PHASES.map((s, i) => (
|
||||
<div key={s.phase} className="relative">
|
||||
{i < VERIFICATION_PHASES.length - 1 && (
|
||||
<ChevronRight className="absolute -right-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-border z-10" />
|
||||
)}
|
||||
<div className="bg-surface-overlay rounded-lg p-3 h-full">
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<s.icon className="w-4 h-4 text-green-600 dark:text-green-400" />
|
||||
<span className="text-[11px] font-bold text-green-600 dark:text-green-400">{s.phase}</span>
|
||||
</div>
|
||||
<div className="text-[9px] text-cyan-600 dark:text-cyan-400 mb-2">{s.responsible}</div>
|
||||
<ul className="space-y-1.5">
|
||||
{s.actions.map(a => (
|
||||
<li key={a} className="flex items-start gap-1.5 text-[9px] text-muted-foreground">
|
||||
<CheckCircle className="w-3 h-3 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<span>{a}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
|
||||
{/* 참여자 + 주제영역 */}
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Users className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-[12px] font-bold text-heading">검증 참여자</span>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
{PARTICIPANTS.map(p => (
|
||||
<div key={p.role} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<Badge intent={p.badge} size="sm">{p.role}</Badge>
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{p.name}</div>
|
||||
<div className="text-[9px] text-hint">{p.responsibility}</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Layers className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<span className="text-[12px] font-bold text-heading">데이터 주제영역 ({SUBJECT_AREAS.reduce((s, a) => s + a.count, 0)}개 테이블)</span>
|
||||
</div>
|
||||
<div className="space-y-1.5">
|
||||
{SUBJECT_AREAS.map(a => (
|
||||
<div key={a.area} className="flex items-center gap-2 px-2 py-1.5 bg-surface-overlay rounded text-[10px]">
|
||||
<Badge intent="muted" size="xs">{a.count}개</Badge>
|
||||
<span className="text-heading font-medium w-24 shrink-0">{a.area}</span>
|
||||
<span className="text-hint text-[9px] truncate flex-1">{a.desc}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ② 논리 모델 검증 ── */}
|
||||
{tab === 'logical' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<GitBranch className="w-4 h-4 text-green-600 dark:text-green-400" />
|
||||
<span className="text-[12px] font-bold text-heading">논리 데이터 모델 검증 기준 및 결과</span>
|
||||
<Badge intent="success" size="xs">{LOGICAL_CHECKS.filter(c => c.status === '통과').length}/{LOGICAL_CHECKS.length} 통과</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">분류</th>
|
||||
<th className="text-left py-2">검증 항목</th>
|
||||
<th className="text-left py-2">상세 기준</th>
|
||||
<th className="text-center py-2">검증 결과</th>
|
||||
<th className="text-center py-2">판정</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{LOGICAL_CHECKS.map(c => (
|
||||
<tr key={c.item} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2"><Badge intent="muted" size="xs">{c.category}</Badge></td>
|
||||
<td className="py-2.5 text-heading font-medium">{c.item}</td>
|
||||
<td className="py-2.5 text-muted-foreground text-[9px]">{c.desc}</td>
|
||||
<td className="py-2.5 text-center text-cyan-600 dark:text-cyan-400 font-medium text-[9px]">{c.result}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent={getStatusIntent(c.status)} size="sm">{c.status}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">데이터 주제영역별 엔티티 구성</div>
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
{SUBJECT_AREAS.map(a => (
|
||||
<div key={a.area} className="bg-surface-overlay rounded-lg p-3">
|
||||
<div className="flex items-center justify-between mb-2">
|
||||
<span className="text-[11px] font-bold text-heading">{a.area}</span>
|
||||
<Badge intent="info" size="xs">{a.count}개</Badge>
|
||||
</div>
|
||||
<div className="text-[8px] text-hint mb-1.5">{a.desc}</div>
|
||||
<div className="text-[8px] text-muted-foreground font-mono leading-relaxed">{a.tables}</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ③ 물리 모델 검증 ── */}
|
||||
{tab === 'physical' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Database className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<span className="text-[12px] font-bold text-heading">물리 데이터 모델 검증 기준 및 결과</span>
|
||||
<Badge intent="success" size="xs">{PHYSICAL_CHECKS.filter(c => c.status === '통과').length}/{PHYSICAL_CHECKS.length} 통과</Badge>
|
||||
{PHYSICAL_CHECKS.some(c => c.status === '주의') && (
|
||||
<Badge intent="warning" size="xs">{PHYSICAL_CHECKS.filter(c => c.status === '주의').length}건 주의</Badge>
|
||||
)}
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">분류</th>
|
||||
<th className="text-left py-2">검증 항목</th>
|
||||
<th className="text-left py-2">상세 기준</th>
|
||||
<th className="text-center py-2">검증 결과</th>
|
||||
<th className="text-center py-2">판정</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{PHYSICAL_CHECKS.map(c => (
|
||||
<tr key={c.item} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2"><Badge intent="muted" size="xs">{c.category}</Badge></td>
|
||||
<td className="py-2.5 text-heading font-medium">{c.item}</td>
|
||||
<td className="py-2.5 text-muted-foreground text-[9px]">{c.desc}</td>
|
||||
<td className="py-2.5 text-center text-cyan-600 dark:text-cyan-400 font-medium text-[9px]">{c.result}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent={getStatusIntent(c.status)} size="sm">{c.status}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
|
||||
{/* ── ④ 중복·정합성 점검 ── */}
|
||||
{tab === 'duplication' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Shield className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
<span className="text-[12px] font-bold text-heading">중복 테이블·컬럼 및 데이터 정합성 점검</span>
|
||||
<Badge intent="success" size="xs">{DUPLICATION_CHECKS.filter(c => c.status === '통과').length}/{DUPLICATION_CHECKS.length} 통과</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">점검 항목</th>
|
||||
<th className="text-left py-2">상세 내용</th>
|
||||
<th className="text-center py-2">점검 범위</th>
|
||||
<th className="text-center py-2">결과</th>
|
||||
<th className="text-center py-2">판정</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{DUPLICATION_CHECKS.map(c => (
|
||||
<tr key={c.target} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2 text-heading font-medium">{c.target}</td>
|
||||
<td className="py-2.5 text-muted-foreground text-[9px]">{c.desc}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent="muted" size="xs">{c.scope}</Badge></td>
|
||||
<td className="py-2.5 text-center text-cyan-600 dark:text-cyan-400 font-medium text-[9px]">{c.result}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent={getStatusIntent(c.status)} size="sm">{c.status}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
|
||||
{/* ── ⑤ 검증 결과 이력 ── */}
|
||||
{tab === 'history' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<FileText className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-[12px] font-bold text-heading">검증 결과 이력</span>
|
||||
<Badge intent="info" size="xs">{VERIFICATION_HISTORY.length}건</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">검증 ID</th>
|
||||
<th className="text-center py-2">일시</th>
|
||||
<th className="text-center py-2">단계</th>
|
||||
<th className="text-left py-2">검증자</th>
|
||||
<th className="text-left py-2">대상</th>
|
||||
<th className="text-center py-2">이슈</th>
|
||||
<th className="text-center py-2">결과</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{VERIFICATION_HISTORY.map(h => (
|
||||
<tr key={h.id} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2 text-hint font-mono text-[9px]">{h.id}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{h.date}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent="muted" size="xs">{h.phase}</Badge></td>
|
||||
<td className="py-2.5 text-muted-foreground">{h.reviewer}</td>
|
||||
<td className="py-2.5 text-heading font-medium text-[9px]">{h.target}</td>
|
||||
<td className="py-2.5 text-center">{h.issues > 0 ? <span className="text-yellow-600 dark:text-yellow-400 font-bold">{h.issues}건</span> : <span className="text-green-600 dark:text-green-400">0건</span>}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent={getStatusIntent(h.result)} size="sm">{h.result}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
</PageContainer>
|
||||
);
|
||||
}
|
||||
@ -1,439 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { TabBar, TabButton } from '@shared/components/ui/tabs';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import { getStatusIntent } from '@shared/constants/statusIntent';
|
||||
import { useAuth } from '@/app/auth/AuthContext';
|
||||
import {
|
||||
Database, Clock, Trash2, ShieldCheck, FileText, AlertTriangle,
|
||||
CheckCircle, Archive, CalendarClock, UserCheck, Search,
|
||||
ChevronRight, Lock, Eye, Settings,
|
||||
} from 'lucide-react';
|
||||
|
||||
/*
|
||||
* DAR-10: 데이터 보관기간 및 파기 정책
|
||||
*
|
||||
* 법령 내 규정 및 유관기관 협의에 따라 데이터 유형별 보관기간 및
|
||||
* 파기 절차를 수립하고 체계적으로 관리하는 정책 페이지.
|
||||
*
|
||||
* ① 보관 현황 ② 유형별 보관기간 ③ 파기 절차 ④ 예외·연장 ⑤ 파기 감사 대장
|
||||
*/
|
||||
|
||||
type Tab = 'overview' | 'retention' | 'disposal' | 'exception' | 'audit';
|
||||
|
||||
// ─── 보관 현황 KPI ──────────────────
|
||||
const RETENTION_KPI = [
|
||||
{ label: '관리 데이터 유형', value: '6종', icon: Database, color: '#3b82f6' },
|
||||
{ label: '보관기간 초과', value: '0건', icon: Clock, color: '#10b981' },
|
||||
{ label: '파기 대기', value: '3건', icon: Trash2, color: '#f59e0b' },
|
||||
{ label: '보존 연장 중', value: '1건', icon: ShieldCheck, color: '#8b5cf6' },
|
||||
{ label: '금월 파기 완료', value: '12건', icon: CheckCircle, color: '#06b6d4' },
|
||||
];
|
||||
|
||||
// ─── 유형별 보관기간 기준표 ──────────────────
|
||||
const RETENTION_TABLE = [
|
||||
{ type: '선박 위치 로그 (AIS)', category: '운항 데이터', basis: '해사안전법 시행규칙 제42조', period: '5년', format: 'PostgreSQL + TimescaleDB', volume: '약 2.1TB/년', status: '정상' },
|
||||
{ type: '단속 자료', category: '법집행 기록', basis: '해양경비법 제18조, 공공기록물법', period: '10년 (영구 가능)', format: 'PostgreSQL + 파일 스토리지', volume: '약 150GB/년', status: '정상' },
|
||||
{ type: '수사 관련 자료', category: '수사 기록', basis: '형사소송법 제198조, 수사기록 보존규칙', period: '영구 (종결 후 30년)', format: '암호화 스토리지', volume: '약 50GB/년', status: '정상' },
|
||||
{ type: 'AI 학습용 임시 데이터', category: 'AI 학습 데이터', basis: '개인정보보호법 제21조', period: '학습 완료 후 90일', format: 'S3 + DVC', volume: '약 500GB/주기', status: '정상' },
|
||||
{ type: 'CCTV·영상 증거', category: '영상 데이터', basis: '개인정보보호법 제25조', period: '30일 (증거 채택 시 영구)', format: 'NAS + HLS', volume: '약 3TB/월', status: '주의' },
|
||||
{ type: '시스템 접근 로그', category: '감사 로그', basis: '정보통신망법 제45조, 전자금융감독규정', period: '5년', format: 'Elasticsearch', volume: '약 80GB/년', status: '정상' },
|
||||
];
|
||||
|
||||
// ─── 파기 방식 정의 ──────────────────
|
||||
const DISPOSAL_METHODS = [
|
||||
{ method: '완전 삭제 (Secure Erase)', desc: 'DoD 5220.22-M 기준 3회 덮어쓰기 후 삭제', target: 'DB 레코드, 파일', encryption: '해당 없음', recovery: '복구 불가능', status: '적용' },
|
||||
{ method: '암호화 키 폐기', desc: '암호화된 데이터의 복호화 키를 영구 폐기하여 접근 차단', target: '암호화 스토리지', encryption: 'AES-256 키 폐기', recovery: '복구 불가능', status: '적용' },
|
||||
{ method: '논리적 삭제 + 만료', desc: 'soft-delete 마킹 후 보관기간 만료 시 물리 삭제 전환', target: '운영 DB', encryption: '-', recovery: '만료 전 복구 가능', status: '적용' },
|
||||
{ method: '물리적 파기', desc: '디가우저(Degausser) 또는 물리적 파쇄로 매체 파기', target: '이동식 매체, 하드디스크', encryption: '해당 없음', recovery: '복구 불가능', status: '적용' },
|
||||
];
|
||||
|
||||
// ─── 파기 승인 절차 ──────────────────
|
||||
const DISPOSAL_WORKFLOW = [
|
||||
{ phase: '① 파기 대상 선별', actions: ['보관기간 만료 데이터 자동 탐색', '유형별 파기 대상 목록 생성', '백업 데이터 포함 여부 확인'], responsible: '시스템 자동', icon: Search },
|
||||
{ phase: '② 파기 신청', actions: ['파기 대상 목록 검토 및 승인 요청', '수사·소송 보존 연장 대상 제외 확인', '파기 방식 지정 (완전삭제/키폐기/물리파기)'], responsible: '데이터 관리자', icon: FileText },
|
||||
{ phase: '③ 승인 및 집행', actions: ['보안담당관 파기 승인', '파기 실행 (이중 확인 절차)', '백업 데이터 동시 파기'], responsible: '보안담당관', icon: UserCheck },
|
||||
{ phase: '④ 결과 기록', actions: ['파기 결과 로그 자동 기록', '파기 대장 등록 (대상·일시·담당자·방식)', '감사 보고서 생성 및 보관'], responsible: '시스템 자동', icon: Archive },
|
||||
];
|
||||
|
||||
// ─── 보존 연장 예외 현황 ──────────────────
|
||||
const EXCEPTIONS = [
|
||||
{ id: 'EXC-2026-001', dataType: '단속 자료 #2024-1892', reason: '수사 진행 중 (인천해경)', originalExpiry: '2026-03-15', extendedTo: '수사 종결 시까지', approver: '수사과장', status: '연장 중' },
|
||||
{ id: 'EXC-2026-002', dataType: 'AIS 로그 (2021-Q2)', reason: '재판 증거 제출 (서울중앙지법)', originalExpiry: '2026-06-30', extendedTo: '판결 확정 시까지', approver: '법무담당관', status: '연장 중' },
|
||||
{ id: 'EXC-2025-015', dataType: 'CCTV 영상 #V-2025-0342', reason: '감사원 감사 대상', originalExpiry: '2025-12-01', extendedTo: '2026-06-30', approver: '감사담당관', status: '해제 예정' },
|
||||
];
|
||||
|
||||
const EXCEPTION_RULES = [
|
||||
{ rule: '수사·소송 보존', desc: '수사 개시 또는 소송 진행 중인 데이터는 종결 시까지 파기 유예', authority: '수사과장 / 법무담당관' },
|
||||
{ rule: '감사 보존', desc: '내부·외부 감사 대상 데이터는 감사 완료 후 6개월까지 보존 연장', authority: '감사담당관' },
|
||||
{ rule: '재난·사고 보존', desc: '해양 사고 관련 데이터는 사고 조사 종결 시까지 보존', authority: '안전관리관' },
|
||||
{ rule: '정보공개 청구', desc: '정보공개 청구 접수된 데이터는 처리 완료 시까지 보존', authority: '정보공개담당관' },
|
||||
];
|
||||
|
||||
// ─── 파기 감사 대장 ──────────────────
|
||||
const DISPOSAL_AUDIT_LOG = [
|
||||
{ id: 'DSP-2026-012', date: '2026-04-10', target: 'AI 학습 임시 데이터 (배치 #B-0392)', type: 'AI 학습 데이터', method: '완전 삭제', volume: '48.2GB', operator: '정해진', approver: '김영수', result: '완료' },
|
||||
{ id: 'DSP-2026-011', date: '2026-04-08', target: 'CCTV 영상 2026-03월분 (미채택)', type: '영상 데이터', method: '완전 삭제', volume: '2.8TB', operator: '시스템', approver: '김영수', result: '완료' },
|
||||
{ id: 'DSP-2026-010', date: '2026-04-05', target: '시스템 접근 로그 (2021-Q1)', type: '감사 로그', method: '완전 삭제', volume: '12.5GB', operator: '시스템', approver: '김영수', result: '완료' },
|
||||
{ id: 'DSP-2026-009', date: '2026-04-03', target: 'AI 학습 임시 데이터 (배치 #B-0391)', type: 'AI 학습 데이터', method: '암호화 키 폐기', volume: '51.7GB', operator: '정해진', approver: '김영수', result: '완료' },
|
||||
{ id: 'DSP-2026-008', date: '2026-04-01', target: 'AIS 위치 로그 (2021-03)', type: '운항 데이터', method: '완전 삭제', volume: '180GB', operator: '시스템', approver: '이상호', result: '완료' },
|
||||
{ id: 'DSP-2026-007', date: '2026-03-28', target: '이동식 매체 (USB-0021~0025)', type: '물리 매체', method: '물리적 파기', volume: '5개', operator: '박민수', approver: '김영수', result: '완료' },
|
||||
];
|
||||
|
||||
// ─── 보관 구조 요약 ──────────────────
|
||||
const STORAGE_ARCHITECTURE = [
|
||||
{ tier: '운영 스토리지', desc: '실시간 조회·분석 대상 (최근 1년)', tech: 'PostgreSQL + TimescaleDB', encryption: 'TDE (AES-256)', backup: '일일 증분 + 주간 전체', icon: Database },
|
||||
{ tier: '아카이브 스토리지', desc: '장기 보관 대상 (1~10년)', tech: 'S3 Compatible (Glacier 등급)', encryption: 'SSE-KMS', backup: '월간 무결성 검증', icon: Archive },
|
||||
{ tier: '백업 스토리지', desc: '재해 복구용 (이중화)', tech: '원격지 NAS + 테이프', encryption: 'AES-256', backup: '분기별 복구 테스트', icon: Lock },
|
||||
{ tier: '파기 대기 영역', desc: 'soft-delete 후 파기 승인 대기', tech: '격리 스토리지 (접근 제한)', encryption: 'AES-256', backup: '미백업 (파기 예정)', icon: Trash2 },
|
||||
];
|
||||
|
||||
export function DataRetentionPolicy() {
|
||||
const [tab, setTab] = useState<Tab>('overview');
|
||||
const { hasPermission } = useAuth();
|
||||
// 향후 Phase 3 에서 파기 승인/예외 등록 시 disabled 가드로 활용
|
||||
void hasPermission('admin:data-retention', 'UPDATE');
|
||||
void hasPermission('admin:data-retention', 'DELETE');
|
||||
|
||||
const TABS: Array<{ key: Tab; icon: typeof Eye; label: string }> = [
|
||||
{ key: 'overview', icon: Eye, label: '보관 현황' },
|
||||
{ key: 'retention', icon: CalendarClock, label: '유형별 보관기간' },
|
||||
{ key: 'disposal', icon: Trash2, label: '파기 절차' },
|
||||
{ key: 'exception', icon: ShieldCheck, label: '예외·연장' },
|
||||
{ key: 'audit', icon: FileText, label: '파기 감사 대장' },
|
||||
];
|
||||
|
||||
return (
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Database}
|
||||
iconColor="text-blue-600 dark:text-blue-400"
|
||||
title="데이터 보관기간 및 파기 정책"
|
||||
description="DAR-10 | 데이터 유형별 보관기간 기준표, 파기 절차, 보존 연장 예외 관리"
|
||||
demo
|
||||
/>
|
||||
|
||||
<TabBar variant="underline">
|
||||
{TABS.map(t => (
|
||||
<TabButton key={t.key} variant="underline" active={tab === t.key}
|
||||
icon={<t.icon className="w-3.5 h-3.5" />} onClick={() => setTab(t.key)}>
|
||||
{t.label}
|
||||
</TabButton>
|
||||
))}
|
||||
</TabBar>
|
||||
|
||||
{/* ── ① 보관 현황 ── */}
|
||||
{tab === 'overview' && (
|
||||
<div className="space-y-3">
|
||||
<div className="flex gap-2">
|
||||
{RETENTION_KPI.map(k => (
|
||||
<div key={k.label} className="flex-1 flex items-center gap-3 px-4 py-3 rounded-xl border border-border bg-card" style={{ borderLeftColor: k.color, borderLeftWidth: 3 }}>
|
||||
<k.icon className="w-5 h-5" style={{ color: k.color }} />
|
||||
<div>
|
||||
<div className="text-lg font-bold" style={{ color: k.color }}>{k.value}</div>
|
||||
<div className="text-[9px] text-hint">{k.label}</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* 보관 구조 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Settings className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-[12px] font-bold text-heading">전체 보관 구조 (4-Tier)</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
{STORAGE_ARCHITECTURE.map(s => (
|
||||
<div key={s.tier} className="bg-surface-overlay rounded-lg p-3">
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<s.icon className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-[11px] font-bold text-heading">{s.tier}</span>
|
||||
</div>
|
||||
<p className="text-[9px] text-hint mb-2">{s.desc}</p>
|
||||
<div className="space-y-1">
|
||||
{[
|
||||
['기술', s.tech],
|
||||
['암호화', s.encryption],
|
||||
['백업', s.backup],
|
||||
].map(([k, v]) => (
|
||||
<div key={k} className="flex justify-between text-[9px] px-2 py-1 bg-surface-raised rounded">
|
||||
<span className="text-muted-foreground">{k}</span>
|
||||
<span className="text-label">{v}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
|
||||
{/* 정책 준수 현황 */}
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">정책 준수 점검</div>
|
||||
<div className="space-y-1.5 text-[10px]">
|
||||
{[
|
||||
['유형별 보관기간 기준표', '6/6종 수립 완료', '완료'],
|
||||
['파기 방식 정의', '4/4 방식 적용', '완료'],
|
||||
['파기 승인 절차', '4단계 절차 운영 중', '완료'],
|
||||
['보존 연장 예외 관리', '3건 관리 중 (1건 해제 예정)', '정상'],
|
||||
['백업 데이터 동시 파기', '파기 시 백업 포함 확인', '완료'],
|
||||
['파기 감사 대장', '12건 기록 (금월)', '완료'],
|
||||
['CCTV 30일 보관 준수', '미채택 영상 30일 초과 1건', '주의'],
|
||||
].map(([k, v, s]) => (
|
||||
<div key={k} className="flex items-center gap-2 px-2 py-1.5 bg-surface-overlay rounded">
|
||||
{s === '완료' || s === '정상' ? <CheckCircle className="w-3 h-3 text-green-600 dark:text-green-500" /> : <AlertTriangle className="w-3 h-3 text-yellow-600 dark:text-yellow-500" />}
|
||||
<span className="text-heading flex-1">{k}</span>
|
||||
<span className="text-hint">{v}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">최근 파기 이력</div>
|
||||
<div className="space-y-1.5 text-[10px]">
|
||||
{DISPOSAL_AUDIT_LOG.slice(0, 6).map(d => (
|
||||
<div key={d.id} className="flex items-center gap-2 px-2 py-1.5 bg-surface-overlay rounded">
|
||||
<span className="text-muted-foreground w-20">{d.date}</span>
|
||||
<span className="text-heading flex-1 truncate">{d.target}</span>
|
||||
<Badge intent={getStatusIntent(d.result)} size="sm">{d.method}</Badge>
|
||||
<span className="text-hint text-[9px]">{d.volume}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ② 유형별 보관기간 ── */}
|
||||
{tab === 'retention' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<CalendarClock className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-[12px] font-bold text-heading">데이터 유형별 보관기간 기준표</span>
|
||||
<Badge intent="info" size="xs">{RETENTION_TABLE.length}종 관리</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">데이터 유형</th>
|
||||
<th className="text-left py-2">분류</th>
|
||||
<th className="text-left py-2">법적 근거</th>
|
||||
<th className="text-center py-2">보관기간</th>
|
||||
<th className="text-left py-2">저장 형식</th>
|
||||
<th className="text-center py-2">연간 용량</th>
|
||||
<th className="text-center py-2">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{RETENTION_TABLE.map(r => (
|
||||
<tr key={r.type} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2 text-heading font-medium">{r.type}</td>
|
||||
<td className="py-2.5"><Badge intent="muted" size="xs">{r.category}</Badge></td>
|
||||
<td className="py-2.5 text-muted-foreground text-[9px]">{r.basis}</td>
|
||||
<td className="py-2.5 text-center text-cyan-600 dark:text-cyan-400 font-bold">{r.period}</td>
|
||||
<td className="py-2.5 text-muted-foreground text-[9px]">{r.format}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{r.volume}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent={getStatusIntent(r.status)} size="sm">{r.status}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">관련 법령 요약</div>
|
||||
<div className="grid grid-cols-3 gap-3">
|
||||
{[
|
||||
{ law: '해사안전법 시행규칙', article: '제42조', content: 'AIS 장치 기록 보존 의무 (5년)' },
|
||||
{ law: '해양경비법', article: '제18조', content: '단속 기록 작성·보존 의무' },
|
||||
{ law: '공공기록물 관리에 관한 법률', article: '제19조', content: '기록물 보존기간 준수 의무' },
|
||||
{ law: '개인정보보호법', article: '제21조', content: '목적 달성 후 지체 없이 파기' },
|
||||
{ law: '정보통신망법', article: '제45조', content: '접속기록 5년 보관 의무' },
|
||||
{ law: '형사소송법', article: '제198조', content: '수사기록 보존 의무' },
|
||||
].map(l => (
|
||||
<div key={l.law} className="bg-surface-overlay rounded-lg p-3">
|
||||
<div className="text-[11px] font-bold text-heading mb-1">{l.law}</div>
|
||||
<Badge intent="muted" size="xs">{l.article}</Badge>
|
||||
<div className="text-[9px] text-hint mt-1.5">{l.content}</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ③ 파기 절차 ── */}
|
||||
{tab === 'disposal' && (
|
||||
<div className="space-y-3">
|
||||
{/* 파기 승인 워크플로우 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Trash2 className="w-4 h-4 text-red-600 dark:text-red-400" />
|
||||
<span className="text-[12px] font-bold text-heading">파기 승인 절차 (4단계)</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
{DISPOSAL_WORKFLOW.map((s, i) => (
|
||||
<div key={s.phase} className="relative">
|
||||
{i < DISPOSAL_WORKFLOW.length - 1 && (
|
||||
<ChevronRight className="absolute -right-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-border z-10" />
|
||||
)}
|
||||
<div className="bg-surface-overlay rounded-lg p-3 h-full">
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<s.icon className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-[11px] font-bold text-blue-600 dark:text-blue-400">{s.phase}</span>
|
||||
</div>
|
||||
<div className="text-[9px] text-cyan-600 dark:text-cyan-400 mb-2">{s.responsible}</div>
|
||||
<ul className="space-y-1.5">
|
||||
{s.actions.map(a => (
|
||||
<li key={a} className="flex items-start gap-1.5 text-[9px] text-muted-foreground">
|
||||
<CheckCircle className="w-3 h-3 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<span>{a}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
|
||||
{/* 파기 방식 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Lock className="w-4 h-4 text-red-600 dark:text-red-400" />
|
||||
<span className="text-[12px] font-bold text-heading">파기 방식 정의</span>
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">파기 방식</th>
|
||||
<th className="text-left py-2">설명</th>
|
||||
<th className="text-left py-2">적용 대상</th>
|
||||
<th className="text-center py-2">암호화</th>
|
||||
<th className="text-center py-2">복구 가능성</th>
|
||||
<th className="text-center py-2">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{DISPOSAL_METHODS.map(m => (
|
||||
<tr key={m.method} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2 text-heading font-medium">{m.method}</td>
|
||||
<td className="py-2.5 text-muted-foreground text-[9px]">{m.desc}</td>
|
||||
<td className="py-2.5 text-muted-foreground">{m.target}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent={m.encryption.includes('AES') ? 'success' : 'muted'} size="xs">{m.encryption}</Badge></td>
|
||||
<td className="py-2.5 text-center text-red-600 dark:text-red-400 text-[9px] font-medium">{m.recovery}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent="success" size="sm">{m.status}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ④ 예외·연장 ── */}
|
||||
{tab === 'exception' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<ShieldCheck className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<span className="text-[12px] font-bold text-heading">보존 연장 예외 현황</span>
|
||||
<Badge intent="warning" size="xs">{EXCEPTIONS.filter(e => e.status === '연장 중').length}건 연장 중</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">예외 ID</th>
|
||||
<th className="text-left py-2">대상 데이터</th>
|
||||
<th className="text-left py-2">사유</th>
|
||||
<th className="text-center py-2">원래 만료</th>
|
||||
<th className="text-center py-2">연장 기한</th>
|
||||
<th className="text-center py-2">승인자</th>
|
||||
<th className="text-center py-2">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{EXCEPTIONS.map(e => (
|
||||
<tr key={e.id} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2 text-hint font-mono text-[9px]">{e.id}</td>
|
||||
<td className="py-2.5 text-heading font-medium">{e.dataType}</td>
|
||||
<td className="py-2.5 text-muted-foreground text-[9px]">{e.reason}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{e.originalExpiry}</td>
|
||||
<td className="py-2.5 text-center text-cyan-600 dark:text-cyan-400 font-medium text-[9px]">{e.extendedTo}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{e.approver}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent={getStatusIntent(e.status)} size="sm">{e.status}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<AlertTriangle className="w-4 h-4 text-yellow-600 dark:text-yellow-400" />
|
||||
<span className="text-[12px] font-bold text-heading">보존 연장 사유 유형</span>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
{EXCEPTION_RULES.map(r => (
|
||||
<div key={r.rule} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<ShieldCheck className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[11px] text-heading font-medium">{r.rule}</div>
|
||||
<div className="text-[9px] text-hint">{r.desc}</div>
|
||||
</div>
|
||||
<Badge intent="muted" size="sm">{r.authority}</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ⑤ 파기 감사 대장 ── */}
|
||||
{tab === 'audit' && (
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<FileText className="w-4 h-4 text-green-600 dark:text-green-400" />
|
||||
<span className="text-[12px] font-bold text-heading">파기 감사 대장</span>
|
||||
<Badge intent="info" size="xs">{DISPOSAL_AUDIT_LOG.length}건</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">파기 ID</th>
|
||||
<th className="text-center py-2">일시</th>
|
||||
<th className="text-left py-2">파기 대상</th>
|
||||
<th className="text-center py-2">유형</th>
|
||||
<th className="text-center py-2">방식</th>
|
||||
<th className="text-center py-2">용량</th>
|
||||
<th className="text-center py-2">수행자</th>
|
||||
<th className="text-center py-2">승인자</th>
|
||||
<th className="text-center py-2">결과</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{DISPOSAL_AUDIT_LOG.map(d => (
|
||||
<tr key={d.id} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2.5 px-2 text-hint font-mono text-[9px]">{d.id}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{d.date}</td>
|
||||
<td className="py-2.5 text-heading font-medium text-[9px]">{d.target}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent="muted" size="xs">{d.type}</Badge></td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{d.method}</td>
|
||||
<td className="py-2.5 text-center text-cyan-600 dark:text-cyan-400 font-mono">{d.volume}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{d.operator}</td>
|
||||
<td className="py-2.5 text-center text-muted-foreground">{d.approver}</td>
|
||||
<td className="py-2.5 text-center"><Badge intent="success" size="sm">{d.result}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
)}
|
||||
</PageContainer>
|
||||
);
|
||||
}
|
||||
@ -41,7 +41,7 @@ export function LoginHistoryView() {
|
||||
<PageContainer size="lg">
|
||||
<PageHeader
|
||||
icon={LogIn}
|
||||
iconColor="text-label"
|
||||
iconColor="text-green-400"
|
||||
title="로그인 이력"
|
||||
description="성공/실패 로그인 시도 기록 (5회 실패 시 자동 잠금)"
|
||||
actions={
|
||||
@ -55,10 +55,10 @@ export function LoginHistoryView() {
|
||||
{stats && (
|
||||
<div className="grid grid-cols-5 gap-3">
|
||||
<MetricCard label="전체 시도" value={stats.total} color="text-heading" />
|
||||
<MetricCard label="성공 (24h)" value={stats.success24h} color="text-label" />
|
||||
<MetricCard label="실패 (24h)" value={stats.failed24h} color="text-label" />
|
||||
<MetricCard label="잠금 (24h)" value={stats.locked24h} color="text-heading" />
|
||||
<MetricCard label="성공률 (24h)" value={stats.successRate} color="text-label" suffix="%" />
|
||||
<MetricCard label="성공 (24h)" value={stats.success24h} color="text-green-400" />
|
||||
<MetricCard label="실패 (24h)" value={stats.failed24h} color="text-orange-400" />
|
||||
<MetricCard label="잠금 (24h)" value={stats.locked24h} color="text-red-400" />
|
||||
<MetricCard label="성공률 (24h)" value={stats.successRate} color="text-cyan-400" suffix="%" />
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -71,7 +71,7 @@ export function LoginHistoryView() {
|
||||
<CardContent className="px-4 pb-4 space-y-1">
|
||||
{stats.byUser.map((u) => (
|
||||
<div key={u.user_acnt} className="flex items-center justify-between text-[11px]">
|
||||
<span className="text-label font-mono">{u.user_acnt}</span>
|
||||
<span className="text-cyan-400 font-mono">{u.user_acnt}</span>
|
||||
<span className="text-heading font-bold">{u.count}회</span>
|
||||
</div>
|
||||
))}
|
||||
@ -86,9 +86,9 @@ export function LoginHistoryView() {
|
||||
<div key={d.day} className="flex items-center justify-between text-[11px]">
|
||||
<span className="text-muted-foreground font-mono">{formatDate(d.day)}</span>
|
||||
<div className="flex gap-3">
|
||||
<span className="text-label">성공 {d.success}</span>
|
||||
<span className="text-label">실패 {d.failed}</span>
|
||||
<span className="text-heading">잠금 {d.locked}</span>
|
||||
<span className="text-green-400">성공 {d.success}</span>
|
||||
<span className="text-orange-400">실패 {d.failed}</span>
|
||||
<span className="text-red-400">잠금 {d.locked}</span>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
@ -98,7 +98,7 @@ export function LoginHistoryView() {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{error && <div className="text-xs text-heading">에러: {error}</div>}
|
||||
{error && <div className="text-xs text-red-400">에러: {error}</div>}
|
||||
|
||||
{loading && <div className="flex items-center justify-center py-12 text-muted-foreground"><Loader2 className="w-5 h-5 animate-spin" /></div>}
|
||||
|
||||
@ -123,11 +123,11 @@ export function LoginHistoryView() {
|
||||
<tr key={it.histSn} className="border-t border-border hover:bg-surface-overlay/50">
|
||||
<td className="px-3 py-2 text-hint font-mono">{it.histSn}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground text-[10px]">{formatDateTime(it.loginDtm)}</td>
|
||||
<td className="px-3 py-2 text-label">{it.userAcnt}</td>
|
||||
<td className="px-3 py-2 text-cyan-400">{it.userAcnt}</td>
|
||||
<td className="px-3 py-2">
|
||||
<Badge intent={getLoginResultIntent(it.result)} size="sm">{getLoginResultLabel(it.result, tc, lang)}</Badge>
|
||||
</td>
|
||||
<td className="px-3 py-2 text-heading text-[10px]">{it.failReason || '-'}</td>
|
||||
<td className="px-3 py-2 text-red-400 text-[10px]">{it.failReason || '-'}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground">{it.authProvider || '-'}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground text-[10px]">{it.loginIp || '-'}</td>
|
||||
</tr>
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { Button } from '@shared/components/ui/button';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import { useAuth } from '@/app/auth/AuthContext';
|
||||
import type { BadgeIntent } from '@lib/theme/variants';
|
||||
import {
|
||||
Bell, Plus, Edit2, Trash2, Eye,
|
||||
Megaphone, AlertTriangle, Info,
|
||||
Clock, Pin, Monitor, MessageSquare, X,
|
||||
Bell, Plus, Edit2, Trash2, Eye, EyeOff, Calendar,
|
||||
Users, Megaphone, AlertTriangle, Info, Search, Filter,
|
||||
CheckCircle, Clock, Pin, Monitor, MessageSquare, X,
|
||||
} from 'lucide-react';
|
||||
import { DataTable, type DataColumn } from '@shared/components/common/DataTable';
|
||||
import { toDateParam } from '@shared/utils/dateFormat';
|
||||
import { SaveButton } from '@shared/components/common/SaveButton';
|
||||
import type { SystemNotice, NoticeType, NoticeDisplay } from '@shared/components/common/NotificationBanner';
|
||||
@ -58,10 +58,10 @@ const INITIAL_NOTICES: SystemNotice[] = [
|
||||
];
|
||||
|
||||
const TYPE_OPTIONS: { key: NoticeType; label: string; icon: React.ElementType; color: string }[] = [
|
||||
{ key: 'info', label: '정보', icon: Info, color: 'text-label' },
|
||||
{ key: 'warning', label: '경고', icon: AlertTriangle, color: 'text-label' },
|
||||
{ key: 'urgent', label: '긴급', icon: Bell, color: 'text-label' },
|
||||
{ key: 'maintenance', label: '점검', icon: Megaphone, color: 'text-label' },
|
||||
{ key: 'info', label: '정보', icon: Info, color: 'text-blue-400' },
|
||||
{ key: 'warning', label: '경고', icon: AlertTriangle, color: 'text-yellow-400' },
|
||||
{ key: 'urgent', label: '긴급', icon: Bell, color: 'text-red-400' },
|
||||
{ key: 'maintenance', label: '점검', icon: Megaphone, color: 'text-orange-400' },
|
||||
];
|
||||
|
||||
const DISPLAY_OPTIONS: { key: NoticeDisplay; label: string; icon: React.ElementType }[] = [
|
||||
@ -74,11 +74,6 @@ const ROLE_OPTIONS = ['ADMIN', 'OPERATOR', 'ANALYST', 'FIELD', 'VIEWER'];
|
||||
|
||||
export function NoticeManagement() {
|
||||
const { t } = useTranslation('admin');
|
||||
const { t: tc } = useTranslation('common');
|
||||
const { hasPermission } = useAuth();
|
||||
const canCreate = hasPermission('admin:notices', 'CREATE');
|
||||
const canUpdate = hasPermission('admin:notices', 'UPDATE');
|
||||
const canDelete = hasPermission('admin:notices', 'DELETE');
|
||||
const [notices, setNotices] = useState<SystemNotice[]>(INITIAL_NOTICES);
|
||||
const [editingId, setEditingId] = useState<string | null>(null);
|
||||
const [showForm, setShowForm] = useState(false);
|
||||
@ -146,12 +141,12 @@ export function NoticeManagement() {
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Bell}
|
||||
iconColor="text-label"
|
||||
iconColor="text-yellow-400"
|
||||
title={t('notices.title')}
|
||||
description={t('notices.desc')}
|
||||
demo
|
||||
actions={
|
||||
<Button variant="primary" size="md" onClick={openNew} disabled={!canCreate} title={!canCreate ? '등록 권한이 필요합니다' : undefined} icon={<Plus className="w-3.5 h-3.5" />}>
|
||||
<Button variant="primary" size="md" onClick={openNew} icon={<Plus className="w-3.5 h-3.5" />}>
|
||||
새 알림 등록
|
||||
</Button>
|
||||
}
|
||||
@ -161,9 +156,9 @@ export function NoticeManagement() {
|
||||
<div className="flex gap-2">
|
||||
{[
|
||||
{ label: '전체 알림', count: notices.length, icon: Bell, color: 'text-label', bg: 'bg-muted' },
|
||||
{ label: '현재 노출 중', count: activeCount, icon: Eye, color: 'text-label', bg: 'bg-green-500/10' },
|
||||
{ label: '예약됨', count: scheduledCount, icon: Clock, color: 'text-label', bg: 'bg-blue-500/10' },
|
||||
{ label: '긴급 알림', count: urgentCount, icon: AlertTriangle, color: 'text-label', bg: 'bg-red-500/10' },
|
||||
{ label: '현재 노출 중', count: activeCount, icon: Eye, color: 'text-green-400', bg: 'bg-green-500/10' },
|
||||
{ label: '예약됨', count: scheduledCount, icon: Clock, color: 'text-blue-400', bg: 'bg-blue-500/10' },
|
||||
{ label: '긴급 알림', count: urgentCount, icon: AlertTriangle, color: 'text-red-400', bg: 'bg-red-500/10' },
|
||||
].map((kpi) => (
|
||||
<div key={kpi.label} className="flex-1 flex items-center gap-2 px-3 py-2 rounded-xl border border-border bg-card">
|
||||
<div className={`p-1.5 rounded-lg ${kpi.bg}`}>
|
||||
@ -238,14 +233,14 @@ export function NoticeManagement() {
|
||||
)}
|
||||
</td>
|
||||
<td className="px-1 py-1.5 text-center">
|
||||
{n.pinned && <Pin className="w-3 h-3 text-label inline" />}
|
||||
{n.pinned && <Pin className="w-3 h-3 text-yellow-400 inline" />}
|
||||
</td>
|
||||
<td className="px-1 py-1.5">
|
||||
<div className="flex items-center justify-center gap-0.5">
|
||||
<button type="button" onClick={() => openEdit(n)} disabled={!canUpdate} className="p-1 text-hint hover:text-heading disabled:opacity-30 disabled:cursor-not-allowed" title={canUpdate ? '수정' : '수정 권한이 필요합니다'}>
|
||||
<button type="button" onClick={() => openEdit(n)} className="p-1 text-hint hover:text-blue-400" title="수정">
|
||||
<Edit2 className="w-3 h-3" />
|
||||
</button>
|
||||
<button type="button" onClick={() => handleDelete(n.id)} disabled={!canDelete} className="p-1 text-hint hover:text-heading disabled:opacity-30 disabled:cursor-not-allowed" title={canDelete ? '삭제' : '삭제 권한이 필요합니다'}>
|
||||
<button type="button" onClick={() => handleDelete(n.id)} className="p-1 text-hint hover:text-red-400" title="삭제">
|
||||
<Trash2 className="w-3 h-3" />
|
||||
</button>
|
||||
</div>
|
||||
@ -266,7 +261,7 @@ export function NoticeManagement() {
|
||||
<span className="text-sm font-bold text-heading">
|
||||
{editingId ? '알림 수정' : '새 알림 등록'}
|
||||
</span>
|
||||
<button type="button" aria-label={tc('aria.close')} onClick={() => setShowForm(false)} className="text-hint hover:text-heading">
|
||||
<button type="button" aria-label="닫기" onClick={() => setShowForm(false)} className="text-hint hover:text-heading">
|
||||
<X className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
@ -276,7 +271,7 @@ export function NoticeManagement() {
|
||||
<div>
|
||||
<label className="text-[10px] text-muted-foreground font-medium mb-1 block">제목</label>
|
||||
<input
|
||||
aria-label={tc('aria.noticeTitle')}
|
||||
aria-label="알림 제목"
|
||||
value={form.title}
|
||||
onChange={(e) => setForm({ ...form, title: e.target.value })}
|
||||
className="w-full bg-surface-overlay border border-slate-700/50 rounded-lg px-3 py-2 text-[11px] text-heading placeholder:text-hint focus:outline-none focus:border-blue-500/50"
|
||||
@ -288,7 +283,7 @@ export function NoticeManagement() {
|
||||
<div>
|
||||
<label className="text-[10px] text-muted-foreground font-medium mb-1 block">내용</label>
|
||||
<textarea
|
||||
aria-label={tc('aria.noticeContent')}
|
||||
aria-label="알림 내용"
|
||||
value={form.message}
|
||||
onChange={(e) => setForm({ ...form, message: e.target.value })}
|
||||
rows={3}
|
||||
@ -327,7 +322,7 @@ export function NoticeManagement() {
|
||||
onClick={() => setForm({ ...form, display: opt.key })}
|
||||
className={`flex items-center gap-1 px-3 py-1.5 rounded-lg text-[10px] transition-colors ${
|
||||
form.display === opt.key
|
||||
? 'bg-blue-600/20 text-label font-bold'
|
||||
? 'bg-blue-600/20 text-blue-400 font-bold'
|
||||
: 'text-hint hover:bg-surface-overlay'
|
||||
}`}
|
||||
>
|
||||
@ -344,7 +339,7 @@ export function NoticeManagement() {
|
||||
<div>
|
||||
<label className="text-[10px] text-muted-foreground font-medium mb-1 block">시작일</label>
|
||||
<input
|
||||
aria-label={tc('aria.dateFrom')}
|
||||
aria-label="시작일"
|
||||
type="date"
|
||||
value={form.startDate}
|
||||
onChange={(e) => setForm({ ...form, startDate: e.target.value })}
|
||||
@ -354,7 +349,7 @@ export function NoticeManagement() {
|
||||
<div>
|
||||
<label className="text-[10px] text-muted-foreground font-medium mb-1 block">종료일</label>
|
||||
<input
|
||||
aria-label={tc('aria.dateTo')}
|
||||
aria-label="종료일"
|
||||
type="date"
|
||||
value={form.endDate}
|
||||
onChange={(e) => setForm({ ...form, endDate: e.target.value })}
|
||||
@ -375,7 +370,7 @@ export function NoticeManagement() {
|
||||
onClick={() => toggleRole(role)}
|
||||
className={`px-3 py-1.5 rounded-lg text-[10px] transition-colors ${
|
||||
form.targetRoles.includes(role)
|
||||
? 'bg-surface-overlay text-heading border border-border font-bold'
|
||||
? 'bg-blue-600/20 text-blue-400 border border-blue-500/30 font-bold'
|
||||
: 'text-hint border border-slate-700/30 hover:bg-surface-overlay'
|
||||
}`}
|
||||
>
|
||||
@ -419,7 +414,7 @@ export function NoticeManagement() {
|
||||
<SaveButton
|
||||
onClick={handleSave}
|
||||
label={editingId ? '수정' : '등록'}
|
||||
disabled={!form.title.trim() || !form.message.trim() || (editingId ? !canUpdate : !canCreate)}
|
||||
disabled={!form.title.trim() || !form.message.trim()}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,651 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { TabBar, TabButton } from '@shared/components/ui/tabs';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import {
|
||||
getPerformanceStatusHex,
|
||||
getPerformanceStatusIntent,
|
||||
utilizationStatus,
|
||||
type PerformanceStatus,
|
||||
} from '@shared/constants/performanceStatus';
|
||||
import { useAuth } from '@/app/auth/AuthContext';
|
||||
import {
|
||||
Activity, Gauge, Users, Database, Brain, Server,
|
||||
CheckCircle, AlertTriangle, TrendingUp, Clock,
|
||||
Zap, Shield, BarChart3, Cpu, HardDrive, Wifi,
|
||||
} from 'lucide-react';
|
||||
|
||||
/*
|
||||
* 성능 모니터링 (PER-01 ~ PER-06)
|
||||
*
|
||||
* 총 사용자 3,000명 (본청 200명·상황실 100명 24/7 + 지방청·관할서·함정)
|
||||
* 통합게이트웨이(V-PASS·VTS·E-nav) + S&P Global AIS A/B 클래스 전제
|
||||
*
|
||||
* ① 성능 현황 ② 응답성(PER-01) ③ 처리용량(PER-02·03)
|
||||
* ④ AI 모델 성능(PER-04) ⑤ 가용성·확장성(PER-05·06)
|
||||
*/
|
||||
|
||||
type Tab = 'overview' | 'response' | 'capacity' | 'aiModel' | 'availability';
|
||||
|
||||
// ─── 성능 KPI ──────────────────
|
||||
const PERF_KPI: Array<{ label: string; value: string; unit: string; icon: typeof Users; status: PerformanceStatus }> = [
|
||||
{ label: '현재 동시접속', value: '342', unit: '명', icon: Users, status: 'normal' },
|
||||
{ label: '대시보드 p95', value: '1.8', unit: '초', icon: Gauge, status: 'good' },
|
||||
{ label: '시스템 가동률', value: '99.87', unit: '%', icon: Shield, status: 'good' },
|
||||
{ label: 'AI 추론 p95', value: '1.4', unit: '초', icon: Brain, status: 'good' },
|
||||
{ label: '배치 SLA 준수', value: '100', unit: '%', icon: CheckCircle, status: 'good' },
|
||||
{ label: '이벤트 경보', value: '0', unit: '건', icon: AlertTriangle, status: 'normal' },
|
||||
];
|
||||
|
||||
// ─── SLO 적용 그룹 ──────────────────
|
||||
const USER_GROUPS = [
|
||||
{ group: '본청 상황실', users: 100, concurrent: '100 (100%)', sla: '≤ 2초 대시보드 / ≤ 1초 지도', priority: 'critical' as const, note: '24/7 상시 접속 · 최상위 SLO' },
|
||||
{ group: '본청 기타', users: 100, concurrent: '50 (50%)', sla: '≤ 3초 대시보드', priority: 'high' as const, note: '주간 업무 시간' },
|
||||
{ group: '지방청(5개)', users: 400, concurrent: '120 (30%)', sla: '≤ 3초 대시보드', priority: 'high' as const, note: '관할해역 상황실' },
|
||||
{ group: '관할서', users: 1500, concurrent: '300 (20%)', sla: '≤ 1.5초 조회', priority: 'info' as const, note: '주간 피크' },
|
||||
{ group: '함정·파출소', users: 800, concurrent: '120 (15%)', sla: '≤ 1초 API', priority: 'info' as const, note: '모바일 Agent · 저대역폭' },
|
||||
];
|
||||
|
||||
// ─── PER-01 응답성 SLO vs 실측 ──────────────────
|
||||
const RESPONSE_SLO = [
|
||||
{ target: '메인 대시보드 초기 로드', slo: '2.0초', p50: '0.9초', p95: '1.8초', p99: '2.4초', status: 'good' as const },
|
||||
{ target: '위험도 지도 격자 조회', slo: '2.0초', p50: '0.7초', p95: '1.6초', p99: '2.1초', status: 'good' as const },
|
||||
{ target: '의심 선박·어구 단순 조회', slo: '1.5초', p50: '0.4초', p95: '1.1초', p99: '1.7초', status: 'good' as const },
|
||||
{ target: '복합 분석·시각화', slo: '5.0초', p50: '2.1초', p95: '4.2초', p99: '5.8초', status: 'warn' as const },
|
||||
{ target: 'AI 추론 API (단건)', slo: '2.0초', p50: '0.6초', p95: '1.4초', p99: '1.9초', status: 'good' as const },
|
||||
{ target: '연계 API (read)', slo: '500ms', p50: '120ms', p95: '380ms', p99: '510ms', status: 'warn' as const },
|
||||
{ target: '함정 모바일 Agent API', slo: '1.0초', p50: '0.3초', p95: '0.8초', p99: '1.2초', status: 'good' as const },
|
||||
{ target: 'AI 탐지 알림 End-to-End', slo: '3.0초', p50: '1.1초', p95: '2.3초', p99: '2.8초', status: 'good' as const },
|
||||
];
|
||||
|
||||
// ─── PER-02 동시접속·TPS ──────────────────
|
||||
const CAPACITY_METRICS = [
|
||||
{ metric: '현재 동시접속', current: 342, target: '600 (정상 피크)', max: '900 (작전 피크)', utilization: 57, intent: 'info' as const },
|
||||
{ metric: '현재 TPS', current: 185, target: '400 TPS', max: '600 TPS', utilization: 46, intent: 'info' as const },
|
||||
{ metric: '활성 세션', current: 287, target: '500', max: '750', utilization: 57, intent: 'info' as const },
|
||||
{ metric: 'WebSocket 연결', current: 142, target: '300', max: '500', utilization: 47, intent: 'info' as const },
|
||||
];
|
||||
|
||||
// ─── PER-03 배치 처리 현황 ──────────────────
|
||||
const BATCH_JOBS = [
|
||||
{ name: 'AIS 국내 정제·적재', schedule: '매 5분', volume: '~5 GB/일', sla: '5분', avg: '2분 18초', lastRun: '성공', status: 'success' as const },
|
||||
{ name: 'S&P 글로벌 AIS 집계·격자', schedule: '00:00 야간', volume: '~500 GB/일 (압축 후)', sla: '3시간', avg: '2시간 12분', lastRun: '성공', status: 'success' as const },
|
||||
{ name: '위성영상 타일링·인덱싱', schedule: '수신 직후', volume: '건당 2~10 GB', sla: '2시간/건', avg: '1시간 24분', lastRun: '성공', status: 'success' as const },
|
||||
{ name: '피처 스토어 갱신', schedule: '매시 정각', volume: '~200 MB', sla: '1시간', avg: '8분 42초', lastRun: '성공', status: 'success' as const },
|
||||
{ name: 'AI 모델 재학습 (주간)', schedule: '일요일 02:00', volume: '학습셋 전체', sla: '8시간', avg: '6시간 18분', lastRun: '성공', status: 'success' as const },
|
||||
{ name: '통계·리포트 집계', schedule: '매시 정각', volume: '~50 MB', sla: '30분', avg: '6분 12초', lastRun: '성공', status: 'success' as const },
|
||||
{ name: '해양기상·환경 수집', schedule: '매시 정각', volume: '~500 MB', sla: '10분', avg: '3분 48초', lastRun: '지연', status: 'warn' as const },
|
||||
];
|
||||
|
||||
// ─── PER-04 AI 모델 성능 ──────────────────
|
||||
const AI_MODELS = [
|
||||
{ model: '불법조업 위험도 예측', accuracy: 92.4, precision: 89.1, recall: 87.6, f1: 88.3, rocAuc: 0.948, target: '≥ 85% 정확도', status: 'good' as const },
|
||||
{ model: '순찰 경로 추천 (단일)', accuracy: 94.1, precision: 91.2, recall: 90.5, f1: 90.8, rocAuc: 0.961, target: '≥ 90% 정확도', status: 'good' as const },
|
||||
{ model: '다함정 협력 경로 최적화', accuracy: 91.8, precision: 88.4, recall: 87.9, f1: 88.1, rocAuc: 0.936, target: '≥ 85% 정확도', status: 'good' as const },
|
||||
{ model: '불법 어선 (Dark Vessel) 탐지', accuracy: 96.2, precision: 94.8, recall: 92.3, f1: 93.5, rocAuc: 0.978, target: '≥ 92% 정확도', status: 'good' as const },
|
||||
{ model: '불법 어망·어구 탐지', accuracy: 88.7, precision: 85.2, recall: 83.6, f1: 84.4, rocAuc: 0.912, target: '≥ 85% 정확도', status: 'warn' as const },
|
||||
{ model: 'AIS 조작 패턴 감지', accuracy: 93.5, precision: 91.7, recall: 89.4, f1: 90.5, rocAuc: 0.954, target: '≥ 90% 정확도', status: 'good' as const },
|
||||
];
|
||||
|
||||
// ─── PER-05 가용성·장애복구 ──────────────────
|
||||
const AVAILABILITY_METRICS = [
|
||||
{ component: '애플리케이션 서버 (K8s)', uptime: '99.98%', rto: '≤ 30초', rpo: '0 (stateless)', lastIncident: '없음', status: 'good' as const },
|
||||
{ component: 'DB (PostgreSQL HA)', uptime: '99.95%', rto: '≤ 60초', rpo: '≤ 5초', lastIncident: '2026-03-28', status: 'good' as const },
|
||||
{ component: 'TimescaleDB (Hot)', uptime: '99.92%', rto: '≤ 120초', rpo: '≤ 15초', lastIncident: '2026-04-02', status: 'good' as const },
|
||||
{ component: '벡터 DB (RAG)', uptime: '99.87%', rto: '≤ 180초', rpo: '≤ 30초', lastIncident: '2026-04-08', status: 'warn' as const },
|
||||
{ component: 'NAS 스토리지', uptime: '99.99%', rto: '≤ 60초', rpo: '0 (이중화)', lastIncident: '없음', status: 'good' as const },
|
||||
{ component: '통합게이트웨이', uptime: '99.89%', rto: '≤ 60초', rpo: '≤ 10초', lastIncident: '2026-04-05', status: 'good' as const },
|
||||
{ component: 'S&P Global AIS API', uptime: '99.41%', rto: 'Fallback 즉시', rpo: '국내 신호 대체', lastIncident: '2026-04-12', status: 'warn' as const },
|
||||
{ component: 'LLM Q&A 서버 (H200)', uptime: '99.76%', rto: '≤ 120초', rpo: '0 (stateless)', lastIncident: '2026-04-09', status: 'good' as const },
|
||||
];
|
||||
|
||||
// ─── PER-06 확장성·자원 사용률 ──────────────────
|
||||
const RESOURCE_USAGE = [
|
||||
{ resource: '워커 노드 CPU', current: 48, threshold: 70, max: 80, scalePolicy: 'HPA 자동 확장', unit: '%' },
|
||||
{ resource: '워커 노드 메모리', current: 52, threshold: 75, max: 85, scalePolicy: 'HPA 자동 확장', unit: '%' },
|
||||
{ resource: 'AI 서버 GPU (RTX pro 6000)', current: 61, threshold: 80, max: 90, scalePolicy: '추론 큐잉', unit: '%' },
|
||||
{ resource: 'LLM 서버 GPU (H200)', current: 44, threshold: 75, max: 85, scalePolicy: '요청 병합·배치', unit: '%' },
|
||||
{ resource: 'DB 연결 풀', current: 128, threshold: 300, max: 400, scalePolicy: 'PgBouncer 풀 확대', unit: '개' },
|
||||
{ resource: 'NAS 사용량', current: 28, threshold: 75, max: 90, scalePolicy: '콜드 티어 이관', unit: '% (100TB)' },
|
||||
{ resource: 'Kafka 컨슈머 Lag', current: 142, threshold: 5000, max: 10000, scalePolicy: '파티션 증설', unit: 'msg' },
|
||||
{ resource: 'Redis 캐시 메모리', current: 38, threshold: 70, max: 85, scalePolicy: 'Eviction + 클러스터 확장', unit: '%' },
|
||||
];
|
||||
|
||||
// ─── 성능 영향 최소화 전략 (S&P 글로벌 대응) ──────────────────
|
||||
const IMPACT_REDUCTION = [
|
||||
{ strategy: '이중 수집 파이프라인 물리 분리', target: '국내 vs 글로벌 격리', effect: '글로벌 장애 → 국내 무영향', per: 'PER-01·05' },
|
||||
{ strategy: '경계 조기 필터링', target: '지리·선박 클래스 필터', effect: '원본 50~80% 감축', per: 'PER-03' },
|
||||
{ strategy: '스트림·백프레셔 (Kafka)', target: 'Lag 임계 초과 시 다운샘플링', effect: '온라인 무영향', per: 'PER-01·03' },
|
||||
{ strategy: '티어드 스토리지 (Hot/Warm/Cold)', target: '1~7일 / 30일 / 이후', effect: '쿼리 비용 최소화', per: 'PER-03·06' },
|
||||
{ strategy: '공간 사전 집계 (H3 격자)', target: 'Materialized View', effect: '대시보드 Redis만 조회', per: 'PER-01' },
|
||||
{ strategy: 'Circuit Breaker (S&P)', target: '실패율 50% 차단', effect: '국내 신호 Fallback', per: 'PER-05' },
|
||||
{ strategy: 'K8s PriorityClass 격리', target: '온라인 vs 배치', effect: '상황실 SLO 절대 보장', per: 'PER-01·03' },
|
||||
{ strategy: 'HPA 자동 확장', target: 'CPU/메모리 70% 임계', effect: '피크 자동 대응', per: 'PER-02·06' },
|
||||
];
|
||||
|
||||
// 로컬 status 문자열을 카탈로그 PerformanceStatus로 매핑
|
||||
const toStatus = (s: 'good' | 'warn' | 'critical' | 'success'): PerformanceStatus => {
|
||||
if (s === 'good' || s === 'success') return 'good';
|
||||
if (s === 'warn') return 'warning';
|
||||
return 'critical';
|
||||
};
|
||||
const statusIntent = (s: 'good' | 'warn' | 'critical' | 'success') =>
|
||||
getPerformanceStatusIntent(toStatus(s));
|
||||
const barColor = (ratio: number): string =>
|
||||
getPerformanceStatusHex(utilizationStatus(ratio));
|
||||
|
||||
export function PerformanceMonitoring() {
|
||||
const [tab, setTab] = useState<Tab>('overview');
|
||||
const { hasPermission } = useAuth();
|
||||
// 향후 Phase 3 에서 EXPORT 버튼 추가 시 disabled={!canExport} 로 연결
|
||||
void hasPermission('admin:performance-monitoring', 'EXPORT');
|
||||
|
||||
const TABS: Array<{ key: Tab; icon: typeof BarChart3; label: string }> = [
|
||||
{ key: 'overview', icon: BarChart3, label: '성능 현황' },
|
||||
{ key: 'response', icon: Gauge, label: '응답성 (PER-01)' },
|
||||
{ key: 'capacity', icon: Users, label: '처리용량 (PER-02·03)' },
|
||||
{ key: 'aiModel', icon: Brain, label: 'AI 모델 (PER-04)' },
|
||||
{ key: 'availability', icon: Shield, label: '가용성·확장성 (PER-05·06)' },
|
||||
];
|
||||
|
||||
return (
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Activity}
|
||||
iconColor="text-cyan-600 dark:text-cyan-400"
|
||||
title="성능 모니터링"
|
||||
description="PER-01~06 | 응답성·처리용량·AI 모델·가용성·확장성 실시간 현황"
|
||||
demo
|
||||
/>
|
||||
|
||||
<TabBar variant="underline">
|
||||
{TABS.map(t => (
|
||||
<TabButton key={t.key} variant="underline" active={tab === t.key}
|
||||
icon={<t.icon className="w-3.5 h-3.5" />} onClick={() => setTab(t.key)}>
|
||||
{t.label}
|
||||
</TabButton>
|
||||
))}
|
||||
</TabBar>
|
||||
|
||||
{/* ── ① 성능 현황 ── */}
|
||||
{tab === 'overview' && (
|
||||
<div className="space-y-3">
|
||||
{/* KPI */}
|
||||
<div className="grid grid-cols-6 gap-2">
|
||||
{PERF_KPI.map(k => {
|
||||
const hex = getPerformanceStatusHex(k.status);
|
||||
return (
|
||||
<div key={k.label} className="flex items-center gap-3 px-4 py-3 rounded-xl border border-border bg-card" style={{ borderLeftColor: hex, borderLeftWidth: 3 }}>
|
||||
<k.icon className="w-5 h-5" style={{ color: hex }} />
|
||||
<div>
|
||||
<div className="text-lg font-bold" style={{ color: hex }}>
|
||||
{k.value}<span className="text-[10px] ml-1 text-hint">{k.unit}</span>
|
||||
</div>
|
||||
<div className="text-[9px] text-hint">{k.label}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
{/* 사용자 그룹별 SLO */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Users className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
<span className="text-[12px] font-bold text-heading">사용자 그룹별 SLO (총 2,900명 + 추정)</span>
|
||||
<Badge intent="info" size="xs">본청 200 · 상황실 100 확정</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[11px]">
|
||||
<thead className="text-hint text-[10px] border-b border-border">
|
||||
<tr>
|
||||
<th className="text-left py-2 px-2 font-medium">그룹</th>
|
||||
<th className="text-right py-2 px-2 font-medium">총 인원</th>
|
||||
<th className="text-right py-2 px-2 font-medium">동시접속 추정</th>
|
||||
<th className="text-left py-2 px-2 font-medium">SLA</th>
|
||||
<th className="text-center py-2 px-2 font-medium">우선순위</th>
|
||||
<th className="text-left py-2 px-2 font-medium">특성</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{USER_GROUPS.map(g => (
|
||||
<tr key={g.group} className="border-b border-border/40 hover:bg-surface-overlay/40">
|
||||
<td className="py-2 px-2 text-label font-medium">{g.group}</td>
|
||||
<td className="py-2 px-2 text-right text-label">{g.users.toLocaleString()}명</td>
|
||||
<td className="py-2 px-2 text-right text-heading font-medium">{g.concurrent}</td>
|
||||
<td className="py-2 px-2 text-label">{g.sla}</td>
|
||||
<td className="py-2 px-2 text-center"><Badge intent={g.priority} size="xs">{g.priority === 'critical' ? '최상' : g.priority === 'high' ? '높음' : '일반'}</Badge></td>
|
||||
<td className="py-2 px-2 text-hint">{g.note}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
|
||||
{/* 성능 영향 최소화 전략 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Zap className="w-4 h-4 text-amber-600 dark:text-amber-400" />
|
||||
<span className="text-[12px] font-bold text-heading">성능 영향 최소화 전략 (글로벌 AIS 대응)</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-2">
|
||||
{IMPACT_REDUCTION.map((s, i) => (
|
||||
<div key={s.strategy} className="flex items-start gap-2 px-3 py-2 bg-surface-overlay rounded-lg">
|
||||
<div className="w-5 h-5 rounded-full bg-amber-500/20 flex items-center justify-center shrink-0 text-[9px] font-bold text-amber-600 dark:text-amber-400">{i + 1}</div>
|
||||
<div className="flex-1">
|
||||
<div className="flex items-center gap-2 mb-0.5">
|
||||
<span className="text-[11px] text-heading font-medium">{s.strategy}</span>
|
||||
<Badge intent="info" size="xs">{s.per}</Badge>
|
||||
</div>
|
||||
<div className="text-[9px] text-hint mb-0.5">대상: {s.target}</div>
|
||||
<div className="text-[9px] text-green-600 dark:text-green-400">효과: {s.effect}</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ② 응답성 (PER-01) ── */}
|
||||
{tab === 'response' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center justify-between mb-3">
|
||||
<div className="flex items-center gap-2">
|
||||
<Gauge className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
<span className="text-[12px] font-bold text-heading">PER-01 서비스 응답성 — SLO vs 실측 (p50/p95/p99)</span>
|
||||
</div>
|
||||
<Badge intent="success" size="sm">TER-03 검증 통과</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[11px]">
|
||||
<thead className="text-hint text-[10px] border-b border-border">
|
||||
<tr>
|
||||
<th className="text-left py-2 px-2 font-medium">대상</th>
|
||||
<th className="text-right py-2 px-2 font-medium">SLO 목표</th>
|
||||
<th className="text-right py-2 px-2 font-medium">p50</th>
|
||||
<th className="text-right py-2 px-2 font-medium">p95</th>
|
||||
<th className="text-right py-2 px-2 font-medium">p99</th>
|
||||
<th className="text-center py-2 px-2 font-medium">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{RESPONSE_SLO.map(r => (
|
||||
<tr key={r.target} className="border-b border-border/40 hover:bg-surface-overlay/40">
|
||||
<td className="py-2 px-2 text-label font-medium">{r.target}</td>
|
||||
<td className="py-2 px-2 text-right text-cyan-600 dark:text-cyan-400 font-medium">{r.slo}</td>
|
||||
<td className="py-2 px-2 text-right text-hint">{r.p50}</td>
|
||||
<td className="py-2 px-2 text-right text-heading font-medium">{r.p95}</td>
|
||||
<td className="py-2 px-2 text-right text-label">{r.p99}</td>
|
||||
<td className="py-2 px-2 text-center"><Badge intent={statusIntent(r.status)} size="xs">{r.status === 'good' ? '정상' : '주의'}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Shield className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<span className="text-[12px] font-bold text-heading">상황실 전용 SLO (24/7 100명)</span>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
{[
|
||||
{ item: '메인 대시보드 초기 로드', target: '≤ 2초', current: '1.8초', met: true },
|
||||
{ item: '위험도 지도 실시간 갱신', target: '≤ 1초', current: '0.7초', met: true },
|
||||
{ item: 'AI 탐지 알림 수신 → 표출', target: '≤ 3초 E2E', current: '2.3초', met: true },
|
||||
{ item: '단속 계획·경로 조회', target: '≤ 1.5초', current: '1.1초', met: true },
|
||||
{ item: '장애 시 세션 유지', target: '< 30초 복구', current: '18초', met: true },
|
||||
].map(s => (
|
||||
<div key={s.item} className="flex items-center justify-between px-3 py-2 bg-surface-overlay rounded-lg">
|
||||
<div>
|
||||
<div className="text-[11px] text-heading font-medium">{s.item}</div>
|
||||
<div className="text-[9px] text-hint">목표: {s.target}</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-[11px] text-green-600 dark:text-green-400 font-bold">{s.current}</span>
|
||||
{s.met ? <CheckCircle className="w-4 h-4 text-green-600 dark:text-green-500" /> : <AlertTriangle className="w-4 h-4 text-amber-600 dark:text-amber-500" />}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Clock className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-[12px] font-bold text-heading">측정 방법론</span>
|
||||
</div>
|
||||
<ul className="space-y-2 text-[11px]">
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">샘플링:</strong> <span className="text-label">1초 간격 p50/p95/p99 집계</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">도구:</strong> <span className="text-label">OpenTelemetry + Prometheus + Grafana</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">APM:</strong> <span className="text-label">분산 추적 + Trace ID 요청 단위 관통</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">API 재시도:</strong> <span className="text-label">3회 · Exponential Backoff · 타임아웃 3초</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">경보:</strong> <span className="text-label">SLO 위반 지속 5분 → PagerDuty</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">원인 분석:</strong> <span className="text-label">RED/USE 방법론 + 로그·메트릭·추적 상관 분석</span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ③ 처리용량 (PER-02·03) ── */}
|
||||
{tab === 'capacity' && (
|
||||
<div className="space-y-3">
|
||||
{/* 동시접속·TPS */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Users className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-[12px] font-bold text-heading">PER-02 동시접속·처리용량 (정상 피크 600 / 작전 피크 900)</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
{CAPACITY_METRICS.map(c => (
|
||||
<div key={c.metric} className="px-3 py-3 bg-surface-overlay rounded-lg">
|
||||
<div className="text-[10px] text-hint mb-1">{c.metric}</div>
|
||||
<div className="text-xl font-bold text-heading mb-1">{c.current.toLocaleString()}</div>
|
||||
<div className="text-[9px] text-label mb-2">목표 {c.target} / 최대 {c.max}</div>
|
||||
<div className="h-1.5 bg-surface-raised rounded-full overflow-hidden">
|
||||
<div className="h-full rounded-full transition-all" style={{ width: `${c.utilization}%`, backgroundColor: barColor(c.utilization / 100) }} />
|
||||
</div>
|
||||
<div className="text-[9px] text-hint mt-1">{c.utilization}% 사용 중</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
|
||||
{/* 배치 작업 현황 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Database className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<span className="text-[12px] font-bold text-heading">PER-03 배치 · 대용량 처리 현황</span>
|
||||
<Badge intent="success" size="xs">SLA 준수 6/7</Badge>
|
||||
</div>
|
||||
<table className="w-full text-[11px]">
|
||||
<thead className="text-hint text-[10px] border-b border-border">
|
||||
<tr>
|
||||
<th className="text-left py-2 px-2 font-medium">배치 작업</th>
|
||||
<th className="text-left py-2 px-2 font-medium">스케줄</th>
|
||||
<th className="text-right py-2 px-2 font-medium">처리 볼륨</th>
|
||||
<th className="text-right py-2 px-2 font-medium">SLA</th>
|
||||
<th className="text-right py-2 px-2 font-medium">평균 소요</th>
|
||||
<th className="text-center py-2 px-2 font-medium">최근 실행</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{BATCH_JOBS.map(j => (
|
||||
<tr key={j.name} className="border-b border-border/40 hover:bg-surface-overlay/40">
|
||||
<td className="py-2 px-2 text-label font-medium">{j.name}</td>
|
||||
<td className="py-2 px-2 text-hint">{j.schedule}</td>
|
||||
<td className="py-2 px-2 text-right text-label">{j.volume}</td>
|
||||
<td className="py-2 px-2 text-right text-cyan-600 dark:text-cyan-400">{j.sla}</td>
|
||||
<td className="py-2 px-2 text-right text-heading font-medium">{j.avg}</td>
|
||||
<td className="py-2 px-2 text-center"><Badge intent={statusIntent(j.status)} size="xs">{j.lastRun}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
|
||||
{/* 처리 볼륨 산정 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<HardDrive className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
<span className="text-[12px] font-bold text-heading">데이터 처리 볼륨 (국내 + S&P 글로벌)</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-3 gap-3 text-[11px]">
|
||||
<div className="px-3 py-3 bg-surface-overlay rounded-lg">
|
||||
<div className="text-[10px] text-hint mb-1">일 수집 (원본)</div>
|
||||
<div className="text-xl font-bold text-heading">1.6 ~ 3.2 TB</div>
|
||||
<div className="text-[9px] text-label mt-1">AIS(국내) + S&P A/B + 위성 + 환경</div>
|
||||
</div>
|
||||
<div className="px-3 py-3 bg-surface-overlay rounded-lg">
|
||||
<div className="text-[10px] text-hint mb-1">일 적재 (필터·압축 후)</div>
|
||||
<div className="text-xl font-bold text-heading">330 ~ 900 GB</div>
|
||||
<div className="text-[9px] text-green-600 dark:text-green-400 mt-1">경계 필터링 50~80% 감축</div>
|
||||
</div>
|
||||
<div className="px-3 py-3 bg-surface-overlay rounded-lg">
|
||||
<div className="text-[10px] text-hint mb-1">3년 누적 (티어드)</div>
|
||||
<div className="text-xl font-bold text-heading">~360 TB ~ 1 PB</div>
|
||||
<div className="text-[9px] text-amber-600 dark:text-amber-400 mt-1">NAS 100TB → 객체스토리지 이관</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ④ AI 모델 성능 (PER-04) ── */}
|
||||
{tab === 'aiModel' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center justify-between mb-3">
|
||||
<div className="flex items-center gap-2">
|
||||
<Brain className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<span className="text-[12px] font-bold text-heading">PER-04 AI 모델 성능 지표</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<Badge intent="success" size="xs">6개 모델 운영 중</Badge>
|
||||
<Badge intent="warning" size="xs">어망·어구 모델 개선 필요</Badge>
|
||||
</div>
|
||||
</div>
|
||||
<table className="w-full text-[11px]">
|
||||
<thead className="text-hint text-[10px] border-b border-border">
|
||||
<tr>
|
||||
<th className="text-left py-2 px-2 font-medium">모델</th>
|
||||
<th className="text-right py-2 px-2 font-medium">정확도</th>
|
||||
<th className="text-right py-2 px-2 font-medium">정밀도</th>
|
||||
<th className="text-right py-2 px-2 font-medium">재현율</th>
|
||||
<th className="text-right py-2 px-2 font-medium">F1</th>
|
||||
<th className="text-right py-2 px-2 font-medium">ROC-AUC</th>
|
||||
<th className="text-left py-2 px-2 font-medium">목표</th>
|
||||
<th className="text-center py-2 px-2 font-medium">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{AI_MODELS.map(m => (
|
||||
<tr key={m.model} className="border-b border-border/40 hover:bg-surface-overlay/40">
|
||||
<td className="py-2 px-2 text-label font-medium">{m.model}</td>
|
||||
<td className="py-2 px-2 text-right text-heading font-medium">{m.accuracy}%</td>
|
||||
<td className="py-2 px-2 text-right text-label">{m.precision}%</td>
|
||||
<td className="py-2 px-2 text-right text-label">{m.recall}%</td>
|
||||
<td className="py-2 px-2 text-right text-label">{m.f1}</td>
|
||||
<td className="py-2 px-2 text-right text-cyan-600 dark:text-cyan-400">{m.rocAuc}</td>
|
||||
<td className="py-2 px-2 text-hint text-[10px]">{m.target}</td>
|
||||
<td className="py-2 px-2 text-center"><Badge intent={statusIntent(m.status)} size="xs">{m.status === 'good' ? '통과' : '주의'}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<TrendingUp className="w-4 h-4 text-green-600 dark:text-green-400" />
|
||||
<span className="text-[12px] font-bold text-heading">모델 성능 저하 대응</span>
|
||||
</div>
|
||||
<ul className="space-y-2 text-[11px]">
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">학습/검증/테스트 분할:</strong> <span className="text-label">70/15/15 비율, K-Fold 5</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">드리프트 탐지:</strong> <span className="text-label">입력 분포 KL divergence 주간 모니터링</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">성능 저하 임계:</strong> <span className="text-label">F1 3%p 하락 시 자동 재학습 트리거</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">설명가능성:</strong> <span className="text-label">Feature Importance + SHAP 값 제공</span></div>
|
||||
</li>
|
||||
<li className="flex items-start gap-2">
|
||||
<CheckCircle className="w-3.5 h-3.5 text-green-600 dark:text-green-500 shrink-0 mt-0.5" />
|
||||
<div><strong className="text-heading">A/B 테스트:</strong> <span className="text-label">Shadow → Canary 5% → 50% → 100% 단계 배포</span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</CardContent></Card>
|
||||
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Cpu className="w-4 h-4 text-amber-600 dark:text-amber-400" />
|
||||
<span className="text-[12px] font-bold text-heading">추론 성능 (GPU 활용)</span>
|
||||
</div>
|
||||
<div className="space-y-3">
|
||||
<div>
|
||||
<div className="flex items-center justify-between mb-1">
|
||||
<span className="text-[11px] text-label">AI 서버 (RTX pro 6000 Blackwell ×2)</span>
|
||||
<span className="text-[11px] text-heading font-bold">61%</span>
|
||||
</div>
|
||||
<div className="h-2 bg-surface-raised rounded-full overflow-hidden">
|
||||
<div className="h-full bg-amber-500 rounded-full" style={{ width: '61%' }} />
|
||||
</div>
|
||||
<div className="text-[9px] text-hint mt-1">추론 단건 평균 1.4초 · 큐 대기 <200ms</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="flex items-center justify-between mb-1">
|
||||
<span className="text-[11px] text-label">LLM 서버 (H200 ×2)</span>
|
||||
<span className="text-[11px] text-heading font-bold">44%</span>
|
||||
</div>
|
||||
<div className="h-2 bg-surface-raised rounded-full overflow-hidden">
|
||||
<div className="h-full bg-green-500 rounded-full" style={{ width: '44%' }} />
|
||||
</div>
|
||||
<div className="text-[9px] text-hint mt-1">Q&A 스트리밍 첫 토큰 평균 380ms</div>
|
||||
</div>
|
||||
<div className="pt-2 border-t border-border/40">
|
||||
<div className="text-[10px] text-hint mb-1">동시 추론 요청 처리</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<Badge intent="info" size="xs">최대 100 요청/초</Badge>
|
||||
<Badge intent="success" size="xs">큐잉 지연 <1%</Badge>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ⑤ 가용성·확장성 (PER-05·06) ── */}
|
||||
{tab === 'availability' && (
|
||||
<div className="space-y-3">
|
||||
{/* 가용성 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Shield className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
<span className="text-[12px] font-bold text-heading">PER-05 가용성 및 장애복구 (목표 ≥ 99.9%)</span>
|
||||
</div>
|
||||
<table className="w-full text-[11px]">
|
||||
<thead className="text-hint text-[10px] border-b border-border">
|
||||
<tr>
|
||||
<th className="text-left py-2 px-2 font-medium">구성요소</th>
|
||||
<th className="text-right py-2 px-2 font-medium">가동률</th>
|
||||
<th className="text-right py-2 px-2 font-medium">RTO</th>
|
||||
<th className="text-right py-2 px-2 font-medium">RPO</th>
|
||||
<th className="text-left py-2 px-2 font-medium">최근 장애</th>
|
||||
<th className="text-center py-2 px-2 font-medium">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{AVAILABILITY_METRICS.map(a => (
|
||||
<tr key={a.component} className="border-b border-border/40 hover:bg-surface-overlay/40">
|
||||
<td className="py-2 px-2 text-label font-medium">{a.component}</td>
|
||||
<td className="py-2 px-2 text-right text-heading font-medium">{a.uptime}</td>
|
||||
<td className="py-2 px-2 text-right text-cyan-600 dark:text-cyan-400">{a.rto}</td>
|
||||
<td className="py-2 px-2 text-right text-label">{a.rpo}</td>
|
||||
<td className="py-2 px-2 text-hint">{a.lastIncident}</td>
|
||||
<td className="py-2 px-2 text-center"><Badge intent={statusIntent(a.status)} size="xs">{a.status === 'good' ? '정상' : '주의'}</Badge></td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
|
||||
{/* 확장성 */}
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Server className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<span className="text-[12px] font-bold text-heading">PER-06 확장성 및 자원 사용률</span>
|
||||
<Badge intent="info" size="xs">2배(6,000명) 확장 목표</Badge>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
{RESOURCE_USAGE.map(r => {
|
||||
const ratio = r.current / r.max;
|
||||
return (
|
||||
<div key={r.resource} className="px-3 py-3 bg-surface-overlay rounded-lg">
|
||||
<div className="flex items-center justify-between mb-2">
|
||||
<span className="text-[11px] text-label font-medium">{r.resource}</span>
|
||||
<span className="text-[11px] text-heading font-bold">{r.current}{r.unit === '%' || r.unit.startsWith('%') ? '%' : ' ' + r.unit}</span>
|
||||
</div>
|
||||
<div className="h-2 bg-surface-raised rounded-full overflow-hidden mb-2">
|
||||
<div className="h-full rounded-full transition-all" style={{ width: `${(ratio) * 100}%`, backgroundColor: barColor(ratio) }} />
|
||||
</div>
|
||||
<div className="flex items-center justify-between text-[9px]">
|
||||
<span className="text-hint">경보 {r.threshold}{r.unit === '%' || r.unit.startsWith('%') ? '%' : ''} · 한계 {r.max}{r.unit === '%' || r.unit.startsWith('%') ? '%' : ''}</span>
|
||||
<Badge intent="muted" size="xs">{r.scalePolicy}</Badge>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
|
||||
{/* 요약 지표 */}
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<Wifi className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
<span className="text-[11px] font-bold text-heading">연간 가동률 목표</span>
|
||||
</div>
|
||||
<div className="text-2xl font-bold text-cyan-600 dark:text-cyan-400">99.9%</div>
|
||||
<div className="text-[9px] text-hint mt-1">월간 다운타임 ≤ 43분</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<Clock className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<span className="text-[11px] font-bold text-heading">RTO 평균</span>
|
||||
</div>
|
||||
<div className="text-2xl font-bold text-purple-600 dark:text-purple-400">≤ 60초</div>
|
||||
<div className="text-[9px] text-hint mt-1">자동 페일오버 · Self-healing</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<Database className="w-4 h-4 text-green-600 dark:text-green-400" />
|
||||
<span className="text-[11px] font-bold text-heading">RPO 평균</span>
|
||||
</div>
|
||||
<div className="text-2xl font-bold text-green-600 dark:text-green-400">≤ 10초</div>
|
||||
<div className="text-[9px] text-hint mt-1">실시간 복제 + 백업 이중화</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<TrendingUp className="w-4 h-4 text-amber-600 dark:text-amber-400" />
|
||||
<span className="text-[11px] font-bold text-heading">Scale-out 여유</span>
|
||||
</div>
|
||||
<div className="text-2xl font-bold text-amber-600 dark:text-amber-400">×2</div>
|
||||
<div className="text-[9px] text-hint mt-1">6,000명까지 선형 확장</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</PageContainer>
|
||||
);
|
||||
}
|
||||
@ -1,12 +1,10 @@
|
||||
import { Fragment, useEffect, useState, useCallback, useMemo } from 'react';
|
||||
import { useEffect, useState, useCallback, useMemo } from 'react';
|
||||
import {
|
||||
Loader2, Save, Plus, Trash2, RefreshCw, ChevronRight, ChevronDown,
|
||||
ExternalLink, Layers,
|
||||
} from 'lucide-react';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { Button } from '@shared/components/ui/button';
|
||||
import { Input } from '@shared/components/ui/input';
|
||||
import {
|
||||
fetchRoles, fetchPermTree, createRole, deleteRole, updateRolePermissions,
|
||||
type RoleWithPermissions, type PermTreeNode, type PermEntry,
|
||||
@ -16,11 +14,9 @@ import {
|
||||
type Operation, type TreeNode, type PermRow,
|
||||
} from '@/lib/permission/permResolver';
|
||||
import { useAuth } from '@/app/auth/AuthContext';
|
||||
import { useSettingsStore } from '@stores/settingsStore';
|
||||
import { getRoleBadgeStyle, ROLE_DEFAULT_PALETTE } from '@shared/constants/userRoles';
|
||||
import { ColorPicker } from '@shared/components/common/ColorPicker';
|
||||
import { updateRole as apiUpdateRole } from '@/services/adminApi';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
/**
|
||||
* 트리 기반 권한 관리 패널 (wing 패턴).
|
||||
@ -47,7 +43,6 @@ type DraftPerms = Map<string, 'Y' | 'N' | null>; // null = 명시 권한 제거
|
||||
function makeKey(rsrcCd: string, operCd: string) { return `${rsrcCd}::${operCd}`; }
|
||||
|
||||
export function PermissionsPanel() {
|
||||
const { t: tc } = useTranslation('common');
|
||||
const { hasPermission } = useAuth();
|
||||
const canCreateRole = hasPermission('admin:role-management', 'CREATE');
|
||||
const canDeleteRole = hasPermission('admin:role-management', 'DELETE');
|
||||
@ -105,7 +100,7 @@ export function PermissionsPanel() {
|
||||
setDraftPerms(m);
|
||||
}, [selectedRole]);
|
||||
|
||||
// 트리 → 트리 인덱싱 (parent → children), nav_sort 기반 정렬 (메뉴 순서 일치)
|
||||
// 트리 → 트리 인덱싱 (parent → children)
|
||||
const childrenMap = useMemo(() => {
|
||||
const m = new Map<string | null, PermTreeNode[]>();
|
||||
for (const n of tree) {
|
||||
@ -114,14 +109,6 @@ export function PermissionsPanel() {
|
||||
arr.push(n);
|
||||
m.set(n.parentCd, arr);
|
||||
}
|
||||
// nav_sort > 0 우선 (메뉴 표시 항목), 그 다음 sort_ord — 좌측 메뉴 순서와 일치
|
||||
for (const [, arr] of m.entries()) {
|
||||
arr.sort((a, b) => {
|
||||
const aSort = (a.navSort > 0) ? a.navSort : 10000 + a.sortOrd;
|
||||
const bSort = (b.navSort > 0) ? b.navSort : 10000 + b.sortOrd;
|
||||
return aSort - bSort;
|
||||
});
|
||||
}
|
||||
return m;
|
||||
}, [tree]);
|
||||
|
||||
@ -233,7 +220,7 @@ export function PermissionsPanel() {
|
||||
|
||||
await updateRolePermissions(selectedRole.roleSn, changes);
|
||||
await load(); // 새로 가져와서 동기화
|
||||
alert(`${tc('success.permissionUpdated')} (${changes.length})`);
|
||||
alert(`권한 ${changes.length}건 갱신되었습니다.`);
|
||||
} catch (e: unknown) {
|
||||
setError(e instanceof Error ? e.message : 'unknown');
|
||||
} finally {
|
||||
@ -250,7 +237,7 @@ export function PermissionsPanel() {
|
||||
setNewRoleColor(ROLE_DEFAULT_PALETTE[0]);
|
||||
await load();
|
||||
} catch (e: unknown) {
|
||||
alert(tc('error.createFailed', { msg: e instanceof Error ? e.message : 'unknown' }));
|
||||
alert('생성 실패: ' + (e instanceof Error ? e.message : 'unknown'));
|
||||
}
|
||||
};
|
||||
|
||||
@ -260,23 +247,23 @@ export function PermissionsPanel() {
|
||||
await load();
|
||||
setEditingColor(null);
|
||||
} catch (e: unknown) {
|
||||
alert(tc('error.updateFailed', { msg: e instanceof Error ? e.message : 'unknown' }));
|
||||
alert('색상 변경 실패: ' + (e instanceof Error ? e.message : 'unknown'));
|
||||
}
|
||||
};
|
||||
|
||||
const handleDeleteRole = async () => {
|
||||
if (!selectedRole) return;
|
||||
if (selectedRole.builtinYn === 'Y') {
|
||||
alert(tc('message.builtinRoleCannotDelete'));
|
||||
alert('내장 역할은 삭제할 수 없습니다.');
|
||||
return;
|
||||
}
|
||||
if (!confirm(`"${selectedRole.roleNm}" ${tc('dialog.deleteRole')}`)) return;
|
||||
if (!confirm(`"${selectedRole.roleNm}" 역할을 삭제하시겠습니까?`)) return;
|
||||
try {
|
||||
await deleteRole(selectedRole.roleSn);
|
||||
setSelectedRoleSn(null);
|
||||
await load();
|
||||
} catch (e: unknown) {
|
||||
alert(tc('error.deleteFailed', { msg: e instanceof Error ? e.message : 'unknown' }));
|
||||
alert('삭제 실패: ' + (e instanceof Error ? e.message : 'unknown'));
|
||||
}
|
||||
};
|
||||
|
||||
@ -293,13 +280,9 @@ export function PermissionsPanel() {
|
||||
const hasChildren = children.length > 0;
|
||||
const isExpanded = expanded.has(node.rsrcCd);
|
||||
|
||||
// DB labels JSONB에서 현재 언어 라벨 사용, 없으면 rsrcNm 폴백
|
||||
const lang = useSettingsStore.getState().language;
|
||||
const displayName = node.labels?.[lang] || node.labels?.ko || node.rsrcNm;
|
||||
|
||||
return (
|
||||
<Fragment key={node.rsrcCd}>
|
||||
<tr className="border-t border-border hover:bg-surface-overlay/30">
|
||||
<>
|
||||
<tr key={node.rsrcCd} className="border-t border-border hover:bg-surface-overlay/30">
|
||||
<td className="py-1.5 pl-2" style={{ paddingLeft: 8 + depth * 20 }}>
|
||||
<div className="flex items-center gap-1">
|
||||
{hasChildren ? (
|
||||
@ -308,14 +291,8 @@ export function PermissionsPanel() {
|
||||
{isExpanded ? <ChevronDown className="w-3 h-3" /> : <ChevronRight className="w-3 h-3" />}
|
||||
</button>
|
||||
) : <span className="w-4" />}
|
||||
{/* 페이지/패널 구분 아이콘 */}
|
||||
{node.urlPath
|
||||
? <span title="별도 페이지"><ExternalLink className="w-3 h-3 text-cyan-500/60 shrink-0" /></span>
|
||||
: depth > 0 ? <span title="페이지 내 패널"><Layers className="w-3 h-3 text-amber-500/50 shrink-0" /></span> : null
|
||||
}
|
||||
<span className="text-[11px] text-heading font-medium">{displayName}</span>
|
||||
<span className="text-[11px] text-heading font-medium">{node.rsrcNm}</span>
|
||||
<span className="text-[9px] text-hint font-mono">({node.rsrcCd})</span>
|
||||
{node.urlPath && <span className="text-[8px] text-cyan-500/70 font-mono">{node.urlPath}</span>}
|
||||
</div>
|
||||
</td>
|
||||
{OPERATIONS.map((op) => {
|
||||
@ -347,7 +324,7 @@ export function PermissionsPanel() {
|
||||
})}
|
||||
</tr>
|
||||
{isExpanded && children.map((c) => renderTreeRow(c, depth + 1))}
|
||||
</Fragment>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@ -361,17 +338,14 @@ export function PermissionsPanel() {
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-1">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={load}
|
||||
aria-label={tc('aria.refresh')}
|
||||
icon={<RefreshCw className="w-3.5 h-3.5" />}
|
||||
/>
|
||||
<button type="button" onClick={load}
|
||||
className="p-1.5 rounded text-hint hover:text-blue-400 hover:bg-surface-overlay" title="새로고침">
|
||||
<RefreshCw className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{error && <div className="text-xs text-heading">{tc('error.errorPrefix', { msg: error })}</div>}
|
||||
{error && <div className="text-xs text-red-400">에러: {error}</div>}
|
||||
|
||||
{loading && <div className="flex items-center justify-center py-12 text-muted-foreground"><Loader2 className="w-5 h-5 animate-spin" /></div>}
|
||||
|
||||
@ -384,44 +358,28 @@ export function PermissionsPanel() {
|
||||
<div className="text-xs text-label font-bold">역할</div>
|
||||
<div className="flex items-center gap-1">
|
||||
{canCreateRole && (
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => setShowCreate(!showCreate)}
|
||||
aria-label="신규 역할"
|
||||
title="신규 역할"
|
||||
icon={<Plus className="w-3.5 h-3.5" />}
|
||||
/>
|
||||
<button type="button" onClick={() => setShowCreate(!showCreate)}
|
||||
className="p-1 text-hint hover:text-green-400" title="신규 역할">
|
||||
<Plus className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
)}
|
||||
{canDeleteRole && selectedRole && selectedRole.builtinYn !== 'Y' && (
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={handleDeleteRole}
|
||||
aria-label="역할 삭제"
|
||||
title="역할 삭제"
|
||||
icon={<Trash2 className="w-3.5 h-3.5" />}
|
||||
/>
|
||||
<button type="button" onClick={handleDeleteRole}
|
||||
className="p-1 text-hint hover:text-red-400" title="역할 삭제">
|
||||
<Trash2 className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{showCreate && (
|
||||
<div className="mb-2 p-2 bg-surface-overlay rounded space-y-1.5">
|
||||
<Input
|
||||
aria-label={tc('aria.roleCode')}
|
||||
size="sm"
|
||||
value={newRoleCd}
|
||||
onChange={(e) => setNewRoleCd(e.target.value.toUpperCase())}
|
||||
placeholder="ROLE_CD (대문자)"
|
||||
/>
|
||||
<Input
|
||||
aria-label={tc('aria.roleName')}
|
||||
size="sm"
|
||||
value={newRoleNm}
|
||||
onChange={(e) => setNewRoleNm(e.target.value)}
|
||||
placeholder={tc('aria.roleName')}
|
||||
/>
|
||||
<input aria-label="역할 코드" value={newRoleCd} onChange={(e) => setNewRoleCd(e.target.value.toUpperCase())}
|
||||
placeholder="ROLE_CD (대문자)"
|
||||
className="w-full bg-background border border-border rounded px-2 py-1 text-[10px] text-heading" />
|
||||
<input aria-label="역할 이름" value={newRoleNm} onChange={(e) => setNewRoleNm(e.target.value)}
|
||||
placeholder="역할 이름"
|
||||
className="w-full bg-background border border-border rounded px-2 py-1 text-[10px] text-heading" />
|
||||
<ColorPicker label="배지 색상" value={newRoleColor} onChange={setNewRoleColor} />
|
||||
<div className="flex gap-1 pt-1">
|
||||
<Button variant="primary" size="sm" onClick={handleCreateRole} disabled={!newRoleCd || !newRoleNm} className="flex-1">
|
||||
@ -464,7 +422,7 @@ export function PermissionsPanel() {
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setEditingColor(isEditingColor ? null : String(r.roleSn))}
|
||||
className="text-[8px] text-hint hover:text-label"
|
||||
className="text-[8px] text-hint hover:text-blue-400"
|
||||
title="색상 변경"
|
||||
>
|
||||
●
|
||||
@ -501,9 +459,9 @@ export function PermissionsPanel() {
|
||||
{selectedRole ? `${selectedRole.roleNm} (${selectedRole.roleCd})` : '역할 선택'}
|
||||
</div>
|
||||
<div className="text-[10px] text-hint mt-0.5">
|
||||
셀 의미: <span className="text-label">✓ 명시 허용</span> /
|
||||
셀 의미: <span className="text-blue-400">✓ 명시 허용</span> /
|
||||
<span className="text-blue-300/80 ml-1">✓ 상속 허용</span> /
|
||||
<span className="text-heading ml-1">— 명시 거부</span> /
|
||||
<span className="text-red-400 ml-1">— 명시 거부</span> /
|
||||
<span className="text-gray-500 ml-1">× 강제 거부</span> /
|
||||
<span className="text-hint ml-1">· 미지정</span>
|
||||
</div>
|
||||
|
||||
@ -6,9 +6,9 @@ import { Button } from '@shared/components/ui/button';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import type { BadgeIntent } from '@lib/theme/variants';
|
||||
import {
|
||||
Settings, Database, Search,
|
||||
Settings, Database, Search, ChevronDown, ChevronRight,
|
||||
Map, Fish, Anchor, Ship, Globe, BarChart3, Download,
|
||||
Filter, RefreshCw, Hash, Info,
|
||||
Filter, RefreshCw, BookOpen, Layers, Hash, Info,
|
||||
} from 'lucide-react';
|
||||
import {
|
||||
AREA_CODES, SPECIES_CODES, FISHERY_CODES, VESSEL_TYPE_CODES,
|
||||
@ -77,7 +77,6 @@ const SYSTEM_SETTINGS = {
|
||||
|
||||
export function SystemConfig() {
|
||||
const { t } = useTranslation('admin');
|
||||
const { t: tc } = useTranslation('common');
|
||||
const [tab, setTab] = useState<CodeTab>('areas');
|
||||
const [query, setQuery] = useState('');
|
||||
const [majorFilter, setMajorFilter] = useState('');
|
||||
@ -150,7 +149,7 @@ export function SystemConfig() {
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Database}
|
||||
iconColor="text-label"
|
||||
iconColor="text-cyan-400"
|
||||
title={t('systemConfig.title')}
|
||||
description={t('systemConfig.desc')}
|
||||
demo
|
||||
@ -169,11 +168,11 @@ export function SystemConfig() {
|
||||
{/* KPI 카드 */}
|
||||
<div className="grid grid-cols-5 gap-3">
|
||||
{[
|
||||
{ icon: Map, label: '해역분류', count: CODE_STATS.areas, color: 'text-label', bg: 'bg-blue-500/10', desc: '해양경찰청 관할 기준' },
|
||||
{ icon: Fish, label: '어종 코드', count: CODE_STATS.species, color: 'text-label', bg: 'bg-green-500/10', desc: '국립수산과학원 기준' },
|
||||
{ icon: Anchor, label: '어업유형', count: CODE_STATS.fishery, color: 'text-heading', bg: 'bg-purple-500/10', desc: '수산업법 허가·면허' },
|
||||
{ icon: Ship, label: '선박유형', count: CODE_STATS.vesselTypes, color: 'text-label', bg: 'bg-orange-500/10', desc: 'MDA 5개출처 통합' },
|
||||
{ icon: Globe, label: '전체 코드', count: CODE_STATS.total, color: 'text-label', bg: 'bg-cyan-500/10', desc: '공통코드 총계' },
|
||||
{ icon: Map, label: '해역분류', count: CODE_STATS.areas, color: 'text-blue-400', bg: 'bg-blue-500/10', desc: '해양경찰청 관할 기준' },
|
||||
{ icon: Fish, label: '어종 코드', count: CODE_STATS.species, color: 'text-green-400', bg: 'bg-green-500/10', desc: '국립수산과학원 기준' },
|
||||
{ icon: Anchor, label: '어업유형', count: CODE_STATS.fishery, color: 'text-purple-400', bg: 'bg-purple-500/10', desc: '수산업법 허가·면허' },
|
||||
{ icon: Ship, label: '선박유형', count: CODE_STATS.vesselTypes, color: 'text-orange-400', bg: 'bg-orange-500/10', desc: 'MDA 5개출처 통합' },
|
||||
{ icon: Globe, label: '전체 코드', count: CODE_STATS.total, color: 'text-cyan-400', bg: 'bg-cyan-500/10', desc: '공통코드 총계' },
|
||||
].map((kpi) => (
|
||||
<Card key={kpi.label} className="bg-surface-raised border-border">
|
||||
<CardContent className="p-3">
|
||||
@ -219,7 +218,7 @@ export function SystemConfig() {
|
||||
<div className="relative flex-1 max-w-md">
|
||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-hint" />
|
||||
<input
|
||||
aria-label={tc('aria.searchCode')}
|
||||
aria-label="코드 검색"
|
||||
value={query}
|
||||
onChange={(e) => { setQuery(e.target.value); setPage(0); }}
|
||||
placeholder={
|
||||
@ -234,7 +233,7 @@ export function SystemConfig() {
|
||||
<div className="flex items-center gap-1.5">
|
||||
<Filter className="w-3.5 h-3.5 text-hint" />
|
||||
<select
|
||||
aria-label={tc('aria.categoryFilter')}
|
||||
aria-label="대분류 필터"
|
||||
value={majorFilter}
|
||||
onChange={(e) => { setMajorFilter(e.target.value); setPage(0); }}
|
||||
className="bg-surface-overlay border border-slate-700/50 rounded-lg px-3 py-2 text-[11px] text-label focus:outline-none focus:border-cyan-500/50"
|
||||
@ -271,7 +270,7 @@ export function SystemConfig() {
|
||||
<tbody>
|
||||
{(pagedData as AreaCode[]).map((a) => (
|
||||
<tr key={a.code} className="border-b border-border hover:bg-surface-overlay">
|
||||
<td className="px-4 py-2 text-label font-mono font-medium">{a.code}</td>
|
||||
<td className="px-4 py-2 text-cyan-400 font-mono font-medium">{a.code}</td>
|
||||
<td className="px-4 py-2">
|
||||
{(() => {
|
||||
const intent: BadgeIntent = a.major === '서해' ? 'info' : a.major === '남해' ? 'success' : a.major === '동해' ? 'purple' : a.major === '제주' ? 'high' : 'cyan';
|
||||
@ -314,7 +313,7 @@ export function SystemConfig() {
|
||||
className="border-b border-border hover:bg-surface-overlay cursor-pointer"
|
||||
onClick={() => setExpandedRow(expandedRow === s.code ? null : s.code)}
|
||||
>
|
||||
<td className="px-4 py-2 text-label font-mono font-medium">{s.code}</td>
|
||||
<td className="px-4 py-2 text-cyan-400 font-mono font-medium">{s.code}</td>
|
||||
<td className="px-4 py-2">
|
||||
<Badge intent="muted" size="sm">{s.major}</Badge>
|
||||
</td>
|
||||
@ -324,12 +323,12 @@ export function SystemConfig() {
|
||||
<td className="px-4 py-2 text-muted-foreground text-[10px]">{s.area}</td>
|
||||
<td className="px-4 py-2 text-center">
|
||||
{s.active
|
||||
? <span className="text-label text-[9px]">Y</span>
|
||||
? <span className="text-green-400 text-[9px]">Y</span>
|
||||
: <span className="text-hint text-[9px]">N</span>
|
||||
}
|
||||
</td>
|
||||
<td className="px-4 py-2 text-center">
|
||||
{s.fishing && <span className="text-label">★</span>}
|
||||
{s.fishing && <span className="text-yellow-400">★</span>}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
@ -358,7 +357,7 @@ export function SystemConfig() {
|
||||
<tbody>
|
||||
{(pagedData as FisheryCode[]).map((f) => (
|
||||
<tr key={f.code} className="border-b border-border hover:bg-surface-overlay">
|
||||
<td className="px-4 py-2 text-label font-mono font-medium">{f.code}</td>
|
||||
<td className="px-4 py-2 text-cyan-400 font-mono font-medium">{f.code}</td>
|
||||
<td className="px-4 py-2">
|
||||
{(() => {
|
||||
const intent: BadgeIntent = f.major === '근해어업' ? 'info' : f.major === '연안어업' ? 'success' : f.major === '양식어업' ? 'cyan' : f.major === '원양어업' ? 'purple' : f.major === '구획어업' ? 'high' : f.major === '마을어업' ? 'warning' : 'muted';
|
||||
@ -400,7 +399,7 @@ export function SystemConfig() {
|
||||
<tbody>
|
||||
{(pagedData as VesselTypeCode[]).map((v) => (
|
||||
<tr key={v.code} className="border-b border-border hover:bg-surface-overlay">
|
||||
<td className="px-3 py-2 text-label font-mono font-medium">{v.code}</td>
|
||||
<td className="px-3 py-2 text-cyan-400 font-mono font-medium">{v.code}</td>
|
||||
<td className="px-3 py-2">
|
||||
{(() => {
|
||||
const intent: BadgeIntent = v.major === '어선' ? 'info' : v.major === '여객선' ? 'success' : v.major === '화물선' ? 'high' : v.major === '유조선' ? 'critical' : v.major === '관공선' ? 'purple' : v.major === '함정' ? 'cyan' : 'muted';
|
||||
@ -410,7 +409,13 @@ export function SystemConfig() {
|
||||
<td className="px-3 py-2 text-label text-[10px]">{v.mid}</td>
|
||||
<td className="px-3 py-2 text-heading font-medium">{v.name}</td>
|
||||
<td className="px-3 py-2">
|
||||
<span className="text-[9px] font-mono text-label">{v.source}</span>
|
||||
<span className={`text-[9px] font-mono ${
|
||||
v.source === 'AIS' ? 'text-cyan-400'
|
||||
: v.source === 'GIC' ? 'text-green-400'
|
||||
: v.source === 'RRA' ? 'text-blue-400'
|
||||
: v.source === 'PMS' ? 'text-orange-400'
|
||||
: 'text-muted-foreground'
|
||||
}`}>{v.source}</span>
|
||||
</td>
|
||||
<td className="px-3 py-2 text-muted-foreground text-[10px]">{v.tonnage}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground text-[10px]">{v.purpose}</td>
|
||||
@ -426,25 +431,23 @@ export function SystemConfig() {
|
||||
{/* 페이지네이션 (코드 탭에서만) */}
|
||||
{tab !== 'settings' && totalPages > 1 && (
|
||||
<div className="flex items-center justify-center gap-2">
|
||||
<Button
|
||||
variant="secondary"
|
||||
size="sm"
|
||||
<button type="button"
|
||||
onClick={() => setPage(Math.max(0, page - 1))}
|
||||
disabled={page === 0}
|
||||
className="px-3 py-1.5 rounded-lg text-[11px] bg-surface-overlay border border-border text-muted-foreground hover:text-heading disabled:opacity-30 disabled:cursor-not-allowed transition-colors"
|
||||
>
|
||||
이전
|
||||
</Button>
|
||||
</button>
|
||||
<span className="text-[11px] text-hint">
|
||||
{page + 1} / {totalPages} 페이지 ({totalItems.toLocaleString()}건)
|
||||
</span>
|
||||
<Button
|
||||
variant="secondary"
|
||||
size="sm"
|
||||
<button type="button"
|
||||
onClick={() => setPage(Math.min(totalPages - 1, page + 1))}
|
||||
disabled={page >= totalPages - 1}
|
||||
className="px-3 py-1.5 rounded-lg text-[11px] bg-surface-overlay border border-border text-muted-foreground hover:text-heading disabled:opacity-30 disabled:cursor-not-allowed transition-colors"
|
||||
>
|
||||
다음
|
||||
</Button>
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -463,7 +466,7 @@ export function SystemConfig() {
|
||||
<Card key={section} className="bg-surface-raised border-border">
|
||||
<CardHeader className="px-4 pt-3 pb-2">
|
||||
<CardTitle className="text-xs text-label flex items-center gap-1.5">
|
||||
<meta.icon className="w-3.5 h-3.5 text-label" />
|
||||
<meta.icon className="w-3.5 h-3.5 text-cyan-400" />
|
||||
{meta.title}
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
@ -471,7 +474,9 @@ export function SystemConfig() {
|
||||
{items.map((item) => (
|
||||
<div key={item.key} className="flex justify-between items-center text-[11px]">
|
||||
<span className="text-hint">{item.label}</span>
|
||||
<span className="font-medium text-label">{item.value}</span>
|
||||
<span className={`font-medium ${
|
||||
item.value === '활성' ? 'text-green-400' : 'text-label'
|
||||
}`}>{item.value}</span>
|
||||
</div>
|
||||
))}
|
||||
</CardContent>
|
||||
|
||||
@ -1,8 +1,6 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
import { X, Check, Loader2 } from 'lucide-react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { Button } from '@shared/components/ui/button';
|
||||
import { fetchRoles, assignUserRoles, type RoleWithPermissions, type AdminUser } from '@/services/adminApi';
|
||||
import { getRoleBadgeStyle } from '@shared/constants/userRoles';
|
||||
|
||||
@ -13,7 +11,6 @@ interface Props {
|
||||
}
|
||||
|
||||
export function UserRoleAssignDialog({ user, onClose, onSaved }: Props) {
|
||||
const { t: tc } = useTranslation('common');
|
||||
const [roles, setRoles] = useState<RoleWithPermissions[]>([]);
|
||||
const [selected, setSelected] = useState<Set<number>>(new Set());
|
||||
const [loading, setLoading] = useState(true);
|
||||
@ -47,7 +44,7 @@ export function UserRoleAssignDialog({ user, onClose, onSaved }: Props) {
|
||||
onSaved();
|
||||
onClose();
|
||||
} catch (e: unknown) {
|
||||
alert(tc('error.operationFailed', { msg: e instanceof Error ? e.message : 'unknown' }));
|
||||
alert('실패: ' + (e instanceof Error ? e.message : 'unknown'));
|
||||
} finally {
|
||||
setSaving(false);
|
||||
}
|
||||
@ -63,7 +60,7 @@ export function UserRoleAssignDialog({ user, onClose, onSaved }: Props) {
|
||||
{user.userAcnt} ({user.userNm}) - 다중 역할 가능 (OR 합집합)
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" aria-label={tc('aria.closeDialog')} onClick={onClose} className="text-hint hover:text-heading">
|
||||
<button type="button" aria-label="닫기" onClick={onClose} className="text-hint hover:text-heading">
|
||||
<X className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
@ -102,18 +99,15 @@ export function UserRoleAssignDialog({ user, onClose, onSaved }: Props) {
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-end gap-2 px-4 py-3 border-t border-border">
|
||||
<Button variant="secondary" size="sm" onClick={onClose}>
|
||||
<button type="button" onClick={onClose}
|
||||
className="px-4 py-1.5 bg-surface-overlay text-muted-foreground text-xs rounded hover:text-heading">
|
||||
취소
|
||||
</Button>
|
||||
<Button
|
||||
variant="primary"
|
||||
size="sm"
|
||||
onClick={handleSave}
|
||||
disabled={saving}
|
||||
icon={saving ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : <Check className="w-3.5 h-3.5" />}
|
||||
>
|
||||
</button>
|
||||
<button type="button" onClick={handleSave} disabled={saving}
|
||||
className="px-4 py-1.5 bg-blue-600 hover:bg-blue-500 disabled:bg-blue-600/40 text-white text-xs rounded flex items-center gap-1">
|
||||
{saving ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : <Check className="w-3.5 h-3.5" />}
|
||||
저장
|
||||
</Button>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,8 +3,3 @@ export { SystemConfig } from './SystemConfig';
|
||||
export { NoticeManagement } from './NoticeManagement';
|
||||
export { AdminPanel } from './AdminPanel';
|
||||
export { DataHub } from './DataHub';
|
||||
export { AISecurityPage } from './AISecurityPage';
|
||||
export { AIAgentSecurityPage } from './AIAgentSecurityPage';
|
||||
export { DataRetentionPolicy } from './DataRetentionPolicy';
|
||||
export { DataModelVerification } from './DataModelVerification';
|
||||
export { PerformanceMonitoring } from './PerformanceMonitoring';
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Button } from '@shared/components/ui/button';
|
||||
import { Input } from '@shared/components/ui/input';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
@ -46,7 +44,6 @@ const INITIAL_MESSAGES: Message[] = [
|
||||
|
||||
export function AIAssistant() {
|
||||
const { t } = useTranslation('ai');
|
||||
const { t: tc } = useTranslation('common');
|
||||
const [messages, setMessages] = useState<Message[]>(INITIAL_MESSAGES);
|
||||
const [input, setInput] = useState('');
|
||||
const [selectedConv, setSelectedConv] = useState('1');
|
||||
@ -82,7 +79,7 @@ export function AIAssistant() {
|
||||
<PageContainer className="h-full flex flex-col">
|
||||
<PageHeader
|
||||
icon={MessageSquare}
|
||||
iconColor="text-green-600 dark:text-green-400"
|
||||
iconColor="text-green-400"
|
||||
title={t('assistant.title')}
|
||||
description={t('assistant.desc')}
|
||||
/>
|
||||
@ -94,7 +91,7 @@ export function AIAssistant() {
|
||||
<div className="space-y-1">
|
||||
{SAMPLE_CONVERSATIONS.map(c => (
|
||||
<div key={c.id} onClick={() => setSelectedConv(c.id)}
|
||||
className={`px-2 py-1.5 rounded-lg cursor-pointer text-[10px] ${selectedConv === c.id ? 'bg-green-600/15 text-green-600 dark:text-green-400 border border-green-500/20' : 'text-muted-foreground hover:bg-surface-overlay'}`}>
|
||||
className={`px-2 py-1.5 rounded-lg cursor-pointer text-[10px] ${selectedConv === c.id ? 'bg-green-600/15 text-green-400 border border-green-500/20' : 'text-muted-foreground hover:bg-surface-overlay'}`}>
|
||||
<div className="truncate">{c.title}</div>
|
||||
<div className="text-[8px] text-hint mt-0.5">{c.time}</div>
|
||||
</div>
|
||||
@ -114,7 +111,7 @@ export function AIAssistant() {
|
||||
<div key={i} className={`flex gap-2 ${msg.role === 'user' ? 'justify-end' : ''}`}>
|
||||
{msg.role === 'assistant' && (
|
||||
<div className="w-7 h-7 rounded-full bg-green-600/20 border border-green-500/30 flex items-center justify-center shrink-0">
|
||||
<Bot className="w-4 h-4 text-green-600 dark:text-green-400" />
|
||||
<Bot className="w-4 h-4 text-green-400" />
|
||||
</div>
|
||||
)}
|
||||
<div className={`max-w-[70%] rounded-xl px-4 py-3 ${
|
||||
@ -126,7 +123,7 @@ export function AIAssistant() {
|
||||
{msg.refs && msg.refs.length > 0 && (
|
||||
<div className="mt-2 pt-2 border-t border-border flex flex-wrap gap-1">
|
||||
{msg.refs.map(r => (
|
||||
<Badge key={r} className="bg-green-500/10 text-green-600 dark:text-green-400 border-0 text-[8px] flex items-center gap-0.5">
|
||||
<Badge key={r} className="bg-green-500/10 text-green-400 border-0 text-[8px] flex items-center gap-0.5">
|
||||
<FileText className="w-2.5 h-2.5" />{r}
|
||||
</Badge>
|
||||
))}
|
||||
@ -135,7 +132,7 @@ export function AIAssistant() {
|
||||
</div>
|
||||
{msg.role === 'user' && (
|
||||
<div className="w-7 h-7 rounded-full bg-blue-600/20 border border-blue-500/30 flex items-center justify-center shrink-0">
|
||||
<User className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
<User className="w-4 h-4 text-blue-400" />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
@ -143,22 +140,17 @@ export function AIAssistant() {
|
||||
</div>
|
||||
{/* 입력창 */}
|
||||
<div className="flex gap-2 shrink-0">
|
||||
<Input
|
||||
<input
|
||||
aria-label="AI 어시스턴트 질의"
|
||||
size="md"
|
||||
value={input}
|
||||
onChange={e => setInput(e.target.value)}
|
||||
onKeyDown={e => e.key === 'Enter' && handleSend()}
|
||||
placeholder="질의를 입력하세요... (법령, 단속 절차, AI 분석 결과 등)"
|
||||
className="flex-1"
|
||||
/>
|
||||
<Button
|
||||
variant="primary"
|
||||
size="md"
|
||||
onClick={handleSend}
|
||||
aria-label={tc('aria.send')}
|
||||
icon={<Send className="w-4 h-4" />}
|
||||
className="flex-1 bg-surface-overlay border border-slate-700/50 rounded-xl px-4 py-2.5 text-[11px] text-heading placeholder:text-hint focus:outline-none focus:border-green-500/50"
|
||||
/>
|
||||
<button type="button" aria-label="전송" onClick={handleSend} className="px-4 py-2.5 bg-green-600 hover:bg-green-500 text-on-vivid rounded-xl transition-colors">
|
||||
<Send className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,7 +2,6 @@ import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { Button } from '@shared/components/ui/button';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import { DataTable, type DataColumn } from '@shared/components/common/DataTable';
|
||||
import {
|
||||
@ -58,7 +57,7 @@ const MODELS: ModelVersion[] = [
|
||||
];
|
||||
|
||||
const modelColumns: DataColumn<ModelVersion>[] = [
|
||||
{ key: 'version', label: '버전', width: '80px', sortable: true, render: (v) => <span className="text-cyan-600 dark:text-cyan-400 font-bold">{v as string}</span> },
|
||||
{ key: 'version', label: '버전', width: '80px', sortable: true, render: (v) => <span className="text-cyan-400 font-bold">{v as string}</span> },
|
||||
{ key: 'status', label: '상태', width: '70px', align: 'center', sortable: true,
|
||||
render: (v) => {
|
||||
const s = v as string;
|
||||
@ -69,7 +68,7 @@ const modelColumns: DataColumn<ModelVersion>[] = [
|
||||
{ key: 'recall', label: 'Recall', width: '70px', align: 'right', sortable: true, render: (v) => <span className="text-label">{v as number}%</span> },
|
||||
{ key: 'f1', label: 'F1', width: '70px', align: 'right', sortable: true, render: (v) => <span className="text-label">{v as number}%</span> },
|
||||
{ key: 'falseAlarm', label: '오탐률', width: '70px', align: 'right', sortable: true,
|
||||
render: (v) => { const n = v as number; return <span className={n < 10 ? 'text-green-600 dark:text-green-400' : n < 15 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400'}>{n}%</span>; },
|
||||
render: (v) => { const n = v as number; return <span className={n < 10 ? 'text-green-400' : n < 15 ? 'text-yellow-400' : 'text-red-400'}>{n}%</span>; },
|
||||
},
|
||||
{ key: 'trainData', label: '학습데이터', width: '100px', align: 'right' },
|
||||
{ key: 'deployDate', label: '배포일', width: '100px', sortable: true, render: (v) => <span className="text-muted-foreground font-mono text-[10px]">{v as string}</span> },
|
||||
@ -176,7 +175,7 @@ const GEAR_CODES: GearCode[] = [
|
||||
];
|
||||
|
||||
const gearColumns: DataColumn<GearCode>[] = [
|
||||
{ key: 'code', label: '코드', width: '60px', render: (v) => <span className="text-cyan-600 dark:text-cyan-400 font-mono font-bold">{v as string}</span> },
|
||||
{ key: 'code', label: '코드', width: '60px', render: (v) => <span className="text-cyan-400 font-mono font-bold">{v as string}</span> },
|
||||
{ key: 'name', label: '어구명 (유형)', sortable: true, render: (v) => <span className="text-heading font-medium">{v as string}</span> },
|
||||
{ key: 'risk', label: '위험도', width: '70px', align: 'center', sortable: true,
|
||||
render: (v) => {
|
||||
@ -198,149 +197,6 @@ const GEAR_PROFILES = [
|
||||
features: [{ k: 'High Speed', v: '>7 kt' }, { k: 'Circularity', v: 'High' }, { k: 'Speed Trans.', v: 'High' }, { k: 'Fleet', v: 'High' }] },
|
||||
];
|
||||
|
||||
// ─── DAR-03 5종 어구 구조 비교 (FAO ISSCFG) ──────────
|
||||
|
||||
interface DAR03GearSummary {
|
||||
no: string;
|
||||
name: string;
|
||||
faoCode: string;
|
||||
mesh: string;
|
||||
iuuRisk: '매우 높음' | '높음' | '중간' | '낮음~중간';
|
||||
aisType: string;
|
||||
gCodes: string;
|
||||
}
|
||||
|
||||
const DAR03_GEAR_SUMMARY: DAR03GearSummary[] = [
|
||||
{ no: '①', name: '저층 트롤', faoCode: 'OTB/TBB', mesh: '≥60mm', iuuRisk: '높음', aisType: '어선 AIS', gCodes: 'G-01, G-03' },
|
||||
{ no: '②', name: '쌍끌이 트롤', faoCode: 'PTM', mesh: '≥56mm', iuuRisk: '매우 높음', aisType: '어선 AIS 2척', gCodes: 'G-02, G-06' },
|
||||
{ no: '③', name: '스토우넷', faoCode: 'FYK', mesh: '≥55mm', iuuRisk: '중간', aisType: '어구 AIS 부표', gCodes: 'G-01, G-04, G-05' },
|
||||
{ no: '④', name: '자망', faoCode: 'GNS/GND', mesh: '55~144mm', iuuRisk: '낮음~중간', aisType: '어구 AIS 부표', gCodes: 'G-03, G-05' },
|
||||
{ no: '⑤', name: '통발·함정', faoCode: 'FPO', mesh: '탈출구 Ø≥8cm', iuuRisk: '중간', aisType: '어구 AIS 부표', gCodes: 'G-01, G-04' },
|
||||
];
|
||||
|
||||
const DAR03_IUU_INTENT: Record<DAR03GearSummary['iuuRisk'], BadgeIntent> = {
|
||||
'매우 높음': 'critical',
|
||||
'높음': 'high',
|
||||
'중간': 'warning',
|
||||
'낮음~중간': 'info',
|
||||
};
|
||||
|
||||
interface DAR03GearDetail {
|
||||
no: string;
|
||||
name: string;
|
||||
nameEn: string;
|
||||
image: string;
|
||||
specs: { k: string; v: string }[];
|
||||
gCodes: { code: string; desc: string }[];
|
||||
}
|
||||
|
||||
const DAR03_GEAR_DETAILS: DAR03GearDetail[] = [
|
||||
{
|
||||
no: '①', name: '저층 트롤', nameEn: 'Bottom Trawl (OTB/TBB)', image: '/dar03/bottom-trawl.png',
|
||||
specs: [
|
||||
{ k: 'FAO 코드', v: 'OTB / TBB' },
|
||||
{ k: '최소 망목', v: '≥ 60mm (마름모형)' },
|
||||
{ k: '주요 어종', v: '참조기 · 갈치' },
|
||||
{ k: '조업 속력', v: '2.5~4.5 knot' },
|
||||
{ k: '항적 패턴', v: 'U형 회전 · 직선 왕복' },
|
||||
{ k: 'AIS', v: '어선 AIS (어구 AIS 없음)' },
|
||||
],
|
||||
gCodes: [
|
||||
{ code: 'G-01', desc: '허가 해역 외 트롤 → GIS 교차' },
|
||||
{ code: 'G-03', desc: '미등록 어구 → label=1' },
|
||||
],
|
||||
},
|
||||
{
|
||||
no: '②', name: '쌍끌이 중층 트롤', nameEn: 'Pair Midwater Trawl (PTM)', image: '/dar03/pair-trawl.png',
|
||||
specs: [
|
||||
{ k: 'FAO 코드', v: 'PTM' },
|
||||
{ k: '최소 망목', v: '≥ 56mm' },
|
||||
{ k: '주요 어종', v: '전갱이 · 고등어 · 참조기' },
|
||||
{ k: '선박 간격', v: '300~500m 유지' },
|
||||
{ k: '조업 속력', v: '2~4 knot (2척 동기화)' },
|
||||
{ k: 'AIS', v: '2척 어선 AIS 동기화' },
|
||||
],
|
||||
gCodes: [
|
||||
{ code: 'G-02', desc: '금어기 내 공조 조업 탐지' },
|
||||
{ code: 'G-06', desc: '2척 동기화 2시간+ → 공조' },
|
||||
],
|
||||
},
|
||||
{
|
||||
no: '③', name: '스토우넷 (안강망)', nameEn: 'Stow Net (FYK)', image: '/dar03/stow-net.png',
|
||||
specs: [
|
||||
{ k: 'FAO 코드', v: 'FYK' },
|
||||
{ k: '최소 망목', v: '≥ 55mm (캔버스형)' },
|
||||
{ k: '주요 어종', v: '참조기 · 갈치 · 실치' },
|
||||
{ k: '설치 방식', v: '말뚝·닻으로 고정' },
|
||||
{ k: 'AIS', v: '어구 AIS 부표 부착 의무' },
|
||||
{ k: '탐지 지표', v: '위치 이탈·출현·소실 주기' },
|
||||
],
|
||||
gCodes: [
|
||||
{ code: 'G-01', desc: '위치 편차 200m+ → 구역 외' },
|
||||
{ code: 'G-04', desc: '신호 30분 내 반복 → MMSI 조작' },
|
||||
{ code: 'G-05', desc: '이동 500m+ → 인위적 이동' },
|
||||
],
|
||||
},
|
||||
{
|
||||
no: '④', name: '자망', nameEn: 'Gillnet (GNS/GND)', image: '/dar03/gillnet.png',
|
||||
specs: [
|
||||
{ k: 'FAO 코드', v: 'GNS / GND' },
|
||||
{ k: '최소 망목', v: '55~144mm (어종별 상이)' },
|
||||
{ k: '참조기 기준', v: '55mm (황해)' },
|
||||
{ k: '은돔 기준', v: '100mm' },
|
||||
{ k: 'AIS', v: '어구 AIS 부표 부착' },
|
||||
{ k: '탐지 지표', v: '미등록 여부·기간 이탈' },
|
||||
],
|
||||
gCodes: [
|
||||
{ code: 'G-02', desc: '금어기 내 신호 출현 → label=1' },
|
||||
{ code: 'G-03', desc: '등록DB 미매칭 → 불법 자망' },
|
||||
{ code: 'G-05', desc: '조류 보정 후 500m+ → 이동' },
|
||||
],
|
||||
},
|
||||
{
|
||||
no: '⑤', name: '통발 · 함정', nameEn: 'Pot / Trap (FPO)', image: '/dar03/pot-trap.png',
|
||||
specs: [
|
||||
{ k: 'FAO 코드', v: 'FPO' },
|
||||
{ k: '탈출구 (꽃게)', v: 'Ø ≥ 8cm 또는 높이 33mm' },
|
||||
{ k: '탈출구 (참게)', v: '측면 30mm + 말단 7cm' },
|
||||
{ k: '주요 어종', v: '꽃게 · 참게 · 장어' },
|
||||
{ k: '미성어 방류율', v: '95% 이상 (탈출구 적용 시)' },
|
||||
{ k: 'AIS', v: '어구 AIS 부표 부착' },
|
||||
],
|
||||
gCodes: [
|
||||
{ code: 'G-01', desc: '허가 구역 외 설치 → GIS 교차' },
|
||||
{ code: 'G-04', desc: '어선-어구 출현·소실 60분+ 불일치' },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
interface DAR03AisSignal {
|
||||
no: string;
|
||||
name: string;
|
||||
aisType: string;
|
||||
normal: string[];
|
||||
threshold: string[];
|
||||
gCodes: string;
|
||||
}
|
||||
|
||||
const DAR03_AIS_SIGNALS: DAR03AisSignal[] = [
|
||||
{ no: '①', name: '저층 트롤', aisType: '어선 AIS (Class-A)',
|
||||
normal: ['2.5~4.5 knot', 'U형 항적 반복'],
|
||||
threshold: ['5 knot 이상 급가속', '금지 해역 진입'], gCodes: 'G-01, G-03' },
|
||||
{ no: '②', name: '쌍끌이 트롤', aisType: '어선 AIS 2척',
|
||||
normal: ['2~4 knot 동기화', '500m 간격 유지'],
|
||||
threshold: ['동기화 2시간 이상', '동시 AIS 차단 30분+'], gCodes: 'G-02, G-06' },
|
||||
{ no: '③', name: '스토우넷', aisType: '어구 AIS (Class-B)',
|
||||
normal: ['위치 완전 고정', '신호 지속 출현'],
|
||||
threshold: ['위치 편차 200m+', '출현·소실 30분 이내 반복'], gCodes: 'G-01, G-04, G-05' },
|
||||
{ no: '④', name: '자망', aisType: '어구 AIS (Class-B)',
|
||||
normal: ['위치 반고정', '조류에 따라 완만이동'],
|
||||
threshold: ['등록 DB 미매칭', '금어기 내 신호 출현'], gCodes: 'G-02, G-03' },
|
||||
{ no: '⑤', name: '통발', aisType: '어구 AIS (Class-B)',
|
||||
normal: ['위치 완전 고정', '신호 지속'],
|
||||
threshold: ['어선 접근·이탈 불일치 60분+', '구역 외 위치'], gCodes: 'G-01, G-04' },
|
||||
];
|
||||
|
||||
// ─── ⑦ 7대 탐지 엔진 (불법조업 감시 알고리즘 v4.0) ───
|
||||
|
||||
interface DetectionEngine {
|
||||
@ -397,14 +253,14 @@ export function AIModelManagement() {
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Brain}
|
||||
iconColor="text-purple-600 dark:text-purple-400"
|
||||
iconColor="text-purple-400"
|
||||
title={t('modelManagement.title')}
|
||||
description={t('modelManagement.desc')}
|
||||
demo
|
||||
actions={
|
||||
<div className="flex items-center gap-1.5 px-3 py-1.5 bg-green-500/10 border border-green-500/20 rounded-lg">
|
||||
<div className="w-1.5 h-1.5 rounded-full bg-green-500 animate-pulse" />
|
||||
<span className="text-[10px] text-green-600 dark:text-green-400 font-bold">운영 모델: {currentModel.version}</span>
|
||||
<span className="text-[10px] text-green-400 font-bold">운영 모델: {currentModel.version}</span>
|
||||
<span className="text-[10px] text-hint">Accuracy {currentModel.accuracy}%</span>
|
||||
</div>
|
||||
}
|
||||
@ -413,12 +269,12 @@ export function AIModelManagement() {
|
||||
{/* KPI */}
|
||||
<div className="flex gap-2">
|
||||
{[
|
||||
{ label: '탐지 정확도', value: `${currentModel.accuracy}%`, icon: Target, color: 'text-green-600 dark:text-green-400', bg: 'bg-green-500/10' },
|
||||
{ label: '오탐률', value: `${currentModel.falseAlarm}%`, icon: AlertTriangle, color: 'text-yellow-600 dark:text-yellow-400', bg: 'bg-yellow-500/10' },
|
||||
{ label: '평균 리드타임', value: '12min', icon: Clock, color: 'text-cyan-600 dark:text-cyan-400', bg: 'bg-cyan-500/10' },
|
||||
{ label: '학습 데이터', value: currentModel.trainData, icon: Database, color: 'text-blue-600 dark:text-blue-400', bg: 'bg-blue-500/10' },
|
||||
{ label: '모델 버전', value: MODELS.length + '개', icon: GitBranch, color: 'text-purple-600 dark:text-purple-400', bg: 'bg-purple-500/10' },
|
||||
{ label: '탐지 규칙', value: rules.filter((r) => r.enabled).length + '/' + rules.length, icon: Shield, color: 'text-orange-600 dark:text-orange-400', bg: 'bg-orange-500/10' },
|
||||
{ label: '탐지 정확도', value: `${currentModel.accuracy}%`, icon: Target, color: 'text-green-400', bg: 'bg-green-500/10' },
|
||||
{ label: '오탐률', value: `${currentModel.falseAlarm}%`, icon: AlertTriangle, color: 'text-yellow-400', bg: 'bg-yellow-500/10' },
|
||||
{ label: '평균 리드타임', value: '12min', icon: Clock, color: 'text-cyan-400', bg: 'bg-cyan-500/10' },
|
||||
{ label: '학습 데이터', value: currentModel.trainData, icon: Database, color: 'text-blue-400', bg: 'bg-blue-500/10' },
|
||||
{ label: '모델 버전', value: MODELS.length + '개', icon: GitBranch, color: 'text-purple-400', bg: 'bg-purple-500/10' },
|
||||
{ label: '탐지 규칙', value: rules.filter((r) => r.enabled).length + '/' + rules.length, icon: Shield, color: 'text-orange-400', bg: 'bg-orange-500/10' },
|
||||
].map((kpi) => (
|
||||
<div key={kpi.label} className="flex-1 flex items-center gap-2 px-3 py-2 rounded-xl border border-border bg-card">
|
||||
<div className={`p-1.5 rounded-lg ${kpi.bg}`}>
|
||||
@ -455,13 +311,13 @@ export function AIModelManagement() {
|
||||
{/* 업데이트 알림 */}
|
||||
<div className="bg-blue-950/20 border border-blue-900/30 rounded-xl p-4 flex items-center justify-between">
|
||||
<div className="flex items-center gap-3">
|
||||
<Zap className="w-5 h-5 text-blue-600 dark:text-blue-400 shrink-0" />
|
||||
<Zap className="w-5 h-5 text-blue-400 shrink-0" />
|
||||
<div>
|
||||
<div className="text-sm text-blue-300 font-bold">새로운 모델 v2.4.0 테스트 완료</div>
|
||||
<div className="text-[10px] text-muted-foreground">정확도 93.2% (+3.1%) · 오탐률 7.8% (-2.1%) · 다크베셀 탐지 강화</div>
|
||||
</div>
|
||||
</div>
|
||||
<Button variant="primary" size="sm" className="shrink-0">운영 배포</Button>
|
||||
<button type="button" className="bg-blue-600 hover:bg-blue-500 text-on-vivid text-[11px] font-bold px-4 py-2 rounded-lg transition-colors shrink-0">운영 배포</button>
|
||||
</div>
|
||||
<DataTable data={MODELS} columns={modelColumns} pageSize={10} searchPlaceholder="버전, 비고 검색..." searchKeys={['version', 'note']} exportFilename="AI모델_버전이력" />
|
||||
</div>
|
||||
@ -496,7 +352,7 @@ export function AIModelManagement() {
|
||||
</div>
|
||||
<div className="text-right">
|
||||
<div className="text-[9px] text-hint">가중치</div>
|
||||
<div className="text-[12px] font-bold text-cyan-600 dark:text-cyan-400">{rule.weight}%</div>
|
||||
<div className="text-[12px] font-bold text-cyan-400">{rule.weight}%</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
@ -506,7 +362,7 @@ export function AIModelManagement() {
|
||||
{/* 가중치 합계 */}
|
||||
<Card>
|
||||
<CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-label mb-4 flex items-center gap-1.5"><Zap className="w-4 h-4 text-yellow-600 dark:text-yellow-400" />위험도 가중치</div>
|
||||
<div className="text-[12px] font-bold text-label mb-4 flex items-center gap-1.5"><Zap className="w-4 h-4 text-yellow-400" />위험도 가중치</div>
|
||||
<div className="space-y-4">
|
||||
{rules.filter((r) => r.enabled).map((r, i) => (
|
||||
<div key={i}>
|
||||
@ -565,7 +421,7 @@ export function AIModelManagement() {
|
||||
{/* 파이프라인 스테이지 */}
|
||||
<div className="flex gap-2">
|
||||
{PIPELINE_STAGES.map((stage, i) => {
|
||||
const stColor = stage.status === '정상' ? 'text-green-600 dark:text-green-400' : stage.status === '진행중' ? 'text-blue-600 dark:text-blue-400' : 'text-hint';
|
||||
const stColor = stage.status === '정상' ? 'text-green-400' : stage.status === '진행중' ? 'text-blue-400' : 'text-hint';
|
||||
return (
|
||||
<div key={stage.stage} className="flex-1 flex items-start gap-2">
|
||||
<Card className="flex-1 bg-surface-raised border-border">
|
||||
@ -696,7 +552,7 @@ export function AIModelManagement() {
|
||||
<div key={kpi.label}>
|
||||
<div className="flex justify-between text-[10px] mb-1">
|
||||
<span className="text-muted-foreground">{kpi.label}</span>
|
||||
<span className={achieved ? 'text-green-600 dark:text-green-400 font-bold' : 'text-red-600 dark:text-red-400 font-bold'}>
|
||||
<span className={achieved ? 'text-green-400 font-bold' : 'text-red-400 font-bold'}>
|
||||
{kpi.current}{kpi.unit} {achieved ? '(달성)' : `(목표 ${kpi.target}${kpi.unit})`}
|
||||
</span>
|
||||
</div>
|
||||
@ -745,166 +601,6 @@ export function AIModelManagement() {
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* ── DAR-03 5종 어구 구조 비교 ── */}
|
||||
<div className="bg-indigo-950/20 border border-indigo-900/30 rounded-xl p-4 flex items-center gap-4">
|
||||
<Info className="w-5 h-5 text-indigo-400 shrink-0" />
|
||||
<div className="flex-1">
|
||||
<div className="text-[12px] font-bold text-indigo-300">DAR-03 · 5종 어구 구조 비교 (FAO ISSCFG)</div>
|
||||
<div className="text-[10px] text-hint mt-0.5">
|
||||
불법 어망·어구 탐지 참고자료 — FAO 국제 어구 분류 기준 · Wang et al.(2022) 논문 기반 · G-01~G-06 탐지 코드 연계
|
||||
</div>
|
||||
</div>
|
||||
<Badge intent="purple" size="sm">참고자료</Badge>
|
||||
</div>
|
||||
|
||||
{/* 5종 어구 특성 비교 요약 */}
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2">
|
||||
<Anchor className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
5종 어구 특성 비교 요약
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">어구</th>
|
||||
<th className="text-center py-2">FAO 코드</th>
|
||||
<th className="text-center py-2">최소 망목</th>
|
||||
<th className="text-center py-2">IUU 위험도</th>
|
||||
<th className="text-center py-2">AIS 부착</th>
|
||||
<th className="text-left py-2 px-2">주요 G코드</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{DAR03_GEAR_SUMMARY.map((g) => (
|
||||
<tr key={g.no} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2">
|
||||
<span className="text-cyan-600 dark:text-cyan-400 font-mono mr-2">{g.no}</span>
|
||||
<span className="text-heading font-medium">{g.name}</span>
|
||||
</td>
|
||||
<td className="py-2 text-center text-label font-mono">{g.faoCode}</td>
|
||||
<td className="py-2 text-center text-muted-foreground font-mono">{g.mesh}</td>
|
||||
<td className="py-2 text-center">
|
||||
<Badge intent={DAR03_IUU_INTENT[g.iuuRisk]} size="xs">{g.iuuRisk}</Badge>
|
||||
</td>
|
||||
<td className="py-2 text-center text-muted-foreground">{g.aisType}</td>
|
||||
<td className="py-2 px-2 text-cyan-600 dark:text-cyan-400 font-mono text-[9px]">{g.gCodes}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* 어구별 구조 도식 */}
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2">
|
||||
<Eye className="w-4 h-4 text-blue-600 dark:text-blue-400" />
|
||||
어구별 구조 도식 비교
|
||||
</CardTitle>
|
||||
<p className="text-[9px] text-hint italic">
|
||||
※ FAO 어구 분류 기준 및 Wang et al.(2022) 논문 기반 개념도. 임계값은 사업 착수 후 해양경찰청 실무 데이터 분석으로 최종 확정.
|
||||
</p>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
{DAR03_GEAR_DETAILS.map((g) => (
|
||||
<Card key={g.no} className="bg-surface-raised border-border">
|
||||
<CardContent className="p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<span className="text-cyan-600 dark:text-cyan-400 font-mono font-bold text-sm">{g.no}</span>
|
||||
<div className="flex-1">
|
||||
<div className="text-[12px] font-bold text-heading">{g.name}</div>
|
||||
<div className="text-[9px] text-hint">{g.nameEn}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-surface-overlay rounded-lg p-2 mb-3 flex items-center justify-center">
|
||||
<img src={g.image} alt={g.nameEn} className="w-full h-auto max-h-48 object-contain" />
|
||||
</div>
|
||||
<div className="space-y-1 mb-3">
|
||||
{g.specs.map((s) => (
|
||||
<div key={s.k} className="flex justify-between text-[10px] px-2 py-1 bg-surface-overlay rounded">
|
||||
<span className="text-muted-foreground">{s.k}</span>
|
||||
<span className="text-heading font-medium">{s.v}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="border-t border-border pt-2">
|
||||
<div className="text-[9px] text-hint mb-1.5 font-medium">G코드 연계</div>
|
||||
<div className="space-y-1">
|
||||
{g.gCodes.map((gc) => (
|
||||
<div key={gc.code} className="flex items-start gap-2 text-[9px]">
|
||||
<Badge intent="cyan" size="xs">{gc.code}</Badge>
|
||||
<span className="text-muted-foreground flex-1">{gc.desc}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* AIS 신호 특성 및 이상 판정 기준 */}
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2">
|
||||
<Radio className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
어구별 AIS 신호 특성 및 이상 판정 기준
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
<tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">어구</th>
|
||||
<th className="text-left py-2">AIS 유형</th>
|
||||
<th className="text-left py-2">정상 신호 특성</th>
|
||||
<th className="text-left py-2">이상 탐지 임계값</th>
|
||||
<th className="text-left py-2 px-2">G코드</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{DAR03_AIS_SIGNALS.map((s) => (
|
||||
<tr key={s.no} className="border-b border-border/50 hover:bg-surface-overlay transition-colors align-top">
|
||||
<td className="py-2.5 px-2">
|
||||
<span className="text-cyan-600 dark:text-cyan-400 font-mono mr-1">{s.no}</span>
|
||||
<span className="text-heading font-medium">{s.name}</span>
|
||||
</td>
|
||||
<td className="py-2.5 text-label">{s.aisType}</td>
|
||||
<td className="py-2.5">
|
||||
<ul className="space-y-0.5">
|
||||
{s.normal.map((n) => (
|
||||
<li key={n} className="text-muted-foreground flex items-start gap-1">
|
||||
<CheckCircle className="w-3 h-3 text-green-500 shrink-0 mt-0.5" />
|
||||
<span>{n}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</td>
|
||||
<td className="py-2.5">
|
||||
<ul className="space-y-0.5">
|
||||
{s.threshold.map((th) => (
|
||||
<li key={th} className="text-muted-foreground flex items-start gap-1">
|
||||
<AlertTriangle className="w-3 h-3 text-orange-600 dark:text-orange-400 shrink-0 mt-0.5" />
|
||||
<span>{th}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</td>
|
||||
<td className="py-2.5 px-2 text-cyan-600 dark:text-cyan-400 font-mono text-[9px]">{s.gCodes}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -922,8 +618,8 @@ export function AIModelManagement() {
|
||||
</div>
|
||||
<div className="ml-auto flex gap-3 shrink-0 text-center">
|
||||
<div><div className="text-lg font-bold text-heading">906</div><div className="text-[9px] text-hint">허가 선박</div></div>
|
||||
<div><div className="text-lg font-bold text-cyan-600 dark:text-cyan-400">7</div><div className="text-[9px] text-hint">탐지 엔진</div></div>
|
||||
<div><div className="text-lg font-bold text-green-600 dark:text-green-400">5</div><div className="text-[9px] text-hint">업종 분류</div></div>
|
||||
<div><div className="text-lg font-bold text-cyan-400">7</div><div className="text-[9px] text-hint">탐지 엔진</div></div>
|
||||
<div><div className="text-lg font-bold text-green-400">5</div><div className="text-[9px] text-hint">업종 분류</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -975,7 +671,7 @@ export function AIModelManagement() {
|
||||
<Card>
|
||||
<CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3 flex items-center gap-1.5">
|
||||
<Ship className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />대상 선박 현황 (906척, 6개 업종)
|
||||
<Ship className="w-4 h-4 text-cyan-400" />대상 선박 현황 (906척, 6개 업종)
|
||||
</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead>
|
||||
@ -992,7 +688,7 @@ export function AIModelManagement() {
|
||||
<tbody>
|
||||
{TARGET_VESSELS.map((v) => (
|
||||
<tr key={v.code} className="border-b border-border">
|
||||
<td className="py-1.5 text-cyan-600 dark:text-cyan-400 font-mono font-bold">{v.code}</td>
|
||||
<td className="py-1.5 text-cyan-400 font-mono font-bold">{v.code}</td>
|
||||
<td className="py-1.5 text-label">{v.name}</td>
|
||||
<td className="py-1.5 text-heading font-bold text-right">{v.count}</td>
|
||||
<td className="py-1.5 text-muted-foreground pl-3">{v.zones}</td>
|
||||
@ -1015,7 +711,7 @@ export function AIModelManagement() {
|
||||
<Card>
|
||||
<CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3 flex items-center gap-1.5">
|
||||
<AlertTriangle className="w-4 h-4 text-yellow-600 dark:text-yellow-400" />알람 심각도 체계
|
||||
<AlertTriangle className="w-4 h-4 text-yellow-400" />알람 심각도 체계
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
{ALARM_SEVERITY.map((a) => (
|
||||
@ -1065,8 +761,8 @@ export function AIModelManagement() {
|
||||
</div>
|
||||
<div className="flex gap-4 shrink-0 text-center">
|
||||
<div><div className="text-lg font-bold text-emerald-400">12</div><div className="text-[9px] text-hint">API 엔드포인트</div></div>
|
||||
<div><div className="text-lg font-bold text-cyan-600 dark:text-cyan-400">3</div><div className="text-[9px] text-hint">저장 단위</div></div>
|
||||
<div><div className="text-lg font-bold text-blue-600 dark:text-blue-400">99.7%</div><div className="text-[9px] text-hint">가용률</div></div>
|
||||
<div><div className="text-lg font-bold text-cyan-400">3</div><div className="text-[9px] text-hint">저장 단위</div></div>
|
||||
<div><div className="text-lg font-bold text-blue-400">99.7%</div><div className="text-[9px] text-hint">가용률</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1115,7 +811,7 @@ export function AIModelManagement() {
|
||||
<Card>
|
||||
<CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3 flex items-center gap-1.5">
|
||||
<Code className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
<Code className="w-4 h-4 text-cyan-400" />
|
||||
RESTful API 엔드포인트
|
||||
</div>
|
||||
<table className="w-full text-[10px] table-fixed">
|
||||
@ -1156,7 +852,7 @@ export function AIModelManagement() {
|
||||
<td className="py-1.5">
|
||||
<Badge intent={api.method === 'GET' ? 'success' : 'info'} size="xs">{api.method}</Badge>
|
||||
</td>
|
||||
<td className="py-1.5 font-mono text-cyan-600 dark:text-cyan-400">{api.endpoint}</td>
|
||||
<td className="py-1.5 font-mono text-cyan-400">{api.endpoint}</td>
|
||||
<td className="py-1.5 text-hint">{api.unit}</td>
|
||||
<td className="py-1.5 text-label">{api.desc}</td>
|
||||
<td className="py-1.5 text-muted-foreground">{api.sfr}</td>
|
||||
@ -1176,7 +872,7 @@ export function AIModelManagement() {
|
||||
<Card>
|
||||
<CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3 flex items-center gap-1.5">
|
||||
<Code className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
|
||||
<Code className="w-4 h-4 text-cyan-400" />
|
||||
API 호출 예시
|
||||
</div>
|
||||
<div className="space-y-3">
|
||||
@ -1184,7 +880,7 @@ export function AIModelManagement() {
|
||||
<div>
|
||||
<div className="flex items-center justify-between mb-1">
|
||||
<span className="text-[10px] text-muted-foreground">격자별 위험도 조회 (파라미터: 좌표 범위, 시간)</span>
|
||||
<button type="button" aria-label={tcCommon('aria.copyExampleUrl')} onClick={() => navigator.clipboard.writeText('GET /api/v1/predictions/grid?lat_min=36.0&lat_max=38.0&lon_min=124.0&lon_max=126.0&time=2026-04-03T09:00Z')} className="text-hint hover:text-muted-foreground"><Copy className="w-3 h-3" /></button>
|
||||
<button type="button" aria-label="예시 URL 복사" onClick={() => navigator.clipboard.writeText('GET /api/v1/predictions/grid?lat_min=36.0&lat_max=38.0&lon_min=124.0&lon_max=126.0&time=2026-04-03T09:00Z')} className="text-hint hover:text-muted-foreground"><Copy className="w-3 h-3" /></button>
|
||||
</div>
|
||||
<pre className="bg-background border border-border rounded-lg p-3 text-[9px] font-mono text-muted-foreground overflow-x-auto">
|
||||
{`GET /api/v1/predictions/grid
|
||||
@ -1232,7 +928,7 @@ export function AIModelManagement() {
|
||||
<Card>
|
||||
<CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3 flex items-center gap-1.5">
|
||||
<ExternalLink className="w-4 h-4 text-purple-600 dark:text-purple-400" />
|
||||
<ExternalLink className="w-4 h-4 text-purple-400" />
|
||||
후속 서비스 연계 매핑
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
@ -1256,7 +952,7 @@ export function AIModelManagement() {
|
||||
<div className="text-[9px] text-hint mb-1.5">{s.desc}</div>
|
||||
<div className="flex gap-1 flex-wrap">
|
||||
{s.apis.map((a) => (
|
||||
<span key={a} className="text-[8px] font-mono px-1.5 py-0.5 rounded bg-switch-background/50 text-cyan-600 dark:text-cyan-400">{a}</span>
|
||||
<span key={a} className="text-[8px] font-mono px-1.5 py-0.5 rounded bg-switch-background/50 text-cyan-400">{a}</span>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
@ -1273,13 +969,13 @@ export function AIModelManagement() {
|
||||
<div className="flex gap-3">
|
||||
{[
|
||||
{ label: '총 호출', value: '142,856', color: 'text-heading' },
|
||||
{ label: 'grid 조회', value: '68,420', color: 'text-blue-600 dark:text-blue-400' },
|
||||
{ label: 'zone 조회', value: '32,115', color: 'text-green-600 dark:text-green-400' },
|
||||
{ label: 'time 조회', value: '18,903', color: 'text-yellow-600 dark:text-yellow-400' },
|
||||
{ label: 'vessel 조회', value: '15,210', color: 'text-orange-600 dark:text-orange-400' },
|
||||
{ label: 'alarms', value: '8,208', color: 'text-red-600 dark:text-red-400' },
|
||||
{ label: '평균 응답', value: '23ms', color: 'text-cyan-600 dark:text-cyan-400' },
|
||||
{ label: '오류율', value: '0.03%', color: 'text-green-600 dark:text-green-400' },
|
||||
{ label: 'grid 조회', value: '68,420', color: 'text-blue-400' },
|
||||
{ label: 'zone 조회', value: '32,115', color: 'text-green-400' },
|
||||
{ label: 'time 조회', value: '18,903', color: 'text-yellow-400' },
|
||||
{ label: 'vessel 조회', value: '15,210', color: 'text-orange-400' },
|
||||
{ label: 'alarms', value: '8,208', color: 'text-red-400' },
|
||||
{ label: '평균 응답', value: '23ms', color: 'text-cyan-400' },
|
||||
{ label: '오류율', value: '0.03%', color: 'text-green-400' },
|
||||
].map((s) => (
|
||||
<div key={s.label} className="flex-1 text-center px-3 py-2 rounded-lg bg-surface-overlay">
|
||||
<div className={`text-sm font-bold ${s.color}`}>{s.value}</div>
|
||||
|
||||
@ -1,456 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { TabBar, TabButton } from '@shared/components/ui/tabs';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
import { getStatusIntent } from '@shared/constants/statusIntent';
|
||||
import { getMlopsJobStatusIntent, getMlopsJobStatusLabel } from '@shared/constants/mlopsJobStatuses';
|
||||
import { getModelStatusIntent, getModelStatusLabel } from '@shared/constants/modelDeploymentStatuses';
|
||||
import {
|
||||
Brain, Database, GitBranch, Activity, Server, Shield,
|
||||
Settings, Layers, BarChart3, Code, Play,
|
||||
Zap, FlaskConical, CheckCircle,
|
||||
Terminal, RefreshCw, Box,
|
||||
} from 'lucide-react';
|
||||
|
||||
/*
|
||||
* LGCNS MLOps 플랫폼 통합 페이지
|
||||
*
|
||||
* LGCNS DAP(Data AI Platform) 기반 MLOps 파이프라인 관리:
|
||||
* ① 프로젝트 관리 ② 분석환경 생성 및 관리 ③ 모델 관리 ④ Job 실행 관리
|
||||
* ⑤ 공통서비스 ⑥ 모니터링 ⑦ Repository
|
||||
*/
|
||||
|
||||
type Tab = 'project' | 'environment' | 'model' | 'job' | 'common' | 'monitoring' | 'repository';
|
||||
|
||||
const TABS: { key: Tab; icon: React.ElementType; label: string }[] = [
|
||||
{ key: 'project', icon: Layers, label: '프로젝트 관리' },
|
||||
{ key: 'environment', icon: Terminal, label: '분석환경 관리' },
|
||||
{ key: 'model', icon: Brain, label: '모델 관리' },
|
||||
{ key: 'job', icon: Play, label: 'Job 실행 관리' },
|
||||
{ key: 'common', icon: Settings, label: '공통서비스' },
|
||||
{ key: 'monitoring', icon: Activity, label: '모니터링' },
|
||||
{ key: 'repository', icon: Database, label: 'Repository' },
|
||||
];
|
||||
|
||||
const JOB_PROGRESS_COLOR: Record<string, string> = {
|
||||
running: 'bg-blue-500',
|
||||
done: 'bg-green-500',
|
||||
fail: 'bg-red-500',
|
||||
pending: 'bg-muted',
|
||||
};
|
||||
|
||||
// ─── 프로젝트 관리 ──────────────────
|
||||
const PROJECTS = [
|
||||
{ id: 'PRJ-001', name: '불법조업 위험도 예측', owner: '분석팀', status: '활성', models: 5, experiments: 12, updated: '2026-04-10' },
|
||||
{ id: 'PRJ-002', name: '경비함정 경로추천', owner: '운항팀', status: '활성', models: 3, experiments: 8, updated: '2026-04-09' },
|
||||
{ id: 'PRJ-003', name: '다크베셀 탐지', owner: '분석팀', status: '활성', models: 2, experiments: 6, updated: '2026-04-08' },
|
||||
{ id: 'PRJ-004', name: '환적 네트워크 분석', owner: '수사팀', status: '대기', models: 1, experiments: 3, updated: '2026-04-05' },
|
||||
];
|
||||
|
||||
// ─── 분석환경 ──────────────────
|
||||
const ENVIRONMENTS = [
|
||||
{ name: 'Jupyter Notebook', icon: Code, type: 'IDE', gpu: 'Blackwell x1', status: '실행중', user: '김분석', created: '04-10' },
|
||||
{ name: 'RStudio Server', icon: BarChart3, type: 'IDE', gpu: '-', status: '중지', user: '이연구', created: '04-08' },
|
||||
{ name: 'VS Code Server', icon: Terminal, type: 'IDE', gpu: 'H200 x1', status: '실행중', user: '박개발', created: '04-09' },
|
||||
{ name: 'TensorBoard', icon: Activity, type: '모니터링', gpu: '-', status: '실행중', user: '김분석', created: '04-10' },
|
||||
];
|
||||
|
||||
const WORKFLOWS = [
|
||||
{ id: 'WF-012', name: 'AIS 전처리 → LSTM 학습', steps: 5, status: 'running', progress: 60, duration: '2h 15m' },
|
||||
{ id: 'WF-011', name: '어구분류 피처엔지니어링', steps: 3, status: 'done', progress: 100, duration: '45m' },
|
||||
{ id: 'WF-010', name: 'GNN 환적탐지 학습', steps: 4, status: 'done', progress: 100, duration: '3h 20m' },
|
||||
];
|
||||
|
||||
// ─── 모델 관리 ──────────────────
|
||||
const MODELS = [
|
||||
{ name: '불법조업 위험도 v2.1', framework: 'PyTorch', status: 'DEPLOYED', accuracy: 93.2, version: 'v2.1.0', kpi: 'F1=92.3%', endpoint: '/v1/infer/risk' },
|
||||
{ name: '경비함정 경로추천 v1.5', framework: 'TensorFlow', status: 'DEPLOYED', accuracy: 89.7, version: 'v1.5.2', kpi: 'F1=88.4%', endpoint: '/v1/infer/patrol' },
|
||||
{ name: 'Transformer 궤적 v0.9', framework: 'PyTorch', status: 'APPROVED', accuracy: 91.2, version: 'v0.9.0', kpi: 'F1=90.5%', endpoint: '-' },
|
||||
{ name: 'GNN 환적탐지 v0.3', framework: 'DGL', status: 'TESTING', accuracy: 82.3, version: 'v0.3.0', kpi: 'F1=80.1%', endpoint: '-' },
|
||||
];
|
||||
|
||||
const PARAMETERS = [
|
||||
{ name: 'learning_rate', type: 'float', default: '0.001', range: '1e-5 ~ 0.1' },
|
||||
{ name: 'batch_size', type: 'int', default: '64', range: '16 ~ 256' },
|
||||
{ name: 'epochs', type: 'int', default: '50', range: '10 ~ 200' },
|
||||
{ name: 'dropout', type: 'float', default: '0.2', range: '0.0 ~ 0.5' },
|
||||
{ name: 'hidden_dim', type: 'int', default: '256', range: '64 ~ 1024' },
|
||||
];
|
||||
|
||||
// ─── Job 실행 관리 ──────────────────
|
||||
const JOBS = [
|
||||
{ id: 'JOB-088', name: 'LSTM 위험도 학습', type: '학습', resource: 'Blackwell x2', status: 'running', progress: 72, started: '04-10 08:00', elapsed: '3h 28m' },
|
||||
{ id: 'JOB-087', name: 'AIS 피처 추출', type: '전처리', resource: 'CPU 16core', status: 'done', progress: 100, started: '04-10 06:00', elapsed: '1h 45m' },
|
||||
{ id: 'JOB-086', name: 'GNN 하이퍼파라미터 탐색', type: 'HPS', resource: 'H200 x2', status: 'running', progress: 45, started: '04-10 07:30', elapsed: '2h 10m' },
|
||||
{ id: 'JOB-085', name: '위험도 모델 배포', type: '배포', resource: 'Blackwell x1', status: 'done', progress: 100, started: '04-09 14:00', elapsed: '15m' },
|
||||
{ id: 'JOB-084', name: 'SAR 이미지 전처리', type: '전처리', resource: 'CPU 32core', status: 'fail', progress: 34, started: '04-09 10:00', elapsed: '0h 50m' },
|
||||
];
|
||||
|
||||
const PIPELINE_STAGES = [
|
||||
{ name: '데이터 수집', status: 'done' },
|
||||
{ name: '전처리', status: 'done' },
|
||||
{ name: '피처 엔지니어링', status: 'done' },
|
||||
{ name: '모델 학습', status: 'running' },
|
||||
{ name: '모델 평가', status: 'pending' },
|
||||
{ name: '모델 배포', status: 'pending' },
|
||||
];
|
||||
|
||||
// ─── 공통서비스 ──────────────────
|
||||
const COMMON_SERVICES = [
|
||||
{ name: 'Feature Store', icon: Database, desc: '피처 저장소', status: '정상', version: 'v3.2', detail: '20개 피처 · 2.4TB' },
|
||||
{ name: 'Model Registry', icon: GitBranch, desc: '모델 레지스트리', status: '정상', version: 'v2.1', detail: '12개 모델 등록' },
|
||||
{ name: 'Data Catalog', icon: Layers, desc: '데이터 카탈로그', status: '정상', version: 'v1.5', detail: '48 테이블 · 1.2M rows' },
|
||||
{ name: 'Experiment Tracker', icon: FlaskConical, desc: '실험 추적', status: '정상', version: 'v4.0', detail: '42개 실험 기록' },
|
||||
{ name: 'API Gateway', icon: Zap, desc: 'API 게이트웨이', status: '정상', version: 'v3.0', detail: '221 req/s' },
|
||||
{ name: 'Security Manager', icon: Shield, desc: '보안 관리', status: '정상', version: 'v2.0', detail: 'RBAC + JWT' },
|
||||
];
|
||||
|
||||
// ─── 모니터링 ──────────────────
|
||||
const GPU_RESOURCES = [
|
||||
{ name: 'Blackwell #1', usage: 78, mem: '38/48GB', temp: '62°C', job: 'JOB-088' },
|
||||
{ name: 'Blackwell #2', usage: 52, mem: '25/48GB', temp: '55°C', job: 'JOB-088' },
|
||||
{ name: 'H200 #1', usage: 85, mem: '68/80GB', temp: '71°C', job: 'JOB-086' },
|
||||
{ name: 'H200 #2', usage: 45, mem: '36/80GB', temp: '48°C', job: '-' },
|
||||
];
|
||||
|
||||
const SYSTEM_METRICS = [
|
||||
{ label: '실행중 Job', value: '3', icon: Play, color: 'text-blue-400', bg: 'bg-blue-500/10' },
|
||||
{ label: '대기중 Job', value: '2', icon: RefreshCw, color: 'text-yellow-400', bg: 'bg-yellow-500/10' },
|
||||
{ label: 'GPU 사용률', value: '65%', icon: Activity, color: 'text-green-400', bg: 'bg-green-500/10' },
|
||||
{ label: '배포 모델', value: '2', icon: Brain, color: 'text-purple-400', bg: 'bg-purple-500/10' },
|
||||
{ label: 'API 호출/s', value: '221', icon: Zap, color: 'text-cyan-400', bg: 'bg-cyan-500/10' },
|
||||
];
|
||||
|
||||
const PROJECT_STATS = [
|
||||
{ label: '활성 프로젝트', value: 3, icon: Layers, color: 'text-blue-400', bg: 'bg-blue-500/10' },
|
||||
{ label: '총 모델', value: 11, icon: Brain, color: 'text-purple-400', bg: 'bg-purple-500/10' },
|
||||
{ label: '총 실험', value: 29, icon: FlaskConical, color: 'text-green-400', bg: 'bg-green-500/10' },
|
||||
{ label: '참여 인원', value: 8, icon: Server, color: 'text-yellow-400', bg: 'bg-yellow-500/10' },
|
||||
];
|
||||
|
||||
export function LGCNSMLOpsPage() {
|
||||
const { t, i18n } = useTranslation('ai');
|
||||
const lang = i18n.language as 'ko' | 'en';
|
||||
const [tab, setTab] = useState<Tab>('project');
|
||||
|
||||
return (
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Box}
|
||||
iconColor="text-cyan-400"
|
||||
title={t('lgcnsMlops.title')}
|
||||
description={t('lgcnsMlops.desc')}
|
||||
demo
|
||||
/>
|
||||
|
||||
{/* 탭 */}
|
||||
<TabBar variant="underline">
|
||||
{TABS.map(tt => (
|
||||
<TabButton key={tt.key} active={tab === tt.key} icon={<tt.icon className="w-3.5 h-3.5" />} onClick={() => setTab(tt.key)}>
|
||||
{tt.label}
|
||||
</TabButton>
|
||||
))}
|
||||
</TabBar>
|
||||
|
||||
{/* ── ① 프로젝트 관리 ── */}
|
||||
{tab === 'project' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">프로젝트 목록</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">ID</th><th className="text-left py-2">프로젝트명</th><th className="text-left py-2">담당</th>
|
||||
<th className="text-center py-2">상태</th><th className="text-center py-2">모델</th><th className="text-center py-2">실험</th><th className="text-right py-2 px-2">수정일</th>
|
||||
</tr></thead>
|
||||
<tbody>{PROJECTS.map(p => (
|
||||
<tr key={p.id} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-muted-foreground">{p.id}</td>
|
||||
<td className="py-2 text-heading font-medium">{p.name}</td>
|
||||
<td className="py-2 text-muted-foreground">{p.owner}</td>
|
||||
<td className="py-2 text-center"><Badge intent={getStatusIntent(p.status)} size="sm">{p.status}</Badge></td>
|
||||
<td className="py-2 text-center text-heading">{p.models}</td>
|
||||
<td className="py-2 text-center text-heading">{p.experiments}</td>
|
||||
<td className="py-2 px-2 text-right text-muted-foreground">{p.updated}</td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
<div className="grid grid-cols-4 gap-2">
|
||||
{PROJECT_STATS.map(k => (
|
||||
<div key={k.label} className="flex-1 flex items-center gap-2 px-3 py-2 rounded-xl border border-border bg-card">
|
||||
<div className={`p-1.5 rounded-lg ${k.bg}`}>
|
||||
<k.icon className={`w-3.5 h-3.5 ${k.color}`} />
|
||||
</div>
|
||||
<span className={`text-base font-bold ${k.color}`}>{k.value}</span>
|
||||
<span className="text-[9px] text-hint">{k.label}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ② 분석환경 관리 ── */}
|
||||
{tab === 'environment' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">분석환경 목록</div>
|
||||
<div className="space-y-2">
|
||||
{ENVIRONMENTS.map(e => (
|
||||
<div key={e.name} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<e.icon className="w-4 h-4 text-cyan-400" />
|
||||
<span className="text-[11px] text-heading font-medium w-36">{e.name}</span>
|
||||
<Badge intent="muted" size="sm">{e.type}</Badge>
|
||||
<span className="text-[10px] text-muted-foreground w-24">GPU: {e.gpu}</span>
|
||||
<span className="text-[10px] text-muted-foreground flex-1">사용자: {e.user}</span>
|
||||
<Badge intent={getStatusIntent(e.status)} size="sm">{e.status}</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">워크플로우</div>
|
||||
<div className="space-y-2">
|
||||
{WORKFLOWS.map(w => (
|
||||
<div key={w.id} className="flex items-center gap-3 px-3 py-2.5 bg-surface-overlay rounded-lg">
|
||||
<span className="text-[10px] text-muted-foreground w-16">{w.id}</span>
|
||||
<span className="text-[11px] text-heading font-medium flex-1">{w.name}</span>
|
||||
<span className="text-[10px] text-muted-foreground">Steps: {w.steps}</span>
|
||||
<div className="w-20 h-1.5 bg-switch-background rounded-full overflow-hidden">
|
||||
<div className={`h-full rounded-full ${JOB_PROGRESS_COLOR[w.status] ?? 'bg-muted'}`} style={{ width: `${w.progress}%` }} />
|
||||
</div>
|
||||
<span className="text-[10px] text-muted-foreground">{w.progress}%</span>
|
||||
<Badge intent={getMlopsJobStatusIntent(w.status)} size="sm">
|
||||
{getMlopsJobStatusLabel(w.status, t, lang)}
|
||||
</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ③ 모델 관리 ── */}
|
||||
{tab === 'model' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">등록 모델</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">모델명</th><th className="text-left py-2">프레임워크</th><th className="text-center py-2">상태</th>
|
||||
<th className="text-center py-2">정확도</th><th className="text-center py-2">KPI</th><th className="text-left py-2">버전</th><th className="text-left py-2 px-2">Endpoint</th>
|
||||
</tr></thead>
|
||||
<tbody>{MODELS.map(m => (
|
||||
<tr key={m.name} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-heading font-medium">{m.name}</td>
|
||||
<td className="py-2 text-muted-foreground">{m.framework}</td>
|
||||
<td className="py-2 text-center">
|
||||
<Badge intent={getModelStatusIntent(m.status)} size="sm">
|
||||
{getModelStatusLabel(m.status, t, lang)}
|
||||
</Badge>
|
||||
</td>
|
||||
<td className="py-2 text-center text-heading font-bold">{m.accuracy}%</td>
|
||||
<td className="py-2 text-center text-green-400">{m.kpi}</td>
|
||||
<td className="py-2 text-muted-foreground">{m.version}</td>
|
||||
<td className="py-2 px-2 text-muted-foreground font-mono text-[9px]">{m.endpoint}</td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">Parameter 관리</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">파라미터</th><th className="text-left py-2">타입</th><th className="text-center py-2">기본값</th><th className="text-left py-2 px-2">범위</th>
|
||||
</tr></thead>
|
||||
<tbody>{PARAMETERS.map(p => (
|
||||
<tr key={p.name} className="border-b border-border/50">
|
||||
<td className="py-1.5 px-2 text-heading font-mono">{p.name}</td>
|
||||
<td className="py-1.5 text-muted-foreground">{p.type}</td>
|
||||
<td className="py-1.5 text-center text-heading">{p.default}</td>
|
||||
<td className="py-1.5 px-2 text-muted-foreground">{p.range}</td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ④ Job 실행 관리 ── */}
|
||||
{tab === 'job' && (
|
||||
<div className="space-y-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">Job Pipeline</div>
|
||||
<div className="flex items-center gap-1 mb-4 px-2">
|
||||
{PIPELINE_STAGES.map((s, i) => (
|
||||
<div key={s.name} className="flex items-center gap-1 flex-1">
|
||||
<div className={`flex-1 py-2 px-3 rounded-lg text-center text-[10px] font-medium ${
|
||||
s.status === 'done' ? 'bg-green-500/15 text-green-400 border border-green-500/30' :
|
||||
s.status === 'running' ? 'bg-blue-500/15 text-blue-400 border border-blue-500/30 animate-pulse' :
|
||||
'bg-surface-overlay text-hint border border-border'
|
||||
}`}>
|
||||
{s.status === 'done' && <CheckCircle className="w-3 h-3 inline mr-1" />}
|
||||
{s.status === 'running' && <RefreshCw className="w-3 h-3 inline mr-1 animate-spin" />}
|
||||
{s.name}
|
||||
</div>
|
||||
{i < PIPELINE_STAGES.length - 1 && <span className="text-hint text-[10px]">→</span>}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">Job 목록</div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="text-hint border-b border-border">
|
||||
<th className="text-left py-2 px-2">ID</th><th className="text-left py-2">Job명</th><th className="text-center py-2">유형</th>
|
||||
<th className="text-left py-2">리소스</th><th className="text-center py-2">진행률</th><th className="text-center py-2">상태</th><th className="text-right py-2 px-2">소요시간</th>
|
||||
</tr></thead>
|
||||
<tbody>{JOBS.map(j => (
|
||||
<tr key={j.id} className="border-b border-border/50 hover:bg-surface-overlay transition-colors">
|
||||
<td className="py-2 px-2 text-muted-foreground">{j.id}</td>
|
||||
<td className="py-2 text-heading font-medium">{j.name}</td>
|
||||
<td className="py-2 text-center"><Badge intent="muted" size="sm">{j.type}</Badge></td>
|
||||
<td className="py-2 text-muted-foreground text-[9px]">{j.resource}</td>
|
||||
<td className="py-2">
|
||||
<div className="flex items-center gap-2 justify-center">
|
||||
<div className="w-16 h-1.5 bg-switch-background rounded-full overflow-hidden">
|
||||
<div className={`h-full rounded-full ${JOB_PROGRESS_COLOR[j.status] ?? 'bg-muted'}`} style={{ width: `${j.progress}%` }} />
|
||||
</div>
|
||||
<span className="text-heading">{j.progress}%</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="py-2 text-center">
|
||||
<Badge intent={getMlopsJobStatusIntent(j.status)} size="sm">
|
||||
{getMlopsJobStatusLabel(j.status, t, lang)}
|
||||
</Badge>
|
||||
</td>
|
||||
<td className="py-2 px-2 text-right text-muted-foreground">{j.elapsed}</td>
|
||||
</tr>
|
||||
))}</tbody>
|
||||
</table>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ⑤ 공통서비스 ── */}
|
||||
{tab === 'common' && (
|
||||
<div className="grid grid-cols-3 gap-3">
|
||||
{COMMON_SERVICES.map(s => (
|
||||
<Card key={s.name}><CardContent className="p-4">
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
<div className="p-2 rounded-lg bg-cyan-500/10">
|
||||
<s.icon className="w-5 h-5 text-cyan-400" />
|
||||
</div>
|
||||
<div>
|
||||
<div className="text-[11px] font-bold text-heading">{s.name}</div>
|
||||
<div className="text-[9px] text-hint">{s.desc}</div>
|
||||
</div>
|
||||
<Badge intent={getStatusIntent(s.status)} size="sm" className="ml-auto">{s.status}</Badge>
|
||||
</div>
|
||||
<div className="space-y-1 text-[10px]">
|
||||
<div className="flex justify-between px-2 py-1 bg-surface-overlay rounded">
|
||||
<span className="text-hint">버전</span><span className="text-label">{s.version}</span>
|
||||
</div>
|
||||
<div className="flex justify-between px-2 py-1 bg-surface-overlay rounded">
|
||||
<span className="text-hint">상세</span><span className="text-label">{s.detail}</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ⑥ 모니터링 ── */}
|
||||
{tab === 'monitoring' && (
|
||||
<div className="space-y-3">
|
||||
<div className="flex gap-2">
|
||||
{SYSTEM_METRICS.map(k => (
|
||||
<div key={k.label} className="flex-1 flex items-center gap-2 px-3 py-2 rounded-xl border border-border bg-card">
|
||||
<div className={`p-1.5 rounded-lg ${k.bg}`}>
|
||||
<k.icon className={`w-3.5 h-3.5 ${k.color}`} />
|
||||
</div>
|
||||
<span className={`text-base font-bold ${k.color}`}>{k.value}</span>
|
||||
<span className="text-[9px] text-hint">{k.label}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">GPU 리소스 현황</div>
|
||||
<div className="space-y-2">
|
||||
{GPU_RESOURCES.map(g => (
|
||||
<div key={g.name} className="flex items-center gap-3 px-3 py-2 bg-surface-overlay rounded-lg">
|
||||
<span className="text-[10px] text-heading font-medium w-24">{g.name}</span>
|
||||
<div className="flex-1 h-2 bg-switch-background rounded-full overflow-hidden">
|
||||
<div className={`h-full rounded-full ${g.usage > 80 ? 'bg-red-500' : g.usage > 60 ? 'bg-yellow-500' : 'bg-green-500'}`} style={{ width: `${g.usage}%` }} />
|
||||
</div>
|
||||
<span className="text-[10px] text-heading font-bold w-8">{g.usage}%</span>
|
||||
<span className="text-[9px] text-hint">{g.mem}</span>
|
||||
<span className="text-[9px] text-hint">{g.temp}</span>
|
||||
<span className="text-[9px] text-muted-foreground">{g.job}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">서비스 상태</div>
|
||||
<div className="space-y-2">
|
||||
{[
|
||||
{ name: 'DAP API Gateway', status: 'ok', rps: 221 },
|
||||
{ name: 'Model Serving', status: 'ok', rps: 186 },
|
||||
{ name: 'Feature Store', status: 'ok', rps: 45 },
|
||||
{ name: 'Experiment Tracker', status: 'ok', rps: 32 },
|
||||
{ name: 'Job Scheduler', status: 'ok', rps: 15 },
|
||||
{ name: 'PostgreSQL', status: 'ok', rps: 890 },
|
||||
].map(s => (
|
||||
<div key={s.name} className="flex items-center gap-3 px-3 py-2 bg-surface-overlay rounded-lg">
|
||||
<div className={`w-2 h-2 rounded-full ${s.status === 'ok' ? 'bg-green-500 shadow-[0_0_4px_#22c55e]' : 'bg-yellow-500 shadow-[0_0_4px_#eab308]'}`} />
|
||||
<span className="text-[10px] text-heading font-medium flex-1">{s.name}</span>
|
||||
<span className="text-[10px] text-muted-foreground">{s.rps} req/s</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* ── ⑦ Repository ── */}
|
||||
{tab === 'repository' && (
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">소스코드/글로벌 Repository</div>
|
||||
<div className="space-y-1.5 text-[10px]">
|
||||
{[
|
||||
['kcg-ai-monitoring', 'frontend + backend + prediction 모노레포'],
|
||||
['kcg-ml-models', '모델 아카이브 (버전별 weight)'],
|
||||
['kcg-data-pipeline', 'ETL 스크립트 + Airflow DAG'],
|
||||
['kcg-feature-store', '피처 정의 + 변환 로직'],
|
||||
].map(([k, v]) => (
|
||||
<div key={k} className="flex justify-between px-2 py-1.5 bg-surface-overlay rounded">
|
||||
<span className="text-heading font-mono">{k}</span><span className="text-hint">{v}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="text-[12px] font-bold text-heading mb-3">데이터/분석 Repository</div>
|
||||
<div className="space-y-1.5 text-[10px]">
|
||||
{[
|
||||
['AIS 원본 데이터', 'SNPDB · 5분 주기 증분 · 1.2TB'],
|
||||
['학습 데이터셋', '1,456,200건 · 04-03 갱신'],
|
||||
['벡터 DB (Milvus)', '1.2M 문서 · 3.6M 벡터'],
|
||||
['모델 Artifact', 'S3 · 24개 버전 · 12.8GB'],
|
||||
].map(([k, v]) => (
|
||||
<div key={k} className="flex justify-between px-2 py-1.5 bg-surface-overlay rounded">
|
||||
<span className="text-heading">{k}</span><span className="text-hint">{v}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
)}
|
||||
</PageContainer>
|
||||
);
|
||||
}
|
||||
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
Load Diff
@ -1,6 +1,5 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Button } from '@shared/components/ui/button';
|
||||
import { Card, CardContent } from '@shared/components/ui/card';
|
||||
import { Badge } from '@shared/components/ui/badge';
|
||||
import { PageContainer, PageHeader } from '@shared/components/layout';
|
||||
@ -108,7 +107,6 @@ const WORKERS = [
|
||||
|
||||
export function MLOpsPage() {
|
||||
const { t } = useTranslation('ai');
|
||||
const { t: tc } = useTranslation('common');
|
||||
const [tab, setTab] = useState<Tab>('dashboard');
|
||||
const [llmSub, setLlmSub] = useState<LLMSubTab>('train');
|
||||
const [selectedTmpl, setSelectedTmpl] = useState(0);
|
||||
@ -118,7 +116,7 @@ export function MLOpsPage() {
|
||||
<PageContainer>
|
||||
<PageHeader
|
||||
icon={Cpu}
|
||||
iconColor="text-purple-600 dark:text-purple-400"
|
||||
iconColor="text-purple-400"
|
||||
title={t('mlops.title')}
|
||||
description={t('mlops.desc')}
|
||||
demo
|
||||
@ -136,7 +134,7 @@ export function MLOpsPage() {
|
||||
{ key: 'platform' as Tab, icon: Settings, label: '플랫폼 관리' },
|
||||
]).map(t => (
|
||||
<button type="button" key={t.key} onClick={() => setTab(t.key)}
|
||||
className={`flex items-center gap-1.5 px-4 py-2.5 text-[11px] font-medium border-b-2 transition-colors ${tab === t.key ? 'text-blue-600 dark:text-blue-400 border-blue-400' : 'text-hint border-transparent hover:text-label'}`}>
|
||||
className={`flex items-center gap-1.5 px-4 py-2.5 text-[11px] font-medium border-b-2 transition-colors ${tab === t.key ? 'text-blue-400 border-blue-400' : 'text-hint border-transparent hover:text-label'}`}>
|
||||
<t.icon className="w-3.5 h-3.5" />{t.label}
|
||||
</button>
|
||||
))}
|
||||
@ -161,7 +159,7 @@ export function MLOpsPage() {
|
||||
<Badge intent="success" size="sm">DEPLOYED</Badge>
|
||||
<span className="text-[11px] text-heading font-medium flex-1">{m.name}</span>
|
||||
<span className="text-[10px] text-hint">{m.ver}</span>
|
||||
<span className="text-[10px] text-green-600 dark:text-green-400 font-bold">F1 {m.f1}%</span>
|
||||
<span className="text-[10px] text-green-400 font-bold">F1 {m.f1}%</span>
|
||||
</div>
|
||||
))}</div>
|
||||
</CardContent></Card>
|
||||
@ -189,7 +187,7 @@ export function MLOpsPage() {
|
||||
{TEMPLATES.map((t, i) => (
|
||||
<div key={t.name} onClick={() => setSelectedTmpl(i)}
|
||||
className={`p-3 rounded-lg text-center cursor-pointer transition-colors ${selectedTmpl === i ? 'bg-blue-600/15 border border-blue-500/30' : 'bg-surface-overlay border border-transparent hover:border-border'}`}>
|
||||
<t.icon className="w-6 h-6 mx-auto mb-2 text-blue-600 dark:text-blue-400" />
|
||||
<t.icon className="w-6 h-6 mx-auto mb-2 text-blue-400" />
|
||||
<div className="text-[10px] font-bold text-heading">{t.name}</div>
|
||||
<div className="text-[8px] text-hint mt-0.5">{t.desc}</div>
|
||||
</div>
|
||||
@ -199,7 +197,7 @@ export function MLOpsPage() {
|
||||
<Card><CardContent className="p-4">
|
||||
<div className="flex items-center justify-between mb-3">
|
||||
<div className="text-[12px] font-bold text-heading">실험 목록</div>
|
||||
<Button variant="primary" size="sm" icon={<Play className="w-3 h-3" />}>새 실험</Button>
|
||||
<button type="button" className="flex items-center gap-1 px-3 py-1.5 bg-blue-600 hover:bg-blue-500 text-on-vivid text-[10px] font-bold rounded-lg"><Play className="w-3 h-3" />새 실험</button>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
{EXPERIMENTS.map(e => (
|
||||
@ -210,7 +208,7 @@ export function MLOpsPage() {
|
||||
<div className="w-24 h-1.5 bg-switch-background rounded-full overflow-hidden"><div className={`h-full rounded-full ${e.status === 'done' ? 'bg-green-500' : e.status === 'fail' ? 'bg-red-500' : 'bg-blue-500'}`} style={{ width: `${e.progress}%` }} /></div>
|
||||
<span className="text-[10px] text-muted-foreground w-12">{e.epoch}</span>
|
||||
<span className="text-[10px] text-muted-foreground w-16">{e.time}</span>
|
||||
{e.f1 > 0 && <span className="text-[10px] text-cyan-600 dark:text-cyan-400 font-bold">F1 {e.f1}</span>}
|
||||
{e.f1 > 0 && <span className="text-[10px] text-cyan-400 font-bold">F1 {e.f1}</span>}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
@ -263,7 +261,7 @@ export function MLOpsPage() {
|
||||
<tbody>{DEPLOYS.map((d, i) => (
|
||||
<tr key={i} className="border-b border-border hover:bg-surface-overlay">
|
||||
<td className="px-3 py-2 text-heading font-medium">{d.model}</td>
|
||||
<td className="px-3 py-2 text-cyan-600 dark:text-cyan-400 font-mono">{d.ver}</td>
|
||||
<td className="px-3 py-2 text-cyan-400 font-mono">{d.ver}</td>
|
||||
<td className="px-3 py-2 text-muted-foreground font-mono text-[10px]">{d.endpoint}</td>
|
||||
<td className="px-3 py-2"><div className="flex items-center gap-1.5"><div className="w-16 h-2 bg-switch-background rounded-full overflow-hidden"><div className="h-full bg-blue-500 rounded-full" style={{ width: `${d.traffic}%` }} /></div><span className="text-heading font-bold">{d.traffic}%</span></div></td>
|
||||
<td className="px-3 py-2 text-label">{d.latency}</td>
|
||||
@ -290,7 +288,7 @@ export function MLOpsPage() {
|
||||
{MODELS.filter(m => m.status === 'APPROVED').map(m => (
|
||||
<div key={m.name} className="flex items-center gap-3 px-3 py-2 bg-surface-overlay rounded-lg">
|
||||
<span className="text-[11px] text-heading font-medium flex-1">{m.name} {m.ver}</span>
|
||||
<Button variant="primary" size="sm" icon={<Rocket className="w-3 h-3" />}>배포</Button>
|
||||
<button type="button" className="flex items-center gap-1 px-2.5 py-1 bg-green-600 hover:bg-green-500 text-on-vivid text-[9px] font-bold rounded"><Rocket className="w-3 h-3" />배포</button>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
@ -315,15 +313,15 @@ export function MLOpsPage() {
|
||||
"version": "v2.1.0"
|
||||
}`} />
|
||||
<div className="flex gap-2 mt-2">
|
||||
<Button variant="primary" size="sm" icon={<Zap className="w-3 h-3" />}>실행</Button>
|
||||
<button type="button" className="flex items-center gap-1 px-4 py-1.5 bg-blue-600 hover:bg-blue-500 text-on-vivid text-[10px] font-bold rounded-lg"><Zap className="w-3 h-3" />실행</button>
|
||||
<button type="button" className="px-3 py-1.5 bg-surface-overlay border border-border rounded-lg text-[10px] text-muted-foreground">초기화</button>
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
<Card className="bg-surface-raised border-border flex flex-col"><CardContent className="p-4 flex-1 flex flex-col">
|
||||
<div className="text-[9px] font-bold text-hint mb-2">RESPONSE</div>
|
||||
<div className="flex gap-4 text-[10px] px-2 py-1.5 bg-green-500/10 rounded mb-2">
|
||||
<span className="text-muted-foreground">상태 <span className="text-green-600 dark:text-green-400 font-bold">200 OK</span></span>
|
||||
<span className="text-muted-foreground">지연 <span className="text-green-600 dark:text-green-400 font-bold">23ms</span></span>
|
||||
<span className="text-muted-foreground">상태 <span className="text-green-400 font-bold">200 OK</span></span>
|
||||
<span className="text-muted-foreground">지연 <span className="text-green-400 font-bold">23ms</span></span>
|
||||
</div>
|
||||
<pre className="flex-1 bg-background border border-border rounded-lg p-3 text-[10px] text-green-300 font-mono overflow-auto">{`{
|
||||
"risk_score": 87.5,
|
||||
@ -355,7 +353,7 @@ export function MLOpsPage() {
|
||||
{ key: 'llmtest' as LLMSubTab, label: 'LLM 테스트' },
|
||||
]).map(t => (
|
||||
<button type="button" key={t.key} onClick={() => setLlmSub(t.key)}
|
||||
className={`px-4 py-2 text-[11px] font-medium border-b-2 ${llmSub === t.key ? 'text-blue-600 dark:text-blue-400 border-blue-400' : 'text-hint border-transparent hover:text-label'}`}>{t.label}</button>
|
||||
className={`px-4 py-2 text-[11px] font-medium border-b-2 ${llmSub === t.key ? 'text-blue-400 border-blue-400' : 'text-hint border-transparent hover:text-label'}`}>{t.label}</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
@ -369,7 +367,7 @@ export function MLOpsPage() {
|
||||
{LLM_MODELS.map((m, i) => (
|
||||
<div key={m.name} onClick={() => setSelectedLLM(i)}
|
||||
className={`p-3 rounded-lg text-center cursor-pointer ${selectedLLM === i ? 'bg-blue-600/15 border border-blue-500/30' : 'bg-surface-overlay border border-transparent'}`}>
|
||||
<m.icon className="w-5 h-5 mx-auto mb-1 text-purple-600 dark:text-purple-400" />
|
||||
<m.icon className="w-5 h-5 mx-auto mb-1 text-purple-400" />
|
||||
<div className="text-[10px] font-bold text-heading">{m.name}</div>
|
||||
<div className="text-[8px] text-hint">{m.sub}</div>
|
||||
</div>
|
||||
@ -383,7 +381,7 @@ export function MLOpsPage() {
|
||||
<div key={k} className="flex flex-col gap-1"><span className="text-[9px] text-hint">{k}</span><div className="bg-background border border-border rounded px-2.5 py-1.5 text-label">{v}</div></div>
|
||||
))}
|
||||
</div>
|
||||
<Button variant="primary" size="sm" className="mt-3 w-full" icon={<Play className="w-3 h-3" />}>학습 시작</Button>
|
||||
<button type="button" className="mt-3 flex items-center gap-1 px-4 py-1.5 bg-blue-600 hover:bg-blue-500 text-on-vivid text-[10px] font-bold rounded-lg w-full justify-center"><Play className="w-3 h-3" />학습 시작</button>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
<Card><CardContent className="p-4">
|
||||
@ -419,10 +417,10 @@ export function MLOpsPage() {
|
||||
<div key={k} className="flex justify-between px-2 py-1 bg-surface-overlay rounded"><span className="text-hint font-mono">{k}</span><span className="text-label">{v}</span></div>
|
||||
))}
|
||||
</div>
|
||||
<Button variant="primary" size="sm" className="mt-3 w-full" icon={<Search className="w-3 h-3" />}>검색 시작</Button>
|
||||
<button type="button" className="mt-3 flex items-center gap-1 px-4 py-1.5 bg-blue-600 hover:bg-blue-500 text-on-vivid text-[10px] font-bold rounded-lg w-full justify-center"><Search className="w-3 h-3" />검색 시작</button>
|
||||
</CardContent></Card>
|
||||
<Card className="col-span-2 bg-surface-raised border-border"><CardContent className="p-4">
|
||||
<div className="flex justify-between mb-3"><div className="text-[12px] font-bold text-heading">HPS 시도 결과</div><span className="text-[10px] text-green-600 dark:text-green-400 font-bold">Best: Trial #3 (F1=0.912)</span></div>
|
||||
<div className="flex justify-between mb-3"><div className="text-[12px] font-bold text-heading">HPS 시도 결과</div><span className="text-[10px] text-green-400 font-bold">Best: Trial #3 (F1=0.912)</span></div>
|
||||
<table className="w-full text-[10px]">
|
||||
<thead><tr className="border-b border-border text-hint">{['Trial', 'LR', 'Batch', 'Dropout', 'Hidden', 'F1 Score', ''].map(h => <th key={h} className="py-2 px-2 text-left font-medium">{h}</th>)}</tr></thead>
|
||||
<tbody>{HPS_TRIALS.map(t => (
|
||||
@ -507,7 +505,7 @@ export function MLOpsPage() {
|
||||
</div>
|
||||
<div className="flex gap-2 shrink-0">
|
||||
<input aria-label="LLM 질의 입력" className="flex-1 bg-background border border-border rounded-xl px-4 py-2 text-[11px] text-heading placeholder:text-hint focus:outline-none focus:border-blue-500/40" placeholder="질의를 입력하세요..." />
|
||||
<Button variant="primary" size="md" aria-label={tc('aria.send')} icon={<Send className="w-4 h-4" />} />
|
||||
<button type="button" aria-label="전송" className="px-4 py-2 bg-blue-600 hover:bg-blue-500 text-on-vivid rounded-xl"><Send className="w-4 h-4" /></button>
|
||||
</div>
|
||||
</CardContent></Card>
|
||||
</div>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
불러오는 중...
Reference in New Issue
Block a user