--- a/.claude/rules/code-style.md
+++ b/.claude/rules/code-style.md
@ -1,69 +0,0 @@
-# TypeScript/React 코드 스타일 규칙
-
-## TypeScript 일반
- strict 모드 필수 (`tsconfig.json`)
- `any` 사용 금지 (불가피한 경우 주석으로 사유 명시)
- 타입 정의: `interface` 우선 (type은 유니온/인터섹션에만)
- 들여쓰기: 2 spaces
- 세미콜론: 사용
- 따옴표: single quote
- trailing comma: 사용
-
-## React 규칙
-
-### 컴포넌트
- 함수형 컴포넌트 + hooks 패턴만 사용
- 클래스 컴포넌트 사용 금지
- 컴포넌트 파일 당 하나의 export default 컴포넌트
- Props 타입은 interface로 정의 (ComponentNameProps)
-
-```tsx
-interface UserCardProps {
-  name: string;
-  email: string;
-  onEdit?: () => void;
-}
-
-const UserCard = ({ name, email, onEdit }: UserCardProps) => {
-  return (
-    <div>
-      <h3>{name}</h3>
-      <p>{email}</p>
-      {onEdit && <button onClick={onEdit}>편집</button>}
-    </div>
-  );
-};
-
-export default UserCard;
-```
-
-### Hooks
- 커스텀 훅은 `use` 접두사 (예: `useAuth`, `useFetch`)
- 훅은 `src/hooks/` 디렉토리에 분리
- 복잡한 상태 로직은 커스텀 훅으로 추출
-
-### 상태 관리
- 컴포넌트 로컬 상태: `useState`
- 공유 상태: Context API 또는 Zustand
- 서버 상태: React Query (TanStack Query) 권장
-
-### 이벤트 핸들러
- `handle` 접두사: `handleClick`, `handleSubmit`
- Props로 전달 시 `on` 접두사: `onClick`, `onSubmit`
-
-## 스타일링
- CSS Modules 또는 Tailwind CSS (프로젝트 설정에 따름)
- 인라인 스타일 지양
- !important 사용 금지
-
-## API 호출
- API 호출 로직은 `src/services/`에 분리
- Axios 또는 fetch wrapper 사용
- 에러 처리: try-catch + 사용자 친화적 에러 메시지
- 환경별 API URL은 `.env`에서 관리
-
-## 기타
- console.log 커밋 금지 (디버깅 후 제거)
- 매직 넘버/문자열 → 상수 파일로 추출
- 사용하지 않는 import, 변수 제거 (ESLint로 검증)
- 이미지/아이콘은 `src/assets/`에 관리
--- a/.claude/rules/git-workflow.md
+++ b/.claude/rules/git-workflow.md
@ -1,84 +0,0 @@
-# Git 워크플로우 규칙
-
-## 브랜치 전략
-
-### 브랜치 구조
-```
-main        ← 배포 가능한 안정 브랜치 (보호됨)
-  └── develop   ← 개발 통합 브랜치
-        ├── feature/ISSUE-123-기능설명
-        ├── bugfix/ISSUE-456-버그설명
-        └── hotfix/ISSUE-789-긴급수정
-```
-
-### 브랜치 네이밍
- feature 브랜치: `feature/ISSUE-번호-간단설명` (예: `feature/ISSUE-42-user-login`)
- bugfix 브랜치: `bugfix/ISSUE-번호-간단설명`
- hotfix 브랜치: `hotfix/ISSUE-번호-간단설명`
- 이슈 번호가 없는 경우: `feature/간단설명` (예: `feature/add-swagger-docs`)
-
-### 브랜치 규칙
- main, develop 브랜치에 직접 커밋/푸시 금지
- feature 브랜치는 develop에서 분기
- hotfix 브랜치는 main에서 분기
- 머지는 반드시 MR(Merge Request)을 통해 수행
-
-## 커밋 메시지 규칙
-
-### Conventional Commits 형식
-```
-type(scope): subject
-
-body (선택)
-
-footer (선택)
-```
-
-### type (필수)
-| type | 설명 |
-|------|------|
-| feat | 새로운 기능 추가 |
-| fix | 버그 수정 |
-| docs | 문서 변경 |
-| style | 코드 포맷팅 (기능 변경 없음) |
-| refactor | 리팩토링 (기능 변경 없음) |
-| test | 테스트 추가/수정 |
-| chore | 빌드, 설정 변경 |
-| ci | CI/CD 설정 변경 |
-| perf | 성능 개선 |
-
-### scope (선택)
- 변경 범위를 나타내는 짧은 단어
- 한국어, 영어 모두 허용 (예: `feat(인증): 로그인 기능`, `fix(auth): token refresh`)
-
-### subject (필수)
- 변경 내용을 간결하게 설명
- 한국어, 영어 모두 허용
- 72자 이내
- 마침표(.) 없이 끝냄
-
-### 예시
-```
-feat(auth): JWT 기반 로그인 구현
-fix(배치): 야간 배치 타임아웃 수정
-docs: README에 빌드 방법 추가
-refactor(user-service): 중복 로직 추출
-test(결제): 환불 로직 단위 테스트 추가
-chore: Gradle 의존성 버전 업데이트
-```
-
-## MR(Merge Request) 규칙
-
-### MR 생성
- 제목: 커밋 메시지와 동일한 Conventional Commits 형식
- 본문: 변경 내용 요약, 테스트 방법, 관련 이슈 번호
- 라벨: 적절한 라벨 부착 (feature, bugfix, hotfix 등)
-
-### MR 리뷰
- 최소 1명의 리뷰어 승인 필수
- CI 검증 통과 필수 (설정된 경우)
- 리뷰 코멘트 모두 해결 후 머지
-
-### MR 머지
- Squash Merge 권장 (깔끔한 히스토리)
- 머지 후 소스 브랜치 삭제
--- a/.claude/rules/naming.md
+++ b/.claude/rules/naming.md
@ -1,53 +0,0 @@
-# TypeScript/React 네이밍 규칙
-
-## 파일명
-
-| 항목 | 규칙 | 예시 |
-|------|------|------|
-| 컴포넌트 | PascalCase | `UserCard.tsx`, `LoginForm.tsx` |
-| 페이지 | PascalCase | `Dashboard.tsx`, `UserList.tsx` |
-| 훅 | camelCase + use 접두사 | `useAuth.ts`, `useFetch.ts` |
-| 서비스 | camelCase | `userService.ts`, `authApi.ts` |
-| 유틸리티 | camelCase | `formatDate.ts`, `validation.ts` |
-| 타입 정의 | camelCase | `user.types.ts`, `api.types.ts` |
-| 상수 | camelCase | `routes.ts`, `constants.ts` |
-| 스타일 | 컴포넌트명 + .module | `UserCard.module.css` |
-| 테스트 | 대상 + .test | `UserCard.test.tsx` |
-
-## 변수/함수
-
-| 항목 | 규칙 | 예시 |
-|------|------|------|
-| 변수 | camelCase | `userName`, `isLoading` |
-| 함수 | camelCase | `getUserList`, `formatDate` |
-| 상수 | UPPER_SNAKE_CASE | `MAX_RETRY`, `API_BASE_URL` |
-| boolean 변수 | is/has/can/should 접두사 | `isActive`, `hasPermission` |
-| 이벤트 핸들러 | handle 접두사 | `handleClick`, `handleSubmit` |
-| 이벤트 Props | on 접두사 | `onClick`, `onSubmit` |
-
-## 타입/인터페이스
-
-| 항목 | 규칙 | 예시 |
-|------|------|------|
-| interface | PascalCase | `UserProfile`, `ApiResponse` |
-| Props | 컴포넌트명 + Props | `UserCardProps`, `ButtonProps` |
-| 응답 타입 | 도메인 + Response | `UserResponse`, `LoginResponse` |
-| 요청 타입 | 동작 + Request | `CreateUserRequest` |
-| Enum | PascalCase | `UserStatus`, `HttpMethod` |
-| Enum 값 | UPPER_SNAKE_CASE | `ACTIVE`, `PENDING` |
-| Generic | 단일 대문자 | `T`, `K`, `V` |
-
-## 디렉토리
-
- 모두 kebab-case 또는 camelCase (프로젝트 통일)
- 예: `src/components/common/`, `src/hooks/`, `src/services/`
-
-## 컴포넌트 구조 예시
-
-```
-src/components/user-card/
-├── UserCard.tsx           # 컴포넌트
-├── UserCard.module.css    # 스타일
-├── UserCard.test.tsx      # 테스트
-└── index.ts               # re-export
-```
--- a/.claude/rules/team-policy.md
+++ b/.claude/rules/team-policy.md
@ -1,34 +0,0 @@
-# 팀 정책 (Team Policy)
-
-이 규칙은 조직 전체에 적용되는 필수 정책입니다.
-프로젝트별 `.claude/rules/`에 추가 규칙을 정의할 수 있으나, 이 정책을 위반할 수 없습니다.
-
-## 보안 정책
-
-### 금지 행위
- `.env`, `.env.*`, `secrets/` 파일 읽기 및 내용 출력 금지
- 비밀번호, API 키, 토큰 등 민감 정보를 코드에 하드코딩 금지
- `git push --force`, `git reset --hard`, `git clean -fd` 실행 금지
- `rm -rf /`, `rm -rf ~`, `rm -rf .git` 등 파괴적 명령 실행 금지
- main/develop 브랜치에 직접 push 금지 (MR을 통해서만 머지)
-
-### 인증 정보 관리
- 환경변수 또는 외부 설정 파일(`.env`, `application-local.yml`)로 관리
- 설정 파일은 `.gitignore`에 반드시 포함
- 예시 파일(`.env.example`, `application.yml.example`)만 커밋
-
-## 코드 품질 정책
-
-### 필수 검증
- 커밋 전 빌드(컴파일) 성공 확인
- 린트 경고 0개 유지 (CI에서도 검증)
- 테스트 코드가 있는 프로젝트는 테스트 통과 필수
-
-### 코드 리뷰
- main 브랜치 머지 시 최소 1명 리뷰 필수
- 리뷰어 승인 없이 머지 불가
-
-## 문서화 정책
- 공개 API(controller endpoint)에는 반드시 설명 주석 작성
- 복잡한 비즈니스 로직에는 의도를 설명하는 주석 작성
- README.md에 프로젝트 빌드/실행 방법 유지
--- a/.claude/rules/testing.md
+++ b/.claude/rules/testing.md
@ -1,64 +0,0 @@
-# TypeScript/React 테스트 규칙
-
-## 테스트 프레임워크
- Vitest (Vite 프로젝트) 또는 Jest
- React Testing Library (컴포넌트 테스트)
- MSW (Mock Service Worker, API 모킹)
-
-## 테스트 구조
-
-### 단위 테스트
- 유틸리티 함수, 커스텀 훅 테스트
- 외부 의존성 없이 순수 로직 검증
-
-```typescript
-describe('formatDate', () => {
-  it('날짜를 YYYY-MM-DD 형식으로 변환한다', () => {
-    const result = formatDate(new Date('2026-02-14'));
-    expect(result).toBe('2026-02-14');
-  });
-
-  it('유효하지 않은 날짜는 빈 문자열을 반환한다', () => {
-    const result = formatDate(new Date('invalid'));
-    expect(result).toBe('');
-  });
-});
-```
-
-### 컴포넌트 테스트
- React Testing Library 사용
- 사용자 관점에서 테스트 (구현 세부사항이 아닌 동작 테스트)
- `getByRole`, `getByText` 등 접근성 기반 쿼리 우선
-
-```tsx
-describe('UserCard', () => {
-  it('사용자 이름과 이메일을 표시한다', () => {
-    render(<UserCard name="홍길동" email="hong@test.com" />);
-    expect(screen.getByText('홍길동')).toBeInTheDocument();
-    expect(screen.getByText('hong@test.com')).toBeInTheDocument();
-  });
-
-  it('편집 버튼 클릭 시 onEdit 콜백을 호출한다', async () => {
-    const onEdit = vi.fn();
-    render(<UserCard name="홍길동" email="hong@test.com" onEdit={onEdit} />);
-    await userEvent.click(screen.getByRole('button', { name: '편집' }));
-    expect(onEdit).toHaveBeenCalledOnce();
-  });
-});
-```
-
-### 테스트 패턴
- **Arrange-Act-Assert** 구조
- 테스트 설명은 한국어로 작성 (`it('사용자 이름을 표시한다')`)
- 하나의 테스트에 하나의 검증
-
-## 테스트 커버리지
- 새로 작성하는 유틸리티 함수: 테스트 필수
- 컴포넌트: 주요 상호작용 테스트 권장
- API 호출: MSW로 모킹하여 에러/성공 시나리오 테스트
-
-## 금지 사항
- 구현 세부사항 테스트 금지 (state 값 직접 확인 등)
- `getByTestId` 남용 금지 (접근성 쿼리 우선)
- 스냅샷 테스트 남용 금지 (변경에 취약)
- `setTimeout`으로 비동기 대기 금지 → `waitFor`, `findBy` 사용
--- a/.claude/scripts/on-commit.sh
+++ b/.claude/scripts/on-commit.sh
@ -1,14 +0,0 @@
-#!/bin/bash
-INPUT=$(cat)
-COMMAND=$(echo "$INPUT" | python3 -c "import sys,json;print(json.load(sys.stdin).get('tool_input',{}).get('command',''))" 2>/dev/null || echo "")
-if echo "$COMMAND" | grep -qE 'git commit'; then
-  cat <<RESP
-{
-  "hookSpecificOutput": {
-    "additionalContext": "커밋이 감지되었습니다. 다음을 수행하세요:\n1. docs/CHANGELOG.md에 변경 내역 추가\n2. memory/project-snapshot.md에서 변경된 부분 업데이트\n3. memory/project-history.md에 이번 변경사항 추가\n4. API 인터페이스 변경 시 memory/api-types.md 갱신\n5. 프로젝트에 lint 설정이 있다면 lint 결과를 확인하고 문제를 수정"
-  }
-}
-RESP
-else
-  echo '{}'
-fi
--- a/.claude/scripts/on-post-compact.sh
+++ b/.claude/scripts/on-post-compact.sh
@ -1,23 +0,0 @@
-#!/bin/bash
-INPUT=$(cat)
-CWD=$(echo "$INPUT" | python3 -c "import sys,json;print(json.load(sys.stdin).get('cwd',''))" 2>/dev/null || echo "")
-if [ -z "$CWD" ]; then
-  CWD=$(pwd)
-fi
-PROJECT_HASH=$(echo "$CWD" | sed 's|/|-|g')
-MEMORY_DIR="$HOME/.claude/projects/$PROJECT_HASH/memory"
-CONTEXT=""
-if [ -f "$MEMORY_DIR/MEMORY.md" ]; then
-  SUMMARY=$(head -100 "$MEMORY_DIR/MEMORY.md" | python3 -c "import sys;print(sys.stdin.read().replace('\\\\','\\\\\\\\').replace('\"','\\\\\"').replace('\n','\\\\n'))" 2>/dev/null)
-  CONTEXT="컨텍스트가 압축되었습니다.\\n\\n[세션 요약]\\n${SUMMARY}"
-fi
-if [ -f "$MEMORY_DIR/project-snapshot.md" ]; then
-  SNAP=$(head -50 "$MEMORY_DIR/project-snapshot.md" | python3 -c "import sys;print(sys.stdin.read().replace('\\\\','\\\\\\\\').replace('\"','\\\\\"').replace('\n','\\\\n'))" 2>/dev/null)
-  CONTEXT="${CONTEXT}\\n\\n[프로젝트 최신 상태]\\n${SNAP}"
-fi
-if [ -n "$CONTEXT" ]; then
-  CONTEXT="${CONTEXT}\\n\\n위 내용을 참고하여 작업을 이어가세요. 상세 내용은 memory/ 디렉토리의 각 파일을 참조하세요."
-  echo "{\"hookSpecificOutput\":{\"additionalContext\":\"${CONTEXT}\"}}"
-else
-  echo "{\"hookSpecificOutput\":{\"additionalContext\":\"컨텍스트가 압축되었습니다. memory 파일이 없으므로 사용자에게 이전 작업 내용을 확인하세요.\"}}"
-fi
--- a/.claude/scripts/on-pre-compact.sh
+++ b/.claude/scripts/on-pre-compact.sh
@ -1,8 +0,0 @@
-#!/bin/bash
-# PreCompact hook: systemMessage만 지원 (hookSpecificOutput 사용 불가)
-INPUT=$(cat)
-cat <<RESP
-{
-  "systemMessage": "컨텍스트 압축이 시작됩니다. 반드시 다음을 수행하세요:\n\n1. memory/MEMORY.md - 핵심 작업 상태 갱신 (200줄 이내)\n2. memory/project-snapshot.md - 변경된 패키지/타입 정보 업데이트\n3. memory/project-history.md - 이번 세션 변경사항 추가\n4. memory/api-types.md - API 인터페이스 변경이 있었다면 갱신\n5. 미완료 작업이 있다면 TodoWrite에 남기고 memory에도 기록"
-}
-RESP
--- a/.claude/settings.json
+++ b/.claude/settings.json
@ -1,85 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/claude-code-settings.json",
-  "permissions": {
-    "allow": [
-      "Bash(npm run *)",
-      "Bash(npm -w *)",
-      "Bash(npm install *)",
-      "Bash(npm test *)",
-      "Bash(npx *)",
-      "Bash(node *)",
-      "Bash(git status)",
-      "Bash(git diff *)",
-      "Bash(git log *)",
-      "Bash(git branch *)",
-      "Bash(git checkout *)",
-      "Bash(git add *)",
-      "Bash(git commit *)",
-      "Bash(git pull *)",
-      "Bash(git fetch *)",
-      "Bash(git merge *)",
-      "Bash(git stash *)",
-      "Bash(git remote *)",
-      "Bash(git config *)",
-      "Bash(git rev-parse *)",
-      "Bash(git show *)",
-      "Bash(git tag *)",
-      "Bash(curl -s *)",
-      "Bash(fnm *)"
-    ],
-    "deny": [
-      "Bash(git push --force*)",
-      "Bash(git push -f *)",
-      "Bash(git push origin --force*)",
-      "Bash(git reset --hard*)",
-      "Bash(git clean -fd*)",
-      "Bash(git checkout -- .)",
-      "Bash(git restore .)",
-      "Bash(rm -rf /)",
-      "Bash(rm -rf ~)",
-      "Bash(rm -rf .git*)",
-      "Bash(rm -rf /*)",
-      "Bash(rm -rf node_modules)",
-      "Read(./**/.env)",
-      "Read(./**/.env.*)",
-      "Read(./**/secrets/**)"
-    ]
-  },
-  "hooks": {
-    "SessionStart": [
-      {
-        "matcher": "compact",
-        "hooks": [
-          {
-            "type": "command",
-            "command": "bash .claude/scripts/on-post-compact.sh",
-            "timeout": 10
-          }
-        ]
-      }
-    ],
-    "PreCompact": [
-      {
-        "hooks": [
-          {
-            "type": "command",
-            "command": "bash .claude/scripts/on-pre-compact.sh",
-            "timeout": 30
-          }
-        ]
-      }
-    ],
-    "PostToolUse": [
-      {
-        "matcher": "Bash",
-        "hooks": [
-          {
-            "type": "command",
-            "command": "bash .claude/scripts/on-commit.sh",
-            "timeout": 15
-          }
-        ]
-      }
-    ]
-  }
-}
--- a/.claude/skills/create-mr/SKILL.md
+++ b/.claude/skills/create-mr/SKILL.md
@ -1,65 +0,0 @@
---
-name: create-mr
-description: 현재 브랜치에서 Gitea MR(Merge Request)을 생성합니다
-allowed-tools: "Bash, Read, Grep"
-argument-hint: "[target-branch: develop|main] (기본: develop)"
---
-
-현재 브랜치의 변경 사항을 기반으로 Gitea에 MR을 생성합니다.
-타겟 브랜치: $ARGUMENTS (기본: develop)
-
-## 수행 단계
-
-### 1. 사전 검증
- 현재 브랜치가 main/develop이 아닌지 확인
- 커밋되지 않은 변경 사항 확인 (있으면 경고)
- 리모트에 현재 브랜치가 push되어 있는지 확인 (안 되어 있으면 push)
-
-### 2. 변경 내역 분석
-```bash
-git log develop..HEAD --oneline
-git diff develop..HEAD --stat
-```
- 커밋 목록과 변경된 파일 목록 수집
- 주요 변경 사항 요약 작성
-
-### 3. MR 정보 구성
- **제목**: 브랜치의 첫 커밋 메시지 또는 브랜치명에서 추출
-  - `feature/ISSUE-42-user-login` → `feat: ISSUE-42 user-login`
- **본문**:
-  ```markdown
-  ## 변경 사항
-  - (커밋 기반 자동 생성)
-
-  ## 관련 이슈
-  - closes #이슈번호 (브랜치명에서 추출)
-
-  ## 테스트
-  - [ ] 빌드 성공 확인
-  - [ ] 기존 테스트 통과
-  ```
-
-### 4. Gitea API로 MR 생성
-```bash
-# Gitea remote URL에서 owner/repo 추출
-REMOTE_URL=$(git remote get-url origin)
-
-# Gitea API 호출
-curl -X POST "GITEA_URL/api/v1/repos/{owner}/{repo}/pulls" \
-  -H "Authorization: token ${GITEA_TOKEN}" \
-  -H "Content-Type: application/json" \
-  -d '{
-    "title": "MR 제목",
-    "body": "MR 본문",
-    "head": "현재브랜치",
-    "base": "타겟브랜치"
-  }'
-```
-
-### 5. 결과 출력
- MR URL 출력
- 리뷰어 지정 안내
- 다음 단계: 리뷰 대기 → 승인 → 머지
-
-## 필요 환경변수
- `GITEA_TOKEN`: Gitea API 접근 토큰 (없으면 안내)
--- a/.claude/skills/fix-issue/SKILL.md
+++ b/.claude/skills/fix-issue/SKILL.md
@ -1,49 +0,0 @@
---
-name: fix-issue
-description: Gitea 이슈를 분석하고 수정 브랜치를 생성합니다
-allowed-tools: "Bash, Read, Write, Edit, Glob, Grep"
-argument-hint: "<issue-number>"
---
-
-Gitea 이슈 #$ARGUMENTS 를 분석하고 수정 작업을 시작합니다.
-
-## 수행 단계
-
-### 1. 이슈 조회
-```bash
-curl -s "GITEA_URL/api/v1/repos/{owner}/{repo}/issues/$ARGUMENTS" \
-  -H "Authorization: token ${GITEA_TOKEN}"
-```
- 이슈 제목, 본문, 라벨, 담당자 정보 확인
- 이슈 내용을 사용자에게 요약하여 보여줌
-
-### 2. 브랜치 생성
-이슈 라벨에 따라 브랜치 타입 결정:
- `bug` 라벨 → `bugfix/ISSUE-번호-설명`
- 그 외 → `feature/ISSUE-번호-설명`
- 긴급 → `hotfix/ISSUE-번호-설명`
-
-```bash
-git checkout develop
-git pull origin develop
-git checkout -b {type}/ISSUE-{number}-{slug}
-```
-
-### 3. 이슈 분석
-이슈 내용을 바탕으로:
- 관련 파일 탐색 (Grep, Glob 활용)
- 영향 범위 파악
- 수정 방향 제안
-
-### 4. 수정 계획 제시
-사용자에게 수정 계획을 보여주고 승인을 받은 후 작업 진행:
- 수정할 파일 목록
- 변경 내용 요약
- 예상 영향
-
-### 5. 작업 완료 후
- 변경 사항 요약
- `/create-mr` 실행 안내
-
-## 필요 환경변수
- `GITEA_TOKEN`: Gitea API 접근 토큰
--- a/.claude/skills/init-project/SKILL.md
+++ b/.claude/skills/init-project/SKILL.md
@ -1,246 +0,0 @@
---
-name: init-project
-description: 팀 표준 워크플로우로 프로젝트를 초기화합니다
-allowed-tools: "Bash, Read, Write, Edit, Glob, Grep"
-argument-hint: "[project-type: java-maven|java-gradle|react-ts|auto]"
---
-
-팀 표준 워크플로우에 따라 프로젝트를 초기화합니다.
-프로젝트 타입: $ARGUMENTS (기본: auto — 자동 감지)
-
-## 프로젝트 타입 자동 감지
-
-$ARGUMENTS가 "auto"이거나 비어있으면 다음 순서로 감지:
-1. `pom.xml` 존재 → **java-maven**
-2. `build.gradle` 또는 `build.gradle.kts` 존재 → **java-gradle**
-3. `package.json` + `tsconfig.json` 존재 → **react-ts**
-4. 감지 실패 → 사용자에게 타입 선택 요청
-
-## 수행 단계
-
-### 1. 프로젝트 분석
- 빌드 파일, 설정 파일, 디렉토리 구조 파악
- 사용 중인 프레임워크, 라이브러리 감지
- 기존 `.claude/` 디렉토리 존재 여부 확인
- eslint, prettier, checkstyle, spotless 등 lint 도구 설치 여부 확인
-
-### 2. CLAUDE.md 생성
-프로젝트 루트에 CLAUDE.md를 생성하고 다음 내용 포함:
- 프로젝트 개요 (이름, 타입, 주요 기술 스택)
- 빌드/실행 명령어 (감지된 빌드 도구 기반)
- 테스트 실행 명령어
- lint 실행 명령어 (감지된 도구 기반)
- 프로젝트 디렉토리 구조 요약
- 팀 컨벤션 참조 (`.claude/rules/` 안내)
-
-### Gitea 파일 다운로드 URL 패턴
-⚠️ Gitea raw 파일은 반드시 **web raw URL**을 사용해야 합니다 (`/api/v1/` 경로 사용 불가):
-```bash
-GITEA_URL="${GITEA_URL:-https://gitea.gc-si.dev}"
-# common 파일: ${GITEA_URL}/gc/template-common/raw/branch/develop/<파일경로>
-# 타입별 파일: ${GITEA_URL}/gc/template-<타입>/raw/branch/develop/<파일경로>
-# 예시:
-curl -sf "${GITEA_URL}/gc/template-common/raw/branch/develop/.claude/rules/team-policy.md"
-curl -sf "${GITEA_URL}/gc/template-react-ts/raw/branch/develop/.editorconfig"
-```
-
-### 3. .claude/ 디렉토리 구성
-이미 팀 표준 파일이 존재하면 건너뜀. 없는 경우 위의 URL 패턴으로 Gitea에서 다운로드:
- `.claude/settings.json` — 프로젝트 타입별 표준 권한 설정 + hooks 섹션 (4단계 참조)
- `.claude/rules/` — 팀 규칙 파일 (team-policy, git-workflow, code-style, naming, testing)
- `.claude/skills/` — 팀 스킬 (create-mr, fix-issue, sync-team-workflow, init-project)
-
-### 4. Hook 스크립트 생성
-`.claude/scripts/` 디렉토리를 생성하고 다음 스크립트 파일 생성 (chmod +x):
-
- `.claude/scripts/on-pre-compact.sh`:
-
-```bash
-#!/bin/bash
-# PreCompact hook: systemMessage만 지원 (hookSpecificOutput 사용 불가)
-INPUT=$(cat)
-cat <<RESP
-{
-  "systemMessage": "컨텍스트 압축이 시작됩니다. 반드시 다음을 수행하세요:\n\n1. memory/MEMORY.md - 핵심 작업 상태 갱신 (200줄 이내)\n2. memory/project-snapshot.md - 변경된 패키지/타입 정보 업데이트\n3. memory/project-history.md - 이번 세션 변경사항 추가\n4. memory/api-types.md - API 인터페이스 변경이 있었다면 갱신\n5. 미완료 작업이 있다면 TodoWrite에 남기고 memory에도 기록"
-}
-RESP
-```
-
- `.claude/scripts/on-post-compact.sh`:
-
-```bash
-#!/bin/bash
-INPUT=$(cat)
-CWD=$(echo "$INPUT" | python3 -c "import sys,json;print(json.load(sys.stdin).get('cwd',''))" 2>/dev/null || echo "")
-if [ -z "$CWD" ]; then
-  CWD=$(pwd)
-fi
-PROJECT_HASH=$(echo "$CWD" | sed 's|/|-|g')
-MEMORY_DIR="$HOME/.claude/projects/$PROJECT_HASH/memory"
-CONTEXT=""
-if [ -f "$MEMORY_DIR/MEMORY.md" ]; then
-  SUMMARY=$(head -100 "$MEMORY_DIR/MEMORY.md" | python3 -c "import sys;print(sys.stdin.read().replace('\\\\','\\\\\\\\').replace('\"','\\\\\"').replace('\n','\\\\n'))" 2>/dev/null)
-  CONTEXT="컨텍스트가 압축되었습니다.\\n\\n[세션 요약]\\n${SUMMARY}"
-fi
-if [ -f "$MEMORY_DIR/project-snapshot.md" ]; then
-  SNAP=$(head -50 "$MEMORY_DIR/project-snapshot.md" | python3 -c "import sys;print(sys.stdin.read().replace('\\\\','\\\\\\\\').replace('\"','\\\\\"').replace('\n','\\\\n'))" 2>/dev/null)
-  CONTEXT="${CONTEXT}\\n\\n[프로젝트 최신 상태]\\n${SNAP}"
-fi
-if [ -n "$CONTEXT" ]; then
-  CONTEXT="${CONTEXT}\\n\\n위 내용을 참고하여 작업을 이어가세요. 상세 내용은 memory/ 디렉토리의 각 파일을 참조하세요."
-  echo "{\"hookSpecificOutput\":{\"additionalContext\":\"${CONTEXT}\"}}"
-else
-  echo "{\"hookSpecificOutput\":{\"additionalContext\":\"컨텍스트가 압축되었습니다. memory 파일이 없으므로 사용자에게 이전 작업 내용을 확인하세요.\"}}"
-fi
-```
-
- `.claude/scripts/on-commit.sh`:
-
-```bash
-#!/bin/bash
-INPUT=$(cat)
-COMMAND=$(echo "$INPUT" | python3 -c "import sys,json;print(json.load(sys.stdin).get('tool_input',{}).get('command',''))" 2>/dev/null || echo "")
-if echo "$COMMAND" | grep -qE 'git commit'; then
-  cat <<RESP
-{
-  "hookSpecificOutput": {
-    "additionalContext": "커밋이 감지되었습니다. 다음을 수행하세요:\n1. docs/CHANGELOG.md에 변경 내역 추가\n2. memory/project-snapshot.md에서 변경된 부분 업데이트\n3. memory/project-history.md에 이번 변경사항 추가\n4. API 인터페이스 변경 시 memory/api-types.md 갱신\n5. 프로젝트에 lint 설정이 있다면 lint 결과를 확인하고 문제를 수정"
-  }
-}
-RESP
-else
-  echo '{}'
-fi
-```
-
-`.claude/settings.json`에 hooks 섹션이 없으면 추가 (기존 settings.json의 내용에 병합):
-
-```json
-{
-  "hooks": {
-    "SessionStart": [
-      {
-        "matcher": "compact",
-        "hooks": [
-          {
-            "type": "command",
-            "command": "bash .claude/scripts/on-post-compact.sh",
-            "timeout": 10
-          }
-        ]
-      }
-    ],
-    "PreCompact": [
-      {
-        "hooks": [
-          {
-            "type": "command",
-            "command": "bash .claude/scripts/on-pre-compact.sh",
-            "timeout": 30
-          }
-        ]
-      }
-    ],
-    "PostToolUse": [
-      {
-        "matcher": "Bash",
-        "hooks": [
-          {
-            "type": "command",
-            "command": "bash .claude/scripts/on-commit.sh",
-            "timeout": 15
-          }
-        ]
-      }
-    ]
-  }
-}
-```
-
-### 5. Git Hooks 설정
-```bash
-git config core.hooksPath .githooks
-```
-`.githooks/` 디렉토리에 실행 권한 부여:
-```bash
-chmod +x .githooks/*
-```
-
-### 6. 프로젝트 타입별 추가 설정
-
-#### java-maven
- `.sdkmanrc` 생성 (java=17.0.18-amzn 또는 프로젝트에 맞는 버전)
- `.mvn/settings.xml` Nexus 미러 설정 확인
- `mvn compile` 빌드 성공 확인
-
-#### java-gradle
- `.sdkmanrc` 생성
- `gradle.properties.example` Nexus 설정 확인
- `./gradlew compileJava` 빌드 성공 확인
-
-#### react-ts
- `.node-version` 생성 (프로젝트에 맞는 Node 버전)
- `.npmrc` Nexus 레지스트리 설정 확인
- `npm install && npm run build` 성공 확인
-
-### 7. .gitignore 확인
-다음 항목이 .gitignore에 포함되어 있는지 확인하고, 없으면 추가:
-```
-.claude/settings.local.json
-.claude/CLAUDE.local.md
-.env
-.env.*
-*.local
-```
-
-### 8. Git exclude 설정
-`.git/info/exclude` 파일을 읽고, 기존 내용을 보존하면서 하단에 추가:
-
-```gitignore
-
-# Claude Code 워크플로우 (로컬 전용)
-docs/CHANGELOG.md
-*.tmp
-```
-
-### 9. Memory 초기화
-프로젝트 memory 디렉토리의 위치를 확인하고 (보통 `~/.claude/projects/<project-hash>/memory/`) 다음 파일들을 생성:
-
- `memory/MEMORY.md` — 프로젝트 분석 결과 기반 핵심 요약 (200줄 이내)
-  - 현재 상태, 프로젝트 개요, 기술 스택, 주요 패키지 구조, 상세 참조 링크
- `memory/project-snapshot.md` — 디렉토리 구조, 패키지 구성, 주요 의존성, API 엔드포인트
- `memory/project-history.md` — "초기 팀 워크플로우 구성" 항목으로 시작
- `memory/api-types.md` — 주요 인터페이스/DTO/Entity 타입 요약
- `memory/decisions.md` — 빈 템플릿 (# 의사결정 기록)
- `memory/debugging.md` — 빈 템플릿 (# 디버깅 경험 & 패턴)
-
-### 10. Lint 도구 확인
- TypeScript: eslint, prettier 설치 여부 확인. 미설치 시 사용자에게 설치 제안
- Java: checkstyle, spotless 등 설정 확인
- CLAUDE.md에 lint 실행 명령어가 이미 기록되었는지 확인
-
-### 11. workflow-version.json 생성
-Gitea API로 최신 팀 워크플로우 버전을 조회:
-```bash
-curl -sf --max-time 5 "https://gitea.gc-si.dev/gc/template-common/raw/branch/develop/workflow-version.json"
-```
-조회 성공 시 해당 `version` 값 사용, 실패 시 "1.0.0" 기본값 사용.
-
-`.claude/workflow-version.json` 파일 생성:
-```json
-{
-  "applied_global_version": "<조회된 버전>",
-  "applied_date": "<현재날짜>",
-  "project_type": "<감지된타입>",
-  "gitea_url": "https://gitea.gc-si.dev"
-}
-```
-
-### 12. 검증 및 요약
- 생성/수정된 파일 목록 출력
- `git config core.hooksPath` 확인
- 빌드 명령 실행 가능 확인
- Hook 스크립트 실행 권한 확인
- 다음 단계 안내:
-  - 개발 시작, 첫 커밋 방법
-  - 범용 스킬: `/api-registry`, `/changelog`, `/swagger-spec`
--- a/.claude/skills/sync-team-workflow/SKILL.md
+++ b/.claude/skills/sync-team-workflow/SKILL.md
@ -1,98 +0,0 @@
---
-name: sync-team-workflow
-description: 팀 글로벌 워크플로우를 현재 프로젝트에 동기화합니다
-allowed-tools: "Bash, Read, Write, Edit, Glob, Grep"
---
-
-팀 글로벌 워크플로우의 최신 버전을 현재 프로젝트에 적용합니다.
-
-## 수행 절차
-
-### 1. 글로벌 버전 조회
-Gitea API로 template-common 리포의 workflow-version.json 조회:
-```bash
-GITEA_URL=$(python3 -c "import json; print(json.load(open('.claude/workflow-version.json')).get('gitea_url', 'https://gitea.gc-si.dev'))" 2>/dev/null || echo "https://gitea.gc-si.dev")
-
-curl -sf "${GITEA_URL}/gc/template-common/raw/branch/develop/workflow-version.json"
-```
-
-### 2. 버전 비교
-로컬 `.claude/workflow-version.json`의 `applied_global_version` 필드와 비교:
- 버전 일치 → "최신 버전입니다" 안내 후 종료
- 버전 불일치 → 미적용 변경 항목 추출하여 표시
-
-### 3. 프로젝트 타입 감지
-자동 감지 순서:
-1. `.claude/workflow-version.json`의 `project_type` 필드 확인
-2. 없으면: `pom.xml` → java-maven, `build.gradle` → java-gradle, `package.json` → react-ts
-
-### Gitea 파일 다운로드 URL 패턴
-⚠️ Gitea raw 파일은 반드시 **web raw URL**을 사용해야 합니다 (`/api/v1/` 경로 사용 불가):
-```bash
-GITEA_URL="${GITEA_URL:-https://gitea.gc-si.dev}"
-# common 파일: ${GITEA_URL}/gc/template-common/raw/branch/develop/<파일경로>
-# 타입별 파일: ${GITEA_URL}/gc/template-<타입>/raw/branch/develop/<파일경로>
-# 예시:
-curl -sf "${GITEA_URL}/gc/template-common/raw/branch/develop/.claude/rules/team-policy.md"
-curl -sf "${GITEA_URL}/gc/template-react-ts/raw/branch/develop/.editorconfig"
-```
-
-### 4. 파일 다운로드 및 적용
-위의 URL 패턴으로 해당 타입 + common 템플릿 파일 다운로드:
-
-#### 4-1. 규칙 파일 (덮어쓰기)
-팀 규칙은 로컬 수정 불가 — 항상 글로벌 최신으로 교체:
-```
-.claude/rules/team-policy.md
-.claude/rules/git-workflow.md
-.claude/rules/code-style.md    (타입별)
-.claude/rules/naming.md        (타입별)
-.claude/rules/testing.md       (타입별)
-```
-
-#### 4-2. settings.json (부분 갱신)
- `deny` 목록: 글로벌 최신으로 교체
- `allow` 목록: 기존 사용자 커스텀 유지 + 글로벌 기본값 병합
- `hooks`: init-project SKILL.md의 hooks JSON 블록을 참조하여 교체 (없으면 추가)
-  - SessionStart(compact) → on-post-compact.sh
-  - PreCompact → on-pre-compact.sh
-  - PostToolUse(Bash) → on-commit.sh
-
-#### 4-3. 스킬 파일 (덮어쓰기)
-```
-.claude/skills/create-mr/SKILL.md
-.claude/skills/fix-issue/SKILL.md
-.claude/skills/sync-team-workflow/SKILL.md
-.claude/skills/init-project/SKILL.md
-```
-
-#### 4-4. Git Hooks (덮어쓰기 + 실행 권한)
-```bash
-chmod +x .githooks/*
-```
-
-#### 4-5. Hook 스크립트 갱신
-init-project SKILL.md의 코드 블록에서 최신 스크립트를 추출하여 덮어쓰기:
-```
-.claude/scripts/on-pre-compact.sh
-.claude/scripts/on-post-compact.sh
-.claude/scripts/on-commit.sh
-```
-실행 권한 부여: `chmod +x .claude/scripts/*.sh`
-
-### 5. 로컬 버전 업데이트
-`.claude/workflow-version.json` 갱신:
-```json
-{
-  "applied_global_version": "새버전",
-  "applied_date": "오늘날짜",
-  "project_type": "감지된타입",
-  "gitea_url": "https://gitea.gc-si.dev"
-}
-```
-
-### 6. 변경 보고
- `git diff`로 변경 내역 확인
- 업데이트된 파일 목록 출력
- 변경 로그(글로벌 workflow-version.json의 changes) 표시
- 필요한 추가 조치 안내 (빌드 확인, 의존성 업데이트 등)
--- a/.claude/workflow-version.json
+++ b/.claude/workflow-version.json
@ -1,6 +0,0 @@
-{
-  "applied_global_version": "1.2.0",
-  "applied_date": "2026-02-15",
-  "project_type": "react-ts",
-  "gitea_url": "https://gitea.gc-si.dev"
-}
--- a/.editorconfig
+++ b/.editorconfig
@ -1,33 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.{java,kt}]
-indent_style = space
-indent_size = 4
-
-[*.{js,jsx,ts,tsx,json,yml,yaml,css,scss,html}]
-indent_style = space
-indent_size = 2
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.{sh,bash}]
-indent_style = space
-indent_size = 4
-
-[Makefile]
-indent_style = tab
-
-[*.{gradle,groovy}]
-indent_style = space
-indent_size = 4
-
-[*.xml]
-indent_style = space
-indent_size = 4
--- a/.githooks/commit-msg
+++ b/.githooks/commit-msg
@ -1,60 +0,0 @@
-#!/bin/bash
-#==============================================================================
-# commit-msg hook
-# Conventional Commits 형식 검증 (한/영 혼용 지원)
-#==============================================================================
-
-COMMIT_MSG_FILE="$1"
-COMMIT_MSG=$(cat "$COMMIT_MSG_FILE")
-
-# Merge 커밋은 검증 건너뜀
-if echo "$COMMIT_MSG" | head -1 | grep -qE "^Merge "; then
-    exit 0
-fi
-
-# Revert 커밋은 검증 건너뜀
-if echo "$COMMIT_MSG" | head -1 | grep -qE "^Revert "; then
-    exit 0
-fi
-
-# Conventional Commits 정규식
-# type(scope): subject
-# - type: feat|fix|docs|style|refactor|test|chore|ci|perf (필수)
-# - scope: 영문, 숫자, 한글, 점, 밑줄, 하이픈 허용 (선택)
-# - subject: 1~72자, 한/영 혼용 허용 (필수)
-PATTERN='^(feat|fix|docs|style|refactor|test|chore|ci|perf)(\([a-zA-Z0-9가-힣._-]+\))?: .{1,72}$'
-
-FIRST_LINE=$(head -1 "$COMMIT_MSG_FILE")
-
-if ! echo "$FIRST_LINE" | grep -qE "$PATTERN"; then
-    echo ""
-    echo "╔══════════════════════════════════════════════════════════════╗"
-    echo "║  커밋 메시지가 Conventional Commits 형식에 맞지 않습니다   ║"
-    echo "╚══════════════════════════════════════════════════════════════╝"
-    echo ""
-    echo "  올바른 형식: type(scope): subject"
-    echo ""
-    echo "  type (필수):"
-    echo "    feat     — 새로운 기능"
-    echo "    fix      — 버그 수정"
-    echo "    docs     — 문서 변경"
-    echo "    style    — 코드 포맷팅"
-    echo "    refactor — 리팩토링"
-    echo "    test     — 테스트"
-    echo "    chore    — 빌드/설정 변경"
-    echo "    ci       — CI/CD 변경"
-    echo "    perf     — 성능 개선"
-    echo ""
-    echo "  scope (선택): 한/영 모두 가능"
-    echo "  subject (필수): 1~72자, 한/영 모두 가능"
-    echo ""
-    echo "  예시:"
-    echo "    feat(auth): JWT 기반 로그인 구현"
-    echo "    fix(배치): 야간 배치 타임아웃 수정"
-    echo "    docs: README 업데이트"
-    echo "    chore: Gradle 의존성 업데이트"
-    echo ""
-    echo "  현재 메시지: $FIRST_LINE"
-    echo ""
-    exit 1
-fi
--- a/.githooks/post-checkout
+++ b/.githooks/post-checkout
@ -1,25 +0,0 @@
-#!/bin/bash
-#==============================================================================
-# post-checkout hook
-# 브랜치 체크아웃 시 core.hooksPath 자동 설정
-# clone/checkout 후 .githooks 디렉토리가 있으면 자동으로 hooksPath 설정
-#==============================================================================
-
-# post-checkout 파라미터: prev_HEAD, new_HEAD, branch_flag
-# branch_flag=1: 브랜치 체크아웃, 0: 파일 체크아웃
-BRANCH_FLAG="$3"
-
-# 파일 체크아웃은 건너뜀
-if [ "$BRANCH_FLAG" = "0" ]; then
-    exit 0
-fi
-
-# .githooks 디렉토리 존재 확인
-REPO_ROOT=$(git rev-parse --show-toplevel 2>/dev/null)
-if [ -d "${REPO_ROOT}/.githooks" ]; then
-    CURRENT_HOOKS_PATH=$(git config core.hooksPath 2>/dev/null || echo "")
-    if [ "$CURRENT_HOOKS_PATH" != ".githooks" ]; then
-        git config core.hooksPath .githooks
-        chmod +x "${REPO_ROOT}/.githooks/"* 2>/dev/null
-    fi
-fi
--- a/.githooks/pre-commit
+++ b/.githooks/pre-commit
@ -1,61 +0,0 @@
-#!/bin/bash
-#==============================================================================
-# pre-commit hook (모노레포 React TypeScript)
-# apps/web TypeScript 컴파일 + 린트 검증 — 실패 시 커밋 차단
-#==============================================================================
-
-REPO_ROOT=$(git rev-parse --show-toplevel 2>/dev/null)
-
-echo "pre-commit: TypeScript 타입 체크 중..."
-
-# npm 확인
-if ! command -v npx &>/dev/null; then
-    echo "경고: npx가 설치되지 않았습니다. 검증을 건너뜁니다."
-    exit 0
-fi
-
-# node_modules 확인
-if [ ! -d "${REPO_ROOT}/node_modules" ]; then
-    echo "경고: node_modules가 없습니다. 'npm install' 실행 후 다시 시도하세요."
-    exit 1
-fi
-
-# apps/web TypeScript 타입 체크
-if [ -d "${REPO_ROOT}/apps/web" ]; then
-    cd "${REPO_ROOT}/apps/web"
-    npx tsc --noEmit --pretty 2>&1
-    TSC_RESULT=$?
-
-    if [ $TSC_RESULT -ne 0 ]; then
-        echo ""
-        echo "╔══════════════════════════════════════════════════════════╗"
-        echo "║  TypeScript 타입 에러! 커밋이 차단되었습니다.           ║"
-        echo "║  타입 에러를 수정한 후 다시 커밋해주세요.               ║"
-        echo "╚══════════════════════════════════════════════════════════╝"
-        echo ""
-        exit 1
-    fi
-
-    echo "pre-commit: apps/web 타입 체크 성공"
-
-    # ESLint 검증 (설정 파일이 있는 경우만)
-    if [ -f "eslint.config.js" ] || [ -f "eslint.config.mjs" ] || [ -f ".eslintrc.js" ] || [ -f ".eslintrc.json" ] || [ -f ".eslintrc.cjs" ]; then
-        echo "pre-commit: ESLint 검증 중..."
-        npx eslint src/ --quiet 2>&1
-        LINT_RESULT=$?
-
-        if [ $LINT_RESULT -ne 0 ]; then
-            echo ""
-            echo "╔══════════════════════════════════════════════════════════╗"
-            echo "║  ESLint 에러! 커밋이 차단되었습니다.                    ║"
-            echo "║  'npm run lint -- --fix'로 자동 수정을 시도해보세요.    ║"
-            echo "╚══════════════════════════════════════════════════════════╝"
-            echo ""
-            exit 1
-        fi
-
-        echo "pre-commit: ESLint 통과"
-    fi
-fi
-
-cd "${REPO_ROOT}"
--- a/.gitignore
+++ b/.gitignore
@ -1,41 +1,17 @@
-# === Dependencies ===
-node_modules/
+node_modules
 **/node_modules

-# === Build ===
-dist/
+dist
 **/dist
-build/

-# === IDE ===
-.idea/
-.vscode/
-*.swp
-*.swo
+.idea
+.vscode

-# === OS ===
 .DS_Store
-Thumbs.db

-# === Environment ===
 .env
 .env.*
-!.env.example
-secrets/

-# === Test ===
-coverage/
-
-# === Cache ===
-.eslintcache
-.prettiercache
-*.tsbuildinfo
-
-# === Logs ===
 *.log

-# === Claude Code ===
-# 글로벌 gitignore에서 .claude/ 전체를 무시하므로 팀 파일을 명시적으로 포함
-!.claude/
-.claude/settings.local.json
-.claude/CLAUDE.local.md
+*.tsbuildinfo
--- a/.node-version
+++ b/.node-version
@ -1 +0,0 @@
-24
--- a/.npmrc
+++ b/.npmrc
@ -1,2 +0,0 @@
-registry=https://nexus.gc-si.dev/repository/npm-public/
-always-auth=true
--- a/.prettierrc
+++ b/.prettierrc
@ -1,11 +0,0 @@
-{
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "printWidth": 100,
-  "tabWidth": 2,
-  "useTabs": false,
-  "bracketSpacing": true,
-  "arrowParens": "always",
-  "endOfLine": "lf"
-}
--- a/CLAUDE.md
+++ b/CLAUDE.md
@ -1,77 +0,0 @@
-# Wing Fleet Dashboard (gc-wing)
-
-## 프로젝트 개요
-
- **타입**: React + TypeScript + Vite (모노레포)
- **Node.js**: `.node-version` 참조 (v24)
- **패키지 매니저**: npm (workspaces)
- **구조**: apps/web (프론트엔드) + apps/api (백엔드 API)
-
-## 빌드 및 실행
-
-```bash
-# 의존성 설치
-npm install
-
-# 전체 개발 서버
-npm run dev
-
-# 개별 개발 서버
-npm run dev:web    # 프론트엔드 (Vite)
-npm run dev:api    # 백엔드 (Fastify + tsx watch)
-
-# 빌드
-npm run build       # 전체 빌드 (web + api)
-npm run build:web   # 프론트엔드만
-npm run build:api   # 백엔드만
-
-# 린트
-npm run lint        # apps/web ESLint
-
-# 데이터 준비
-npm run prepare:data
-```
-
-## 프로젝트 구조
-
-```
-gc-wing-dev/
-├── apps/
-│   ├── web/                # React 19 + Vite 7 + MapLibre + Deck.gl
-│   │   └── src/
-│   │       ├── app/        # App.tsx, styles
-│   │       ├── entities/   # 도메인 모델 (vessel, zone, aisTarget, legacyVessel)
-│   │       ├── features/   # 기능 단위 (mapToggles, typeFilter, aisPolling 등)
-│   │       ├── pages/      # 페이지 (DashboardPage)
-│   │       ├── shared/     # 공통 유틸 (lib/geo, lib/color, lib/map)
-│   │       └── widgets/    # UI 위젯 (map3d, vesselList, info, alarms 등)
-│   └── api/                # Fastify 5 + TypeScript
-│       └── src/
-│           └── index.ts
-├── data/                   # 정적 데이터
-├── scripts/                # 빌드 스크립트 (prepare-zones, prepare-legacy)
-└── legacy/                 # 레거시 데이터
-```
-
-## 기술 스택
-
-| 영역 | 기술 |
-|------|------|
-| 프론트엔드 | React 19, Vite 7, TypeScript 5.9 |
-| 지도 | MapLibre GL JS 5, Deck.gl 9 |
-| 백엔드 | Fastify 5, TypeScript |
-| 린트 | ESLint 9, Prettier |
-
-## 팀 규칙
-
- 코드 스타일: `.claude/rules/code-style.md`
- 네이밍 규칙: `.claude/rules/naming.md`
- 테스트 규칙: `.claude/rules/testing.md`
- Git 워크플로우: `.claude/rules/git-workflow.md`
- 팀 정책: `.claude/rules/team-policy.md`
-
-## 의존성 관리
-
- Nexus 프록시 레포지토리를 통해 npm 패키지 관리 (`.npmrc`)
- 새 의존성 추가: `npm -w @wing/web install 패키지명`
- devDependency: `npm -w @wing/web install -D 패키지명`
--- a/apps/web/index.html
+++ b/apps/web/index.html
@ -2,9 +2,9 @@
 <html lang="ko">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>WING 조업감시 데모</title>
+    <title>906척 실시간 조업 감시 — 선단 연관관계</title>
  </head>
  <body>
    <div id="root"></div>
--- a/apps/web/public/favicon.svg
+++ b/apps/web/public/favicon.svg
@ -1,21 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="WING">
-  <defs>
-    <linearGradient id="g" x1="20" y1="20" x2="108" y2="108" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#60A5FA" />
-      <stop offset="1" stop-color="#2563EB" />
-    </linearGradient>
-  </defs>
-
-  <circle cx="64" cy="64" r="58" fill="#0F172A" stroke="#1E3A5F" stroke-width="8" />
-
-  <!-- Stylized "W" mark -->
-  <path
-    d="M28 38 L44 92 L64 54 L84 92 L100 38"
-    fill="none"
-    stroke="url(#g)"
-    stroke-width="14"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-</svg>
-
--- a/apps/web/src/app/styles.css
+++ b/apps/web/src/app/styles.css
@ -465,75 +465,6 @@ body {
  white-space: nowrap;
 }

-/* Alarm filter (dropdown) */
-.alarm-filter {
-  position: relative;
-}
-
-.alarm-filter__summary {
-  list-style: none;
-  cursor: pointer;
-  padding: 2px 8px;
-  border-radius: 6px;
-  border: 1px solid var(--border);
-  background: rgba(30, 41, 59, 0.55);
-  color: var(--text);
-  font-size: 8px;
-  font-weight: 700;
-  letter-spacing: 0.4px;
-  user-select: none;
-  white-space: nowrap;
-}
-
-.alarm-filter__summary::-webkit-details-marker {
-  display: none;
-}
-
-.alarm-filter__menu {
-  position: absolute;
-  right: 0;
-  top: 22px;
-  z-index: 2000;
-  min-width: 170px;
-  padding: 6px;
-  border-radius: 10px;
-  border: 1px solid var(--border);
-  background: rgba(15, 23, 42, 0.98);
-  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.55);
-}
-
-.alarm-filter__row {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 4px 6px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 10px;
-  color: var(--text);
-  user-select: none;
-}
-
-.alarm-filter__row:hover {
-  background: rgba(59, 130, 246, 0.08);
-}
-
-.alarm-filter__row input {
-  cursor: pointer;
-}
-
-.alarm-filter__cnt {
-  margin-left: auto;
-  font-size: 9px;
-  color: var(--muted);
-}
-
-.alarm-filter__sep {
-  height: 1px;
-  background: rgba(30, 58, 95, 0.85);
-  margin: 4px 0;
-}
-
 /* Relation panel */
 .rel-panel {
  background: var(--card);
@ -638,19 +569,6 @@ body {
  margin-bottom: 6px;
 }

-.tog.tog-map {
-  /* Keep "지도 표시 설정" buttons in a predictable 2-row layout (4 columns). */
-  gap: 4px;
-}
-
-.tog.tog-map .tog-btn {
-  flex: 1 1 calc(25% - 4px);
-  text-align: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .tog-btn {
  font-size: 8px;
  padding: 2px 6px;
--- a/apps/web/src/features/legacyDashboard/model/derive.ts
+++ b/apps/web/src/features/legacyDashboard/model/derive.ts
@ -301,33 +301,14 @@ export function computeLegacyAlarms(args: {
    });
  }

-  // Fixed category priority (independent of severity):
-  // 1) 수역 이탈 2) 쌍 이격 경고 3) 환적 의심 4) 휴어기 조업 의심 5) AIS 지연
-  // Within each category: most recent first (smaller N in "-N분" is more recent).
-  const kindPriority: Record<LegacyAlarm["kind"], number> = {
-    zone_violation: 0,
-    pair_separation: 1,
-    transshipment: 2,
-    closed_season: 3,
-    ais_stale: 4,
-  };
-
-  const parseAgeMin = (label: string) => {
-    if (label === "방금") return 0;
-    const m = /-(\\d+)분/.exec(label);
-    if (m) return Number(m[1]);
-    return Number.POSITIVE_INFINITY;
-  };
-
+  // Most recent first by timeLabel (approx), then by severity.
+  const sevScore = (s: "cr" | "hi") => (s === "cr" ? 2 : 1);
  alarms.sort((a, b) => {
-    const ak = kindPriority[a.kind] ?? 999;
-    const bk = kindPriority[b.kind] ?? 999;
-    if (ak !== bk) return ak - bk;
-    const am = parseAgeMin(a.timeLabel);
-    const bm = parseAgeMin(b.timeLabel);
-    if (am !== bm) return am - bm;
-    // Stable tie-break.
-    return a.text.localeCompare(b.text);
+    const av = sevScore(b.severity) - sevScore(a.severity);
+    if (av !== 0) return av;
+    const at = Number(a.timeLabel.replace(/[^0-9]/g, "")) || 0;
+    const bt = Number(b.timeLabel.replace(/[^0-9]/g, "")) || 0;
+    return at - bt;
  });

  return alarms;
--- a/apps/web/src/features/legacyDashboard/model/types.ts
+++ b/apps/web/src/features/legacyDashboard/model/types.ts
@ -72,19 +72,3 @@ export type LegacyAlarm = {
  text: string;
  relatedMmsi: number[];
 };
-
-export const LEGACY_ALARM_KINDS: LegacyAlarmKind[] = [
-  "pair_separation",
-  "transshipment",
-  "closed_season",
-  "ais_stale",
-  "zone_violation",
-];
-
-export const LEGACY_ALARM_KIND_LABEL: Record<LegacyAlarmKind, string> = {
-  pair_separation: "쌍 이격 경고",
-  transshipment: "환적 의심",
-  closed_season: "휴어기 조업 의심",
-  ais_stale: "AIS 지연",
-  zone_violation: "수역 이탈",
-};
--- a/apps/web/src/features/mapToggles/MapToggles.tsx
+++ b/apps/web/src/features/mapToggles/MapToggles.tsx
@ -4,8 +4,6 @@ export type MapToggleState = {
  fcLines: boolean;
  zones: boolean;
  fleetCircles: boolean;
-  predictVectors: boolean;
-  shipLabels: boolean;
 };

 type Props = {
@ -18,14 +16,12 @@ export function MapToggles({ value, onToggle }: Props) {
    { id: "pairLines", label: "쌍 연결선" },
    { id: "pairRange", label: "쌍 연결범위" },
    { id: "fcLines", label: "환적 연결선" },
-    { id: "fleetCircles", label: "선단 범위" },
    { id: "zones", label: "수역 표시" },
-    { id: "predictVectors", label: "예측 벡터" },
-    { id: "shipLabels", label: "선박명 표시" },
+    { id: "fleetCircles", label: "선단 범위" },
  ];

  return (
-    <div className="tog tog-map">
+    <div className="tog">
      {items.map((t) => (
        <div key={t.id} className={`tog-btn ${value[t.id] ? "on" : ""}`} onClick={() => onToggle(t.id)}>
          {t.label}
--- a/apps/web/src/pages/dashboard/DashboardPage.tsx
+++ b/apps/web/src/pages/dashboard/DashboardPage.tsx
@ -4,8 +4,7 @@ import { Map3DSettingsToggles } from "../../features/map3dSettings/Map3DSettings
 import type { MapToggleState } from "../../features/mapToggles/MapToggles";
 import { MapToggles } from "../../features/mapToggles/MapToggles";
 import { TypeFilterGrid } from "../../features/typeFilter/TypeFilterGrid";
-import type { DerivedLegacyVessel, LegacyAlarmKind } from "../../features/legacyDashboard/model/types";
-import { LEGACY_ALARM_KIND_LABEL, LEGACY_ALARM_KINDS } from "../../features/legacyDashboard/model/types";
+import type { DerivedLegacyVessel } from "../../features/legacyDashboard/model/types";
 import { useLegacyVessels } from "../../entities/legacyVessel/api/useLegacyVessels";
 import { buildLegacyVesselIndex } from "../../entities/legacyVessel/lib";
 import type { LegacyVesselIndex } from "../../entities/legacyVessel/lib";
@ -115,15 +114,9 @@ export function DashboardPage() {
    fcLines: true,
    zones: true,
    fleetCircles: true,
-    predictVectors: false,
-    shipLabels: false,
  });
  const [fleetRelationSortMode, setFleetRelationSortMode] = useState<FleetRelationSortMode>("count");

-  const [alarmKindEnabled, setAlarmKindEnabled] = useState<Record<LegacyAlarmKind, boolean>>(() => {
-    return Object.fromEntries(LEGACY_ALARM_KINDS.map((k) => [k, true])) as Record<LegacyAlarmKind, boolean>;
-  });
-
  const [fleetFocus, setFleetFocus] = useState<{ id: string | number; center: [number, number]; zoom?: number } | undefined>(undefined);

  const [settings, setSettings] = useState<Map3DSettings>({
@ -190,26 +183,6 @@ export function DashboardPage() {
  const fcLinksAll = useMemo(() => computeFcLinks(legacyVesselsAll), [legacyVesselsAll]);
  const alarms = useMemo(() => computeLegacyAlarms({ vessels: legacyVesselsAll, pairLinks: pairLinksAll, fcLinks: fcLinksAll }), [legacyVesselsAll, pairLinksAll, fcLinksAll]);

-  const alarmKindCounts = useMemo(() => {
-    const base = Object.fromEntries(LEGACY_ALARM_KINDS.map((k) => [k, 0])) as Record<LegacyAlarmKind, number>;
-    for (const a of alarms) {
-      base[a.kind] = (base[a.kind] ?? 0) + 1;
-    }
-    return base;
-  }, [alarms]);
-
-  const enabledAlarmKinds = useMemo(() => {
-    return LEGACY_ALARM_KINDS.filter((k) => alarmKindEnabled[k]);
-  }, [alarmKindEnabled]);
-
-  const allAlarmKindsEnabled = enabledAlarmKinds.length === LEGACY_ALARM_KINDS.length;
-
-  const filteredAlarms = useMemo(() => {
-    if (allAlarmKindsEnabled) return alarms;
-    const enabled = new Set(enabledAlarmKinds);
-    return alarms.filter((a) => enabled.has(a.kind));
-  }, [alarms, enabledAlarmKinds, allAlarmKindsEnabled]);
-
  const pairLinksForMap = useMemo(() => computePairLinks(legacyVesselsFiltered), [legacyVesselsFiltered]);
  const fcLinksForMap = useMemo(() => computeFcLinks(legacyVesselsFiltered), [legacyVesselsFiltered]);
  const fleetCirclesForMap = useMemo(() => computeFleetCircles(legacyVesselsFiltered), [legacyVesselsFiltered]);
@ -280,8 +253,6 @@ export function DashboardPage() {

  const enabledTypes = useMemo(() => VESSEL_TYPE_ORDER.filter((c) => typeEnabled[c]), [typeEnabled]);
  const speedPanelType = (selectedLegacyVessel?.shipCode ?? (enabledTypes.length === 1 ? enabledTypes[0] : "PT")) as VesselTypeCode;
-  const enabledAlarmKindCount = enabledAlarmKinds.length;
-  const alarmFilterSummary = allAlarmKindsEnabled ? "전체" : `${enabledAlarmKindCount}/${LEGACY_ALARM_KINDS.length}`;

  return (
    <div className="app">
@ -368,7 +339,7 @@ export function DashboardPage() {
              지구본
            </div>
          </div>
-          {/* Attribution (license) stays visible in the map UI; no need to repeat it here. */}
+          <div style={{ fontSize: 10, color: "var(--muted)" }}>지도 우하단 Attribution(라이센스) 표기 유지</div>
        </div>

        <div className="sb">
@ -450,69 +421,9 @@ export function DashboardPage() {
          />
        </div>

-        <div className="sb" style={{ maxHeight: 130, display: "flex", flexDirection: "column", overflow: "visible" }}>
-          <div className="sb-t sb-t-row" style={{ marginBottom: 6 }}>
-            <div>
-              실시간 경고{" "}
-              <span style={{ color: "var(--accent)", fontSize: 8 }}>
-                ({filteredAlarms.length}/{alarms.length})
-              </span>
-            </div>
-
-            {LEGACY_ALARM_KINDS.length <= 3 ? (
-              <div style={{ display: "flex", gap: 6, alignItems: "center" }}>
-                {LEGACY_ALARM_KINDS.map((k) => (
-                  <label key={k} style={{ display: "inline-flex", gap: 4, alignItems: "center", cursor: "pointer", userSelect: "none" }}>
-                    <input
-                      type="checkbox"
-                      checked={!!alarmKindEnabled[k]}
-                      onChange={() => setAlarmKindEnabled((prev) => ({ ...prev, [k]: !prev[k] }))}
-                    />
-                    <span style={{ fontSize: 8, color: "var(--muted)", whiteSpace: "nowrap" }}>{LEGACY_ALARM_KIND_LABEL[k]}</span>
-                  </label>
-                ))}
-              </div>
-            ) : (
-              <details className="alarm-filter">
-                <summary className="alarm-filter__summary" title="경고 종류 필터">
-                  {alarmFilterSummary}
-                </summary>
-                <div className="alarm-filter__menu" role="menu" aria-label="alarm kind filter">
-                  <label className="alarm-filter__row">
-                    <input
-                      type="checkbox"
-                      checked={allAlarmKindsEnabled}
-                      onChange={() =>
-                        setAlarmKindEnabled((prev) => {
-                          const allOn = LEGACY_ALARM_KINDS.every((k) => prev[k]);
-                          const nextVal = allOn ? false : true;
-                          return Object.fromEntries(LEGACY_ALARM_KINDS.map((k) => [k, nextVal])) as Record<LegacyAlarmKind, boolean>;
-                        })
-                      }
-                    />
-                    전체
-                    <span className="alarm-filter__cnt">{alarms.length}</span>
-                  </label>
-                  <div className="alarm-filter__sep" />
-                  {LEGACY_ALARM_KINDS.map((k) => (
-                    <label key={k} className="alarm-filter__row">
-                      <input
-                        type="checkbox"
-                        checked={!!alarmKindEnabled[k]}
-                        onChange={() => setAlarmKindEnabled((prev) => ({ ...prev, [k]: !prev[k] }))}
-                      />
-                      {LEGACY_ALARM_KIND_LABEL[k]}
-                      <span className="alarm-filter__cnt">{alarmKindCounts[k] ?? 0}</span>
-                    </label>
-                  ))}
-                </div>
-              </details>
-            )}
-          </div>
-
-          <div style={{ overflowY: "auto", minHeight: 0, flex: 1 }}>
-            <AlarmsPanel alarms={filteredAlarms} onSelectMmsi={setSelectedMmsi} />
-          </div>
+        <div className="sb" style={{ maxHeight: 130, overflowY: "auto" }}>
+          <div className="sb-t">실시간 경고</div>
+          <AlarmsPanel alarms={alarms} onSelectMmsi={setSelectedMmsi} />
        </div>

        {adminMode ? (
--- a/apps/web/src/shared/lib/map/palette.ts
+++ b/apps/web/src/shared/lib/map/palette.ts
@ -1,58 +0,0 @@
-export type Rgb = [number, number, number];
-export type DeckRgba = [number, number, number, number];
-
-export function rgbToHex(rgb: Rgb): string {
-  const toHex = (v: number) => {
-    const clamped = Math.max(0, Math.min(255, Math.round(v)));
-    return clamped.toString(16).padStart(2, "0");
-  };
-  return `#${toHex(rgb[0])}${toHex(rgb[1])}${toHex(rgb[2])}`;
-}
-
-export function rgba(rgb: Rgb, alpha01: number): string {
-  const a = Math.max(0, Math.min(1, alpha01));
-  return `rgba(${rgb[0]},${rgb[1]},${rgb[2]},${a})`;
-}
-
-export function deckRgba(rgb: Rgb, alpha255: number): DeckRgba {
-  const a = Math.max(0, Math.min(255, Math.round(alpha255)));
-  return [rgb[0], rgb[1], rgb[2], a];
-}
-
-// CN-permit (legacy) ship category colors. Used by both map layers and legend.
-export const LEGACY_CODE_COLORS_RGB: Record<string, Rgb> = {
-  PT: [30, 64, 175], // #1e40af
-  "PT-S": [234, 88, 12], // #ea580c
-  GN: [16, 185, 129], // #10b981
-  OT: [139, 92, 246], // #8b5cf6
-  PS: [239, 68, 68], // #ef4444
-  FC: [245, 158, 11], // #f59e0b
-  C21: [236, 72, 153], // #ec4899
-};
-
-export const LEGACY_CODE_COLORS_HEX: Record<string, string> = Object.fromEntries(
-  Object.entries(LEGACY_CODE_COLORS_RGB).map(([k, rgb]) => [k, rgbToHex(rgb)]),
-) as Record<string, string>;
-
-// Non-target AIS ships should be visible but muted (speed encoded mainly via brightness).
-export const OTHER_AIS_SPEED_RGB = {
-  fast: [148, 163, 184] as Rgb, // SOG >= 10
-  moving: [100, 116, 139] as Rgb, // 1 <= SOG < 10
-  stopped: [71, 85, 105] as Rgb, // SOG < 1
-};
-
-export const OTHER_AIS_SPEED_HEX = {
-  fast: rgbToHex(OTHER_AIS_SPEED_RGB.fast),
-  moving: rgbToHex(OTHER_AIS_SPEED_RGB.moving),
-  stopped: rgbToHex(OTHER_AIS_SPEED_RGB.stopped),
-};
-
-// Overlay palette: keep a cohesive "warm alert" family, but ensure each overlay type is distinguishable.
-export const OVERLAY_RGB = {
-  pairNormal: [59, 130, 246] as Rgb, // blue-500
-  pairWarn: [251, 113, 133] as Rgb, // rose-400 (쌍 이격 경고)
-  fcTransfer: [249, 115, 22] as Rgb, // orange-500 (환적 연결)
-  fleetRange: [250, 204, 21] as Rgb, // yellow-400 (선단 범위)
-  suspicious: [239, 68, 68] as Rgb, // red-500
-};
-
--- a/apps/web/src/widgets/alarms/AlarmsPanel.tsx
+++ b/apps/web/src/widgets/alarms/AlarmsPanel.tsx
@ -1,15 +1,13 @@
 import type { LegacyAlarm } from "../../features/legacyDashboard/model/types";

 export function AlarmsPanel({ alarms, onSelectMmsi }: { alarms: LegacyAlarm[]; onSelectMmsi?: (mmsi: number) => void }) {
-  if (alarms.length === 0) {
-    return <div style={{ fontSize: 11, color: "var(--muted)" }}>(현재 경고 없음)</div>;
-  }
+  const shown = alarms.slice(0, 6);

  return (
    <div>
-      {alarms.map((a, idx) => (
+      {shown.map((a, idx) => (
        <div
-          key={`${a.kind}-${a.relatedMmsi.join("-")}-${a.timeLabel}-${idx}`}
+          key={`${a.kind}-${idx}`}
          className={`ai ${a.severity}`}
          onClick={() => {
            if (!onSelectMmsi) return;
--- a/apps/web/src/widgets/info/VesselInfoPanel.tsx
+++ b/apps/web/src/widgets/info/VesselInfoPanel.tsx
@ -2,7 +2,6 @@ import { ZONE_META } from "../../entities/zone/model/meta";
 import { SPEED_MAX, VESSEL_TYPES } from "../../entities/vessel/model/meta";
 import type { DerivedLegacyVessel } from "../../features/legacyDashboard/model/types";
 import { haversineNm } from "../../shared/lib/geo/haversineNm";
-import { OVERLAY_RGB, rgbToHex } from "../../shared/lib/map/palette";

 type Props = {
  vessel: DerivedLegacyVessel;
@ -94,7 +93,7 @@ export function VesselInfoPanel({ vessel: v, allVessels, onClose, onSelectMmsi }
          </div>
          <div className="ir">
            <span className="il">쌍 이격</span>
-            <span className="iv" style={{ color: pairDist > 3 ? rgbToHex(OVERLAY_RGB.pairWarn) : "#22C55E" }}>
+            <span className="iv" style={{ color: pairDist > 3 ? "#F59E0B" : "#22C55E" }}>
              {pairDist.toFixed(2)}NM {pairDist > 3 ? "⚠" : "✓"}
            </span>
          </div>
--- a/apps/web/src/widgets/legend/MapLegend.tsx
+++ b/apps/web/src/widgets/legend/MapLegend.tsx
@ -1,5 +1,4 @@
 import { ZONE_IDS, ZONE_META } from "../../entities/zone/model/meta";
-import { LEGACY_CODE_COLORS_HEX, OTHER_AIS_SPEED_HEX, OVERLAY_RGB, rgbToHex, rgba } from "../../shared/lib/map/palette";

 export function MapLegend() {
  return (
@ -13,56 +12,48 @@ export function MapLegend() {
      ))}

      <div className="lt" style={{ marginTop: 8 }}>
-        기타 AIS 선박(속도)
+        AIS 선박(속도)
      </div>
      <div className="li">
-        <div className="ls" style={{ background: OTHER_AIS_SPEED_HEX.fast, borderRadius: 999 }} />
+        <div className="ls" style={{ background: "#3B82F6", borderRadius: 999 }} />
        SOG ≥ 10 kt
      </div>
      <div className="li">
-        <div className="ls" style={{ background: OTHER_AIS_SPEED_HEX.moving, borderRadius: 999 }} />
+        <div className="ls" style={{ background: "#22C55E", borderRadius: 999 }} />
        1 ≤ SOG &lt; 10 kt
      </div>
      <div className="li">
-        <div className="ls" style={{ background: OTHER_AIS_SPEED_HEX.stopped, borderRadius: 999 }} />
-        SOG &lt; 1 kt
-      </div>
-      <div className="li">
-        <div className="ls" style={{ background: OTHER_AIS_SPEED_HEX.moving, opacity: 0.55, borderRadius: 999 }} />
-        SOG unknown
+        <div className="ls" style={{ background: "#64748B", borderRadius: 999 }} />
+        SOG &lt; 1 kt (or unknown)
      </div>

      <div className="lt" style={{ marginTop: 8 }}>
        CN Permit(업종)
      </div>
      <div className="li">
-        <div className="ls" style={{ background: LEGACY_CODE_COLORS_HEX.PT, borderRadius: 999 }} />
+        <div className="ls" style={{ background: "#1E40AF", borderRadius: 999 }} />
        PT 본선 (ring + 색상)
      </div>
      <div className="li">
-        <div className="ls" style={{ background: LEGACY_CODE_COLORS_HEX["PT-S"], borderRadius: 999 }} />
+        <div className="ls" style={{ background: "#EA580C", borderRadius: 999 }} />
        PT-S 부속선
      </div>
      <div className="li">
-        <div className="ls" style={{ background: LEGACY_CODE_COLORS_HEX.GN, borderRadius: 999 }} />
+        <div className="ls" style={{ background: "#10B981", borderRadius: 999 }} />
        GN 유망
      </div>
      <div className="li">
-        <div className="ls" style={{ background: LEGACY_CODE_COLORS_HEX.OT, borderRadius: 999 }} />
+        <div className="ls" style={{ background: "#8B5CF6", borderRadius: 999 }} />
        OT 1척식
      </div>
      <div className="li">
-        <div className="ls" style={{ background: LEGACY_CODE_COLORS_HEX.PS, borderRadius: 999 }} />
+        <div className="ls" style={{ background: "#EF4444", borderRadius: 999 }} />
        PS 위망
      </div>
      <div className="li">
-        <div className="ls" style={{ background: LEGACY_CODE_COLORS_HEX.FC, borderRadius: 999 }} />
+        <div className="ls" style={{ background: "#F59E0B", borderRadius: 999 }} />
        FC 운반선
      </div>
-      <div className="li">
-        <div className="ls" style={{ background: LEGACY_CODE_COLORS_HEX.C21, borderRadius: 999 }} />
-        C21
-      </div>

      <div className="lt" style={{ marginTop: 8 }}>
        밀도(3D)
@ -75,40 +66,25 @@ export function MapLegend() {
        연결선
      </div>
      <div className="li">
-        <div style={{ width: 20, height: 2, background: rgba(OVERLAY_RGB.pairNormal, 0.35), borderRadius: 1 }} />
+        <div style={{ width: 20, height: 2, background: "rgba(59,130,246,.35)", borderRadius: 1 }} />
        PT↔PT-S 쌍 (정상)
      </div>
      <div className="li">
-        <div style={{ width: 14, height: 14, borderRadius: "50%", border: `1px solid ${rgba(OVERLAY_RGB.pairNormal, 0.6)}` }} />
+        <div style={{ width: 14, height: 14, borderRadius: "50%", border: "1px solid rgba(59,130,246,.6)" }} />
        쌍 연결범위
      </div>
      <div className="li">
-        <div style={{ width: 20, height: 2, background: rgbToHex(OVERLAY_RGB.pairWarn), borderRadius: 1 }} />
+        <div style={{ width: 20, height: 2, background: "#F59E0B", borderRadius: 1 }} />
        쌍 이격 경고 (&gt;3NM)
      </div>
      <div className="li">
-        <div style={{ width: 20, height: 2, background: rgbToHex(OVERLAY_RGB.fcTransfer), borderRadius: 1 }} />
+        <div style={{ width: 20, height: 2, background: "#D97706", borderRadius: 1 }} />
        FC 환적 연결 (dashed)
      </div>
      <div className="li">
-        <div style={{ width: 14, height: 14, borderRadius: "50%", border: `1px solid ${rgba(OVERLAY_RGB.fleetRange, 0.75)}`, opacity: 0.8 }} />
+        <div style={{ width: 14, height: 14, borderRadius: "50%", border: "1px solid rgba(245,158,11,.55)", opacity: 0.7 }} />
        선단 범위
      </div>
-      <div className="li">
-        <div style={{ width: 20, height: 2, background: rgbToHex(OVERLAY_RGB.suspicious), borderRadius: 1 }} />
-        FC 환적 연결 (의심)
-      </div>
-      <div className="li">
-        <div
-          style={{
-            width: 20,
-            height: 2,
-            borderRadius: 1,
-            background: "repeating-linear-gradient(to right, rgba(226,232,240,0.55), rgba(226,232,240,0.55) 4px, rgba(0,0,0,0) 4px, rgba(0,0,0,0) 7px)",
-          }}
-        />
-        예측 벡터 (15분)
-      </div>
    </div>
  );
 }
--- a/apps/web/src/widgets/map3d/Map3D.tsx
+++ b/apps/web/src/widgets/map3d/Map3D.tsx
--- a/apps/web/src/widgets/relations/RelationsPanel.tsx
+++ b/apps/web/src/widgets/relations/RelationsPanel.tsx
@ -2,7 +2,6 @@ import { useMemo, type MouseEvent } from "react";
 import { VESSEL_TYPES } from "../../entities/vessel/model/meta";
 import type { DerivedLegacyVessel } from "../../features/legacyDashboard/model/types";
 import { haversineNm } from "../../shared/lib/geo/haversineNm";
-import { OVERLAY_RGB, rgbToHex, rgba } from "../../shared/lib/map/palette";

 type FleetSortMode = "count" | "range";

@ -162,8 +161,8 @@ export function RelationsPanel({
                    <span
                      className="rel-dist"
                      style={{
-                        background: warn ? rgba(OVERLAY_RGB.pairWarn, 0.13) : "#22C55E22",
-                        color: warn ? rgbToHex(OVERLAY_RGB.pairWarn) : "#22C55E",
+                        background: warn ? "#F59E0B22" : "#22C55E22",
+                        color: warn ? "#F59E0B" : "#22C55E",
                      }}
                    >
                      {dist.toFixed(2)}NM
@ -198,7 +197,7 @@ export function RelationsPanel({
                  >
                    {fc.permitNo}
                  </span>
-                  <span className="rel-dist" style={{ background: rgba(OVERLAY_RGB.fcTransfer, 0.13), color: rgbToHex(OVERLAY_RGB.fcTransfer) }}>
+                  <span className="rel-dist" style={{ background: "#D9770622", color: "#D97706" }}>
                    {dist.toFixed(1)}NM
                  </span>
                  {isSameOwner ? (
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,15 +1,12 @@
 {
  "name": "wing-fleet-dashboard",
  "private": true,
-  "workspaces": ["apps/*"],
+  "packageManager": "pnpm@10.29.3",
  "scripts": {
-    "dev": "npm run dev:web & npm run dev:api",
-    "dev:web": "npm -w @wing/web run dev",
-    "dev:api": "npm -w @wing/api run dev",
-    "build": "npm -w @wing/web run build && npm -w @wing/api run build",
-    "build:web": "npm -w @wing/web run build",
-    "build:api": "npm -w @wing/api run build",
-    "lint": "npm -w @wing/web run lint",
+    "dev": "pnpm -r --parallel dev",
+    "dev:web": "pnpm --filter @wing/web dev",
+    "dev:api": "pnpm --filter @wing/api dev",
+    "build": "pnpm -r build",
    "prepare:data": "node scripts/prepare-zones.mjs && node scripts/prepare-legacy.mjs"
  },
  "devDependencies": {
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@ -0,0 +1,4 @@
+packages:
+  - "apps/*"
+  - "packages/*"
+